/*
Theme Name: Swiftlogik
Theme URI: https://swiftlogik.com
Author: Swiftlogik Company Limited
Description: Immersive studio theme with app-style navigation, GSAP motion, Customizer content, form inbox, heatmaps, chatbot and an onboarding form builder.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: swiftlogik
*/
:root{--pad:clamp(20px,4vw,56px);--clash:'Clash Display',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif;--sans:Satoshi,system-ui,sans-serif;--grad:linear-gradient(90deg,#F03974,#DE2498 35%,#5153CC 70%,#1ECCF1)}
body{--bg:#F4F4F2;--bg2:#E9E9E6;--card:#fff;--ink:#0A0A0A;--mute:#6A6A6A;--line:rgba(10,10,10,.12);--inv:#F4F4F2;margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .6s,color .6s;overflow-x:hidden}
body.dark{--bg:#000;--bg2:#0B0B0B;--card:#0E0E0E;--ink:#fff;--mute:#8E8E8E;--line:rgba(255,255,255,.13);--inv:#000}
*{box-sizing:border-box}img{max-width:100%}
a{color:inherit}a:hover{color:#DE2498}
::selection{background:#DE2498;color:#fff}
input::placeholder,textarea::placeholder{color:var(--mute)}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}
@media (pointer:fine){body.sl-cursor,body.sl-cursor a,body.sl-cursor button,body.sl-cursor label,body.sl-cursor summary{cursor:none}}
@keyframes tdot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.logo-d{display:none}body.dark .logo-l{display:none}body.dark .logo-d{display:block}
.display{font-family:var(--clash);font-weight:500;letter-spacing:-.05em;line-height:.88;margin:0}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.mute{color:var(--mute)}
.ln{display:block;overflow:hidden;padding-bottom:.06em}.ln>span{display:block}
.lead{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--mute);max-width:520px;text-wrap:pretty}
.btn{display:inline-flex;align-items:center;gap:10px;padding:18px 28px;border-radius:999px;background:var(--ink);color:var(--inv);text-decoration:none;font:700 16px var(--sans);border:none}
.btn:hover{color:var(--inv)}
.btn-circle{display:grid;place-items:center;width:clamp(150px,15vw,210px);height:clamp(150px,15vw,210px);border-radius:50%;background:var(--ink);color:var(--inv);text-decoration:none;font-weight:700;font-size:17px;text-align:center;line-height:1.3;flex:none}
.link-u{align-self:flex-start;display:inline-flex;gap:12px;font-weight:700;font-size:17px;text-decoration:none;color:var(--ink);padding-bottom:6px;border-bottom:1.5px solid var(--ink)}
.sec{padding:clamp(100px,16vh,200px) var(--pad)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:56px}
.h-hero{font-size:clamp(56px,12.5vw,230px);line-height:.86;letter-spacing:-.055em}
.h-page{font-size:clamp(56px,12vw,220px);line-height:.86;letter-spacing:-.055em}
.h-sec{font-size:clamp(52px,8vw,140px)}
.h-mid{font-size:clamp(44px,6vw,104px);line-height:.9}
.page-head{padding:clamp(140px,22vh,240px) var(--pad) clamp(60px,10vh,120px);display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(32px,5vw,80px);align-items:center}
/* chrome */
.pre{position:fixed;inset:0;z-index:100;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:var(--pad)}
.pre img{height:34px;width:auto;align-self:flex-start}.pre-num{align-self:flex-end;font:500 clamp(96px,18vw,280px)/.8 var(--clash);letter-spacing:-.05em}
.curtain{position:fixed;inset:0;z-index:95;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none}
.curtain span{font:500 clamp(56px,10vw,160px) var(--clash);letter-spacing:-.05em}
.cur,.cur-ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:99;mix-blend-mode:difference;display:none}
.cur{width:10px;height:10px;margin:-5px 0 0 -5px;background:#fff}.cur-ring{width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid #fff}
.taps{position:fixed;inset:0;pointer-events:none;z-index:98;overflow:hidden}
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px}
body.admin-bar .hdr{top:32px}
.hdr-logo{display:flex;padding:8px 12px;margin:-8px -12px;border-radius:14px;background:color-mix(in oklab,var(--bg) 60%,transparent);backdrop-filter:blur(14px)}
.hdr-logo img{height:clamp(26px,3vw,36px);width:auto}
.nav{display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:color-mix(in oklab,var(--bg) 72%,transparent);backdrop-filter:blur(16px);border:1px solid var(--line)}
.nav a{padding:9px 15px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500;color:var(--ink);transition:background .3s,color .3s}
.nav a.is-active{background:var(--ink);color:var(--inv)}
.tgl{position:relative;width:56px;height:32px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);padding:0;margin-left:4px}
.tgl span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--inv);display:grid;place-items:center;font-size:12px;transition:transform .45s cubic-bezier(.7,0,.2,1)}
body.dark .tgl span{transform:translateX(24px)}
.mob-btns{display:none;gap:8px}.mob-btns button{height:44px;border-radius:999px;font:700 15px var(--sans)}
.mob-theme{width:44px;border:1px solid var(--line);background:color-mix(in oklab,var(--bg) 72%,transparent);color:var(--ink)}
.mob-menu-btn{padding:0 20px;border:none;background:var(--ink);color:var(--inv)}
@media (max-width:819px){.nav{display:none}.mob-btns{display:flex}}
.menu{position:fixed;inset:0;z-index:70;background:#000;color:#fff;display:none;flex-direction:column;justify-content:space-between;padding:22px 22px 32px}
.menu.open{display:flex}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-top img{height:30px;width:auto}
.menu-top button{height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:700 15px var(--sans)}
.menu-links{display:flex;flex-direction:column;gap:4px}.menu-links a{display:flex;align-items:baseline;gap:14px;text-decoration:none;color:#fff;font:500 clamp(44px,13vw,80px)/1.02 var(--clash);letter-spacing:-.05em}
.menu-links a small{font:400 14px var(--sans);letter-spacing:0;color:#8E8E8E}
.menu-foot{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:15px;color:#8E8E8E}.menu-foot a{color:#fff;text-decoration:none}
/* hero scene */
.scene{position:relative;height:380vh}.scene-stick{position:sticky;top:0;height:100vh;overflow:hidden}
.hero-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:40px;padding:120px var(--pad) 44px}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.rot-line{display:flex;align-items:center;gap:10px;font-size:clamp(20px,1.8vw,26px);font-weight:500;flex-wrap:wrap}
.rot-box{position:relative;display:inline-block;height:1.3em;overflow:hidden;min-width:7.5em}.rot-box>span{display:flex;flex-direction:column}
.rot-box>span>span{height:1.3em;line-height:1.3em;font-family:var(--serif);font-style:italic;font-size:1.15em}
.scroll-cue{position:relative;width:1px;height:56px;background:var(--line);overflow:hidden}.scroll-cue span{position:absolute;left:0;top:0;width:1px;height:18px;background:var(--ink)}
.ball{position:absolute;left:82%;top:16vh;width:124px;height:124px;margin-left:-62px;z-index:3;pointer-events:none}
@media (max-width:819px){.ball{left:78%;width:80px;height:80px;margin-left:-40px;top:13vh}.scene-stick{height:100svh}.hero-title{justify-content:flex-start;padding-top:calc(13vh + 130px);padding-bottom:28px;gap:28px}.hero-title .hero-row{gap:22px}.scroll-cue{display:none}}
.ball-shadow{position:absolute;left:8%;right:8%;bottom:-24%;height:13%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),rgba(0,0,0,0));filter:blur(3px)}
.ball-bob{position:absolute;inset:0}.half{position:absolute;left:0;width:100%;height:50%;overflow:hidden}.half.t{top:0}.half.b{top:50%}
.sphere{position:absolute;left:0;width:100%;height:200%;border-radius:50%;background:radial-gradient(ellipse 15% 9% at 33% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 100%),radial-gradient(ellipse 34% 22% at 36% 26%,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%),radial-gradient(ellipse 70% 32% at 56% 98%,rgba(160,160,170,.4) 0%,rgba(160,160,170,0) 70%),radial-gradient(circle at 50% 50%,rgba(255,255,255,0) 63%,rgba(255,255,255,.09) 68.5%,rgba(255,255,255,0) 70.5%),radial-gradient(circle at 38% 30%,#3e3e3e 0%,#1b1b1b 25%,#080808 55%,#000 80%);box-shadow:inset -10px -14px 28px rgba(0,0,0,.85),inset 3px 4px 10px rgba(255,255,255,.06)}
.half.t .sphere{top:0}.half.b .sphere{top:-100%}
.seam{position:absolute;left:3%;right:3%;height:3px;border-radius:3px;background:var(--grad);box-shadow:0 0 18px #DE2498;opacity:0}.half.t .seam{bottom:0}.half.b .seam{top:0}
.panel{position:absolute;inset:0;z-index:2;background:#000;color:#fff;clip-path:inset(50% 0% 50% 0%);overflow:hidden}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 30%}
.panel-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,0) 70%)}
.panel-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:0 var(--pad);max-width:980px}
.panel-txt h2{font-size:clamp(52px,8vw,150px);line-height:.9}.panel-txt p{margin:0;max-width:460px;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:rgba(255,255,255,.75)}
.marquee-wrap{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.marquee{display:flex;width:max-content;font:500 clamp(40px,6vw,96px)/1.1 var(--clash);letter-spacing:-.04em;white-space:nowrap}
.marquee>div{display:flex;align-items:center;gap:.45em;padding-right:.45em}.marquee i{font-family:var(--serif);font-weight:400}.marquee b{font-weight:500;color:var(--mute)}
.manifesto{margin:0;max-width:1400px;font:500 clamp(34px,5vw,84px)/1.05 var(--clash);letter-spacing:-.03em;text-wrap:pretty}
.slides{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:var(--bg2)}
.slides.stick{position:sticky;top:100px}@media (max-width:819px){.slides.stick{position:relative;top:auto}}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-num{position:absolute;left:22px;bottom:18px;z-index:200;font:500 18px var(--clash);color:#fff;mix-blend-mode:difference}
/* services home */
.svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:start}
.svc-list{position:sticky;top:20vh;display:flex;flex-direction:column;gap:40px}
.svc-item{display:flex;align-items:baseline;gap:18px;text-decoration:none;color:var(--ink);opacity:.22}
.svc-item span:first-child{font:500 16px var(--clash);width:28px}.svc-item span:last-child{font:500 clamp(40px,4.4vw,76px)/1.02 var(--clash);letter-spacing:-.045em}
.svc-descs{position:relative;min-height:130px;max-width:460px}.svc-descs p{position:absolute;left:0;top:0;margin:0;font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--mute);opacity:0}
.svc-panels{display:flex;flex-direction:column;gap:clamp(48px,8vh,100px)}
.svc-cap{display:none;flex-direction:column;gap:12px;margin-bottom:20px}.svc-cap h3{font:500 clamp(40px,11vw,64px)/.95 var(--clash);letter-spacing:-.045em;margin:0}.svc-cap p{margin:0;font-size:17px;line-height:1.6;color:var(--mute)}
.svc-box{position:relative;height:74vh;border-radius:28px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.svc-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:819px){.svc{grid-template-columns:minmax(0,1fr)}.svc-list{display:none}.svc-cap{display:flex}.svc-box{height:96vw}}
.poster{position:absolute;width:42%;border-radius:8px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.mock{position:relative;width:100%}.mock>img{position:absolute;inset:0;width:100%;height:100%;display:block}.mock-screen{position:absolute;overflow:hidden}
.mock.laptop{aspect-ratio:1800/1350}.mock.laptop .mock-screen{left:27.21%;top:20.78%;width:45.57%;height:43.63%}
.mock.tablet{aspect-ratio:1800/1267;border-radius:28px;overflow:hidden}.mock.tablet .mock-screen{left:25.87%;top:38.22%;width:45.2%;height:43.18%;border-radius:3%/4.5%}
/* process strip */
.ptrack{position:relative;height:2px;margin:0 0 52px}.track-bg{position:absolute;inset:0;background:var(--line);border-radius:2px}
.track-fill{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;border-radius:2px;background:var(--grad)}
.rball{position:absolute;left:0;top:-15px;width:32px;height:32px;z-index:2}
.rball-spin{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 45% 40%,#303030 0%,#0b0b0b 55%,#000 100%);box-shadow:0 5px 8px rgba(0,0,0,.35)}
.rball-spin i{position:absolute;left:45%;width:10%;height:26%;border-radius:3px;background:rgba(255,255,255,.85)}.rball-spin i:first-child{top:8%}.rball-spin i:last-child{bottom:8%}
.hl{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.25) 9%,transparent 24%);box-shadow:inset -4px -6px 10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.16)}
.psteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:32px}
.pstep{display:flex;flex-direction:column;gap:14px;opacity:.3;transition:opacity .4s}.pstep b{font:500 clamp(48px,5vw,80px)/.9 var(--clash);letter-spacing:-.04em}
.pstep strong{font:500 26px var(--clash);letter-spacing:-.02em}.pstep span{font-size:16px;line-height:1.55;color:var(--mute)}
.cta-band{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;border-top:1px solid var(--line)}
.cta-band h2{font-size:clamp(64px,12vw,220px);line-height:.85;letter-spacing:-.06em}
.chars{display:flex;overflow:hidden;padding-bottom:.06em}.chars span{display:inline-block}
/* services page rows */
.srow{padding:clamp(60px,10vh,120px) 0;border-top:1px solid var(--line)}
.srow-txt{display:flex;flex-direction:column;gap:24px}.srow-n{font:500 20px var(--clash)}
.items{display:flex;flex-direction:column;border-top:1px solid var(--line)}.items span{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}.items span::after{content:'+';color:var(--mute)}
.par{position:relative;border-radius:28px;overflow:hidden}.par img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover}
/* process page */
.hwrap{position:relative;height:400vh}.hstick{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.htrack{display:flex;align-items:stretch;gap:24px;padding:0 var(--pad);will-change:transform}
.pcard{flex:none;width:min(600px,84vw);height:min(66vh,600px);border-radius:32px;background:var(--card);border:1px solid var(--line);padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between}
.pcard .num{font:600 clamp(110px,14vw,200px)/.8 var(--clash);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.pcard h3{margin:0;font:500 clamp(40px,4vw,64px)/.95 var(--clash);letter-spacing:-.04em}.pcard p{margin:0;font-size:18px;line-height:1.6;color:var(--mute)}.pcard em{font-style:normal;font-size:15px;font-weight:700}
.hbar{position:absolute;left:var(--pad);right:var(--pad);bottom:84px;height:2px}
.hmark{position:absolute;top:0;width:0;height:0;opacity:.35;transition:opacity .4s}.hmark::before{content:'';position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.hmark span{position:absolute;left:0;top:26px;transform:translateX(-50%);white-space:nowrap;font-size:13px;font-weight:700}
/* work */
.car-btns{display:flex;justify-content:flex-end;gap:8px;padding:0 var(--pad) 20px}.car-btns button{width:52px;height:52px;border-radius:50%;font-size:20px;border:1px solid var(--line);background:transparent;color:var(--ink)}.car-btns button+button{background:var(--ink);color:var(--inv);border:none}
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);padding:0 var(--pad);scrollbar-width:none;cursor:grab}.carousel::-webkit-scrollbar{display:none}
.tile{position:relative;flex:none;width:min(380px,78vw);scroll-snap-align:start;aspect-ratio:4/5;border-radius:24px;overflow:hidden;clip-path:inset(0 round 24px);-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate;background:#111}
.tile img{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(26px) saturate(1.3)}
.tile-dim{position:absolute;inset:0;background:rgba(0,0,0,.35)}.shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%)}
.tile-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#fff}
.tile-txt>span{align-self:flex-start;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.5);font-size:12px;font-weight:700;letter-spacing:.08em}
.tile-txt strong{display:block;font:500 26px var(--clash);letter-spacing:-.02em}.tile-txt small{font-size:14px;opacity:.8}
/* forms */
.form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:24px}
.field{width:100%;font:500 clamp(20px,1.8vw,24px) var(--sans);border:none;border-bottom:1.5px solid var(--line);background:transparent;color:var(--ink);padding:12px 0;outline:none;border-radius:0;resize:none}
.field:focus{border-bottom-color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 15px var(--sans);transition:all .2s}.chip.on{background:var(--ink);color:var(--inv);border-color:var(--ink)}
.form-ok{display:none;flex-direction:column;gap:16px;justify-content:center}.form-ok strong{font:500 clamp(40px,4.5vw,64px)/.95 var(--clash);letter-spacing:-.04em}.form-ok span{font-size:19px;line-height:1.55;color:var(--mute)}
.sent .form{display:none}.sent .form-ok{display:flex}.form-err{font-size:15px;color:#F03974;display:none}
.big-link{font:500 clamp(26px,2.8vw,40px) var(--clash);letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
/* content pages: faqs + legal */
.content{padding:0 var(--pad) clamp(100px,14vh,160px);max-width:1200px}
.content details{border-top:1px solid var(--line)}
.content summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font:500 clamp(22px,2.4vw,36px)/1.15 var(--clash);letter-spacing:-.02em}
.content summary::-webkit-details-marker{display:none}
.content summary::after{content:'+';flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:400 24px var(--sans);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s}
.content details[open] summary::after{transform:rotate(45deg);background:var(--ink);color:var(--inv)}
.content details>*:not(summary){margin:0 0 30px;max-width:760px;font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:var(--mute)}
.legal h2{margin:0;padding:32px 0 12px;border-top:1px solid var(--line);font:500 clamp(22px,2vw,30px) var(--clash);letter-spacing:-.02em}
.legal p,.legal li{font-size:17px;line-height:1.7;color:var(--mute);max-width:760px}
/* footer */
.ftr{padding:clamp(64px,10vh,110px) var(--pad) 32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:clamp(48px,8vh,80px);overflow:hidden}
.ftr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:40px}
.ftr-brand{display:flex;flex-direction:column;gap:18px;grid-column:span 2}.ftr-brand img{height:42px;width:auto}
.ftr-col{display:flex;flex-direction:column;gap:12px;font-size:16px}.ftr-col a{color:var(--ink);text-decoration:none}.ftr-col>span{color:var(--mute);margin-bottom:4px}
.ftr-word{display:flex;justify-content:space-between;font:500 clamp(56px,16.5vw,300px)/.8 var(--clash);letter-spacing:-.06em;user-select:none}.ftr-word span{display:inline-block}
.ftr-base{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--mute)}.ftr-base a{color:var(--ink);text-decoration:none}
/* chat */
.sph{background:radial-gradient(circle at 45% 40%,#303030 0%,#0b0b0b 55%,#000 100%)}
.launch{position:fixed;right:20px;bottom:20px;z-index:81;width:64px;height:64px;border-radius:50%;border:none;padding:0;box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.14)}
.launch .ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid #DE2498;pointer-events:none}
.eyes{position:absolute;left:24%;right:24%;top:32%;height:30%;display:flex;justify-content:space-between;pointer-events:none}
.eye{position:relative;width:38%;height:100%;border-radius:50%;background:#fff;overflow:hidden}.eye i{position:absolute;left:28%;top:28%;width:44%;height:44%;border-radius:50%;background:#000}
.teaser{position:fixed;right:96px;bottom:34px;z-index:80;max-width:min(240px,calc(100vw - 120px));padding:12px 16px;border-radius:18px 18px 4px 18px;background:var(--ink);color:var(--inv);font-size:15px;font-weight:500;line-height:1.4;box-shadow:0 20px 40px rgba(0,0,0,.25);display:none}
.chat{position:fixed;right:20px;bottom:96px;z-index:82;width:min(390px,calc(100vw - 24px));height:min(600px,calc(100vh - 130px));display:none;flex-direction:column;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;transform-origin:bottom right}
.chat.open{display:flex}@media (max-width:819px){.chat{right:12px}}
.chat-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.chat-av{position:relative;flex:none;width:42px;height:42px;border-radius:50%}
.chat-h b{display:block;font:500 19px var(--clash)}.chat-h small{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mute)}.chat-h small::before{content:'';width:7px;height:7px;border-radius:50%;background:#2ECC8C}
.chat-x{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:18px;margin-left:auto}
.chat-msgs{flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.msg{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.msg.me{align-items:flex-end}
.msg p{margin:0;max-width:84%;padding:12px 15px;border-radius:18px 18px 18px 4px;background:var(--bg2);font-size:15px;line-height:1.5;white-space:pre-wrap}
.msg.me p{border-radius:18px 18px 4px 18px;background:linear-gradient(135deg,#F03974,#DE2498 45%,#5153CC);color:#fff}
.msg a{padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--inv);text-decoration:none;font-size:13px;font-weight:700}
.typing{align-self:flex-start;display:flex;gap:5px;padding:14px 16px;border-radius:18px 18px 18px 4px;background:var(--bg2)}.typing i{width:7px;height:7px;border-radius:50%;background:var(--mute);animation:tdot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
.quick{display:flex;gap:6px;padding:10px 14px 0;overflow-x:auto;scrollbar-width:none}.quick button{flex:none;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 13px var(--sans);white-space:nowrap}
.chat-f{display:flex;gap:8px;padding:12px 14px 14px}.chat-f input{flex:1;min-width:0;padding:13px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:500 15px var(--sans);outline:none}
.chat-f button{flex:none;width:46px;height:46px;border-radius:50%;border:none;background:linear-gradient(135deg,#F03974,#DE2498 45%,#5153CC);color:#fff;font-size:18px}
/* 404 */
.e404{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,5vh,48px);padding:120px var(--pad) 60px;overflow:hidden;text-align:center}
.e404-dots{position:absolute;inset:0;pointer-events:none}.e404-dots i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#111 55%,#000);box-shadow:inset -2px -3px 6px rgba(0,0,0,.6)}
.e404-dots i:nth-child(4n+1){background:#F03974}.e404-dots i:nth-child(4n+2){background:#5153CC}.e404-dots i:nth-child(7n){background:#1ECCF1}
.e404-num{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.04em;margin:0;font:500 clamp(140px,30vw,420px)/.8 var(--clash);letter-spacing:-.06em;user-select:none}
.e404-num>span{display:inline-block}
.e404-ball{position:relative;width:.78em;height:.78em;border-radius:50%;border:none;padding:0;background:none;cursor:pointer;flex:none;margin:0 .02em;touch-action:manipulation}
.e404-sphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 15% 9% at 33% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 100%),radial-gradient(ellipse 70% 32% at 56% 98%,rgba(160,160,170,.4) 0%,rgba(160,160,170,0) 70%),radial-gradient(circle at 38% 30%,#3e3e3e 0%,#1b1b1b 25%,#080808 55%,#000 80%);box-shadow:inset -10px -14px 28px rgba(0,0,0,.85),0 30px 40px -20px rgba(0,0,0,.45)}
.e404-eyes{position:absolute;left:22%;right:22%;top:34%;height:24%;display:flex;justify-content:space-between;pointer-events:none}
.e404-smile{position:absolute;left:36%;right:36%;top:62%;height:10%;border-bottom:.035em solid #fff;border-radius:0 0 50% 50%;opacity:0;transform:scaleY(.4);transition:opacity .3s,transform .3s}
.e404-ball.happy .e404-smile{opacity:1;transform:none}
.e404-txt{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:640px}
.e404-txt h2{font-size:clamp(36px,5vw,72px);line-height:.95}.e404-txt .lead{margin:0 auto}
.e404-links{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:8px}.e404-links .link-u{align-self:auto}
.e404-score{font-size:14px}
.e404 [data-404-cta].glow{color:#DE2498;border-color:#DE2498}
/* aquzera dashboard */
.aq{container-type:inline-size;width:100%;height:100%;font-family:var(--sans);text-align:left}
.aq-web{width:100%;height:100%;display:flex;background:#F3F7F9;color:#0B2230;overflow:hidden}
.aq-side{width:17cqw;flex:none;background:#062A3A;color:#B9D6DE;padding:2.2cqw 1.5cqw;display:flex;flex-direction:column;gap:2.6cqw;font-size:1.12cqw;font-weight:500}
.aq-logo{display:flex;align-items:center;gap:.8cqw;font-weight:700;font-size:1.7cqw;color:#fff}.aq-logo i{width:2.3cqw;height:2.3cqw;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#6FE3D6,#19B5C9)}
.aq-side nav{display:flex;flex-direction:column;gap:.4cqw}.aq-side nav span{padding:.8cqw 1cqw;border-radius:.7cqw}.aq-side nav span:first-child{background:rgba(25,181,201,.2);color:#fff}
.aq-main{flex:1;min-width:0;padding:2cqw 2.2cqw;display:flex;flex-direction:column;gap:1.4cqw}
.aq-head{display:flex;justify-content:space-between;align-items:center}.aq-head b{display:block;font-size:1.9cqw}.aq-head small{font-size:1.05cqw;color:#6C8592}
.aq-live{display:flex;align-items:center;gap:.6cqw;padding:.6cqw 1.1cqw;border-radius:99cqw;background:#fff;border:1px solid #E2EBEF;font-size:1cqw;font-weight:700}
.aq-dot{width:.7cqw;height:.7cqw;border-radius:50%;background:#2ECC8C;box-shadow:0 0 0 0 rgba(46,204,140,.6)}
.aq-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw}.aq-card{background:#fff;border-radius:1cqw;padding:1.2cqw;border:1px solid #E7EEF1}
.aq-kpis small{display:block;font-size:.95cqw;color:#6C8592}.aq-kpis b{display:block;font-size:2.2cqw;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:.4cqw 0}.aq-kpis em{font-style:normal;font-size:.9cqw;font-weight:700;color:#2ECC8C}
.aq-row{display:flex;gap:1cqw;flex:1;min-height:0}.aq-chart{flex:2;display:flex;flex-direction:column;gap:.8cqw}.aq-chart b,.aq-q b{font-size:1.2cqw}.aq-chart svg{width:100%;flex:1;min-height:0;overflow:visible}
.aq-q{flex:1;display:flex;flex-direction:column;gap:1cqw}.aq-bar{display:flex;flex-direction:column;gap:.4cqw;font-size:.95cqw}.aq-bar div{display:flex;justify-content:space-between}.aq-bar span{color:#6C8592}
.aq-bar>i{display:block;height:.6cqw;border-radius:1cqw;background:#EEF3F5;overflow:hidden}.aq-bar>i>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6FE3D6,#19B5C9);transition:width 1.2s}
.aq-units{padding:.6cqw 1.3cqw}.aq-unit{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:1cqw;padding:.75cqw 0;border-bottom:1px solid #F0F4F6;font-size:1cqw}.aq-unit span:nth-child(2){color:#6C8592}
.aq-pill{padding:.3cqw .8cqw;border-radius:99cqw;font-weight:700;font-size:.85cqw;background:rgba(46,204,140,.12);color:#1FA572}.aq-pill.warn{background:rgba(240,160,40,.14);color:#C57A0A}
.aq-soc{width:100%;height:100%;background:#062A3A;color:#fff;padding:3cqw;display:flex;flex-direction:column;gap:2cqw;overflow:hidden}
.aq-soc-h{display:flex;justify-content:space-between;align-items:center}.aq-soc-h div{display:flex;align-items:center;gap:1.2cqw}.aq-soc-h i{width:3.6cqw;height:3.6cqw;border-radius:50%;background:linear-gradient(135deg,#6FE3D6,#19B5C9)}
.aq-soc-h b{display:block;font-size:2cqw}.aq-soc-h small{font-size:1.3cqw;color:#8FB3BE}
.aq-sk{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw}.aq-sk div{padding:1.8cqw;border-radius:1.6cqw;background:rgba(255,255,255,.06)}.aq-sk small{display:block;font-size:1.3cqw;color:#8FB3BE}.aq-sk b{display:block;font-size:3.4cqw;letter-spacing:-.03em;margin:.6cqw 0}.aq-sk em{font-style:normal;font-size:1.2cqw;font-weight:700;color:#6FE3D6}
.aq-bars{flex:1;min-height:0;padding:1.8cqw;border-radius:1.6cqw;background:rgba(255,255,255,.06);display:flex;align-items:flex-end;gap:1.2cqw}
.aq-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.6cqw;font-size:1.1cqw;color:#8FB3BE}.aq-bars>div>i{display:block;width:100%;height:4%;border-radius:.8cqw;background:rgba(111,227,214,.3);transition:height 1s cubic-bezier(.2,.8,.2,1)}.aq-bars>div>i.top{background:linear-gradient(180deg,#6FE3D6,#19B5C9)}