:root{--ink:#071019;--paper:#f3f1ea;--blue:#2d68ff;--cyan:#4ae4ff;--amber:#ffb347;--line:rgba(7,16,25,.14);--muted:#61707a;--radius:28px;--shell:min(1180px,calc(100vw - 48px));--mx:50vw;--my:30vh}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;color:#000;padding:.75rem 1rem}.skip-link:focus{top:1rem}.spotlight{position:fixed;z-index:20;inset:0;pointer-events:none;background:radial-gradient(420px at var(--mx) var(--my),rgba(74,228,255,.06),transparent 70%);mix-blend-mode:screen}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:.35s}.site-header.scrolled{background:rgba(7,16,25,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}.nav{height:56px;display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:17px;font-weight:850;letter-spacing:-.04em}.brand>span:last-child>span{color:var(--cyan);font-weight:650}.brand-mark{position:relative;width:30px;height:36px;border:2px solid currentColor;border-radius:9px;transform:rotate(12deg);display:inline-block;box-shadow:0 0 20px rgba(74,228,255,.15)}.brand-mark:before{content:"";position:absolute;left:8px;right:8px;top:3px;height:2px;background:currentColor;border-radius:9px}.brand-mark i:first-child{position:absolute;width:5px;height:5px;background:var(--cyan);border-radius:50%;left:5px;bottom:5px}.brand-mark i:last-child{position:absolute;width:5px;height:5px;background:var(--amber);border-radius:50%;right:5px;bottom:5px}.nav-links{display:flex;gap:36px}.nav-links a,.nav-call{color:rgba(255,255,255,.75);font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.04em}.nav-links a:hover{color:#fff}.nav-call{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:11px 16px;border-radius:999px}.nav-call svg{width:15px;fill:none;stroke:var(--cyan);stroke-width:1.8}.menu-button{display:none;background:none;border:0;width:42px;height:42px}.menu-button span{display:block;height:2px;background:white;margin:7px}.hero{height:min(900px,100svh);min-height:720px;position:relative;background:#071019;color:white;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url("assets/cell-tech-hero.png") 58% center/cover no-repeat;transform:scale(1.04);animation:hero-in 1.4s cubic-bezier(.2,.7,.2,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,14,.97) 0%,rgba(3,8,14,.86) 35%,rgba(3,8,14,.25) 62%,rgba(3,8,14,.18) 100%),linear-gradient(0deg,rgba(3,8,14,.68),transparent 55%)}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 60%)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,720px) 300px;gap:64px;align-items:end;padding-top:70px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#dce8ed}.eyebrow span{width:34px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero h1{font-size:clamp(58px,7.2vw,104px);line-height:.88;letter-spacing:-.075em;margin:28px 0 28px;max-width:820px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.68)}.hero-copy>p{max-width:570px;color:#b9c4ca;font-size:18px;line-height:1.6;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:54px;padding:0 24px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 16px 40px rgba(45,104,255,.3)}.button-primary:hover{background:#4077ff}.button-ghost{color:white;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.hero-proof{display:flex;gap:48px;margin-top:45px}.hero-proof div{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:2px solid var(--blue)}.hero-proof strong{font-size:13px}.hero-proof span{font-size:11px;color:#8998a0}.status-card{align-self:end;margin-bottom:18px;background:rgba(8,17,26,.72);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);border-radius:24px;padding:26px;transform-style:preserve-3d;box-shadow:0 35px 70px rgba(0,0,0,.36)}.status-top{display:flex;align-items:center;gap:10px;font-size:12px;color:#dbe5ea}.pulse{width:8px;height:8px;background:#49df9a;border-radius:50%;box-shadow:0 0 0 7px rgba(73,223,154,.1);animation:pulse 2s infinite}.status-time{font-size:22px;font-weight:780;letter-spacing:-.035em;margin-top:15px}.status-line{height:1px;background:rgba(255,255,255,.12);margin:20px 0}.status-card p{font-size:13px;line-height:1.55;color:#aab8bf;margin:0 0 20px}.status-card a{font-size:12px;font-weight:800;color:var(--cyan);text-decoration:none;display:flex;justify-content:space-between}.scroll-cue{position:absolute;left:50%;bottom:20px;z-index:3;transform:translateX(-50%);color:#7e8d95;text-decoration:none;font-size:9px;letter-spacing:.22em;font-weight:800;display:flex;align-items:center;gap:12px}.scroll-cue span{display:block;width:36px;height:1px;background:#68747a}.section{padding:130px 0}.section-head{display:grid;grid-template-columns:1.6fr .75fr;gap:80px;align-items:end;margin-bottom:60px}.kicker{display:block;color:var(--blue);margin-bottom:22px}.section h2{font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.065em;margin:0}.section-head>p{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 4px}.diagnostic{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#eae8e1;box-shadow:0 24px 80px rgba(7,16,25,.08)}.symptom-list{padding:18px}.symptom{width:100%;height:66px;border:0;border-bottom:1px solid rgba(7,16,25,.1);display:grid;grid-template-columns:40px 1fr auto;align-items:center;background:none;color:#52616a;text-align:left;font:700 15px inherit;padding:0 16px;cursor:pointer;transition:.25s}.symptom:last-child{border-bottom:0}.symptom span{font-size:10px;color:#9aa4aa}.symptom i{font-style:normal;opacity:0;transform:translate(-6px,6px);transition:.25s}.symptom:hover,.symptom.active{color:var(--ink);background:#fff;border-radius:12px;border-color:transparent;box-shadow:0 10px 25px rgba(7,16,25,.06)}.symptom.active i,.symptom:hover i{opacity:1;transform:none;color:var(--blue)}.diagnostic-panel{position:relative;background:var(--ink);color:white;min-height:430px;padding:60px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.panel-label{font-size:10px;color:var(--cyan);letter-spacing:.2em;font-weight:800}.diagnostic-panel h3{font-size:38px;line-height:1.03;letter-spacing:-.05em;margin:14px 0 18px;max-width:430px}.diagnostic-panel p{color:#9eabb2;line-height:1.65;font-size:14px;max-width:500px;margin:0}.text-link{color:white;text-decoration:none;font-size:12px;font-weight:800;margin-top:25px}.text-link span{color:var(--cyan);margin-left:10px}.scan-orbit{position:absolute;width:300px;height:300px;border:1px solid rgba(74,228,255,.13);border-radius:50%;right:-40px;top:-90px;animation:spin 20s linear infinite}.scan-orbit:before,.scan-orbit:after{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.scan-orbit:after{inset:72px}.phone-wire{position:absolute;left:105px;top:80px;width:88px;height:150px;border:2px solid rgba(74,228,255,.55);border-radius:18px;transform:rotate(-22deg);box-shadow:0 0 30px rgba(74,228,255,.12)}.phone-wire:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.phone-wire span{position:absolute;left:34px;top:6px;width:18px;height:3px;background:rgba(255,255,255,.35);border-radius:4px}.phone-wire i{position:absolute;left:50%;bottom:7px;width:5px;height:5px;background:var(--cyan);border-radius:50%}.repairs{background:#071019;color:white;position:relative}.repairs:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(45,104,255,.18),transparent 30%),radial-gradient(circle at 90% 70%,rgba(255,179,71,.08),transparent 28%)}.repairs .shell{position:relative}.section-head-light>p{color:#96a4aa}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:330px;border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:28px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;transition:.35s;position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(74,228,255,.12),transparent 68%);right:-70px;top:-70px;opacity:0;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:rgba(74,228,255,.32);background:rgba(255,255,255,.06)}.service-card:hover:after{opacity:1}.service-card.featured{background:var(--blue);border-color:var(--blue)}.service-card.wide{grid-column:span 2}.service-icon{font-size:26px;color:var(--cyan);height:54px}.service-card.featured .service-icon{color:white}.service-card small{color:#64737b;font-size:10px;letter-spacing:.2em}.service-card.featured small{color:rgba(255,255,255,.55)}.service-card h3{font-size:25px;letter-spacing:-.04em;margin:32px 0 12px}.service-card p{font-size:13px;color:#98a7ae;line-height:1.65;max-width:440px;margin:0}.service-card.featured p{color:rgba(255,255,255,.72)}.service-card b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:auto;padding-top:24px;color:#d7e0e4}.accessories{background:#e8e4da}.accessories-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.accessories-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin:30px 0}.button-dark{background:var(--ink);color:white}.accessories-stage{min-height:620px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.1fr .9fr;gap:14px;perspective:1000px}.product{border-radius:26px;padding:24px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 18px 50px rgba(7,16,25,.1);transition:.35s}.product:hover{transform:translateY(-6px) rotateX(2deg)}.product b{margin-top:auto;font-size:19px}.product small{margin-top:6px;opacity:.6}.product-case{background:#c7d6ff;color:#0c255c}.product-power{background:#ffca78;color:#3d2500}.product-glass{background:#e2fbff;color:#13424b}.product-sound{background:#171f2a;color:white}.product-shape{position:absolute;width:124px;height:230px;left:50%;top:43%;transform:translate(-50%,-50%) rotate(13deg);border:12px solid #254895;border-radius:30px;box-shadow:22px 28px 32px rgba(18,45,103,.2),inset 0 0 0 4px rgba(255,255,255,.4)}.product-shape:before{content:"";position:absolute;inset:3px;border:2px solid rgba(255,255,255,.55);border-radius:14px}.product-shape span{position:absolute;width:30px;height:30px;border-radius:50%;background:#0b1732;top:9px;left:9px;box-shadow:34px 0 0 #0b1732,0 34px 0 #0b1732}.cable-shape{position:absolute;width:170px;height:220px;border:12px solid rgba(101,54,0,.65);border-left-color:transparent;border-radius:50%;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-24deg)}.cable-shape:after{content:"";position:absolute;width:34px;height:60px;background:#57370c;border-radius:8px;right:-21px;top:12px;box-shadow:inset 0 12px #d5983e}.glass-shape{position:absolute;width:115px;height:218px;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.8);box-shadow:20px 28px 34px rgba(25,107,121,.18)}.glass-shape:after{content:"";position:absolute;inset:20px 12px;background:linear-gradient(155deg,transparent 45%,rgba(255,255,255,.6) 46%,transparent 48%)}.sound-shape{position:absolute;width:170px;height:170px;left:50%;top:43%;transform:translate(-50%,-50%);border:18px solid #526174;border-bottom-color:transparent;border-radius:50%}.sound-shape i{position:absolute;width:48px;height:82px;background:#2a3543;border-radius:24px;bottom:-45px;box-shadow:inset -8px 0 #66778c}.sound-shape i:first-child{left:-31px}.sound-shape i:last-child{right:-31px;transform:scaleX(-1)}.difference{background:var(--paper)}.difference-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}.difference-title .kicker{margin-top:10px}.difference-title h2{text-align:right}.difference-title em{font-style:normal;color:var(--blue)}.principles{border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:100px .8fr 1.2fr;gap:50px;align-items:start;padding:40px 0;border-bottom:1px solid var(--line)}.principle>span{font-size:11px;color:var(--blue);font-weight:800}.principle h3{font-size:24px;letter-spacing:-.04em;margin:0}.principle p{color:var(--muted);line-height:1.65;margin:0;max-width:560px}.visit{background:#0a1520;color:white;position:relative;overflow:hidden}.visit:before{content:"";position:absolute;width:700px;height:700px;left:-300px;bottom:-350px;border-radius:50%;background:radial-gradient(circle,rgba(45,104,255,.25),transparent 66%)}.visit-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;position:relative}.visit-main p{max-width:570px;color:#9facb2;line-height:1.7;margin:30px 0}.visit-actions{display:flex;gap:12px}.button-ghost-light{color:white;border:1px solid rgba(255,255,255,.16)}.visit-card{background:#f3f1ea;color:var(--ink);border-radius:30px;padding:18px;box-shadow:0 35px 80px rgba(0,0,0,.35);transform-style:preserve-3d}.map-art{height:270px;background:#dbe1dc;border-radius:18px;position:relative;overflow:hidden}.map-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 48%,rgba(37,68,82,.08) 49%,rgba(37,68,82,.08) 51%,transparent 52%);background-size:65px 65px}.road{position:absolute;background:#fff;box-shadow:0 0 0 1px rgba(7,16,25,.08)}.road-a{width:130%;height:24px;left:-15%;top:46%;transform:rotate(-8deg)}.road-b{width:24px;height:130%;left:62%;top:-15%;transform:rotate(18deg)}.road-c{width:90%;height:14px;left:-10%;top:72%;transform:rotate(14deg)}.map-art>b{position:absolute;left:24px;bottom:22px;font-size:9px;letter-spacing:.2em}.pin{position:absolute;left:58%;top:43%;width:48px;height:48px;background:var(--blue);border:7px solid #fff;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);box-shadow:0 10px 25px rgba(45,104,255,.35)}.pin i{position:absolute;inset:10px;border-radius:50%;background:white}.address-row,.hours-row{display:grid;grid-template-columns:90px 1fr;padding:22px 8px 10px}.hours-row{border-top:1px solid var(--line);margin-top:14px}.address-row span,.hours-row span{font-size:9px;color:#7f8b91;letter-spacing:.2em;font-weight:800}.address-row p,.hours-row p{margin:0;font-size:13px;line-height:1.6}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:110px}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;padding:24px 0;font-weight:780;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400;color:var(--blue);transition:.25s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.65;font-size:14px;max-width:650px;margin:-6px 0 26px}footer{background:#04090e;color:white;padding:70px 0 28px}.footer-top{display:grid;grid-template-columns:1.6fr .7fr .9fr;gap:80px}.brand-footer{display:inline-flex}.footer-top>div:first-child p{color:#76858d;max-width:300px;font-size:13px;line-height:1.6;margin-top:24px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-top>div>span{font-size:9px;letter-spacing:.2em;color:#607079;margin-bottom:6px}.footer-top a:not(.brand){font-size:13px;color:#c0cad0;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#607079}.footer-bottom a{color:#87959d;text-decoration:none}.mobile-call{display:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@keyframes hero-in{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.04)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 6px rgba(73,223,154,.1)}50%{box-shadow:0 0 0 11px rgba(73,223,154,0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){:root{--shell:min(100% - 32px,760px)}.nav-links,.nav-call{display:none}.menu-button{display:block}.site-header.menu-open{background:#071019}.site-header.menu-open .nav-links{display:flex;position:absolute;left:0;right:0;top:68px;background:#071019;padding:24px;flex-direction:column;gap:24px;border-top:1px solid rgba(255,255,255,.1)}.hero{min-height:780px;height:100svh}.hero-photo{background-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(3,8,14,.96),rgba(3,8,14,.65)),linear-gradient(0deg,rgba(3,8,14,.85),transparent)}.hero-inner{grid-template-columns:1fr;align-items:center;padding-top:90px}.status-card{display:none}.hero h1{font-size:clamp(54px,12vw,80px)}.hero-copy>p{max-width:470px}.section{padding:90px 0}.section-head{grid-template-columns:1fr;gap:24px}.section-head>p{max-width:520px}.diagnostic{grid-template-columns:1fr}.diagnostic-panel{min-height:400px}.service-grid{grid-template-columns:1fr 1fr}.service-card.wide{grid-column:span 2}.accessories-grid{grid-template-columns:1fr}.accessories-copy{max-width:600px}.difference-title{display:block}.difference-title h2{text-align:left}.principle{grid-template-columns:50px 1fr}.principle p{grid-column:2}.visit-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:50px}.footer-top{grid-template-columns:1.2fr .8fr .8fr;gap:30px}}
@media(max-width:620px){:root{--shell:calc(100% - 28px)}.spotlight{display:none}.site-header{padding:10px 0}.hero{min-height:730px}.hero-photo{background-position:67% center;opacity:.72}.hero-shade{background:linear-gradient(90deg,rgba(3,8,14,.98) 0%,rgba(3,8,14,.75) 80%,rgba(3,8,14,.55)),linear-gradient(0deg,rgba(3,8,14,.85),transparent)}.hero-grid{background-size:54px 54px}.hero-inner{padding-top:62px}.hero h1{font-size:52px;margin:20px 0}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-proof{gap:22px;margin-top:30px}.hero-proof span{font-size:10px}.scroll-cue{display:none}.section{padding:76px 0}.section h2{font-size:44px}.section-head{margin-bottom:38px}.diagnostic{border-radius:20px}.symptom-list{padding:10px}.symptom{height:58px}.diagnostic-panel{padding:34px 26px;min-height:390px}.diagnostic-panel h3{font-size:32px}.scan-orbit{right:-105px}.service-grid{grid-template-columns:1fr}.service-card,.service-card.wide{grid-column:auto;min-height:285px}.accessories-stage{min-height:560px}.product{padding:18px}.product-shape{width:96px;height:184px;border-width:9px}.cable-shape{width:120px;height:170px}.glass-shape{width:88px;height:174px}.sound-shape{width:110px;height:110px;border-width:12px}.sound-shape i{width:36px;height:65px}.difference-title{margin-bottom:45px}.difference-title h2{font-size:48px}.principle{grid-template-columns:36px 1fr;gap:18px}.visit-actions{flex-direction:column}.map-art{height:220px}.faq-grid{gap:40px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{padding-bottom:70px}.mobile-call{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:99;background:var(--blue);color:white;text-decoration:none;border-radius:16px;height:60px;padding:0 20px;align-items:center;justify-content:space-between;box-shadow:0 16px 40px rgba(45,104,255,.4);font-size:12px}.mobile-call b{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.spotlight{display:none}}
.hero-photo{background-image:url("assets/cell-tech-hero.webp")}
.chat-toggle{position:fixed;right:22px;bottom:22px;z-index:120;width:62px;height:62px;border:0;border-radius:20px;background:var(--blue);color:white;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 45px rgba(45,104,255,.4);transition:.25s}.chat-toggle:hover{transform:translateY(-4px) rotate(-2deg)}.chat-toggle svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.8}.chat-toggle .chat-dot{position:absolute;right:-2px;top:-2px;width:15px;height:15px;border-radius:50%;background:#53e39b;border:3px solid var(--paper)}.chat-panel{position:fixed;right:22px;bottom:96px;z-index:120;width:min(380px,calc(100vw - 28px));height:min(600px,calc(100vh - 130px));background:#f8f6ef;border:1px solid rgba(7,16,25,.12);border-radius:26px;box-shadow:0 35px 90px rgba(7,16,25,.28);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(18px) scale(.96);pointer-events:none;transition:.28s cubic-bezier(.2,.7,.2,1)}.chat-panel.open{opacity:1;transform:none;pointer-events:auto}.chat-head{background:#071019;color:white;padding:20px;display:flex;align-items:center;gap:12px}.chat-avatar{width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:14px;display:grid;place-items:center;color:var(--cyan);font-weight:850}.chat-head div:nth-child(2){flex:1}.chat-head strong{display:block;font-size:14px}.chat-head small{font-size:10px;color:#8fa0a8}.chat-close{border:0;background:none;color:#93a2a9;font-size:24px;cursor:pointer}.chat-messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:84%;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.55}.chat-message.bot{background:white;color:#24313a;border-bottom-left-radius:5px;box-shadow:0 6px 18px rgba(7,16,25,.05)}.chat-message.user{background:var(--blue);color:white;align-self:flex-end;border-bottom-right-radius:5px}.chat-message a{color:var(--blue);font-weight:800}.chat-quick{padding:0 18px 12px;display:flex;gap:7px;flex-wrap:wrap}.chat-quick button{border:1px solid #cfd5d4;background:#fff;color:#34444d;border-radius:999px;padding:8px 10px;font:700 10px inherit;cursor:pointer}.chat-quick button:hover{border-color:var(--blue);color:var(--blue)}.chat-form{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:12px;border-top:1px solid var(--line);background:white}.chat-form input{min-width:0;border:1px solid #d7dcdb;border-radius:13px;padding:0 13px;font:13px inherit;outline:none}.chat-form input:focus{border-color:var(--blue)}.chat-form button{border:0;border-radius:13px;background:var(--blue);color:white;font-size:18px;cursor:pointer}.chat-note{text-align:center;font-size:9px;color:#87949a;padding:0 10px 10px;background:white}.chat-unread{position:absolute;right:50px;top:-8px;background:#fff;color:#17222a;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap;box-shadow:0 8px 22px rgba(7,16,25,.16);animation:chat-pop .45s ease both}@keyframes chat-pop{from{opacity:0;transform:translateY(6px) scale(.9)}}
@media(max-width:620px){.chat-toggle{right:16px;bottom:86px;width:56px;height:56px;border-radius:17px}.chat-panel{right:14px;bottom:152px;height:min(560px,calc(100vh - 175px))}.chat-unread{display:none}}