:root{--bg:#050b13;--card:#0b1624;--card2:#0d1a2a;--text:#eef7ff;--muted:#91a4b8;--primary:#4bd7ff;--mint:#89ffc0;--border:rgba(157,190,217,.17);--warning:#ffc86b;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 4%,rgba(36,137,202,.2),transparent 34rem),radial-gradient(circle at 8% 44%,rgba(38,151,115,.1),transparent 28rem),linear-gradient(115deg,transparent 0 49.85%,rgba(75,215,255,.035) 50%,transparent 50.15%) 0 0/96px 96px,var(--bg);color:var(--text);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:rgba(5,11,19,.84);backdrop-filter:blur(18px)}.header-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.08rem;font-weight:850;letter-spacing:-.02em}.brand svg{width:40px;height:40px}.main-nav{display:flex;align-items:center;gap:26px;margin-left:auto;color:var(--muted);font-size:.88rem;font-weight:650}.main-nav a,.footer-inner a{transition:.2s}.main-nav a:hover,.footer-inner a:hover{color:var(--primary)}.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:#0b1624;padding:10px}.menu-toggle span{display:block;height:2px;margin:4px;background:var(--text)}
.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:760;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--primary),var(--mint));color:#031018}.button-ghost{border-color:rgba(75,215,255,.3);background:rgba(75,215,255,.06);color:var(--text)}.button-secondary{background:#112235}.header-email{min-height:40px;padding:8px 15px}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;padding-top:64px;padding-bottom:58px}.hero:before{position:absolute;z-index:-1;inset:0 -18vw auto 36%;height:33rem;content:"";opacity:.34;background:linear-gradient(90deg,transparent 49.7%,rgba(137,255,192,.28) 50%,transparent 50.3%) center/9rem 100%,repeating-linear-gradient(90deg,transparent 0 3.9rem,rgba(75,215,255,.12) 4rem 4.05rem),repeating-linear-gradient(0deg,transparent 0 4.9rem,rgba(75,215,255,.09) 5rem 5.05rem);mask-image:linear-gradient(to bottom,#000,transparent 86%);transform:perspective(44rem) rotateX(64deg) translateY(5rem);transform-origin:top center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(75,215,255,.3);border-radius:50%;background:rgba(75,215,255,.1);font-size:1.2rem}.hero h1{margin:0;font-size:clamp(2.7rem,6.5vw,5.35rem);line-height:.93;letter-spacing:-.06em}.hero h1 span{background:linear-gradient(90deg,var(--primary),var(--mint));background-clip:text;color:transparent}.hero-lead{max-width:650px;margin:24px 0 0;color:#b3c5d6;font-size:1.08rem;line-height:1.8}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid var(--border);border-radius:16px;background:rgba(7,17,29,.78);overflow:hidden}.hero-points span{min-height:78px;display:grid;place-items:center;padding:14px;text-align:center;font-size:.86rem;font-weight:700}.hero-points span+span{border-left:1px solid var(--border)}.hero-image{position:relative;min-height:520px;margin:0;overflow:hidden;border:1px solid rgba(75,215,255,.2);border-radius:30px;background:#071321;box-shadow:var(--shadow)}.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.hero-image:hover>img{transform:scale(1.025)}.hero-image:after{position:absolute;inset:0;content:"";background:linear-gradient(to top,#030910,transparent 55%,rgba(6,17,29,.2));pointer-events:none}.image-chip{position:absolute;z-index:2;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(6,17,29,.8);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.image-chip i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.hero-image figcaption{position:absolute;z-index:2;inset:auto 16px 16px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(6,17,29,.84);backdrop-filter:blur(14px)}.hero-image figcaption span{padding:13px 8px;text-align:center;font-size:.82rem;font-weight:700}.hero-image figcaption span+span{border-left:1px solid rgba(255,255,255,.1)}
.section{padding-block:70px}.installation-section{border-block:1px solid rgba(255,255,255,.06);background:linear-gradient(105deg,rgba(75,215,255,.045),transparent 42%),radial-gradient(circle at 88% 12%,rgba(137,255,192,.07),transparent 24rem),rgba(4,11,19,.58)}.section-heading{margin-bottom:26px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-kicker{margin:0;color:var(--muted);font-size:.82rem;font-weight:750;letter-spacing:.04em}.section h2,.section-heading h2{margin:6px 0 0;font-size:clamp(2rem,4vw,2.65rem);line-height:1.15;letter-spacing:-.045em}.section-heading>div>p:last-child{max-width:760px;margin:12px 0 0;color:var(--muted)}.panel{border:1px solid var(--border);border-radius:28px;background:rgba(11,22,36,.88);box-shadow:var(--shadow)}
.brand-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-tab{min-height:62px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(11,22,36,.72);color:var(--text);text-align:left;font-weight:750;cursor:pointer;transition:.2s}.brand-tab:hover,.brand-tab.active{border-color:rgba(75,215,255,.6);background:rgba(75,215,255,.1);color:var(--primary);box-shadow:inset 0 -2px var(--primary)}.guide-layout{display:grid;grid-template-columns:.36fr .64fr;gap:20px;margin-top:20px}.model-panel{padding:20px}.model-intro{padding:2px 8px 18px}.model-intro small{color:var(--primary);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.model-intro p{margin:8px 0 0;color:var(--muted);font-size:.88rem}.model-buttons{display:grid;gap:9px}.model-button{min-height:90px;display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.018);color:var(--text);text-align:left;cursor:pointer;transition:.2s}.model-button:before{content:"⌁";display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:rgba(75,215,255,.1);color:var(--primary);font-size:1.3rem}.model-button b,.model-button small{display:block}.model-button small{color:var(--muted)}.model-button:hover,.model-button.active{border-color:rgba(75,215,255,.6);background:rgba(75,215,255,.08);box-shadow:inset 3px 0 var(--primary)}.model-button.active:before{background:var(--primary);color:#031018}.add-model{display:block;margin-top:15px;padding:11px;border:1px dashed rgba(75,215,255,.35);border-radius:12px;color:var(--primary);text-align:center;font-size:.88rem;font-weight:700}.guide-panel{overflow:hidden}.guide-header{padding:28px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(75,215,255,.1),transparent)}.guide-meta{display:flex;align-items:center;gap:9px}.guide-meta span{padding:3px 9px;border-radius:99px;background:rgba(137,255,192,.11);color:var(--mint);font-size:.75rem;font-weight:750}.guide-meta span.request{background:rgba(255,200,107,.1);color:var(--warning)}.guide-meta small{color:var(--muted)}.guide-header h3{margin:10px 0 0;font-size:1.85rem;line-height:1.2;letter-spacing:-.035em}.guide-header p{margin:10px 0 0;color:#b9cad9}.guide-body{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;padding:26px}.video-placeholder{aspect-ratio:16/9;display:grid;place-items:center;border:1px solid var(--border);border-radius:18px;background:#06101a;text-align:center}.video-placeholder span{display:grid;place-items:center;width:64px;height:64px;margin:auto;border:1px solid rgba(75,215,255,.3);border-radius:50%;background:rgba(75,215,255,.1);color:var(--primary);font-size:1.5rem}.video-placeholder strong,.video-placeholder small{display:block}.video-placeholder strong{margin-top:12px}.video-placeholder small{color:var(--muted)}.subhead{margin:20px 0 10px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-grid figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#071321}.photo-grid img{aspect-ratio:16/10;width:100%;object-fit:cover}.photo-grid figcaption{padding:10px 12px;color:var(--muted);font-size:.78rem}.empty-media{display:grid;place-items:center;min-height:150px;padding:18px;border:1px dashed rgba(75,215,255,.25);border-radius:16px;background:rgba(75,215,255,.025);color:var(--muted);text-align:center;font-size:.8rem}.guide-details{display:grid;gap:14px;align-content:start}.guide-details section{padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.02)}.guide-details h4{margin:0}.guide-details p{margin:8px 0 0;color:var(--muted);font-size:.87rem}.guide-details ol{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none;counter-reset:guide}.guide-details li{display:flex;gap:10px;color:#cbd9e5;font-size:.83rem}.guide-details li:before{counter-increment:guide;content:counter(guide);display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:7px;background:rgba(75,215,255,.1);color:var(--primary);font-size:.72rem;font-weight:800}.pdf-link{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;margin-top:10px;padding:11px;border:1px solid var(--border);border-radius:12px;background:#071321}.pdf-link span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:rgba(75,215,255,.1);color:var(--primary);font-size:.7rem;font-weight:850}.pdf-link b{font-size:.82rem}.pdf-link small{color:var(--muted);font-size:.72rem}.safety{padding:13px!important;border:1px solid rgba(255,200,107,.2)!important;border-radius:12px;background:rgba(255,200,107,.045)!important;color:#ffd58d!important;font-size:.72rem!important}
.diagnosis-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.diagnosis-panel{padding:28px}.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:24px}.issue-button{min-height:126px;padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;cursor:pointer;transition:.2s}.issue-button:hover{transform:translateY(-2px);border-color:rgba(75,215,255,.45)}.issue-button.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--mint));color:#04121b}.issue-button i{display:block;margin-bottom:28px;font-style:normal;font-size:1.15rem}.issue-button b,.issue-button small{display:block}.issue-button b{font-size:.86rem}.issue-button small{color:var(--muted)}.issue-button.active small{color:rgba(4,18,27,.65)}.solution-box{margin-top:20px;padding:20px;border:1px solid rgba(137,255,192,.25);border-radius:16px;background:rgba(40,126,99,.1)}.solution-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.solution-title h3{margin:0;font-size:1rem}.small-button{padding:6px 10px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--text);cursor:pointer}.solution-box ol{margin:14px 0 0;padding-left:22px;color:#c9d8e5;font-size:.88rem}.solution-box li+li{margin-top:7px}.support-panel{display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:linear-gradient(135deg,#0d1b2b,#08121d)}.support-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:26px;border:1px solid rgba(75,215,255,.25);border-radius:15px;background:rgba(75,215,255,.1);color:var(--primary);font-weight:900}.support-panel>div>p:not(.section-kicker){color:var(--muted)}.support-panel ol{margin:26px 0 0;padding:0;list-style:none}.support-panel li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--border);font-size:.87rem}.support-panel li b{color:var(--mint)}.button-stack{display:grid;gap:10px;margin-top:28px}.faq-list{display:grid;gap:10px;margin-top:25px}.faq-list details{padding:0 20px;border:1px solid var(--border);border-radius:16px;background:rgba(11,22,36,.68)}.faq-list summary{display:flex;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;font-weight:750;list-style:none}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list summary span{transition:.2s}.faq-list details p{max-width:1000px;margin:0;padding:0 0 18px;color:var(--muted)}
.ticket-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px}.ticket-copy,.ticket-form{padding:30px}.ticket-copy>p:not(.section-kicker){color:var(--muted)}.ticket-copy a{color:var(--primary);font-weight:700}.attachment-card{margin-top:28px;padding:20px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.attachment-card ul{margin-bottom:0;padding-left:20px;color:var(--muted);font-size:.88rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:.83rem;font-weight:720}.form-grid .wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;background:#071321;color:var(--text);outline:none;padding:11px 12px}input,select{min-height:46px}textarea{min-height:112px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(75,215,255,.1)}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ticket-form pre{white-space:pre-wrap;margin:18px 0 0;padding:18px;border:1px dashed rgba(75,215,255,.4);border-radius:16px;background:rgba(75,215,255,.055);color:#cbe8f7;font:13px/1.65 inherit}.safety-inline{margin:14px 0 0;color:var(--warning);font-size:.75rem}
footer{margin-top:40px;border-top:1px solid var(--border)}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner>div{text-align:right;color:var(--muted);font-size:.85rem}.footer-inner p{margin:4px 0 0}.footer-meta{display:grid;justify-items:end;gap:4px}.footer-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;color:var(--text);font-weight:720}.footer-links span{color:#52677a}.footer-links a:hover,.footer-links a[aria-current=page]{color:var(--primary)}.footer-email{color:var(--muted)}
.toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:min(90vw,520px);padding:11px 16px;border:1px solid var(--border);border-radius:12px;background:#102134;color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translate(-50%,15px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:44px}.hero-image{min-height:430px}.guide-layout,.diagnosis-layout,.ticket-layout{grid-template-columns:1fr}.guide-body{grid-template-columns:1fr 1fr}.support-panel{min-height:460px}.main-nav{gap:15px}.header-email{display:none}}
@media(max-width:720px){.header-inner{height:64px}.menu-toggle{display:block}.main-nav{position:absolute;inset:64px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 16px 16px;border-bottom:1px solid var(--border);background:rgba(5,11,19,.97)}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{padding-top:32px}.hero:before{inset:15rem -45vw auto 10%;opacity:.22}.hero-image{min-height:360px}.hero-points span{min-height:68px;padding:10px;font-size:.75rem}.section{padding-block:52px}.split-heading{align-items:stretch;flex-direction:column}.brand-tabs{grid-template-columns:1fr 1fr}.guide-body{grid-template-columns:1fr;padding:18px}.guide-header{padding:22px}.issue-grid{grid-template-columns:1fr 1fr}.ticket-copy,.ticket-form,.diagnosis-panel,.support-panel{padding:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column;padding-block:30px}.footer-inner>div{text-align:left}.footer-meta{justify-items:start}.footer-links{justify-content:flex-start}}
@media(max-width:430px){.shell{width:min(100% - 24px,1180px)}.hero h1{font-size:2.45rem}.hero-image{min-height:315px}.brand-tabs{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr}.empty-media{min-height:100px}.issue-grid{grid-template-columns:1fr}.issue-button{min-height:100px}.issue-button i{margin-bottom:18px}.hero-points{grid-template-columns:1fr}.hero-points span+span{border-left:0;border-top:1px solid var(--border)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Interaction and mobile stability fixes */
html,body{width:100%;max-width:100%;overflow-x:hidden}html.modal-open{overflow:hidden;overscroll-behavior:none}button{touch-action:manipulation}.brand-tabs,.model-buttons,.issue-grid{position:relative;z-index:3}.brand-tab,.model-button,.issue-button{position:relative;z-index:1;pointer-events:auto;user-select:none}.brand-tab{display:flex;align-items:center;gap:9px}.brand-tab b{font:inherit}.video-placeholder{overflow:hidden}.video-placeholder.has-video{display:block}.video-placeholder iframe{display:block;width:100%;height:100%;border:0}.photo-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:var(--text);cursor:zoom-in;overflow:hidden}.photo-zoom img{transition:transform .3s,filter .3s}.photo-zoom:hover img,.photo-zoom:focus-visible img{transform:scale(1.035);filter:brightness(.82)}.photo-zoom span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(3,10,17,.82);font-size:.72rem;font-weight:750;opacity:0;transform:translateY(5px);transition:.2s}.photo-zoom:hover span,.photo-zoom:focus-visible span{opacity:1;transform:none}.modal,.image-dialog{position:fixed;inset:0;max-height:calc(100dvh - 24px);margin:auto;overflow:auto}.modal[open],.image-dialog[open]{display:block}.image-dialog{width:min(1080px,calc(100% - 24px));padding:0;border:1px solid var(--border);border-radius:22px;background:#03080e;color:var(--text);box-shadow:var(--shadow)}.image-dialog::backdrop{background:rgba(1,4,8,.9);backdrop-filter:blur(6px)}.image-dialog-card{position:relative;padding:14px}.image-dialog-card img{width:100%;max-height:calc(100dvh - 105px);object-fit:contain;border-radius:14px}.image-dialog-card p{margin:10px 4px 2px;color:var(--muted);text-align:center}.dialog-close{position:sticky;z-index:4;top:0;float:right;width:44px;height:44px;margin:0 0 -44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(3,10,17,.86);color:white;font-size:1.8rem;line-height:1;cursor:pointer}.modal-card{max-height:calc(100dvh - 26px);overflow:auto;overscroll-behavior:contain}.modal-head button,.dialog-close{touch-action:manipulation}

@media(max-width:720px){body{min-width:0}.site-header{position:fixed;inset:0 0 auto}.site-header+main,main#top{padding-top:64px}.main-nav{max-height:calc(100dvh - 64px);overflow-y:auto}.brand-tabs{position:sticky;top:72px;z-index:15;padding:8px;border:1px solid var(--border);border-radius:16px;background:rgba(5,11,19,.96);backdrop-filter:blur(16px)}.brand-tab{min-height:54px}.guide-layout{min-width:0}.guide-panel,.guide-body,.model-panel{min-width:0}.video-placeholder iframe{min-height:210px}.photo-zoom span{opacity:1;transform:none}.modal{top:70px;bottom:10px;max-height:calc(100dvh - 80px);margin:0 auto}.modal-card{max-height:calc(100dvh - 82px);padding:20px}.image-dialog{top:10px;bottom:10px;max-height:calc(100dvh - 20px);margin:auto}.image-dialog-card{min-height:100%;display:flex;flex-direction:column;justify-content:center}.image-dialog-card img{max-height:calc(100dvh - 92px)}.form-actions .button{flex:1 1 150px}}
.photo-grid{grid-template-columns:minmax(0,1fr)}

/* Backend-powered guide media */
.video-placeholder video{display:block;width:100%;height:100%;aspect-ratio:16/9;background:#02070c;object-fit:contain}

/* Brand identity and multi-attachment experience */
.brand-badge{--brand-color:#315d7b;display:grid;place-items:center;flex:0 0 48px;width:48px;height:34px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--brand-color) 72%,white 12%);border-radius:10px;background:color-mix(in srgb,var(--brand-color) 25%,transparent);color:#fff;font-size:.63rem;font-weight:900;letter-spacing:-.02em;line-height:1;text-align:center}.brand-badge.compact{flex-basis:42px;width:42px;height:30px}.brand-badge.image{padding:4px;background:#fff;border-color:rgba(255,255,255,.25)}.brand-badge img{display:block;width:100%;height:100%;object-fit:contain}.model-button:before{display:none}.model-button.active .brand-badge{box-shadow:0 0 0 2px rgba(75,215,255,.26)}
.upload-field{padding:14px;border:1px dashed rgba(75,215,255,.35);border-radius:14px;background:rgba(75,215,255,.035)}.upload-field>span:first-child{font-weight:800}.upload-field>small{display:block;margin:4px 0 10px;color:var(--muted);font-weight:400;line-height:1.5}.upload-field input[type=file]{padding:9px;background:rgba(5,12,21,.7);cursor:pointer}.attachment-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.attachment-preview:empty{display:none}.attachment-preview-item{min-width:0;padding:6px;border:1px solid var(--border);border-radius:10px;background:#071321}.attachment-preview-item img,.attachment-preview-item video{display:block;width:100%;aspect-ratio:16/10;border-radius:7px;background:#02070c;object-fit:cover}.attachment-preview-item b,.attachment-preview-item small{display:block;overflow:hidden;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.attachment-preview-item small{margin-top:2px;color:var(--muted)}.file-error{grid-column:1/-1;padding:9px;border-radius:8px;background:rgba(255,93,103,.1);color:#ff9ba1;font-size:.78rem}
@media(max-width:600px){.attachment-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-badge{flex-basis:42px;width:42px}}

/* Clean brand marks */
.brand-badge,.brand-badge.compact,.brand-badge.image{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:36px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-badge.compact{flex-basis:46px;width:46px;height:31px}
.brand-badge img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none}
.model-button.active .brand-badge{box-shadow:none}
@media(max-width:720px){.brand-badge,.brand-badge.compact{flex-basis:43px;width:43px;height:29px}}

/* v1.4 integrated live support */
.live-chat-launcher{position:fixed;z-index:80;right:22px;bottom:22px;min-width:210px;height:58px;padding:0 16px 0 10px;border:1px solid rgba(75,215,255,.38);border-radius:18px;background:linear-gradient(135deg,#0b1c2f,#102c48);color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.38);display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:.2s}.live-chat-launcher:hover{transform:translateY(-2px);border-color:rgba(75,215,255,.7)}.live-chat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--primary),#2589ff)}.live-chat-icon svg{width:23px;height:23px;fill:none;stroke:#03101a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-chat-launcher b,.live-chat-launcher small{display:block}.live-chat-launcher b{font-size:.8rem}.live-chat-launcher small{margin-top:3px;color:#9fb6c9;font-size:.65rem}.live-chat-panel{position:fixed;z-index:90;right:22px;bottom:92px;width:min(390px,calc(100vw - 24px));height:min(620px,calc(100dvh - 118px));overflow:hidden;border:1px solid rgba(75,215,255,.24);border-radius:22px;background:#07111d;color:var(--text);box-shadow:0 28px 80px rgba(0,0,0,.55)}.live-chat-panel[hidden]{display:none}.live-chat-panel>header{height:70px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0c2137,#10314e)}.live-chat-panel>header>div{display:flex;align-items:center;gap:10px}.live-chat-panel>header span span{display:block}.live-chat-panel>header b,.live-chat-panel>header small{display:block}.live-chat-panel>header b{font-size:.88rem}.live-chat-panel>header small{margin-top:3px;color:#9db4c8;font-size:.65rem}.live-chat-panel>header button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:#b8c8d6;font-size:1.35rem;cursor:pointer}.chat-online-dot{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(137,255,192,.1)}.chat-online-dot.offline{background:#8090a0;box-shadow:none}.live-chat-prechat{padding:25px 22px}.live-chat-prechat h3{margin:0;font-size:1.25rem}.live-chat-prechat>p{margin:8px 0 20px;color:var(--muted);font-size:.78rem;line-height:1.6}.live-chat-prechat form{display:grid;gap:13px}.live-chat-prechat label{display:grid;gap:7px;color:#bfd0df;font-size:.72rem;font-weight:750}.live-chat-prechat input{height:44px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#0b1a2b;color:#fff;padding:0 12px;outline:0}.live-chat-prechat input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(75,215,255,.08)}.live-chat-prechat .button{width:100%;margin-top:3px}.live-chat-prechat>small{display:block;margin-top:16px;color:#708498;font-size:.61rem;line-height:1.5}.live-chat-session{height:calc(100% - 70px);display:flex;flex-direction:column}.chat-queue-banner{min-height:37px;padding:10px 14px;text-align:center;font-size:.68rem;font-weight:800}.chat-queue-banner.waiting{background:rgba(255,200,107,.1);color:var(--warning)}.chat-queue-banner.active{background:rgba(137,255,192,.08);color:var(--mint)}.chat-queue-banner.closed{background:rgba(255,255,255,.05);color:var(--muted)}.live-chat-messages{flex:1;min-height:0;padding:15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(75,215,255,.42) transparent}.live-chat-message{display:flex;margin:9px 0}.live-chat-message>div{max-width:82%;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:4px 13px 13px;background:#0c1b2c}.live-chat-message.visitor{justify-content:flex-end}.live-chat-message.visitor>div{border-color:rgba(75,215,255,.33);border-radius:13px 4px 13px 13px;background:#123451}.live-chat-message.system{justify-content:center}.live-chat-message.system>div{border:0;background:transparent;color:var(--muted);font-size:.65rem;text-align:center}.live-chat-message p{margin:0;white-space:pre-wrap;font-size:.75rem;line-height:1.58}.live-chat-message time{display:block;margin-top:5px;color:#758a9e;font-size:.56rem}.live-chat-attachment{display:block;margin-top:7px;color:var(--primary);font-size:.68rem;font-weight:750}.live-chat-attachment.image img{display:block;max-width:220px;max-height:165px;margin-bottom:5px;border-radius:9px;object-fit:cover}.live-chat-typing{height:24px;padding:3px 15px;color:#91a5b7;font-size:.63rem}.live-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) 38px 40px;gap:7px;padding:10px 11px;border-top:1px solid rgba(255,255,255,.08);background:#091522}.live-chat-compose textarea{height:42px;padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0d1e30;color:#fff;outline:0;resize:none}.live-chat-compose textarea:focus{border-color:var(--primary)}.live-chat-attach,.live-chat-compose button{height:40px;display:grid;place-items:center;border:1px solid rgba(75,215,255,.2);border-radius:10px;background:#10273d;color:var(--primary);font-size:1.1rem;cursor:pointer}.live-chat-attach input{display:none}.live-chat-compose button{border:0;background:var(--primary);color:#04121b}.live-chat-file{min-height:17px;padding:0 13px 5px;background:#091522;color:#8297a9;font-size:.58rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-end{height:28px;border:0;border-top:1px solid rgba(255,255,255,.06);background:#091522;color:#7f93a5;font-size:.61rem;cursor:pointer}.live-chat-end:hover{color:#ff9c9c}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:600px){.live-chat-launcher{right:12px;bottom:12px;min-width:0;width:56px;height:56px;padding:8px;border-radius:17px}.live-chat-launcher>span:last-child{display:none}.live-chat-icon{width:40px;height:40px}.live-chat-panel{inset:auto 10px 78px 10px;width:auto;height:min(650px,calc(100dvh - 92px));border-radius:20px}.live-chat-prechat{padding:22px 18px}.live-chat-message>div{max-width:88%}}

/* Refined controls and scrollbars */
html{scrollbar-width:thin;scrollbar-color:rgba(75,215,255,.45) transparent}
*{scrollbar-width:thin;scrollbar-color:rgba(111,153,184,.55) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(111,153,184,.58);background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(75,215,255,.72);background-clip:padding-box}
select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2391a4b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}

/* v1.0.3 live support readability and adaptive composer */
.live-chat-launcher b{font-size:.9rem}.live-chat-launcher small{font-size:.72rem}
.live-chat-panel>header b{font-size:1rem}.live-chat-panel>header small{font-size:.72rem}
.live-chat-prechat h3{font-size:1.32rem}.live-chat-prechat>p{font-size:.88rem}.live-chat-prechat label{font-size:.82rem}.live-chat-prechat>small{font-size:.7rem}
.chat-queue-banner{font-size:.76rem}.live-chat-message p{font-size:.86rem}.live-chat-message time{font-size:.65rem}.live-chat-message.system>div{font-size:.72rem}.live-chat-attachment{font-size:.78rem}.live-chat-typing{font-size:.72rem}
.live-chat-compose{align-items:end}.live-chat-compose textarea{height:auto;min-height:42px;max-height:118px;overflow-y:hidden;resize:none;font-size:.88rem;line-height:1.45}
.live-chat-file{min-height:38px;padding:5px 11px 7px;display:flex;align-items:center;gap:8px;background:#091522;color:#b8c9d8;font-size:.74rem;overflow:visible;white-space:normal}.live-chat-file[hidden]{display:none}.live-chat-file span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-file button{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px;border:1px solid rgba(255,124,132,.28);border-radius:8px;background:rgba(255,93,103,.08);color:#ff9ba1;font-size:1rem;cursor:pointer}.live-chat-file button:hover{background:rgba(255,93,103,.16)}
.live-chat-end{height:32px;font-size:.7rem}

/* v1.0.3 adaptive chat window and multi-attachment list */
@media(min-width:721px){.live-chat-panel{width:min(720px,calc(50vw - 22px));min-width:520px;height:min(760px,calc(100dvh - 118px))}}
#liveChatFileName{min-width:0;display:flex;flex:1;flex-wrap:wrap;gap:6px;overflow:visible;white-space:normal}.live-chat-file-item{max-width:100%;height:30px;padding:0 4px 0 9px;display:flex!important;align-items:center;gap:5px;border:1px solid rgba(75,215,255,.18);border-radius:8px;background:#0d1e30}.live-chat-file-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat-file-item button{width:22px!important;height:22px!important;flex:0 0 22px!important;border:0!important;border-radius:6px!important;background:rgba(255,93,103,.12)!important;color:#ff9ba1!important;font-size:.9rem!important}.live-chat-file>#removeLiveChatFile{width:44px;height:28px;flex:0 0 44px;font-size:.68rem}
@media(max-width:720px){#liveChatFileName{display:grid;grid-template-columns:1fr}.live-chat-file-item{max-width:none}}

/* v1.0.3 support window controls, navigation and mobile prompt */
.nav-support-link{height:36px;padding:0 13px;border:1px solid rgba(75,215,255,.34);border-radius:10px;background:rgba(75,215,255,.08);color:var(--primary);font-size:.86rem;font-weight:800;cursor:pointer}.nav-support-link:hover{border-color:rgba(75,215,255,.65);background:rgba(75,215,255,.14)}
.live-chat-window-actions{display:flex!important;align-items:center;gap:6px!important}.live-chat-window-actions button{display:grid;place-items:center}.live-chat-panel.is-expanded{inset:0!important;width:100vw!important;min-width:0!important;height:100dvh!important;max-height:none!important;border:0;border-radius:0}.live-chat-panel.is-expanded .live-chat-message>div{max-width:min(72%,760px)}html.live-chat-expanded,html.live-chat-expanded body{overflow:hidden;overscroll-behavior:none}
.live-chat-nudge{position:fixed;z-index:79;right:76px;bottom:19px;max-width:230px;padding:11px 14px;border:1px solid rgba(75,215,255,.38);border-radius:13px;background:#0e2439;color:#eaf7ff;box-shadow:0 14px 36px rgba(0,0,0,.36);font-size:.78rem;font-weight:750;opacity:0;pointer-events:none;transform:translateX(8px);transition:.18s}.live-chat-nudge.show{opacity:1;transform:none}.live-chat-nudge span{margin-left:5px;color:var(--primary);font-size:1rem}
@media(min-width:721px){.live-chat-panel:not(.is-expanded){width:min(390px,calc(100vw - 44px));min-width:0;height:min(620px,calc(100dvh - 118px))}.live-chat-nudge{display:none!important}}
@media(max-width:720px){.nav-support-link{width:100%;height:44px;margin-top:7px;text-align:center}.live-chat-panel:not(.is-expanded){inset:auto 10px 78px 10px;width:auto;min-width:0;height:min(510px,calc(100dvh - 124px));border-radius:18px}.live-chat-panel.is-expanded .live-chat-message>div{max-width:88%}.live-chat-nudge{right:76px;bottom:17px;display:block}.live-chat-window-actions button{width:36px!important;height:36px!important}}

/* v1.0.3 fixed desktop navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:70}.site-header+main,main#top{padding-top:72px}.section[id]{scroll-margin-top:88px}
@media(max-width:720px){.site-header+main,main#top{padding-top:64px}.section[id]{scroll-margin-top:76px}}

/* v1.0.5 issue-specific troubleshooting video */
.issue-video-block{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09)}.issue-video-block[hidden]{display:none}.issue-video-block h4{margin:0 0 12px;color:#e8f4ff;font-size:1rem}.issue-video-container{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#02070c;box-shadow:0 16px 38px rgba(0,0,0,.22)}.issue-video-container video,.issue-video-container iframe{display:block;width:100%;aspect-ratio:16/9;max-height:540px;border:0;background:#02070c;object-fit:contain}

/* v1.0.7 legal pages */
.legal-page{background:radial-gradient(circle at 78% 8%,rgba(36,137,202,.18),transparent 32rem),var(--bg)}.legal-header{justify-content:space-between}.legal-main{padding-top:72px;padding-bottom:42px}.legal-hero{max-width:850px;margin:0 auto 28px;text-align:center}.legal-hero h1{margin:8px 0 0;font-size:clamp(2.65rem,7vw,5rem);line-height:1;letter-spacing:-.055em}.legal-hero>p:not(.section-kicker):not(.legal-updated){margin:14px auto 0;color:#b8c9d8}.legal-updated{display:inline-block;margin:20px 0 8px;padding:6px 12px;border:1px solid rgba(75,215,255,.24);border-radius:999px;background:rgba(75,215,255,.07);color:var(--primary);font-size:.8rem;font-weight:760}.legal-card{max-width:920px;margin:0 auto;padding:clamp(24px,5vw,54px);border:1px solid var(--border);border-radius:28px;background:rgba(11,22,36,.9);box-shadow:var(--shadow)}.legal-card section+section{margin-top:34px;padding-top:34px;border-top:1px solid var(--border)}.legal-card h2{margin:0 0 13px;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25;letter-spacing:-.025em}.legal-card h3{margin:22px 0 7px;color:#dff5ff;font-size:1rem}.legal-card p{margin:10px 0;color:#b8c9d8}.legal-card ul{display:grid;gap:5px;margin:10px 0;padding-left:22px;color:#c6d6e3}.legal-card a{color:var(--primary);font-weight:750}.legal-back{margin-left:auto}@media(max-width:720px){.legal-main{padding-top:44px}.legal-card{border-radius:20px}.legal-header .brand span{display:none}.legal-back{min-height:40px;padding:8px 12px}.legal-hero{text-align:left}.legal-hero>p:not(.section-kicker):not(.legal-updated){margin-left:0}.legal-card section+section{margin-top:28px;padding-top:28px}}