.page-sites main{ padding-bottom:6rem; }
.page-sites .nav a.active{ color:#fff; }
.s-hero{ position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:56px; align-items:center; padding:72px 0 110px; }
.s-title{ font:400 clamp(44px,5.6vw,92px)/1.02 var(--font-sans); letter-spacing:-.06em; color:#f1f5ff; margin:0 0 28px; animation:studio-title 1.2s var(--ease) both; }
.s-title-grad{ background:linear-gradient(100deg,#58e6ff 5%,#a78bfa 55%,#ff70c8); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.s-lead{ max-width:560px; font-size:18px; line-height:1.7; color:#b4bccb; margin-bottom:36px; }
.s-hero .hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:36px; }
.s-chips{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
.s-chips li{ font:500 12px/1 var(--font-mono); letter-spacing:.04em; color:#c3cde0; padding:10px 12px; border:1px solid #ffffff1f; border-radius:999px; background:#ffffff06; }
.s-hero-stack{ position:relative; height:520px; perspective:1400px; }
.stack-win{ position:absolute; border-radius:12px; overflow:hidden; background:#0f141f; border:1px solid #ffffff22; box-shadow:0 30px 80px #02040acc, 0 0 0 1px #00000040; }
.win-bar{ display:flex; align-items:center; gap:6px; height:30px; padding:0 12px; background:#161c2a; border-bottom:1px solid #ffffff12; }
.win-bar i{ width:9px; height:9px; border-radius:50%; background:#ffffff26; }
.win-bar i:nth-child(1){ background:#ff6b6b; } .win-bar i:nth-child(2){ background:#ffc857; } .win-bar i:nth-child(3){ background:#5ee6a0; }
.win-bar span{ margin-left:10px; font:11px var(--font-mono); color:#8b95a8; }
.stack-win-back{ width:78%; height:340px; right:0; top:0; transform:rotateY(-14deg) rotateX(6deg) translateZ(-60px); animation:float-a 9s ease-in-out infinite; }
.stack-win-front{ width:72%; height:300px; left:0; bottom:40px; transform:rotateY(-10deg) rotateX(4deg); animation:float-b 8s ease-in-out infinite; }
@keyframes float-a{ 50%{ transform:rotateY(-11deg) rotateX(4deg) translateZ(-60px) translateY(-10px); } }
@keyframes float-b{ 50%{ transform:rotateY(-12deg) rotateX(6deg) translateY(8px); } }
.win-dash{ display:flex; height:calc(100% - 30px); }
.wd-side{ width:22%; padding:14px 10px; background:#121826; display:flex; flex-direction:column; gap:10px; }
.wd-side b{ height:10px; border-radius:4px; background:#ffffff14; } .wd-side b:first-child{ background:#58e6ff55; }
.wd-main{ flex:1; padding:14px; display:flex; flex-direction:column; gap:12px; }
.wd-kpis{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.wd-kpis span{ height:46px; border-radius:8px; background:linear-gradient(135deg,#ffffff10,#ffffff05); border:1px solid #ffffff10; }
.wd-chart{ width:100%; height:90px; }
.wd-rows{ display:flex; flex-direction:column; gap:7px; } .wd-rows span{ height:12px; border-radius:4px; background:#ffffff0d; }
.win-shop{ display:flex; gap:12px; padding:14px; height:calc(100% - 30px); background:#f6f2ec; }
.ws-grid{ flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ws-grid span{ border-radius:8px; background:linear-gradient(160deg,#e9d8c4,#d9b99a); }
.ws-grid span:nth-child(2n){ background:linear-gradient(160deg,#f1c7c0,#d98f86); }
.ws-grid span:nth-child(3n){ background:linear-gradient(160deg,#c9dcc7,#8fb58c); }
.ws-cart{ width:38%; border-radius:10px; background:#fff; padding:12px; display:flex; flex-direction:column; gap:8px; color:#2b2016; box-shadow:0 8px 24px #0000001a; }
.ws-cart b{ font:600 12px var(--font-sans); } .ws-cart em{ font:600 20px var(--font-sans); font-style:normal; margin-top:auto; }
.ws-cart u{ text-decoration:none; font:600 11px var(--font-sans); background:#2b2016; color:#fff; border-radius:8px; padding:10px; text-align:center; }
.stack-phone{ position:absolute; right:6%; bottom:0; width:170px; height:330px; border-radius:30px; background:#0b0f18; border:6px solid #1e2533; box-shadow:0 30px 70px #000c; overflow:hidden; animation:float-c 7s ease-in-out infinite; }
@keyframes float-c{ 50%{ transform:translateY(-12px); } }
.ph-notch{ width:60px; height:16px; border-radius:0 0 10px 10px; background:#1e2533; margin:0 auto; }
.ph-body{ padding:14px 12px; background:linear-gradient(180deg,#1b1410,#0e0b09); height:100%; }
.ph-title{ font:600 16px var(--font-sans); color:#f3e6d6; margin:10px 0 14px; }
.ph-slots{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.ph-slots span{ font:500 11px var(--font-mono); color:#cdbba7; border:1px solid #cdbba733; border-radius:8px; padding:8px 0; text-align:center; }
.ph-slots span.on{ background:#d4a373; color:#1b1410; border-color:#d4a373; }
.ph-btn{ margin-top:14px; background:#d4a373; color:#1b1410; font:600 12px var(--font-sans); text-align:center; padding:11px; border-radius:10px; }
.stack-toast{ position:absolute; left:8%; top:18%; display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; background:#131a28ee; border:1px solid #2AABEE55; font:500 13px var(--font-sans); color:#dfe9f7; box-shadow:0 18px 40px #000a; animation:toast 6s var(--ease) infinite; }
.stack-toast .dot{ width:8px; height:8px; border-radius:50%; background:#2AABEE; box-shadow:0 0 12px #2AABEE; }
@keyframes toast{ 0%,8%{ opacity:0; transform:translateY(10px); } 16%,70%{ opacity:1; transform:none; } 80%,100%{ opacity:0; transform:translateY(-6px); } }
.lab{ --lab-w:min(1400px,100vw - 48px); width:var(--lab-w); margin-inline:calc((100% - var(--lab-w)) / 2); border:1px solid #ffffff1a; border-radius:18px; background:linear-gradient(160deg,#171d2b,#10141e 70%); padding:18px; box-shadow:0 40px 120px #0006; }
.lab-tabs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
.lab-tab{ position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; align-items:baseline; text-align:left; padding:14px 16px 16px; border-radius:12px; border:1px solid #ffffff14; background:#0b0f18; overflow:hidden; transition:border-color .3s,background .3s; }
.lab-tab:hover{ border-color:#ffffff30; }
.lt-num{ grid-row:span 2; font:500 12px var(--font-mono); color:#6f7a8f; transition:color .3s; }
.lt-name{ font:500 16px/1.3 var(--font-sans); color:#c3cbd9; transition:color .3s; }
.lt-sub{ font:12px/1.4 var(--font-mono); color:#7c869a; margin-top:4px; }
.lab-tab::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--tab); box-shadow:0 0 14px var(--tab); transform:scaleX(0); transform-origin:left; transition:transform .6s var(--ease); }
.lab-tab[aria-selected="true"]{ border-color:color-mix(in srgb,var(--tab) 50%,transparent); background:linear-gradient(160deg,color-mix(in srgb,var(--tab) 14%,#0b0f18),#0b0f18 70%); }
.lab-tab[aria-selected="true"] .lt-num{ color:var(--tab); }
.lab-tab[aria-selected="true"] .lt-name{ color:#fff; }
.lab-tab[aria-selected="true"]::after{ transform:none; }

.lab-body{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; }
.lab-stage{ position:relative; min-width:0; border-radius:12px; background:radial-gradient(circle at 50% 30%,#1f2940,#0b0f18 70%); padding:18px; display:flex; justify-content:center; align-items:flex-start; }
.lab-frame{ width:100%; border-radius:12px; overflow:hidden; background:#0f141f; border:1px solid #ffffff24; box-shadow:0 30px 80px #000b; transition:width .6s var(--ease),border-radius .6s var(--ease); }
.lab-stage[data-device="tablet"] .lab-frame{ width:min(100%,660px); border-radius:22px; }
.lab-stage[data-device="mobile"] .lab-frame{ width:min(100%,384px); border-radius:34px; border:7px solid #232b3a; }
.sc-bar{ display:flex; align-items:center; gap:10px; height:44px; padding:0 8px 0 12px; background:#161c2a; border-bottom:1px solid #ffffff12; }
.sc-dots{ display:flex; gap:6px; } .sc-dots i{ width:10px; height:10px; border-radius:50%; background:#ff6b6b; } .sc-dots i:nth-child(2){ background:#ffc857; } .sc-dots i:nth-child(3){ background:#5ee6a0; }
.sc-url{ flex:1; min-width:0; display:flex; align-items:center; gap:6px; height:28px; padding:0 10px; border-radius:7px; background:#0b0f18; font:12px var(--font-mono); color:#a3adbf; overflow:hidden; white-space:nowrap; }
.sc-url svg{ width:12px; height:12px; flex:none; color:#5ee6a0; }
.sc-url span{ overflow:hidden; text-overflow:ellipsis; }
.sc-url.typing span::after{ content:""; display:inline-block; width:1px; height:13px; margin-left:1px; vertical-align:-2px; background:#58e6ff; }
.devices{ display:flex; gap:2px; }
.dev-btn{ width:34px; height:30px; display:grid; place-items:center; border-radius:7px; color:#7e889c; transition:color .3s,background .3s; }
.dev-btn svg{ width:17px; height:17px; }
.dev-btn:hover{ color:#dfe6f3; }
.dev-btn.on{ background:#ffffff14; color:#58e6ff; }
.lab-stage[data-device="mobile"] .sc-dots{ display:none; }

.lab-view{ position:relative; height:640px; overflow:hidden; background:#0b0f18; container:demo / inline-size; }
.lab-stage[data-device="mobile"] .lab-view{ height:660px; }
.demo.entering{ animation:lab-in .9s cubic-bezier(.7,0,.2,1) both; }
.demo.leaving{ animation:lab-out .9s cubic-bezier(.7,0,.2,1) both; }
@keyframes lab-in{ from{ clip-path:inset(0 0 100% 0); } to{ clip-path:inset(0 0 0 0); } }
@keyframes lab-out{ to{ filter:brightness(.35) saturate(.2); transform:scale(.96); } }
.lab-scan{ position:absolute; left:0; right:0; top:0; z-index:12; height:2px; pointer-events:none; opacity:0; background:linear-gradient(90deg,#58e6ff,#a78bfa 50%,#ff70c8); box-shadow:0 0 22px 3px color-mix(in srgb,var(--scan,#58e6ff) 65%,transparent); }
.lab-scan::before{ content:""; position:absolute; left:0; right:0; bottom:2px; height:140px; background:repeating-linear-gradient(0deg,#ffffff14 0 1px,transparent 1px 4px),linear-gradient(to top,color-mix(in srgb,var(--scan,#58e6ff) 30%,transparent),transparent); -webkit-mask-image:linear-gradient(to top,#000,transparent); mask-image:linear-gradient(to top,#000,transparent); }
.lab-scan span{ position:absolute; right:12px; bottom:10px; font:500 12px/1 var(--font-mono); color:#0b0f18; background:var(--scan,#58e6ff); padding:6px 9px; border-radius:6px; white-space:nowrap; }
.lab-view.morph .lab-scan{ animation:lab-scan .9s cubic-bezier(.7,0,.2,1) both; }
@keyframes lab-scan{ 0%{ top:0; opacity:1; } 88%{ opacity:1; } 100%{ top:100%; opacity:0; } }

.tg-stack{ position:absolute; z-index:20; top:74px; right:34px; width:min(320px,calc(100% - 36px)); display:flex; flex-direction:column; gap:8px; pointer-events:none; }
.tg-push{ display:flex; gap:12px; padding:12px 14px; border-radius:16px; background:#1b2231f5; border:1px solid #ffffff21; box-shadow:0 22px 50px #000d; opacity:0; transform:translateY(-14px) scale(.97); transition:opacity .35s,transform .55s var(--ease); }
.tg-push.in{ opacity:1; transform:none; }
.tp-ico{ flex:none; width:38px; height:38px; border-radius:50%; background:#2AABEE; display:grid; place-items:center; }
.tp-ico svg{ width:20px; height:20px; fill:#fff; margin-left:-2px; }
.tp-txt{ min-width:0; }
.tp-top{ display:flex; justify-content:space-between; gap:8px; font:500 12px var(--font-mono); color:#8fa0b8; }
.tg-push b{ display:block; font:600 14px/1.35 var(--font-sans); color:#eef3fa; margin:2px 0; }
.tg-push p{ font:400 13px/1.45 var(--font-sans); color:#bdc7d6; }

.sc-info{ display:flex; flex-direction:column; padding:10px 6px; }
.sc-kicker{ font:500 12px var(--font-mono); letter-spacing:.12em; text-transform:uppercase; color:var(--demo-acc,#58e6ff); margin-bottom:12px; }
.sc-name{ font:400 28px/1.15 var(--font-sans); letter-spacing:-.04em; color:#f1f5ff; margin-bottom:12px; }
.sc-desc{ font-size:15px; line-height:1.7; color:#aeb6c6; margin-bottom:20px; }
.sc-feats{ list-style:none; padding:0; margin:0 0 20px; display:flex; flex-direction:column; gap:10px; }
.sc-feats li{ position:relative; padding-left:26px; font-size:14px; line-height:1.5; color:#d3dae6; }
.sc-feats li::before{ content:""; position:absolute; left:0; top:3px; width:16px; height:16px; border-radius:5px; background:color-mix(in srgb,var(--demo-acc,#58e6ff) 18%,transparent); border:1px solid color-mix(in srgb,var(--demo-acc,#58e6ff) 55%,transparent); }
.sc-feats li::after{ content:""; position:absolute; left:5px; top:7px; width:6px; height:4px; border-left:1.6px solid var(--demo-acc,#58e6ff); border-bottom:1.6px solid var(--demo-acc,#58e6ff); transform:rotate(-45deg); }
.sc-try{ font-size:13px; line-height:1.6; color:#97a1b3; margin-bottom:22px; padding:12px 14px; border-radius:10px; background:#ffffff06; border:1px dashed #ffffff1c; }
.sc-try span{ color:#c9d2e0; } .sc-try em{ font-style:normal; }
.sc-cta{ justify-content:center; margin-top:auto; }
.sc-note{ margin-top:12px; font-size:12px; line-height:1.6; color:#7d8799; }
.sc-info.swap > *{ animation:info-in .5s var(--ease) both; }
.sc-info.swap > *:nth-child(2){ animation-delay:.04s; } .sc-info.swap > *:nth-child(3){ animation-delay:.08s; } .sc-info.swap > *:nth-child(4){ animation-delay:.12s; }
@keyframes info-in{ from{ opacity:0; transform:translateY(8px); } }

.case-real{ display:flex; align-items:center; gap:24px; margin-top:18px; padding:24px 28px; border-radius:14px; border:1px solid #5ee6a033; background:linear-gradient(110deg,#5ee6a00d,#ffffff03 60%); transition:border-color .3s,background .3s; }
.case-real:hover{ border-color:#5ee6a077; background:linear-gradient(110deg,#5ee6a018,#ffffff05 60%); }
.case-badge{ flex:none; font:500 12px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:#5ee6a0; padding:8px 12px; border-radius:999px; border:1px solid #5ee6a055; }
.case-main{ display:flex; flex-direction:column; gap:6px; }
.case-main strong{ font:500 19px var(--font-sans); letter-spacing:-.02em; color:#eef3f8; }
.case-main span{ font-size:14px; line-height:1.6; color:#a3adbd; }
.case-arrow{ margin-left:auto; font-size:26px; color:#5ee6a0; transition:transform .3s var(--ease); }
.case-real:hover .case-arrow{ transform:translate(3px,-3px); }
.base-grid{ grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid #ffffff14; border-left:1px solid #ffffff14; }
.base-item{ padding:32px 30px; border-right:1px solid #ffffff14; border-bottom:1px solid #ffffff14; }
.base-ico{ display:grid; place-items:center; width:44px; height:44px; border-radius:12px; margin-bottom:22px; color:#58e6ff; background:#58e6ff10; border:1px solid #58e6ff30; }
.base-ico svg{ width:20px; height:20px; }
.base-item h3{ font:400 20px var(--font-sans); letter-spacing:-.03em; color:#eef2f8; margin-bottom:10px; }
.base-item p{ font-size:15px; line-height:1.7; color:#a3acbb; }
.wow-grid{ grid-template-columns:repeat(3,1fr); }
.card.wow{ padding:32px; display:flex; flex-direction:column; gap:14px; background:linear-gradient(135deg,color-mix(in srgb,var(--card-acc) 8%,#191e2b),#191d2800 75%); border-color:color-mix(in srgb,var(--card-acc) 24%,#ffffff0a); }
.card.wow::before{ background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--card-acc) 24%,transparent),transparent 70%); }
.card.wow:hover{ border-color:color-mix(in srgb,var(--card-acc) 65%,#ffffff15); }
.card.wow h3{ font:400 22px/1.2 var(--font-sans); letter-spacing:-.035em; color:#eef2f8; }
.card.wow p{ font-size:15px; line-height:1.7; color:#a9b1bf; }
.card.wow .tags{ margin-top:auto; padding-top:8px; }
.card.wow .tags span{ font-size:11px; color:#aab4c2; }
.wow-ai{ grid-row:span 2; }
.wow-tag{ align-self:flex-start; font:500 11px var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:#0f1522; background:var(--card-acc); padding:6px 10px; border-radius:999px; }
.chat-mini{ margin-top:auto; display:flex; flex-direction:column; gap:10px; padding:18px; border-radius:14px; background:#0b0f18; border:1px solid #ffffff14; }
.chat-mini span{ max-width:88%; font-size:14px; line-height:1.5; padding:10px 14px; border-radius:14px; }
.cm-q{ align-self:flex-end; background:#58e6ff; color:#0c1422; border-bottom-right-radius:4px; }
.cm-a{ background:#1b2334; color:#d9e2ef; border-bottom-left-radius:4px; }
.law{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:56px; align-items:center; padding:56px; border-radius:18px; background:linear-gradient(135deg,#1a2233,#121724); border:1px solid #ffffff17; position:relative; overflow:hidden; }
.law::after{ content:""; position:absolute; width:520px; height:520px; right:-160px; top:-220px; border-radius:50%; background:radial-gradient(closest-side,#5ee6a022,transparent); pointer-events:none; }
.law-kicker{ display:block; color:#5ee6a0; margin-bottom:18px; font-size:12px; letter-spacing:.14em; }
.law h2{ font:400 clamp(30px,3.4vw,48px)/1.12 var(--font-sans); letter-spacing:-.05em; margin-bottom:20px; }
.law h2 span{ color:#adb9d2; }
.law-copy p{ font-size:16px; line-height:1.75; color:#a9b2c1; max-width:460px; }
.law-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; position:relative; z-index:1; }
.law-list li{ display:flex; gap:16px; align-items:flex-start; padding:16px 18px; border-radius:12px; background:#0c111bcc; border:1px solid #ffffff12; }
.law-list b{ display:block; font:500 16px var(--font-sans); color:#e9eef6; margin-bottom:4px; letter-spacing:-.01em; }
.law-list small{ font-size:13px; line-height:1.5; color:#8f9aac; }
.law-check{ position:relative; flex:none; width:22px; height:22px; border-radius:7px; border:1.5px solid #5ee6a066; margin-top:1px; transition:background .4s,border-color .4s; }
.law-check::after{ content:""; position:absolute; left:6px; top:3px; width:6px; height:10px; border-right:2px solid #0c111b; border-bottom:2px solid #0c111b; transform:rotate(45deg) scale(0); transition:transform .35s var(--ease) .1s; }
.law-list li.on .law-check{ background:#5ee6a0; border-color:#5ee6a0; }
.law-list li.on .law-check::after{ transform:rotate(45deg) scale(1); }
.pack-grid{ grid-template-columns:repeat(4,1fr); }
.card.pack{ padding:30px; display:flex; flex-direction:column; background:linear-gradient(150deg,color-mix(in srgb,var(--card-acc) 10%,#1b2130),#181d29 75%); border-color:color-mix(in srgb,var(--card-acc) 28%,#ffffff0a); }
.card.pack::before{ background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--card-acc) 24%,transparent),transparent 70%); }
.card.pack:hover{ border-color:color-mix(in srgb,var(--card-acc) 70%,#ffffff15); }
.pack-hot{ box-shadow:0 0 0 1px color-mix(in srgb,var(--card-acc) 40%,transparent), 0 20px 60px color-mix(in srgb,var(--card-acc) 14%,transparent); }
.pack-for{ font:500 12px/1.5 var(--font-mono); letter-spacing:.04em; color:var(--card-acc); margin-bottom:18px; }
.card.pack h3{ font:400 26px/1.15 var(--font-sans); letter-spacing:-.04em; color:#f0f3f8; margin-bottom:12px; }
.card.pack p{ font-size:15px; line-height:1.65; color:#aab2bf; margin-bottom:20px; }
.card.pack ul{ list-style:none; padding:0; margin:0 0 26px; display:flex; flex-direction:column; gap:9px; }
.card.pack li{ position:relative; padding-left:18px; font-size:14px; color:#cfd6e2; }
.card.pack li::before{ content:""; position:absolute; left:0; top:8px; width:7px; height:7px; border-radius:2px; background:var(--card-acc); }
.pack-foot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:20px; border-top:1px solid #ffffff17; }
.pack-time{ font:500 13px var(--font-mono); color:#98a2b3; }
.pack-link{ font:500 14px var(--font-sans); color:#eef2f8; transition:color .3s; }
.pack-link:hover{ color:var(--card-acc); }
.pack-support{ margin-top:22px; font-size:15px; line-height:1.7; color:#a3acbb; padding:18px 22px; border-radius:12px; border:1px dashed #ffffff22; }
.pack-support b{ color:#e6ebf3; font-weight:500; }
.steps{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:none; }
.step{ position:relative; padding:28px 26px 30px; border-radius:6px; border:1px solid #ffffff17; background:#ffffff04; }
.step::after{ content:""; position:absolute; top:44px; right:-17px; width:18px; height:1px; background:linear-gradient(90deg,#58e6ff88,transparent); }
.step:last-child::after{ display:none; }
.step-n{ display:block; font:500 13px var(--font-mono); color:#58e6ff; margin-bottom:22px; }
.step h3{ font:400 21px var(--font-sans); letter-spacing:-.03em; color:#eef2f8; margin-bottom:10px; }
.step p{ font-size:15px; line-height:1.7; color:#a3acbb; }

.page-sites .faq-q > span:first-child{ font-size:19px; color:#d6dde8; }
.page-sites .faq-a p{ color:#a3acbb; }
.brief-wrap{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; align-items:start; }
.brief-intro{ display:block; }
.brief-intro > p{ margin-top:24px; max-width:360px; font-size:16px; }
.brief-intro a{ color:#58e6ff; }
.brief-legal{ margin-top:14px; font-size:12px; color:#7d879a; }
.brief-legal a{ color:#a9b6ca; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1180px){
  .lab-body{ grid-template-columns:1fr; }
  .sc-info{ display:grid; grid-template-columns:1fr 1fr; column-gap:32px; }
  .sc-info .sc-kicker,.sc-info .sc-name,.sc-info .sc-desc{ grid-column:1; }
  .sc-info .sc-feats{ grid-column:2; grid-row:1 / 4; }
  .sc-info .sc-try,.sc-info .sc-cta,.sc-info .sc-note{ grid-column:1 / -1; }
  .sc-cta{ justify-self:start; }
  .pack-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:900px){
  .lab-tabs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1024px){
  .s-hero{ grid-template-columns:1fr; padding:48px 0 80px; gap:40px; }
  .s-hero-stack{ height:440px; max-width:640px; }
  .wow-grid{ grid-template-columns:repeat(2,1fr); }
  .wow-ai{ grid-row:auto; grid-column:1 / -1; }
  .law{ grid-template-columns:1fr; padding:40px; gap:36px; }
  .steps{ grid-template-columns:repeat(2,1fr); }
  .step::after{ display:none; }
  .brief-wrap{ grid-template-columns:1fr; gap:24px; }
  .base-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:767px){
  .s-title{ font-size:clamp(38px,11vw,56px); }
  .s-lead{ font-size:16px; }
  .s-hero .hero-actions{ display:grid; grid-template-columns:1fr; }
  .s-hero .hero-actions .btn{ justify-content:center; }
  .s-hero-stack{ height:340px; }
  .stack-win-back{ width:88%; height:230px; }
  .stack-win-front{ width:80%; height:200px; bottom:30px; }
  .stack-phone{ width:120px; height:240px; border-width:5px; border-radius:24px; right:0; }
  .ph-title{ font-size:13px; margin:6px 0 8px; } .ph-slots span{ font-size:9px; padding:5px 0; } .ph-btn{ font-size:10px; padding:8px; margin-top:8px; }
  .stack-toast{ top:auto; bottom:4px; left:0; font-size:12px; }
  .lab{ --lab-w:calc(100vw - 32px); padding:10px; border-radius:14px; }
  .lab-tabs{ gap:6px; margin-bottom:10px; }
  .lab-tab{ padding:11px 12px 13px; column-gap:8px; }
  .lt-name{ font-size:15px; }
  .devices,.sc-dots{ display:none; }
  .lab-stage{ padding:0; background:none; }
  .lab-stage[data-device] .lab-frame{ width:100%; border-radius:12px; border:1px solid #ffffff24; }
  .lab-view,.lab-stage[data-device] .lab-view{ height:min(640px,76svh); min-height:480px; }
  .tg-stack{ top:52px; right:8px; width:calc(100% - 16px); }
  .sc-info{ display:flex; padding:8px 4px; }
  .sc-name{ font-size:26px; }
  .sc-cta{ width:100%; }
  .case-real{ flex-direction:column; align-items:flex-start; gap:14px; padding:22px; }
  .case-arrow{ display:none; }
  .base-grid,.wow-grid,.pack-grid,.steps{ grid-template-columns:1fr; }
  .base-item{ padding:26px 22px; }
  .card.wow,.card.pack{ padding:26px; }
  .law{ padding:28px 22px; }
  .law-list li{ padding:14px; }
}
@media(hover:none),(pointer:coarse){
  .stack-win-back,.stack-win-front,.stack-phone{ animation:none; }
}
@media(prefers-reduced-motion:reduce){
  .s-title{ animation:none; }
  .stack-win-back,.stack-win-front,.stack-phone,.stack-toast{ animation:none; }
  .stack-toast{ opacity:1; }
  .lab-frame,.lab-tab::after{ transition:none; }
  .demo.entering,.demo.leaving,.lab-view.morph .lab-scan{ animation:none; }
  .sc-info.swap > *{ animation:none; }
}