@property --hx-ang{syntax:'<angle>';inherits:false;initial-value:0deg;}
@property --pk-ang{syntax:'<angle>';inherits:false;initial-value:0deg;}
@property --ft-sa{syntax:'<number>';inherits:true;initial-value:0;}
@layer vanweb {

html.lenis, html.lenis body { height: auto; }
.lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; }
.lenis [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-smooth iframe { pointer-events: none; }

body{margin:0;background:#050508;color:#F5F5F7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*,*::before,*::after{box-sizing:border-box;}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0;}
ul,ol{padding:0;list-style:none;}
a{color:inherit;text-decoration:none;}
a:hover{color:#FFFFFF;}
::selection{background:rgba(139,92,246,.45);color:#FFFFFF;}
:focus-visible{outline:2px solid #A78BFA;outline-offset:3px;border-radius:10px;}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.mono{font-family:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;}

/* layout utilities */
.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,5vw,64px);}
.sec{padding-block:136px;}
@media (max-width:860px){.sec{padding-block:88px;}}

/* starfield + hero stage */
.stars{background-image:
 radial-gradient(1px 1px at 23px 41px, rgba(255,255,255,.55), transparent 70%),
 radial-gradient(1px 1px at 131px 97px, rgba(255,255,255,.32), transparent 70%),
 radial-gradient(1.5px 1.5px at 67px 163px, rgba(221,211,255,.42), transparent 70%),
 radial-gradient(1px 1px at 199px 13px, rgba(255,255,255,.28), transparent 70%);
 background-size:173px 181px, 241px 223px, 311px 293px, 397px 331px;
 -webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 34%, #000 25%, transparent 82%);
 mask-image:radial-gradient(ellipse 70% 62% at 50% 34%, #000 25%, transparent 82%);}


/* nav */
.nav-links{display:flex;}
.nav-menu{display:none;}
.nav-phone{display:inline-flex;}
.nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:999px;color:#A1A5AE;transition:color .2s;}
.nav-link::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:1.5px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease;}
.nav-link:hover{color:#F5F5F7;}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1);}
.nav-menu summary{list-style:none;cursor:pointer;}
.nav-menu summary::-webkit-details-marker{display:none;}
.nav-menu[open] .burger-open{display:none;}
.nav-menu:not([open]) .burger-close{display:none;}
/* closed menu: hide the panel explicitly (not every engine hides a styled details child) */
.nav-menu:not([open]) > :not(summary){display:none!important;}
.menu-link{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;color:#D9DAE0;}
.menu-link:hover{background:#1B1B22;}
@media (max-width:1100px){.nav-phone{display:none;}}
@media (max-width:900px){.nav-links{display:none;}.nav-menu{display:block;}}

/* buttons */
.btn{transition:filter .2s, border-color .2s, background-color .2s, box-shadow .25s;}
.btn .arr{transition:transform .2s ease;}
.btn-primary:hover{color:#FFFFFF;filter:brightness(1.1);box-shadow:0 0 0 4px var(--accent-tint), 0 12px 40px -10px var(--accent-glow);}
.btn-primary:hover .arr{transform:translateX(3px);}
.btn-ghost:hover{border-color:rgba(255,255,255,.32)!important;background-color:rgba(255,255,255,.05)!important;}
.text-link{color:var(--accent-light);display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:500;}
.text-link:hover{color:#F5F5F7;}
.text-link:hover .arr{transform:translateX(3px);}
.text-link .arr{transition:transform .2s ease;}

/* sticky service chapters */
.chapters{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;}
.ch-text{padding-top:40px;}
.ch-panel{position:relative;height:520px;}
@media (min-width:961px){
 .chapters{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,5vw,80px);row-gap:0;}
 .ch-text{grid-column:1;min-height:700px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:0;}
 /* sticky top = floating nav (16 + 62 = 78px) + 42px air */
 .ch-panel{grid-column:2;position:sticky;top:120px;align-self:start;margin-top:70px;height:560px;}
 .ch-p2,.ch-p3,.ch-p4{box-shadow:0 -28px 56px -28px rgba(0,0,0,0.95);}
 .ch-t1{grid-row:1;}.ch-t2{grid-row:2;}.ch-t3{grid-row:3;}.ch-t4{grid-row:4;}
 .ch-p1{grid-row:1 / span 4;}.ch-p2{grid-row:2 / span 3;}.ch-p3{grid-row:3 / span 2;}.ch-p4{grid-row:4 / span 1;}
}
@media (max-width:960px){.hide-sm{display:none!important;}.ch-grid{grid-template-columns:minmax(0,1fr)!important;}.contact-aside{border-right:0!important;border-bottom:1px solid rgba(255,255,255,0.08);}}
.ch-text:focus-within{opacity:1!important;}
.skip:focus{position:fixed;left:16px;top:16px;z-index:100;width:auto;height:auto;margin:0;padding:12px 18px;clip:auto;border-radius:12px;background:#F5F5F7;color:#050508;font-weight:600;}

/* generic responsive grids */
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
.form-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.foot-cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:40px;}
@media (max-width:1060px){
 .foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));}
 .foot-brand{grid-column:1 / -1;}
}
@media (max-width:960px){
 .contact-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:620px){
 .form-2{grid-template-columns:minmax(0,1fr);}
 .foot-cols{grid-template-columns:minmax(0,1fr);}
}

/* cards, rows, accordions */

/* form */
.field{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;background:#0A0A0F;border:1px solid rgba(255,255,255,.14);color:#F5F5F7;font:inherit;font-size:16px;transition:border-color .2s, box-shadow .2s;}
.field::placeholder{color:#8A8F98;}
.field:hover{border-color:rgba(255,255,255,.24);}
.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);}
select.field{appearance:none;-webkit-appearance:none;padding-right:40px;}
textarea.field{min-height:132px;resize:vertical;line-height:1.55;}
.check{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex:none;}

/* ===== HERO v2 ===== motion tokens (Emil Kowalski curves) */
.hx{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}


/* twinkling stars */
.tw{position:absolute;width:2px;height:2px;border-radius:50%;background:#EDE9FE;box-shadow:0 0 6px rgba(221,214,254,.8);opacity:.25;animation:hxTw var(--t,5s) ease-in-out var(--d,0s) infinite;}
.tw-lg{width:3px;height:3px;}
@keyframes hxTw{0%,100%{opacity:.18;transform:scale(.8);}50%{opacity:1;transform:scale(1.15);}}

/* headline: words rise out of a soft blur, 60ms stagger, strong ease-out */
.hx-line{display:block;}
.hx-w{display:inline-block;animation:hxWord 900ms var(--ease-out) both;animation-delay:calc(120ms + var(--i) * 60ms);}
@keyframes hxWord{from{opacity:0;transform:translateY(0.32em);filter:blur(10px);}to{opacity:1;transform:none;filter:blur(0);}}
.hx-grad{background:linear-gradient(180deg,#FFFFFF 10%,#C4B5FD 115%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:0.06em;}
.hx-in{animation:hxIn 800ms var(--ease-out) both;animation-delay:calc(120ms + var(--i) * 60ms);}
@keyframes hxIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

/* proof row */
.hx-ava{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid #050508;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#FFFFFF;}
.hx-ava + .hx-ava{margin-left:-9px;}
.hx-ava-sm{width:28px;height:28px;border-width:0;font-size:10px;}
.hx-sep{width:1px;height:16px;background:rgba(255,255,255,.14);}
@media (max-width:640px){.hx-sep{display:none;}}

/* primary CTA: a light rides the border (uxpeak-style), press feedback */
.btn{transition:filter .2s ease, border-color .2s ease, background-color .2s ease, box-shadow .25s ease, transform 160ms cubic-bezier(0.23,1,0.32,1);}
.btn:active{transform:scale(.97);}
.cta-spin{position:relative;isolation:isolate;}
.cta-spin::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--hx-ang),transparent 0 62%,rgba(237,233,254,.95) 76%,transparent 88%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hxSpin 3.2s linear infinite;pointer-events:none;}
@keyframes hxSpin{to{--hx-ang:360deg;}}

/* stage: planet rim + drifting aurora */
.hx-aurora{animation:hxDrift 16s ease-in-out infinite alternate;}
@keyframes hxDrift{from{transform:translateX(-4%) scale(1);}to{transform:translateX(4%) scale(1.08);}}

/* annotation sticker */
.hx-note{position:absolute;left:clamp(16px,3vw,24px);top:-74px;z-index:4;pointer-events:none;}
.hx-sticker{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(21,20,27,.92);border:1px solid rgba(180,165,210,.28);box-shadow:0 0 0 4px rgba(5,5,8,.6),0 14px 34px -12px rgba(0,0,0,.9);transform:rotate(-4deg);font-size:13.5px;font-weight:500;color:#F5F5F7;white-space:nowrap;animation:hxPop 700ms var(--ease-out) 1300ms both, hxFloat 5s ease-in-out 2000ms infinite;}
.hx-sticker-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#C4B5FD;}
.hx-arrow{display:block;margin:2px 0 0 38px;animation:hxIn 600ms var(--ease-out) 1500ms both;}
@keyframes hxPop{from{opacity:0;transform:rotate(-4deg) translateY(10px) scale(.95);}to{opacity:1;transform:rotate(-4deg) translateY(0) scale(1);}}
@keyframes hxFloat{0%,100%{translate:0 0;}50%{translate:0 -5px;}}
@media (max-width:980px){.hx-note{display:none;}}

/* live dot */
.hx-live{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:hxPulse 2s ease-in-out infinite;flex:none;}
@keyframes hxPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55);}70%{box-shadow:0 0 0 7px rgba(52,211,153,0);}100%{box-shadow:0 0 0 0 rgba(52,211,153,0);}}

/* the window */
.hx-crop{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%);height:720px;perspective:1600px;}
.hx-win{position:relative;border-radius:22px 22px 0 0;background:linear-gradient(180deg,rgba(23,22,29,.96) 0%,rgba(15,14,21,.98) 40%);border:1px solid rgba(180,165,210,.2);border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 -30px 80px -40px rgba(139,92,246,.55);transform-origin:50% 0;animation:hxRise 1100ms var(--ease-out) 380ms both;--mx:50%;--my:30%;}
.hx-win::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(167,139,250,.10),transparent 60%);opacity:0;transition:opacity .4s ease;}
.hx-win.is-hover::after{opacity:1;}
@keyframes hxRise{from{opacity:0;transform:translateY(60px) scale(.97);}to{opacity:1;transform:none;}}
.hx-bar{display:flex;align-items:center;gap:18px;height:58px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);}
.hx-dot{width:10px;height:10px;border-radius:50%;background:#2A2833;}
.hx-chip-sm{font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#A1A5AE;white-space:nowrap;}
.hx-tabs{display:flex;gap:2px;margin-left:12px;font-size:13px;font-weight:500;}
.hx-tab{padding:7px 12px;border-radius:999px;color:#8A8F98;white-space:nowrap;}
.hx-tab.is-on{color:#F5F5F7;background:rgba(139,92,246,.16);box-shadow:inset 0 0 0 1px rgba(139,92,246,.3);}
.hx-bar-r{display:flex;align-items:center;gap:14px;margin-left:auto;}
.hx-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;padding:18px;}
.hx-card{position:relative;border-radius:16px;background:#0D0C12;border:1px solid rgba(255,255,255,.07);padding:18px;overflow:hidden;animation:hxIn 800ms var(--ease-out) both;}
.hx-feat{grid-column:span 7;min-height:330px;padding:22px;background:radial-gradient(65% 120% at 0% 40%,rgba(139,92,246,.32) 0%,rgba(124,58,237,.14) 42%,transparent 75%),radial-gradient(55% 70% at 100% 0%,rgba(236,72,153,.16) 0%,transparent 70%),#100E18;border-color:rgba(139,92,246,.24);animation-delay:700ms;}
.hx-feed{grid-column:span 5;animation-delay:780ms;}
.hx-speed{grid-column:span 4;animation-delay:860ms;}
.hx-flora{grid-column:span 4;animation-delay:920ms;}
.hx-search{grid-column:span 4;animation-delay:980ms;}
.hx-feat-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.07) 50%,transparent 65%) 0 0/250% 100%;animation:hxShine 6s linear 2.2s infinite;pointer-events:none;}
@keyframes hxShine{from{background-position:150% 0;}to{background-position:-100% 0;}}
.hx-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.28);font-size:11.5px;font-weight:600;color:#DDD6FE;}
.hx-tag-dim{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#C9CBD1;font-weight:500;}
.hx-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(5,5,8,.45);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#C9CBD1;white-space:nowrap;}
.hx-pill b{color:#FFFFFF;font-weight:600;}
/* chart: line draws in, area fades after, endpoint pulses */
.hx-line-path{stroke-dasharray:1;stroke-dashoffset:1;animation:hxDraw 1600ms var(--ease-io) 1100ms forwards;}
.hx-area{opacity:0;animation:hxFade 900ms ease 2200ms forwards;}
.hx-endpoint{position:absolute;right:-5px;top:calc(14.6% - 5px);width:10px;height:10px;border-radius:50%;background:#C4B5FD;box-shadow:0 0 0 0 rgba(196,181,253,.6),0 0 14px rgba(167,139,250,.9);opacity:0;animation:hxFade 300ms ease 2600ms forwards, hxPulseV 2.2s ease-in-out 2900ms infinite;}
@keyframes hxDraw{to{stroke-dashoffset:0;}}
@keyframes hxFade{to{opacity:1;}}
@keyframes hxPulseV{0%{box-shadow:0 0 0 0 rgba(196,181,253,.55),0 0 14px rgba(167,139,250,.9);}70%{box-shadow:0 0 0 9px rgba(196,181,253,0),0 0 14px rgba(167,139,250,.9);}100%{box-shadow:0 0 0 0 rgba(196,181,253,0),0 0 14px rgba(167,139,250,.9);}}
/* lead feed */
.hx-lead{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);animation:hxLead 600ms var(--ease-out) both;animation-delay:calc(1300ms + var(--i) * 70ms);}
.hx-lead:first-child{background:rgba(139,92,246,.09);border-color:rgba(139,92,246,.28);}
@keyframes hxLead{from{opacity:0;transform:translateY(-8px) scale(.98);}to{opacity:1;transform:none;}}
.hx-lead-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.05);color:#C4B5FD;flex:none;}
.hx-lead-t{display:block;font-size:13px;font-weight:500;color:#F5F5F7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hx-lead-s{display:block;font-size:11.5px;color:#8A8F98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hx-lead-time{font-size:11px;color:#8A8F98;flex:none;}
.hx-new{flex:none;padding:3px 8px;border-radius:999px;background:#34D399;color:#052E1C;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;animation:hxNew 2.4s ease-in-out 2s infinite;}
@keyframes hxNew{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.5);}60%{box-shadow:0 0 0 6px rgba(52,211,153,0);}}
/* PageSpeed ring + load bar */
.hx-ring{stroke-dasharray:1;stroke-dashoffset:1;animation:hxDraw 1200ms var(--ease-out) 1200ms forwards;}
.hx-load{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#34D399,#A7F3D0);transform-origin:0 50%;transform:scaleX(0);animation:hxBar 900ms linear 1200ms forwards;}
@keyframes hxBar{to{transform:scaleX(1);}}
.hx-spark{stroke-dasharray:1;stroke-dashoffset:1;animation:hxDraw 1400ms var(--ease-io) 1400ms forwards;}
/* google search: types, then the #1 result slides in; loops calmly */
.hx-sbox{display:flex;align-items:center;gap:9px;margin-top:12px;height:42px;padding:0 14px;border-radius:999px;background:#F5F5F7;color:#15141B;font-size:13.5px;font-weight:500;}
.hx-typed{display:inline-block;overflow:hidden;white-space:nowrap;max-width:21ch;animation:hxType 9s 1.6s infinite;}
.hx-caret{width:1.5px;height:17px;margin-left:-7px;background:#7C3AED;animation:hxBlink 1s steps(1) infinite;flex:none;}
@keyframes hxType{0%{max-width:0;animation-timing-function:steps(19,end);}22%,100%{max-width:21ch;}}
@keyframes hxBlink{50%{opacity:0;}}
.hx-result{display:flex;align-items:center;gap:11px;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.26);animation:hxRes 9s var(--ease-out) 1.6s infinite both;}
.hx-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#7C3AED;color:#FFFFFF;font-size:13px;font-weight:700;flex:none;}
@keyframes hxRes{0%,24%{opacity:0;transform:translateY(8px) scale(.98);}30%,88%{opacity:1;transform:none;}96%,100%{opacity:0;transform:translateY(0);}}

/* responsive */
@media (max-width:1100px){.hx-tabs{display:none;}}
@media (max-width:980px){
 .hx-crop{height:auto;max-height:1180px;}
 .hx-feat,.hx-feed{grid-column:span 12;}
 .hx-speed,.hx-flora,.hx-search{grid-column:span 6;}
 .hx-search{grid-column:span 12;}
}
@media (max-width:640px){
 .hx-crop{max-height:980px;}
 .hx-body{gap:10px;padding:12px;}
 .hx-speed,.hx-flora,.hx-search{grid-column:span 12;}
 .hx-bar{gap:12px;padding:0 14px;}
 .hx-livelabel{display:none!important;}
 .hx-hide-sm{display:none!important;}
 .hx-feat{min-height:300px;}
}
/* hover-only effects stay on real pointers */
@media (hover:hover) and (pointer:fine){
 .hx-card{transition:border-color .25s ease;}
 .hx-card:hover{border-color:rgba(180,165,210,.26);}
}
/* reduced motion: keep everything visible and still */
@media (prefers-reduced-motion: reduce){
 .hx-line-path,.hx-ring,.hx-spark{stroke-dashoffset:0!important;}
 .hx-area,.hx-endpoint{opacity:1!important;}
 .hx-load{transform:none!important;}
 .hx-typed{max-width:none!important;}
 .hx-result{opacity:1!important;transform:none!important;}
 .cta-spin::before{display:none;}
}

/* ===== SERVICES v2: living panels (10 s calm loops; base styles = the finished state) ===== */
.sv{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);display:flex;flex-direction:column;gap:14px;height:100%;}
.ch-panel.is-off *{animation-play-state:paused!important;}
.sv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;}
.sv-head-t{display:inline-flex;align-items:center;gap:10px;color:#E9E8EE;font-weight:500;}
.sv-app{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.3);color:#C4B5FD;}
.sv-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#C9CBD1;white-space:nowrap;}
.sv-box{position:relative;border-radius:16px;background:#0A0A0F;border:1px solid rgba(255,255,255,.08);overflow:hidden;}
.sv-live{width:7px;height:7px;border-radius:50%;background:#34D399;animation:hxPulse 2s ease-in-out infinite;flex:none;}
.sv-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(52,211,153,.14);color:#34D399;flex:none;}
.sv-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;}
.sv-btn-p{background:#7C3AED;color:#FFFFFF;}
.sv-btn-g{border:1px solid rgba(255,255,255,.14);color:#D9DAE0;}
.sv-toast{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#15141B;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 36px -14px rgba(0,0,0,.9);font-size:12.5px;color:#E9E8EE;}
.sv-toast small{display:block;font-size:11px;color:#8A8F98;}

/* --- 1 · WordPress: type → publish → live --- */
.wp-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;}
.wp-ed{display:flex;flex-direction:column;}
.wp-bar{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);}
.wp-add{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#7C3AED;color:#FFFFFF;}
.wp-pub{animation:svPress 10s var(--ease-out) infinite;}
@keyframes svPress{0%,39%{transform:scale(1);}40.5%{transform:scale(.93);}43%,100%{transform:scale(1);}}
.wp-canvas{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:30px 22px 18px;}
.wp-block{position:relative;padding:12px 14px;border-radius:9px;outline:1.5px solid #8B5CF6;}
.wp-tools{position:absolute;left:-1px;top:-38px;display:flex;gap:2px;padding:4px;border-radius:8px;background:#1B1B22;border:1px solid rgba(255,255,255,.12);font-size:12px;color:#D9DAE0;}
.wp-h{font-size:clamp(17px,1.7vw,24px);line-height:1.2;font-weight:600;letter-spacing:-.02em;color:#F5F5F7;white-space:nowrap;}
.wp-typed{display:inline-block;vertical-align:bottom;overflow:hidden;white-space:nowrap;max-width:30ch;animation:svType 10s infinite;}
@keyframes svType{0%{max-width:0;animation-timing-function:steps(28,end);}33%{max-width:30ch;}94%{max-width:30ch;}100%{max-width:0;}}
.wp-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:#A78BFA;animation:hxBlink 1s steps(1) infinite;}
.wp-lines{display:flex;flex-direction:column;gap:8px;padding:0 14px;}
.wp-lines span{height:6px;border-radius:3px;background:#2C2B35;}
.wp-img{flex:1;min-height:70px;margin:2px 14px 0;border-radius:10px;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.9) 0 6%,transparent 7%),radial-gradient(ellipse 70% 50% at 20% 105%,#5B21B6 0 96%,transparent 100%),radial-gradient(ellipse 80% 45% at 90% 108%,#4C1D95 0 96%,transparent 100%),linear-gradient(180deg,#C4B5FD,#8B5CF6);}
.wp-toast{position:absolute;left:16px;bottom:16px;animation:svToast 10s var(--ease-out) infinite;}
@keyframes svToast{0%,43%{opacity:0;transform:translateY(12px) scale(.97);}48%,86%{opacity:1;transform:none;}91%,100%{opacity:0;transform:translateY(-6px);}}
.wp-phone{position:relative;align-self:center;width:150px;height:300px;padding:12px 10px;border-radius:26px;background:#050508;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px -16px rgba(0,0,0,.95);display:flex;flex-direction:column;gap:7px;}
.wp-notch{align-self:center;width:38px;height:4px;border-radius:4px;background:#2C2B35;margin-bottom:6px;}
.wp-ph-h{position:relative;height:30px;}
.wp-ph-skel,.wp-ph-text{position:absolute;inset:0;}
.wp-ph-skel{display:flex;flex-direction:column;gap:6px;opacity:0;animation:svOut 10s ease infinite;}
.wp-ph-skel span{height:9px;border-radius:3px;background:#2C2B35;}
.wp-ph-text{font-size:12.5px;line-height:1.2;font-weight:600;color:#F5F5F7;opacity:1;animation:svIn 10s ease infinite;}
@keyframes svIn{0%,46%{opacity:0;}52%,92%{opacity:1;}97%,100%{opacity:0;}}
@keyframes svOut{0%,46%{opacity:1;}52%,92%{opacity:0;}97%,100%{opacity:1;}}
.wp-ph-img{flex:1;border-radius:12px;background:radial-gradient(circle at 75% 28%,rgba(255,255,255,.9) 0 7%,transparent 8%),radial-gradient(ellipse 80% 45% at 20% 105%,#5B21B6 0 96%,transparent 100%),linear-gradient(180deg,#C4B5FD,#8B5CF6);}
.wp-ph-cta{height:22px;border-radius:999px;background:#7C3AED;}
.wp-lh{position:absolute;left:-26px;bottom:34px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#15141B;border:1px solid rgba(52,211,153,.35);font-size:11.5px;font-weight:600;color:#A7F3D0;box-shadow:0 12px 26px -12px rgba(0,0,0,.9);animation:svPop 10s var(--ease-out) infinite;}
@keyframes svPop{0%,50%{opacity:0;transform:scale(.9) translateY(6px);}56%,90%{opacity:1;transform:none;}95%,100%{opacity:0;}}

/* --- 2 · WooCommerce: checkout → the automatic chain --- */
.wc-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
.wc-co{display:flex;flex-direction:column;gap:10px;padding:16px;}
.wc-label{font-size:11.5px;color:#8A8F98;}
.wc-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);}
.wc-thumb{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:radial-gradient(circle at 50% 70%,rgba(139,92,246,.35),transparent 70%),#15141B;color:#C4B5FD;flex:none;}
.wc-opts{position:relative;display:flex;flex-direction:column;gap:6px;}
.wc-opt{position:relative;z-index:1;display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#D9DAE0;}
.wc-radio{width:14px;height:14px;border-radius:50%;border:1.5px solid #4A4955;flex:none;}
.wc-sel{position:absolute;left:0;right:0;top:0;height:36px;border-radius:10px;background:rgba(139,92,246,.12);box-shadow:inset 0 0 0 1px rgba(139,92,246,.45);transform:translateY(42px);animation:svSel 10s var(--ease-io) infinite;}
.wc-sel::before{content:"";position:absolute;left:12px;top:11px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#A78BFA 0 3.5px,transparent 4px);box-shadow:inset 0 0 0 1.5px #A78BFA;}
@keyframes svSel{0%,14%{transform:translateY(0);}20%,92%{transform:translateY(42px);}98%,100%{transform:translateY(0);}}
.wc-pay{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#D9DAE0;}
.wc-send{margin-top:auto;height:40px;border-radius:10px;background:#7C3AED;color:#FFFFFF;font-size:13px;font-weight:600;display:grid;place-items:center;animation:svPress2 10s var(--ease-out) infinite;}
@keyframes svPress2{0%,29%{transform:scale(1);}31%{transform:scale(.95);}34%,100%{transform:scale(1);}}
.wc-chain{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;}
.wc-chain::before{content:"";position:absolute;left:39px;top:58px;bottom:34px;width:1.5px;background:linear-gradient(180deg,rgba(52,211,153,.5),rgba(52,211,153,.05));}
.wc-step{position:relative;animation:svStep 10s ease var(--d,0s) infinite backwards;}
@keyframes svStep{0%,33%{opacity:.4;}38%,90%{opacity:1;}96%,100%{opacity:.4;}}
.wc-step .sv-check svg{animation:svTick 10s var(--ease-out) var(--d,0s) infinite backwards;}
@keyframes svTick{0%,34%{opacity:0;transform:scale(.4);}39%,90%{opacity:1;transform:none;}95%,100%{opacity:0;transform:scale(.4);}}

/* --- 3 · Google Ads: campaign types, Fejér targeting, clicks --- */
.ga-types{position:relative;display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:500;color:#A1A5AE;}
.ga-types span{position:relative;z-index:1;padding:6px 14px;text-align:center;white-space:nowrap;}
.ga-types i{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:rgba(139,92,246,.2);box-shadow:inset 0 0 0 1px rgba(139,92,246,.45);animation:svTabs 10s var(--ease-io) infinite;}
@keyframes svTabs{0%,30%{transform:translateX(0);}36%,63%{transform:translateX(100%);}69%,94%{transform:translateX(200%);}100%{transform:translateX(0);}}
.ga-ad{padding:14px 16px;}
.ga-spons{font-size:11px;font-weight:700;color:#E9E8EE;}
.ga-title{margin-top:4px;font-size:15px;font-weight:600;color:#C4B5FD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ga-desc{margin-top:4px;font-size:12px;line-height:1.45;color:#A1A5AE;}
.ga-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
.ga-map{background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.09) 1px,transparent 1.4px) 0 0/14px 14px,#0A0A0F;}
.ga-pin{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#A78BFA;box-shadow:0 0 0 4px rgba(167,139,250,.25),0 0 18px rgba(167,139,250,.9);}
.ga-ring{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:1.5px solid rgba(167,139,250,.55);background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%);transform:scale(1);animation:svRing 3.2s ease-out infinite;}
.ga-ring.r2{animation-delay:1.6s;animation-fill-mode:backwards;}
@keyframes svRing{0%{transform:scale(.25);opacity:0;}20%{opacity:1;}100%{transform:scale(1.15);opacity:0;}}
.ga-town{position:absolute;font-size:11px;color:#A1A5AE;white-space:nowrap;}
.ga-town::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#6B6A78;vertical-align:1px;}
.ga-bars{display:flex;align-items:flex-end;gap:7px;height:100%;padding:0 4px;}
.ga-bars span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#A78BFA,#6D28D9);transform-origin:50% 100%;animation:svBar 10s var(--ease-out) calc(var(--i) * 70ms) infinite backwards;}
@keyframes svBar{0%,4%{transform:scaleY(.06);}30%,88%{transform:scaleY(1);}96%,100%{transform:scaleY(.06);}}

/* --- 4 · Meta: A/B test → winner → remarketing loop --- */
.mt-ads{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.mt-ad{position:relative;display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:14px;background:#0A0A0F;border:1px solid rgba(255,255,255,.08);}
.mt-acc{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#D9DAE0;}
.mt-acc i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#4C1D95,#7C3AED);flex:none;}
.mt-acc small{display:block;font-size:10px;color:#8A8F98;}
.mt-copy{font-size:12px;line-height:1.4;color:#C9CBD1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.mt-img{position:relative;flex:1;min-height:96px;border-radius:10px;overflow:hidden;}
.mt-cta{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.05);font-size:11px;color:#D9DAE0;}
.mt-cta b{padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.1);font-weight:600;color:#F5F5F7;}
.mt-meter{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.mt-meter span{display:block;height:100%;border-radius:inherit;transform-origin:0 50%;animation:svMeter 10s var(--ease-out) infinite;}
.mt-a .mt-meter span{width:52%;background:#6B6A78;}
.mt-b .mt-meter span{width:92%;background:linear-gradient(90deg,#7C3AED,#C4B5FD);}
@keyframes svMeter{0%,6%{transform:scaleX(0);}38%,90%{transform:scaleX(1);}97%,100%{transform:scaleX(0);}}
.mt-ab{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#8A8F98;}
.mt-win{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#34D399;color:#052E1C;font-size:11px;font-weight:700;box-shadow:0 10px 24px -8px rgba(52,211,153,.7);animation:svWin 10s var(--ease-out) infinite;}
@keyframes svWin{0%,40%{opacity:0;transform:scale(.8) translateY(4px);}45%,90%{opacity:1;transform:none;}95%,100%{opacity:0;}}
.mt-b{transition:none;animation:svGlow 10s ease infinite;}
@keyframes svGlow{0%,40%{box-shadow:0 0 0 0 rgba(139,92,246,0);border-color:rgba(255,255,255,.08);}46%,90%{box-shadow:0 0 0 1px rgba(139,92,246,.55),0 18px 40px -18px rgba(139,92,246,.7);border-color:rgba(139,92,246,.5);}96%,100%{box-shadow:0 0 0 0 rgba(139,92,246,0);border-color:rgba(255,255,255,.08);}}
.mt-confetti{position:absolute;right:46px;top:20px;width:0;height:0;z-index:1;}
.mt-confetti i{position:absolute;width:6px;height:6px;border-radius:2px;opacity:0;animation:svConf 10s ease-out infinite;}
@media (prefers-reduced-motion: reduce){.mt-confetti{display:none;}}
.mt-confetti i:nth-child(1){background:#C4B5FD;--x:-34px;--y:-26px;--r:120deg;}
.mt-confetti i:nth-child(2){background:#34D399;--x:-10px;--y:-34px;--r:-80deg;}
.mt-confetti i:nth-child(3){background:#FBBF24;--x:18px;--y:-28px;--r:200deg;}
.mt-confetti i:nth-child(4){background:#F472B6;--x:30px;--y:-6px;--r:-150deg;}
.mt-confetti i:nth-child(5){background:#A78BFA;--x:-28px;--y:4px;--r:90deg;}
.mt-confetti i:nth-child(6){background:#34D399;--x:8px;--y:10px;--r:-40deg;}
@keyframes svConf{0%,43%{opacity:0;transform:translate(0,0) rotate(0);}45%{opacity:1;}58%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r));}100%{opacity:0;}}
.mt-loop{display:flex;align-items:center;gap:10px;padding:14px 16px;}
.mt-node{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#D9DAE0;white-space:nowrap;}
.mt-track{position:relative;flex:1;min-width:24px;height:2px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;}
.mt-track i{position:absolute;top:-1px;left:0;width:30%;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,#A78BFA,transparent);animation:svRun 2.4s linear infinite;}
.mt-track.t2 i{animation-delay:1.2s;}
@keyframes svRun{from{transform:translateX(-100%);}to{transform:translateX(340%);}}
.ch-p4 .sv{container-type:inline-size;}
@container (max-width:600px){.mt-loop{gap:6px;padding:12px;} .mt-node{gap:6px;padding:6px 9px;font-size:11.5px;} .mt-track{min-width:12px;}}
@container (max-width:470px){.mt-loop{flex-wrap:wrap;} .mt-track{display:none;}}

/* responsive */
@media (max-width:1180px){.wp-grid{grid-template-columns:minmax(0,1fr);}}
@media (max-width:1180px) and (min-width:961px){.wp-phone-col{display:none!important;}}
@media (max-width:960px){.ch-panel{height:auto!important;min-height:0;}}
@media (max-width:640px){
 .wc-grid,.ga-grid{grid-template-columns:minmax(0,1fr);}
 .ga-map-box{display:none;}
 .ga-bars{height:120px;}
 .mt-loop{flex-wrap:wrap;}
 .mt-track{display:none;}
 .mt-ads{gap:8px;}
 .mt-ad{padding:10px;gap:8px;}
 .mt-acc small,.mt-cta b{display:none;}
 .mt-copy{font-size:11.5px;}
 .mt-win{top:-14px;right:8px;padding:4px 9px;font-size:10.5px;}
 .mt-confetti{top:-2px;right:44px;}
 .wp-canvas{padding:26px 14px 16px;}
 .wp-h{font-size:16px;}
 .sv-head{flex-wrap:wrap;row-gap:10px;}
 .sv-head-t{white-space:nowrap;}
}
@media (prefers-reduced-motion: reduce){
 .ga-ring{opacity:.6;transform:scale(.8);}
}

/* ===== WORK v2: stacked case cards with living visuals (10 s loops; base styles = the finished state) ===== */
.wk{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
[data-live].is-off,[data-live].is-off *{animation-play-state:paused!important;}
.wk-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:28px 40px;}
.wk-all{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);font-size:15px;font-weight:600;color:#F5F5F7;white-space:nowrap;}
.wk-all svg{transition:transform .25s var(--ease-out);}
.wk-stack{display:flex;flex-direction:column;gap:clamp(64px,14vh,140px);margin-top:64px;}
.wk-card{position:sticky;top:calc(100px + var(--i) * 14px);}
.wk-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);min-height:min(660px,calc(100vh - 140px));border-radius:28px;background:#0F0E15;border:1px solid rgba(180,165,210,.16);overflow:hidden;transform-origin:50% 0;box-shadow:0 -20px 50px -28px rgba(0,0,0,.95),0 40px 80px -40px rgba(0,0,0,.8);}
.wk-dim{position:absolute;inset:0;z-index:6;border-radius:inherit;background:#050508;opacity:0;pointer-events:none;}
.wk-vis{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 30% 100%,rgba(139,92,246,.22),transparent 70%),#0B0A10;border-right:1px solid rgba(255,255,255,.07);}
.wk-body{display:flex;flex-direction:column;min-width:0;padding:clamp(28px,3.2vw,44px);}
.wk-top{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.wk-kind{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);}
.wk-num{font-size:12px;letter-spacing:.12em;color:#8A8F98;}
.wk-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.wk-tags span{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;color:#C9CBD1;}
.wk-client{margin-top:22px;font-size:15px;color:#A1A5AE;}
.wk-body h3{margin-top:6px;font-size:clamp(24px,2.1vw,30px);line-height:1.18;letter-spacing:-.015em;font-weight:600;text-wrap:balance;}
.wk-desc{margin-top:12px;font-size:15.5px;line-height:1.6;color:#8A8F98;}
.wk-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;}
.wk-metrics > div{min-width:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);}
.wk-val{font-size:clamp(24px,2.1vw,32px);line-height:1;font-weight:600;letter-spacing:-.02em;white-space:nowrap;color:#F5F5F7;font-variant-numeric:tabular-nums;}
.wk-lbl{margin-top:9px;font-size:13px;line-height:1.4;color:#A1A5AE;}
.wk-quote{margin-top:auto;padding-top:26px;}
.wk-quote blockquote{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);font-size:14.5px;line-height:1.55;color:#D9DAE0;}
.wk-quote figcaption{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13.5px;line-height:1.35;}
.wk-quote figcaption b{display:block;font-weight:600;color:#F5F5F7;}
.wk-quote figcaption small{display:block;font-size:12.5px;color:#A1A5AE;}
.wk-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4C1D95,#7C3AED);font-size:12px;font-weight:600;color:#FFFFFF;flex:none;}
.wk-stars{display:inline-flex;gap:2px;margin-left:auto;color:var(--accent-light);flex:none;}
.wk-chrome{display:flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);flex:none;}
.wk-chrome > i{width:8px;height:8px;border-radius:50%;background:#2A2833;}
.wk-url{display:inline-flex;align-items:center;gap:6px;height:22px;margin-left:10px;padding:0 10px;border-radius:999px;background:#15141B;font-size:11px;color:#A1A5AE;}
.wk-toast{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(21,20,27,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 38px -14px rgba(0,0,0,.95);font-size:12.5px;font-weight:500;line-height:1.3;color:#F5F5F7;}
.wk-toast small{display:block;font-size:11px;font-weight:400;color:#A1A5AE;}
.wk-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(52,211,153,.14);color:#34D399;flex:none;}

/* 01 FloraNova: before/after slider */
.fl{position:relative;flex:1;display:flex;flex-direction:column;min-height:420px;}
.fl-win{position:relative;flex:1;display:flex;flex-direction:column;border-radius:16px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);}
.fl-stage{position:relative;flex:1;min-height:0;}
.fl-old,.fl-new{position:absolute;inset:0;display:flex;flex-direction:column;}
.fl-old{gap:7px;padding:10px 12px;background:#E8E5DD;}
.fl-o-top{display:flex;align-items:center;gap:10px;}
.fl-o-top b{font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:700;color:#1F4AA8;}
.fl-o-sale{padding:2px 6px;background:#E0262B;color:#FFF59D;font-family:Arial,sans-serif;font-size:9px;font-weight:800;transform:rotate(-6deg);}
.fl-o-nav{display:flex;gap:6px;margin-left:auto;}
.fl-o-nav i{width:26px;height:6px;background:#1F4AA8;opacity:.5;}
.fl-o-strip{display:flex;align-items:center;gap:14px;height:16px;padding:0 8px;background:repeating-linear-gradient(90deg,#F4D03F 0 40px,#F7DC6F 40px 80px);}
.fl-o-strip i{width:56px;height:4px;background:#7A5C00;opacity:.45;}
.fl-o-body{flex:1;min-height:0;display:grid;grid-template-columns:26% minmax(0,1fr);gap:8px;}
.fl-o-side{display:flex;flex-direction:column;gap:7px;padding:7px;background:#FFFFFF;border:1px solid #C9C4B8;}
.fl-o-side i{height:5px;background:#1F4AA8;opacity:.4;}
.fl-o-side i:nth-child(3n){width:62%;}
.fl-o-side i:nth-child(3n+2){width:84%;}
.fl-o-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-content:start;}
.fl-o-grid div{display:flex;flex-direction:column;gap:4px;padding:5px;background:#FFFFFF;border:1px solid #C9C4B8;}
.fl-o-grid span{aspect-ratio:4 / 3;background:#CFCAC0;}
.fl-o-grid i{height:4px;background:#8E8A80;}
.fl-o-grid i + i{width:60%;}
.fl-o-grid b{align-self:flex-start;padding:3px 5px;background:#2E7D32;color:#FFFFFF;font-family:Arial,sans-serif;font-size:8px;font-weight:700;line-height:1;}
.fl-new{z-index:1;gap:12px;padding:12px 14px;background:#0E0D14;clip-path:inset(0 0 0 50%);animation:flClip 10s var(--ease-io) infinite;}
.fl-n-top{display:flex;align-items:center;gap:14px;}
.fl-n-logo{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:#F5F5F7;}
.fl-n-nav{display:flex;gap:10px;margin-left:auto;}
.fl-n-nav i{width:32px;height:5px;border-radius:3px;background:#3A3944;}
.fl-n-cart{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.1);color:#D9DAE0;}
.fl-n-hero{position:relative;flex:none;height:168px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:12px;padding:18px 20px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse 50% 70% at 82% 8%,rgba(221,214,254,.5),transparent 60%),linear-gradient(160deg,#2E1065,#4C1D95 55%,#6D28D9);}
.fl-n-pond{position:absolute;left:0;bottom:0;width:100%;height:55%;}
.fl-n-copy{position:relative;display:flex;flex-direction:column;gap:14px;}
.fl-n-h{display:flex;flex-direction:column;gap:8px;}
.fl-n-art{position:relative;justify-self:center;display:grid;place-items:center;width:124px;height:124px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#F5F5F7;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);}
.fl-n-kick{font-size:11px;color:#A1A5AE;margin-bottom:-4px;}
.fl-n-h i{display:block;height:12px;border-radius:4px;background:rgba(255,255,255,.92);}
.fl-n-h i + i{height:8px;background:rgba(255,255,255,.55);}
.fl-n-btn{width:96px;height:26px;border-radius:999px;background:#F5F5F7;}
.fl-n-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.fl-n-cats span{display:flex;flex-direction:column;gap:7px;min-width:0;padding:7px;border-radius:10px;background:#15141B;border:1px solid rgba(255,255,255,.06);font-size:11.5px;font-weight:500;color:#E9E8EE;white-space:nowrap;overflow:hidden;}
.fl-n-cats em{display:grid;place-items:center;aspect-ratio:16 / 8;border-radius:7px;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(139,92,246,.2),transparent 70%),#1B1B22;color:#D9DAE0;}
.fl-labs{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.fl-labs svg{flex:none;}
.fl-lab{padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:500;line-height:1.2;color:#C9CBD1;white-space:nowrap;}
.fl-lab-new{margin-left:auto;background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.5);color:#F5F5F7;}
.fl-split{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translateX(50%);animation:flSplit 10s var(--ease-io) infinite;}
.fl-split::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#F5F5F7;box-shadow:0 0 16px 1px rgba(167,139,250,.85);}
.fl-knob{position:absolute;left:-19px;top:50%;display:grid;place-items:center;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:#F5F5F7;color:#4C1D95;box-shadow:0 0 0 5px rgba(139,92,246,.3),0 10px 24px -6px rgba(0,0,0,.8);}
@keyframes flClip{0%,6%{clip-path:inset(0 0 0 50%);}22%,34%{clip-path:inset(0 0 0 84%);}52%,86%{clip-path:inset(0 0 0 12%);}100%{clip-path:inset(0 0 0 50%);}}
@keyframes flSplit{0%,6%{transform:translateX(50%);}22%,34%{transform:translateX(84%);}52%,86%{transform:translateX(12%);}100%{transform:translateX(50%);}}
.fl-orders{position:absolute;right:-8px;top:58px;z-index:3;display:flex;flex-direction:column;gap:8px;width:214px;}
.fl-order{animation:flOrder 10s var(--ease-out) var(--d,0s) infinite backwards;}
@keyframes flOrder{0%,53%{opacity:0;transform:translateY(12px) scale(.96);}57%,85%{opacity:1;transform:none;}89%,100%{opacity:0;transform:translateY(-6px);}}

/* 02 Fehérvári Szerelő: rank climb #4 → #1, then a new enquiry */
.rk{display:flex;flex-direction:column;gap:14px;}
.rk-win{padding:16px;border-radius:16px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);}
.rk-search{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:999px;background:#15141B;border:1px solid rgba(255,255,255,.1);font-size:14px;color:#F5F5F7;}
.rk-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 10px;font-size:12px;color:#A1A5AE;}
.rk-pos{display:inline-flex;align-items:center;gap:8px;}
.rk-odo{display:inline-block;height:24px;padding:0 9px;overflow:hidden;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.45);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;font-weight:600;line-height:22px;color:#F5F5F7;}
.rk-odo span{display:flex;flex-direction:column;transform:translateY(-66px);animation:rkOdo 10s var(--ease-io) infinite,rkFade 10s linear infinite;}
.rk-odo i{height:22px;font-style:normal;}
.rk-list{--step:72px;position:relative;height:calc(var(--step) * 4 - 10px);animation:rkFade 10s linear infinite;}
.rk-item{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;height:calc(var(--step) - 10px);padding:0 14px;border-radius:12px;background:#0F0E15;border:1px solid rgba(255,255,255,.07);}
.rk-c{opacity:.6;}
.rk-fav{width:28px;height:28px;border-radius:50%;background:#24222D;flex:none;}
.rk-fav-me{display:grid;place-items:center;background:linear-gradient(135deg,#4C1D95,#7C3AED);font-size:10px;font-weight:700;color:#FFFFFF;}
.rk-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.rk-lines i{display:block;height:5px;border-radius:3px;background:#3A3944;}
.rk-lines i:first-child{height:7px;background:#4A4955;}
.rk-lines b{font-size:14px;font-weight:600;line-height:1.1;color:#F5F5F7;}
.rk-me{z-index:2;background:#16122A;border-color:rgba(139,92,246,.45);transform:translateY(0);animation:rkMe 10s var(--ease-io) infinite;}
.rk-me::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1px rgba(167,139,250,.75),0 14px 40px -12px rgba(139,92,246,.8);pointer-events:none;animation:rkGlow 10s ease infinite;}
.rk-1{transform:translateY(var(--step));animation:rkM1 10s var(--ease-io) infinite;}
.rk-2{transform:translateY(calc(var(--step) * 2));animation:rkM2 10s var(--ease-io) infinite;}
.rk-3{transform:translateY(calc(var(--step) * 3));animation:rkM3 10s var(--ease-io) infinite;}
@keyframes rkMe{0%,10%{transform:translateY(calc(var(--step) * 3));}16%,34%{transform:translateY(calc(var(--step) * 2));}40%,58%{transform:translateY(var(--step));}64%,95.9%{transform:translateY(0);}96%,100%{transform:translateY(calc(var(--step) * 3));}}
@keyframes rkM3{0%,10%{transform:translateY(calc(var(--step) * 2));}16%,95.9%{transform:translateY(calc(var(--step) * 3));}96%,100%{transform:translateY(calc(var(--step) * 2));}}
@keyframes rkM2{0%,34%{transform:translateY(var(--step));}40%,95.9%{transform:translateY(calc(var(--step) * 2));}96%,100%{transform:translateY(var(--step));}}
@keyframes rkM1{0%,58%{transform:translateY(0);}64%,95.9%{transform:translateY(var(--step));}96%,100%{transform:translateY(0);}}
@keyframes rkOdo{0%,10%{transform:translateY(0);}16%,34%{transform:translateY(-22px);}40%,58%{transform:translateY(-44px);}64%,95.9%{transform:translateY(-66px);}96%,100%{transform:translateY(0);}}
@keyframes rkFade{0%,91%{opacity:1;}94%,97%{opacity:0;}100%{opacity:1;}}
@keyframes rkGlow{0%,62%{opacity:0;}68%,90%{opacity:1;}94%,100%{opacity:0;}}
.rk-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.rk-mini{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border-radius:14px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:500;line-height:1.3;color:#F5F5F7;}
.rk-mini small{display:block;font-size:11.5px;font-weight:400;color:#A1A5AE;}
.rk-pin{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:repeating-linear-gradient(135deg,#1B1B22 0 6px,#22202B 6px 12px);flex:none;}
.rk-pin svg{position:relative;}
.rk-pulse{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:1.5px solid rgba(167,139,250,.7);opacity:.5;animation:rkPulse 2.4s var(--ease-out) infinite;}
@keyframes rkPulse{0%{opacity:.9;transform:scale(.4);}100%{opacity:0;transform:scale(1.3);}}
.rk-call::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1px rgba(52,211,153,.55),0 12px 30px -12px rgba(52,211,153,.5);pointer-events:none;animation:rkCallOn 10s ease infinite;}
@keyframes rkCallOn{0%,66%{opacity:0;}70%,90%{opacity:1;}94%,100%{opacity:0;}}
.rk-phone{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(52,211,153,.14);color:#34D399;flex:none;animation:rkRing 10s linear infinite;}
@keyframes rkRing{0%,67%{transform:none;}68%{transform:rotate(-12deg);}69%{transform:rotate(12deg);}70%{transform:rotate(-10deg);}71%{transform:rotate(10deg);}72%{transform:rotate(-5deg);}73%,100%{transform:none;}}
.rk-plus{margin-left:auto;padding:3px 8px;border-radius:999px;background:#34D399;color:#052E1C;font-size:11px;font-weight:700;flex:none;animation:rkPlus 10s var(--ease-out) infinite;}
@keyframes rkPlus{0%,67%{opacity:0;transform:scale(.6);}71%,90%{opacity:1;transform:none;}94%,100%{opacity:0;transform:scale(.8);}}

/* 03 Helyi Bútor: old site still loading, new one done in about a second */
.sp{display:flex;flex-direction:column;gap:14px;}
.sp-wins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.sp-win{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:14px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 26px 50px -26px rgba(0,0,0,.9);}
.sp-lab{margin-left:8px;font-size:11px;color:#A1A5AE;white-space:nowrap;}
.sp-new .sp-lab{color:#C4B5FD;}
.sp-prog{display:block;height:2px;background:rgba(255,255,255,.06);}
.sp-prog i{display:block;height:100%;transform-origin:0 50%;}
.sp-old .sp-prog i{background:#8A8F98;transform:scaleX(.62);animation:spOldP 10s linear infinite;}
.sp-new .sp-prog i{background:linear-gradient(90deg,#7C3AED,#C4B5FD);animation:spNewP 10s var(--ease-out) infinite;}
@keyframes spNewP{0%,2%{transform:scaleX(0);}11%,92%{transform:scaleX(1);}96%,100%{transform:scaleX(0);}}
@keyframes spOldP{0%,2%{transform:scaleX(0);}18%{transform:scaleX(.18);}30%,40%{transform:scaleX(.3);}58%{transform:scaleX(.46);}74%,92%{transform:scaleX(.62);}96%,100%{transform:scaleX(0);}}
.sp-page{flex:1;display:flex;flex-direction:column;gap:10px;min-height:300px;padding:12px 12px 56px;}
.sp-bar-h{display:block;height:14px;border-radius:5px;background:#24222D;}
.sp-hero{display:grid;place-items:center;height:118px;border-radius:9px;background:radial-gradient(ellipse 60% 70% at 70% 20%,rgba(255,236,210,.28),transparent 60%),linear-gradient(160deg,#3B2A1E,#6B4A2E);color:#F3E3CC;}
.sp-hero-old{background:#1B1B22;}
.sp-shift{display:flex;flex-direction:column;gap:9px;animation:spShift 10s linear infinite;}
.sp-text{display:flex;flex-direction:column;gap:6px;}
.sp-text i{display:block;height:6px;border-radius:3px;background:#3A3944;}
.sp-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.sp-tiles em{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:#1B1B22;color:#D9C4A8;}
.sp-old .sp-tiles em{background:#15141B;}
.sp-o1{animation:spO1 10s linear infinite;}
.sp-o2{animation:spO2 10s linear infinite;}
.sp-o3{opacity:.55;animation:spO3 10s linear infinite;}
@keyframes spO1{0%,20%{opacity:0;}21%,93%{opacity:1;}97%,100%{opacity:0;}}
@keyframes spO2{0%,40%{opacity:0;}41%,93%{opacity:1;}97%,100%{opacity:0;}}
@keyframes spO3{0%,60%{opacity:0;}61%,93%{opacity:.55;}97%,100%{opacity:0;}}
@keyframes spShift{0%,61.9%{transform:translateY(-14px);}62%,100%{transform:none;}}
.sp-n{animation:spN 10s var(--ease-out) var(--d,0s) infinite backwards;}
@keyframes spN{0%,9%{opacity:0;transform:translateY(6px);}13%,93%{opacity:1;transform:none;}97%,100%{opacity:0;transform:none;}}
.sp-spin{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:#A1A5AE;animation:spSpin .9s linear infinite;}
.sp-spin-s{width:11px;height:11px;border-width:1.5px;}
@keyframes spSpin{to{transform:rotate(360deg);}}
.sp-badge{position:absolute;left:50%;bottom:12px;translate:-50% 0;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;box-shadow:0 10px 24px -8px rgba(0,0,0,.8);}
.sp-wait{background:#15141B;border:1px solid rgba(255,255,255,.14);color:#C9CBD1;}
.sp-done{background:#34D399;color:#052E1C;animation:spDone 10s var(--ease-out) infinite;}
@keyframes spDone{0%,11%{opacity:0;transform:scale(.8) translateY(4px);}15%,92%{opacity:1;transform:none;}96%,100%{opacity:0;}}
.sp-cmp{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);}
.sp-cmp-t{font-size:12.5px;font-weight:500;color:#E9E8EE;}
.sp-row{display:grid;grid-template-columns:50px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:12px;color:#A1A5AE;}
.sp-track{height:10px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;}
.sp-track i{display:block;height:100%;border-radius:inherit;transform-origin:0 50%;}
.sp-before{width:76.9%;background:#4A4955;}
.sp-after{width:100%;background:linear-gradient(90deg,#7C3AED,#C4B5FD);animation:spAfter 10s var(--ease-out) infinite;}
@keyframes spAfter{0%,14%{transform:scaleX(.769);}30%,92%{transform:scaleX(1);}97%,100%{transform:scaleX(.769);}}
.sp-gain{text-align:right;font-size:12.5px;font-weight:700;color:#34D399;animation:spGain 10s var(--ease-out) infinite;}
@keyframes spGain{0%,26%{opacity:0;transform:translateY(4px);}32%,92%{opacity:1;transform:none;}97%,100%{opacity:0;}}

/* work: hover (real pointers only) and responsive */
@media (hover:hover) and (pointer:fine){
 .wk-inner{transition:border-color .3s ease;}
 .wk-card:hover .wk-inner{border-color:rgba(180,165,210,.3);}
 .wk-all:hover svg{transform:translateX(3px);}
}
@media (max-width:1180px){
 .wk-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);}
 .wk-quote blockquote{font-size:14px;}
 .fl-orders{width:196px;}
}
@media (min-width:961px) and (max-height:800px){
 .wk-card{top:calc(88px + var(--i) * 10px);}
 .wk-tags{margin-top:12px;}
 .wk-client{margin-top:14px;}
 .wk-desc{font-size:14.5px;}
 .wk-metrics{margin-top:18px;}
 .wk-quote{padding-top:18px;}
 .wk-quote blockquote{padding:12px 14px;font-size:13.5px;}
}
@media (max-width:960px){
 .wk-stack{gap:20px;margin-top:48px;}
 .wk-card{position:relative;top:auto;}
 .wk-inner{grid-template-columns:minmax(0,1fr);min-height:0;}
 .wk-vis{min-height:440px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);}
}
@media (max-width:640px){
 .wk-vis{min-height:0;padding:16px;}
 .wk-body{padding:24px 20px;}
 .wk-metrics{gap:10px;}
 .wk-val{font-size:24px;}
 .wk-quote figcaption{flex-wrap:wrap;}
 .fl{min-height:330px;}
 .fl-orders{top:auto;bottom:-6px;right:-6px;width:172px;}
 .fl-order:nth-child(3){display:none;}
 .fl-o-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .fl-n-nav{display:none;}
 .fl-n-cats{grid-template-columns:repeat(2,minmax(0,1fr));}
 .fl-n-cats span:nth-child(n+5){display:none;}
 .fl-lab{font-size:11px;padding:4px 9px;}
 .fl-n-hero{height:120px;padding:14px;}
 .fl-n-art{width:72px;height:72px;}
 .fl-n-art svg{width:56px;}
 .fl-o-grid div:nth-child(n+5){display:none;}
 .rk-win{padding:12px;}
 .rk-search{height:40px;font-size:13px;}
 .rk-list{--step:62px;}
 .rk-row{grid-template-columns:minmax(0,1fr);}
 .sp-page{min-height:0;padding:10px 10px 42px;}
 .sp-hero{height:64px;}
 .sp-hero svg{width:40px;}
 .sp-badge{font-size:10.5px;padding:4px 8px;}
}

/* ===== WHY v2: bento of six reasons with living illustrations (base styles = the finished state) ===== */
.wy{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
.wy-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:56px;}
.wy-cell{--mx:50%;--my:0%;position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(24px,2.6vw,34px);border-radius:24px;background:#0F0E15;border:1px solid rgba(180,165,210,.14);overflow:hidden;}
.wy-cell::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(139,92,246,.16),transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s ease;}
.wy-cell.is-hover::before{opacity:1;}
.wy-cell > *{position:relative;}
.wy-a{grid-column:span 7;}
.wy-b{grid-column:span 5;}
.wy-c,.wy-d,.wy-e{grid-column:span 4;}
.wy-f{grid-column:span 12;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:40px;}
.wy-txt h3{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.015em;font-weight:600;}
.wy-txt p{margin-top:10px;max-width:520px;font-size:16px;line-height:1.6;color:#8A8F98;}
.wy-c .wy-txt h3,.wy-d .wy-txt h3,.wy-e .wy-txt h3{font-size:clamp(20px,1.7vw,22px);}
.wy-c .wy-txt p,.wy-d .wy-txt p,.wy-e .wy-txt p{font-size:15px;color:#A1A5AE;}
.wy-art{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;margin-top:24px;}
.wy-f .wy-art{margin-top:0;}

/* 1 map */
.wy-map svg{display:block;width:100%;height:auto;}
.wy-routes path{animation:wyRun 1.4s linear infinite;}
@keyframes wyRun{to{stroke-dashoffset:-14;}}
.wy-ping{opacity:.3;transform-box:fill-box;transform-origin:center;animation:wyPing 2.8s var(--ease-out) infinite;}
.wy-ping2{animation-delay:1.4s;}
@keyframes wyPing{0%{opacity:.75;transform:scale(.6);}100%{opacity:0;transform:scale(2.1);}}
.wy-halo{opacity:.35;transform-box:fill-box;transform-origin:center;animation:wyHalo 2.4s ease-out var(--d,0s) infinite backwards;}
@keyframes wyHalo{0%{opacity:0;transform:scale(.4);}30%{opacity:.9;transform:scale(1);}100%{opacity:0;transform:scale(1.7);}}
.wy-meet{position:absolute;left:2%;bottom:4%;display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;border-radius:999px;background:rgba(21,20,27,.94);border:1px solid rgba(180,165,210,.28);box-shadow:0 0 0 4px rgba(5,5,8,.5),0 14px 30px -12px rgba(0,0,0,.9);font-size:13px;font-weight:500;line-height:1.25;color:#F5F5F7;white-space:nowrap;transform:rotate(-3deg);animation:wyFloat 5s ease-in-out infinite;}
.wy-meet small{display:block;font-size:11.5px;font-weight:400;color:#A1A5AE;}
.wy-meet-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(139,92,246,.22);color:#C4B5FD;flex:none;}
@keyframes wyFloat{0%,100%{transform:rotate(-3deg) translateY(0);}50%{transform:rotate(-3deg) translateY(-5px);}}

/* 2 speed */
.wy-speed{gap:18px;}
.wy-lh{display:flex;align-items:center;gap:14px;}
.wy-ring{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none;}
.wy-ring svg{position:absolute;inset:0;width:100%;height:100%;}
.wy-ring b{position:relative;font-size:15px;font-weight:700;letter-spacing:-.01em;color:#34D399;}
.wy-ring-v{stroke-dasharray:100;stroke-dashoffset:5;animation:wyRing 6s var(--ease-out) infinite;}
@keyframes wyRing{0%,4%{stroke-dashoffset:100;}40%,92%{stroke-dashoffset:5;}100%{stroke-dashoffset:100;}}
.wy-lh-l{font-size:14px;font-weight:600;line-height:1.3;color:#F5F5F7;}
.wy-lh-l small{display:block;font-size:12.5px;font-weight:400;color:#A1A5AE;}
.wy-chain-wrap{position:relative;padding-left:24px;}
.wy-chain-wrap::before{content:"";position:absolute;left:8px;top:21px;bottom:21px;width:1.5px;background:linear-gradient(180deg,rgba(167,139,250,.6),rgba(167,139,250,.12));}
.wy-pkt{position:absolute;left:5px;top:21px;bottom:21px;width:8px;pointer-events:none;animation:wyPkt 4s var(--ease-io) infinite;}
.wy-pkt i{position:absolute;left:0;top:-4px;width:8px;height:8px;border-radius:50%;background:#C4B5FD;box-shadow:0 0 10px 2px rgba(167,139,250,.8);}
@keyframes wyPkt{0%{opacity:0;transform:translateY(0);}8%{opacity:1;transform:translateY(0);}45%,55%{opacity:1;transform:translateY(100%);}92%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(0);}}
.wy-chain{display:grid;gap:8px;}
.wy-chain li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:#15141B;border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#A1A5AE;}
.wy-chain li:first-child{border-color:rgba(139,92,246,.5);}
.wy-chain li .mono{font-size:12.5px;color:#F5F5F7;white-space:nowrap;}
.wy-chain li > span:last-child{text-align:right;}
.wy-chain li::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1px rgba(167,139,250,.75),0 0 24px -6px rgba(139,92,246,.75);opacity:0;pointer-events:none;animation:wyHop 4s ease calc(var(--i) * .42s) infinite;}
@keyframes wyHop{0%,4%{opacity:0;}10%{opacity:1;}24%,100%{opacity:0;}}

/* 3 pricing */
.wy-doc{position:relative;padding:16px;border-radius:16px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 50px -26px rgba(0,0,0,.9);}
.wy-doc-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px dashed rgba(255,255,255,.12);font-size:13px;font-weight:600;color:#F5F5F7;}
.wy-doc-h .mono{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#A1A5AE;}
.wy-items{display:grid;gap:8px;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.12);}
.wy-items li{display:flex;align-items:center;gap:10px;font-size:13px;color:#D9DAE0;animation:wyItem 8s var(--ease-out) calc(var(--i) * .35s) infinite backwards;}
@keyframes wyItem{0%,4%{opacity:.25;transform:translateX(-4px);}10%,92%{opacity:1;transform:none;}98%,100%{opacity:.25;transform:none;}}
.wy-tick{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(52,211,153,.14);color:#34D399;flex:none;}
.wy-doc-r{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:12.5px;color:#A1A5AE;}
.wy-doc-r b{font-weight:600;color:#34D399;}
.wy-doc-t{margin-top:8px;font-size:13.5px;color:#F5F5F7;}
.wy-doc-t b{color:#F5F5F7;}
.wy-stamp{position:absolute;right:14px;top:50px;padding:6px 10px;border:2px solid #A78BFA;border-radius:8px;background:rgba(10,10,15,.7);font-size:13px;font-weight:700;letter-spacing:.12em;color:#C4B5FD;transform:rotate(-10deg);animation:wyStamp 8s var(--ease-out) infinite;}
@keyframes wyStamp{0%,40%{opacity:0;transform:rotate(-10deg) scale(1.6);}46%{opacity:1;transform:rotate(-10deg) scale(.94);}50%,92%{opacity:1;transform:rotate(-10deg) scale(1);}97%,100%{opacity:0;transform:rotate(-10deg) scale(1);}}

/* 4 git log */
.wy-term{border-radius:14px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 26px 50px -26px rgba(0,0,0,.9);}
.wy-term-h{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);}
.wy-term-h i{width:8px;height:8px;border-radius:50%;background:#2A2833;}
.wy-term-h .mono{margin-left:8px;font-size:11px;color:#A1A5AE;}
.wy-term-h b{margin-left:auto;padding:2px 8px;border-radius:999px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.45);font-size:10.5px;font-weight:600;color:#C4B5FD;}
.wy-log{position:relative;display:grid;gap:2px;padding:10px 12px 12px;font-size:11.5px;color:#D9DAE0;}
.wy-log::before{content:"";position:absolute;left:18px;top:20px;bottom:22px;width:1.5px;background:rgba(167,139,250,.35);}
.wy-log li{position:relative;padding:5px 0 5px 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:wyCommit 10s var(--ease-out) calc(var(--i) * .55s) infinite backwards;}
.wy-log li::before{content:"";position:absolute;left:2px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#0A0A0F;border:2px solid #A78BFA;}
.wy-log li:first-child::before{background:#A78BFA;box-shadow:0 0 10px rgba(167,139,250,.8);}
.wy-log b{margin-right:8px;font-weight:500;color:#FBBF24;}
@keyframes wyCommit{0%,3%{opacity:0;transform:translateY(6px);}8%,90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}

/* 5 measurable */
.wy-dash{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:16px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 50px -26px rgba(0,0,0,.9);}
.wy-src{display:flex;flex-wrap:wrap;gap:6px;}
.wy-src span{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:11px;color:#D9DAE0;white-space:nowrap;}
.wy-src i{width:6px;height:6px;border-radius:50%;background:#34D399;animation:hxPulse 2s ease-in-out calc(var(--i) * .3s) infinite;}
.wy-chart{position:relative;height:92px;}
.wy-chart svg{display:block;width:100%;height:100%;overflow:visible;}
.wy-line{stroke-dasharray:1;stroke-dashoffset:0;animation:wyDraw 9s var(--ease-io) infinite;}
@keyframes wyDraw{0%,6%{stroke-dashoffset:1;}36%,92%{stroke-dashoffset:0;}98%,100%{stroke-dashoffset:1;}}
.wy-area{animation:wyFade 9s ease infinite;}
@keyframes wyFade{0%,20%{opacity:0;}40%,92%{opacity:1;}98%,100%{opacity:0;}}
.wy-end{position:absolute;right:-4px;top:calc(14% - 4px);width:9px;height:9px;border-radius:50%;background:#C4B5FD;box-shadow:0 0 0 4px rgba(139,92,246,.25);animation:wyEnd 9s var(--ease-out) infinite;}
@keyframes wyEnd{0%,34%{opacity:0;transform:scale(.4);}40%,92%{opacity:1;transform:none;}98%,100%{opacity:0;transform:none;}}
.wy-report{align-self:flex-start;animation:wyRep 9s var(--ease-out) infinite;}
@keyframes wyRep{0%,44%{opacity:0;transform:translateY(8px);}50%,92%{opacity:1;transform:none;}98%,100%{opacity:0;transform:none;}}

/* 6 long-term: maintenance log marquee */
.wy-marq{gap:12px;justify-content:center;}
.wy-marq-h{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#A1A5AE;}
.wy-marq-h .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.wy-live{display:inline-flex;align-items:center;gap:7px;}
.wy-live i{width:7px;height:7px;border-radius:50%;background:#34D399;animation:hxPulse 2s ease-in-out infinite;}
.wy-lane{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.wy-track{display:flex;width:max-content;animation:wyMarq 40s linear infinite;}
.wy-rev .wy-track{animation-duration:46s;animation-direction:reverse;}
@keyframes wyMarq{to{transform:translateX(-50%);}}
.wy-track span{display:inline-flex;align-items:center;gap:9px;margin-right:10px;padding:9px 16px 9px 9px;border-radius:999px;background:#15141B;border:1px solid rgba(255,255,255,.08);font-size:13.5px;font-weight:500;color:#E9E8EE;white-space:nowrap;}
.wy-track b{position:relative;display:block;width:22px;height:22px;border-radius:50%;background:rgba(52,211,153,.14);flex:none;}
.wy-track b::after{content:"";position:absolute;left:7px;top:6.5px;width:8px;height:4.5px;border-left:2px solid #34D399;border-bottom:2px solid #34D399;transform:rotate(-45deg);}

/* why: hover (real pointers only) and responsive */
@media (hover:hover) and (pointer:fine){
 .wy-cell{transition:border-color .3s ease;}
 .wy-cell.is-hover{border-color:rgba(180,165,210,.28);}
 .wy-lane:hover .wy-track{animation-play-state:paused;}
}
@media (max-width:1060px){
 .wy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .wy-a,.wy-f{grid-column:span 2;}
 .wy-b,.wy-c,.wy-d,.wy-e{grid-column:span 1;}
}
@media (max-width:860px){
 .wy-f{grid-template-columns:minmax(0,1fr);gap:24px;}
}
@media (max-width:640px){
 .wy-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:40px;}
 .wy-a,.wy-b,.wy-c,.wy-d,.wy-e,.wy-f{grid-column:auto;}
 .wy-meet{position:relative;left:auto;bottom:auto;align-self:flex-start;margin-top:8px;font-size:12.5px;}
 .wy-map .wy-t{font-size:20px;}
 .wy-map .wy-t-big{font-size:22px;}
 .wy-map .wy-t-zip{font-size:15px;transform:translateY(6px);}
 .wy-map .wy-t-county{display:none;}
 .wy-chain li > span:last-child{font-size:11.5px;}
 .wy-track span{font-size:12.5px;}
}

/* ===== PROCESS v2: five step cards with living scenes; sideways travel on desktop (base styles = the finished state) ===== */
.pr{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
.pr-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:28px 40px;}
.pr-lead{margin-top:20px;max-width:600px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:#8A8F98;}
.pr-meter{display:none;align-items:center;gap:14px;padding-bottom:8px;font-size:13px;color:#A1A5AE;}
.pr-meter b{font-weight:600;color:#F5F5F7;}
.pr-rail{position:relative;width:180px;height:2px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;}
.pr-rail i{position:absolute;inset:0;background:linear-gradient(90deg,#7C3AED,#C4B5FD);transform-origin:0 50%;}
.pr-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;}
.pr-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:24px;background:#0F0E15;border:1px solid rgba(180,165,210,.14);overflow:hidden;transition:border-color .45s ease,box-shadow .45s ease;}
.pr-card.is-active{border-color:rgba(139,92,246,.5);box-shadow:0 30px 80px -40px rgba(139,92,246,.65);}
.pr-art{position:relative;height:210px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 22px;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 50% 115%,rgba(139,92,246,.2),transparent 70%),#0B0A10;border-bottom:1px solid rgba(255,255,255,.07);}
.pr-body{padding:22px 24px 26px;}
.pr-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(139,92,246,.5);font-size:12px;color:#A78BFA;}
.pr-num-last{background:#7C3AED;border-color:#7C3AED;color:#FFFFFF;}
.pr-body h3{margin-top:16px;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;}
.pr-body p{margin-top:8px;font-size:15px;line-height:1.6;color:#A1A5AE;}

/* sideways mode (set by script on desktop when motion is allowed) */
.pr.is-h .pr-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:76px;overflow:hidden;}
.pr.is-h .pr-meter{display:flex;}
.pr.is-h .pr-track{display:flex;gap:24px;width:max-content;margin-top:48px;}
.pr.is-h .pr-card{flex:none;width:clamp(340px,29vw,420px);}
@media (min-width:961px) and (max-height:820px){
 .pr.is-h .pr-lead{display:none;}
 .pr.is-h .pr-track{margin-top:32px;}
 .pr.is-h .pr-art{height:164px;padding-top:12px;padding-bottom:12px;}
}

/* 01 consultation */
.pc-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#15141B;border:1px solid rgba(255,255,255,.1);}
.pc-av{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4C1D95,#7C3AED);font-size:15px;font-weight:700;color:#FFFFFF;flex:none;}
.pc-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(167,139,250,.7);opacity:.3;animation:pcRing 2.4s var(--ease-out) infinite;}
.pc-ring2{animation-delay:1.2s;}
@keyframes pcRing{0%{opacity:.8;transform:scale(1);}100%{opacity:0;transform:scale(1.7);}}
.pc-who{flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.3;color:#F5F5F7;}
.pc-who small{display:block;font-size:11.5px;font-weight:400;color:#34D399;}
.pc-wave{display:flex;align-items:center;gap:3px;height:22px;flex:none;}
.pc-wave i{width:3px;height:100%;border-radius:2px;background:#A78BFA;transform:scaleY(.5);animation:pcWave 1s ease-in-out calc(var(--i) * -.17s) infinite alternate;}
@keyframes pcWave{0%{transform:scaleY(.25);}100%{transform:scaleY(1);}}
.pc-time{display:flex;align-items:center;gap:10px;font-size:11px;color:#A1A5AE;}
.pc-bar{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;}
.pc-bar i{display:block;height:100%;background:linear-gradient(90deg,#7C3AED,#C4B5FD);transform-origin:0 50%;animation:pcBar 8s linear infinite;}
@keyframes pcBar{0%{transform:scaleX(0);}92%,100%{transform:scaleX(1);}}
.pc-opts{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:12px;text-align:center;color:#C9CBD1;}
.pc-opts span{position:relative;padding:5px 0;}
.pc-opts i{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:rgba(139,92,246,.22);box-shadow:inset 0 0 0 1px rgba(139,92,246,.5);animation:pcOpt 8s var(--ease-io) infinite;}
@keyframes pcOpt{0%,44%{transform:translateX(0);}50%,94%{transform:translateX(100%);}100%{transform:translateX(0);}}

/* 02 planning */
.pp{justify-content:stretch;padding-top:18px;padding-bottom:52px;}
.pp-frame{position:relative;flex:1;min-height:0;border-radius:12px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);overflow:hidden;}
.pp-wire,.pp-design{position:absolute;inset:0;display:flex;flex-direction:column;gap:7px;padding:10px;}
.pp-wire > span{border:1.5px dashed rgba(255,255,255,.22);border-radius:6px;}
.pp-w-nav{height:12px;flex:none;}
.pp-w-hero{flex:1;background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(255,255,255,.14) 50%,transparent calc(50% + 1px)),linear-gradient(to top left,transparent calc(50% - 1px),rgba(255,255,255,.14) 50%,transparent calc(50% + 1px));}
.pp-wire .pp-w-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:24px;flex:none;border:0;}
.pp-w-row i{border:1.5px dashed rgba(255,255,255,.22);border-radius:6px;}
.pp-design{background:#0E0D14;clip-path:inset(0 0 0 0);animation:ppReveal 8s var(--ease-io) infinite;}
@keyframes ppReveal{0%,10%{clip-path:inset(0 100% 0 0);}34%,92%{clip-path:inset(0 0 0 0);}97%,100%{clip-path:inset(0 100% 0 0);}}
.pp-d-nav{display:flex;align-items:center;gap:6px;height:12px;flex:none;}
.pp-d-nav b{width:22px;height:8px;border-radius:3px;background:#F5F5F7;}
.pp-d-nav i{width:16px;height:4px;border-radius:2px;background:#4A4955;}
.pp-d-nav i:first-of-type{margin-left:auto;}
.pp-d-nav em{width:26px;height:10px;margin-left:4px;border-radius:999px;background:#7C3AED;}
.pp-d-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px;border-radius:7px;background:radial-gradient(ellipse 60% 80% at 85% 20%,rgba(221,214,254,.45),transparent 60%),linear-gradient(135deg,#4C1D95,#7C3AED);}
.pp-d-hero i{width:60%;height:6px;border-radius:3px;background:rgba(255,255,255,.9);}
.pp-d-hero i + i{width:40%;height:4px;background:rgba(255,255,255,.55);}
.pp-d-hero em{width:40px;height:10px;margin-top:3px;border-radius:999px;background:#F5F5F7;}
.pp-d-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:24px;flex:none;}
.pp-d-row i{border-radius:6px;background:#1B1B22;border:1px solid rgba(255,255,255,.08);}
.pp-btn{position:absolute;right:22px;bottom:14px;padding:6px 12px;border-radius:9px;background:#7C3AED;font-size:12px;font-weight:600;color:#FFFFFF;animation:ppPress 8s var(--ease-out) infinite;}
@keyframes ppPress{0%,55%{transform:scale(1);}57%{transform:scale(.92);}60%,100%{transform:scale(1);}}
.pp-cursor{position:absolute;right:34px;bottom:2px;z-index:2;animation:ppCur 8s var(--ease-io) infinite;}
@keyframes ppCur{0%,38%{opacity:0;transform:translate(-150px,-70px);}42%{opacity:1;}54%,92%{opacity:1;transform:none;}97%,100%{opacity:0;transform:none;}}
.pp-ok{position:absolute;left:22px;bottom:13px;padding:5px 11px 5px 5px;font-size:12px;animation:ppOk 8s var(--ease-out) infinite;}
.pp-ok .wk-ic{width:22px;height:22px;border-radius:6px;}
@keyframes ppOk{0%,58%{opacity:0;transform:translateY(6px) scale(.95);}63%,92%{opacity:1;transform:none;}97%,100%{opacity:0;transform:none;}}

/* 03 development */
.pd{justify-content:stretch;padding-top:18px;padding-bottom:18px;}
.pd-ed{flex:1;min-height:0;border-radius:12px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);overflow:hidden;}
.pd-tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:10.5px;color:#8A8F98;}
.pd-tabs span{padding:5px 10px;border-radius:7px 7px 0 0;}
.pd-tabs .is-on{background:#15141B;color:#F5F5F7;}
.pd-code{display:flex;flex-direction:column;gap:9px;padding:14px;}
.pd-code p{display:flex;gap:6px;height:6px;clip-path:inset(0 0 0 0);animation:pdType 8s steps(8,end) calc(var(--i) * .45s) infinite backwards;}
@keyframes pdType{0%,4%{clip-path:inset(0 100% 0 0);}12%,92%{clip-path:inset(0 0 0 0);}97%,100%{clip-path:inset(0 100% 0 0);}}
.pd-code i{display:block;height:6px;border-radius:3px;opacity:.85;}
.pd-code .k{background:#C084FC;}
.pd-code .f{background:#60A5FA;}
.pd-code .p{background:#6B6A78;}
.pd-code .t{background:#34D399;}
.pd-code .s{background:#FBBF24;}
.pd-toast{position:absolute;right:14px;bottom:14px;animation:pdToast 8s var(--ease-out) infinite;}
@keyframes pdToast{0%,50%{opacity:0;transform:translateY(8px);}56%,92%{opacity:1;transform:none;}97%,100%{opacity:0;transform:none;}}

/* 04 testing */
.pt-list{display:grid;gap:7px;}
.pt-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:#D9DAE0;}
.pt-st{position:relative;width:18px;height:18px;flex:none;}
.pt-spin{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:#A78BFA;opacity:0;animation:ptSpin .8s linear infinite,ptSpinVis 8s linear infinite backwards;animation-delay:0s,calc(var(--i) * .55s);}
@keyframes ptSpin{to{transform:rotate(360deg);}}
@keyframes ptSpinVis{0%,12%{opacity:1;}14%,94%{opacity:0;}96%,100%{opacity:1;}}
.pt-ok{position:absolute;inset:0;border-radius:50%;background:#34D399;animation:ptOk 8s var(--ease-out) calc(var(--i) * .55s) infinite backwards;}
.pt-ok::after{content:"";position:absolute;left:5px;top:5.5px;width:7px;height:4px;border-left:2px solid #052E1C;border-bottom:2px solid #052E1C;transform:rotate(-45deg);}
@keyframes ptOk{0%,12%{opacity:0;transform:scale(.4);}17%,94%{opacity:1;transform:none;}96%,100%{opacity:0;transform:scale(.4);}}
.pt-all{position:absolute;right:20px;bottom:18px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#34D399;font-size:12px;font-weight:700;color:#052E1C;box-shadow:0 10px 24px -8px rgba(52,211,153,.6);animation:ptAll 8s var(--ease-out) infinite;}
@keyframes ptAll{0%,46%{opacity:0;transform:scale(.8) translateY(6px);}52%,92%{opacity:1;transform:none;}97%,100%{opacity:0;transform:none;}}

/* 05 launch */
.pl-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:#15141B;border:1px solid rgba(255,255,255,.1);}
.pl-top{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;}
.pl-sw{position:relative;width:40px;height:22px;border-radius:999px;background:#2A2833;flex:none;}
.pl-sw::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#34D399;animation:plOn 8s ease infinite;}
.pl-sw i{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#FFFFFF;box-shadow:0 2px 6px rgba(0,0,0,.4);transform:translateX(18px);animation:plKnob 8s var(--ease-io) infinite;}
@keyframes plOn{0%,18%{opacity:0;}24%,94%{opacity:1;}99%,100%{opacity:0;}}
@keyframes plKnob{0%,18%{transform:none;}24%,94%{transform:translateX(18px);}99%,100%{transform:none;}}
.pl-state{display:grid;}
.pl-s1,.pl-s2{grid-area:1 / 1;}
.pl-s1{color:#A1A5AE;opacity:0;animation:plS1 8s ease infinite;}
.pl-s2{display:inline-flex;align-items:center;gap:7px;color:#34D399;animation:plS2 8s ease infinite;}
.pl-s2 i{width:7px;height:7px;border-radius:50%;background:#34D399;animation:hxPulse 2s ease-in-out infinite;}
@keyframes plS1{0%,20%{opacity:1;}24%,94%{opacity:0;}99%,100%{opacity:1;}}
@keyframes plS2{0%,20%{opacity:0;}24%,94%{opacity:1;}99%,100%{opacity:0;}}
.pl-row{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#D9DAE0;}
.pl-row b{position:relative;width:16px;height:16px;border-radius:50%;background:rgba(52,211,153,.16);flex:none;}
.pl-row b::after{content:"";position:absolute;left:4.5px;top:4.5px;width:6px;height:3.5px;border-left:1.8px solid #34D399;border-bottom:1.8px solid #34D399;transform:rotate(-45deg);}
.pl-row:nth-of-type(2){animation:plRow0 8s ease infinite;}
.pl-row:nth-of-type(3){animation:plRow1 8s ease infinite;}
@keyframes plRow0{0%,30%{opacity:.3;}36%,94%{opacity:1;}99%,100%{opacity:.3;}}
@keyframes plRow1{0%,40%{opacity:.3;}46%,94%{opacity:1;}99%,100%{opacity:.3;}}
.pl-conf{position:absolute;left:34px;top:25px;width:0;height:0;}
.pl-conf i{position:absolute;width:5px;height:5px;border-radius:1.5px;opacity:0;animation:plConf 8s ease-out infinite;}
.pl-conf i:nth-child(1){background:#C4B5FD;--x:-22px;--y:-20px;--r:120deg;}
.pl-conf i:nth-child(2){background:#34D399;--x:-4px;--y:-26px;--r:-80deg;}
.pl-conf i:nth-child(3){background:#FBBF24;--x:16px;--y:-22px;--r:200deg;}
.pl-conf i:nth-child(4){background:#F472B6;--x:26px;--y:-4px;--r:-150deg;}
.pl-conf i:nth-child(5){background:#A78BFA;--x:-26px;--y:6px;--r:90deg;}
.pl-conf i:nth-child(6){background:#34D399;--x:10px;--y:12px;--r:-40deg;}
@keyframes plConf{0%,22%{opacity:0;transform:translate(0,0) rotate(0);}24%{opacity:1;}38%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r));}100%{opacity:0;}}
.pl-shield{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.45);font-size:12px;font-weight:500;color:#E9E8EE;animation:plShield 8s var(--ease-out) infinite;}
.pl-shield svg{color:#C4B5FD;}
@keyframes plShield{0%,52%{opacity:0;transform:translateY(6px);}58%,94%{opacity:1;transform:none;}99%,100%{opacity:0;transform:none;}}

/* process: responsive (grid mode) */
@media (max-width:1060px){
 .pr-track{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
 .pr-track{display:flex;gap:12px;margin:40px calc(-1 * clamp(20px,5vw,64px)) 0;padding:0 clamp(20px,5vw,64px) 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5vw,64px);scrollbar-width:none;overscroll-behavior-x:contain;}
 .pr-track::-webkit-scrollbar{display:none;}
 .pr-card{flex:none;width:86%;scroll-snap-align:start;}
 .pr-art{height:196px;}
}
@media (prefers-reduced-motion: reduce){.pl-conf{display:none;}}

/* ===== PRICING v2: package cards with living previews (base styles = the finished state) ===== */

.pk-sec{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
.pk-glow{position:absolute;left:50%;top:300px;width:1000px;height:640px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(139,92,246,.17),transparent 70%);pointer-events:none;transform:translateX(-50%);animation:pkGlow 9s ease-in-out infinite;}
@keyframes pkGlow{0%,100%{opacity:.7;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.08);}}
.pk-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:28px 40px;}
.pk-incl{max-width:380px;}
.pk-incl .mono{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#A1A5AE;}
.pk-incl ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.pk-incl li{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);font-size:13px;color:#D9DAE0;}
.pk-incl li::before{content:"";width:6px;height:6px;border-radius:50%;background:#34D399;}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;margin-top:72px;}
.pk{--mx:50%;--my:0%;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:12px 12px clamp(22px,2.4vw,30px);border-radius:24px;background:#0F0E15;border:1px solid rgba(255,255,255,.08);}
.pk > :not(.pk-art){margin-inline:clamp(10px,1.2vw,18px);}
.pk::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(139,92,246,.14),transparent 65%);opacity:0;pointer-events:none;transition:opacity .35s ease;}
.pk.is-hover::after{opacity:1;}
.pk-pop{margin-top:-16px;background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(139,92,246,.18),transparent 75%),#110F18;border-color:rgba(139,92,246,.3);box-shadow:0 30px 80px -40px rgba(139,92,246,.75);}
.pk-pop::before{content:"";position:absolute;inset:-1px;z-index:1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--pk-ang),transparent 0 58%,rgba(167,139,250,.95) 72%,rgba(240,171,252,.9) 78%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:pkSpin 6s linear infinite;}
@keyframes pkSpin{to{--pk-ang:360deg;}}
.pk-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:22px;}
.pk-head h3{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.01em;}
.pk-sub{margin-top:2px;font-size:15px;color:#A1A5AE;}
.pk-badge{flex:none;padding:6px 11px;border-radius:999px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.5);font-size:12px;font-weight:600;color:#A78BFA;}
.pk-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:22px;}
.pk-amt{white-space:nowrap;font-size:clamp(36px,3.2vw,46px);line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.pk-unit{font-size:15px;color:#A1A5AE;}
.pk-for{margin-top:14px;font-size:15px;line-height:1.55;color:#A1A5AE;}
.pk-list{display:grid;gap:11px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:15px;line-height:1.45;color:#D9DAE0;}
.pk-list li{display:flex;gap:12px;}
.pk-ck{position:relative;width:18px;height:18px;margin-top:1px;border-radius:50%;background:rgba(139,92,246,.16);flex:none;}
.pk-ck::after{content:"";position:absolute;left:5.5px;top:5.5px;width:7px;height:4px;border-left:1.8px solid #A78BFA;border-bottom:1.8px solid #A78BFA;transform:rotate(-45deg);}
.pk-cta{margin-top:auto;padding-top:28px;}
.pk-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:999px;font-size:15px;font-weight:600;}
.btn-ghost.pk-btn{border:1px solid rgba(255,255,255,.14);background-color:rgba(255,255,255,.02);color:#F5F5F7;}
.pk-btn-p{background:var(--accent-fill);color:#FFFFFF;}
.pk-custom{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px 32px;margin-top:24px;padding:24px 28px;border-radius:20px;background:linear-gradient(90deg,rgba(139,92,246,.12),rgba(139,92,246,0) 60%),#0F0E15;border:1px solid rgba(180,165,210,.14);}
.pk-custom h3{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;}
.pk-custom p{margin-top:6px;font-size:15px;line-height:1.5;color:#A1A5AE;}
.pk-btn-c{padding:0 24px;}

/* previews */
.pk-art{position:relative;height:150px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 50% 120%,rgba(139,92,246,.24),transparent 70%),#0B0A10;border:1px solid rgba(255,255,255,.07);}
.pa-tag{position:absolute;left:10px;top:10px;z-index:6;padding:3px 8px;border-radius:999px;background:rgba(10,10,15,.82);border:1px solid rgba(255,255,255,.12);font-size:10.5px;color:#C9CBD1;}
/* 1: one long page scrolls by */
.pa1 .pa-win{position:absolute;left:58%;top:22px;bottom:-1px;display:flex;flex-direction:column;width:62%;border-radius:10px 10px 0 0;background:#0A0A0F;border:1px solid rgba(255,255,255,.12);border-bottom:0;overflow:hidden;transform:translateX(-50%);}
.pa1 .wk-chrome{height:20px;gap:4px;padding:0 8px;}
.pa1 .wk-chrome > i{width:5px;height:5px;}
.pa-view{flex:1;min-height:0;overflow:hidden;}
.pa-page{display:flex;flex-direction:column;gap:8px;padding:8px;animation:paScroll 9s var(--ease-io) infinite;}
@keyframes paScroll{0%,10%{transform:none;}42%,56%{transform:translateY(-108px);}88%,100%{transform:none;}}
.pa-hero{display:flex;flex-direction:column;justify-content:center;gap:4px;height:56px;padding:0 8px;border-radius:6px;background:radial-gradient(ellipse 60% 80% at 85% 20%,rgba(221,214,254,.45),transparent 60%),linear-gradient(135deg,#4C1D95,#7C3AED);}
.pa-hero i{width:60%;height:5px;border-radius:3px;background:rgba(255,255,255,.9);}
.pa-hero i + i{width:40%;height:3px;background:rgba(255,255,255,.55);}
.pa-hero em{width:30px;height:8px;margin-top:2px;border-radius:999px;background:#F5F5F7;}
.pa-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:30px;flex:none;}
.pa-cols i{border-radius:5px;background:#1B1B22;border:1px solid rgba(255,255,255,.07);}
.pa-map{position:relative;height:44px;flex:none;border-radius:6px;background:repeating-linear-gradient(135deg,#17161D 0 6px,#1C1B23 6px 12px);border:1px solid rgba(255,255,255,.07);}
.pa-map b{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-8px 0 0 -5px;border-radius:50% 50% 50% 0;background:#8B5CF6;box-shadow:0 0 0 4px rgba(139,92,246,.25);transform:rotate(-45deg);}
.pa-form{display:flex;flex-direction:column;gap:5px;padding:6px;border-radius:6px;background:#15141B;border:1px solid rgba(255,255,255,.07);}
.pa-form i{height:8px;border-radius:3px;background:#24222D;}
.pa-form em{align-self:flex-start;width:40px;height:9px;border-radius:999px;background:#7C3AED;}
/* 2: a fan of pages opens */
.pa-fan{position:absolute;left:50%;top:52%;width:0;height:0;}
.pa-fan span{position:absolute;left:-34px;top:-44px;display:flex;flex-direction:column;gap:5px;width:68px;height:88px;padding:6px;border-radius:8px;background:#15141B;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 26px -10px rgba(0,0,0,.9);transform:var(--t);animation:paFan 8s var(--ease-io) infinite;}
.pa-fan b{height:22px;border-radius:4px;background:#24222D;}
.pa-fan i{height:4px;border-radius:2px;background:#2C2B35;}
.pa-fan i + i{width:70%;}
.pa-fan .pa-front{background:#1A1626;border-color:rgba(139,92,246,.55);}
.pa-fan .pa-front b{background:linear-gradient(135deg,#4C1D95,#7C3AED);}
@keyframes paFan{0%,8%{transform:translate(0,0) rotate(0deg);}30%,84%{transform:var(--t);}96%,100%{transform:translate(0,0) rotate(0deg);}}
/* 3: three products go into the cart */
.pa-cart{position:absolute;right:12px;top:10px;z-index:6;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#15141B;border:1px solid rgba(255,255,255,.12);color:#E9E8EE;animation:paCart 8s linear infinite;}
@keyframes paCart{0%,21%{transform:none;}23%{transform:rotate(-10deg);}25%,41%{transform:none;}43%{transform:rotate(10deg);}45%,61%{transform:none;}63%{transform:rotate(-10deg);}65%,100%{transform:none;}}
.pa-badge{position:absolute;right:-6px;top:-6px;height:16px;min-width:16px;overflow:hidden;border-radius:999px;background:#7C3AED;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#FFFFFF;}
.pa-badge span{display:flex;flex-direction:column;transform:translateY(-48px);animation:paBadge 8s var(--ease-out) infinite;}
.pa-badge i{height:16px;padding:0 4px;font-style:normal;}
@keyframes paBadge{0%,20%{transform:translateY(0);}24%,40%{transform:translateY(-16px);}44%,60%{transform:translateY(-32px);}64%,92%{transform:translateY(-48px);}96%,100%{transform:translateY(0);}}
.pa-prods{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.pa-prods span{position:relative;display:flex;flex-direction:column;gap:5px;padding:6px;border-radius:9px;background:#15141B;border:1px solid rgba(255,255,255,.08);}
.pa-prods span::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1px rgba(52,211,153,.7),0 0 18px -4px rgba(52,211,153,.6);opacity:0;pointer-events:none;animation:paAdd 8s ease infinite;}
.pa-prods em{height:44px;border-radius:6px;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(139,92,246,.28),transparent 70%),#1B1B22;}
.pa-prods i{height:4px;border-radius:2px;background:#2C2B35;}
.pa-prods i + i{width:55%;background:#4A4955;}
.pa-prods b{position:absolute;right:6px;bottom:6px;width:16px;height:16px;border-radius:5px;background:#7C3AED;animation:paPress 8s var(--ease-out) infinite;}
.pa-prods b::before{content:"";position:absolute;left:4px;right:4px;top:7px;height:2px;border-radius:1px;background:#FFFFFF;}
.pa-prods b::after{content:"";position:absolute;top:4px;bottom:4px;left:7px;width:2px;border-radius:1px;background:#FFFFFF;}
.pa-prods .pa-p2::after,.pa-prods .pa-p2 b{animation-delay:1.6s;}
.pa-prods .pa-p3::after,.pa-prods .pa-p3 b{animation-delay:3.2s;}
@keyframes paAdd{0%,16%{opacity:0;}20%{opacity:1;}34%,100%{opacity:0;}}
@keyframes paPress{0%,17%{transform:none;}19%{transform:scale(.8);}22%,100%{transform:none;}}

/* pricing: hover (real pointers only) and responsive */
@media (hover:hover) and (pointer:fine){
 .pk{transition:border-color .3s ease;}
 .pk.is-hover{border-color:rgba(180,165,210,.3);}
}
@media (max-width:1060px){
 .pk-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;}
 .pk-pop{margin-top:0;}
}
@media (max-width:640px){
 .pk-grid{gap:14px;margin-top:44px;}
 .pk-custom{padding:20px;}
 .pk-btn-c{width:100%;}
}

/* ===== BLOG v2: featured + side articles with living covers (base styles = the finished state) ===== */
.bl{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
.bl-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:28px 40px;}
.bl-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:56px;}
.bl-feat{grid-row:span 2;}
.bl-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:24px;background:#0F0E15;border:1px solid rgba(180,165,210,.14);overflow:hidden;color:inherit;}
.bl-card:hover{color:inherit;}
.bl-side{flex-direction:row;}
.bl-cover{position:relative;display:block;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 50% 120%,rgba(139,92,246,.22),transparent 70%),#0B0A10;}
.bl-cover::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 100%,rgba(139,92,246,.28),transparent 70%);opacity:0;pointer-events:none;transition:opacity .4s ease;}
.bl-feat .bl-cover{flex:1;min-height:300px;border-bottom:1px solid rgba(255,255,255,.07);}
.bl-side .bl-cover{flex:0 0 42%;min-height:230px;border-right:1px solid rgba(255,255,255,.07);}
.bl-body{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,30px);}
.bl-side .bl-body{flex:1;min-width:0;}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:13px;color:#A1A5AE;}
.bl-meta > span + span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 12px;border-radius:50%;background:#4A4955;vertical-align:middle;}
.bl-cat{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);}
.bl-title{font-size:clamp(20px,1.8vw,24px);line-height:1.3;font-weight:600;letter-spacing:-.015em;color:#F5F5F7;}
.bl-feat .bl-title{font-size:clamp(24px,2.3vw,32px);line-height:1.2;}
.bl-side .bl-title{font-size:clamp(18px,1.5vw,20px);}
.bl-side .bl-body{gap:10px;}
.bl-side .bl-meta{font-size:12.5px;}
.bl-side .bl-meta > span + span::before{margin:0 9px;}
.bl-title span{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;transition:background-size .5s var(--ease-out);}
.bl-ex{font-size:15px;line-height:1.6;color:#A1A5AE;}
.bl-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:15px;font-weight:500;color:var(--accent-light);}
.bl-more svg{transition:transform .25s var(--ease-out);}
.bc-chip{position:absolute;left:14px;top:14px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(10,10,15,.82);border:1px solid rgba(255,255,255,.12);font-size:11px;color:#C9CBD1;}

/* cover 1: what 100 / 500 / 1500 thousand gets you */
.bc1{display:flex;align-items:center;justify-content:center;padding:58px 28px 30px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0 / 100% 28px,radial-gradient(ellipse 80% 80% at 50% 120%,rgba(139,92,246,.24),transparent 70%),#0B0A10;}
.bc1-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px;width:100%;max-width:460px;}
.bc1-col{display:flex;flex-direction:column;gap:10px;}
.bc1-col b{font-size:12px;font-weight:600;text-align:center;color:#C9CBD1;}
.bc1-stack{display:flex;flex-direction:column;gap:7px;}
.bc1-stack i{display:block;height:30px;border-radius:7px;background:#24222D;border:1px solid rgba(255,255,255,.08);animation:bc1In 8s var(--ease-out) var(--d,0s) infinite backwards;}
.bc1-mid i{background:rgba(139,92,246,.28);border-color:rgba(139,92,246,.45);}
.bc1-top i{background:linear-gradient(135deg,#6D28D9,#8B5CF6);border-color:rgba(196,181,253,.5);}
@keyframes bc1In{0%,3%{opacity:0;transform:translateY(10px) scale(.92);}9%,88%{opacity:1;transform:none;}94%,100%{opacity:0;transform:none;}}

/* cover 2: a pin drops on Fehérvár */
.bc2-map{position:absolute;inset:0;width:100%;height:100%;}
.bc2-spot{position:absolute;left:44%;top:44%;width:0;height:0;}
.bc2-ring{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(167,139,250,.7);opacity:.25;animation:bc2Ring 2.4s var(--ease-out) infinite;}
.bc2-ring2{animation-delay:1.2s;}
@keyframes bc2Ring{0%{opacity:.8;transform:scale(.3);}100%{opacity:0;transform:scale(1.8);}}
.bc2-shadow{position:absolute;left:-8px;top:-3px;width:16px;height:6px;border-radius:50%;background:rgba(0,0,0,.65);animation:bc2Sh 8s var(--ease-out) infinite;}
@keyframes bc2Sh{0%,8%{opacity:0;transform:scale(.3);}16%,90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}
.bc2-pin{position:absolute;left:-13px;top:-24px;animation:bc2Drop 8s var(--ease-out) infinite;}
.bc2-pin svg{display:block;filter:drop-shadow(0 6px 10px rgba(139,92,246,.5));}
@keyframes bc2Drop{0%,8%{opacity:0;transform:translateY(-60px);}16%,90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}
.bc2-prof{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:rgba(21,20,27,.95);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 34px -14px rgba(0,0,0,.95);font-size:12px;line-height:1.3;animation:bc2Prof 8s var(--ease-out) infinite;}
.bc2-prof b{font-weight:600;color:#F5F5F7;white-space:nowrap;}
.bc2-prof small{font-size:11px;color:#A1A5AE;}
@keyframes bc2Prof{0%,22%{opacity:0;transform:translateY(8px);}28%,90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}
.bc2-stars{display:flex;gap:2px;}
.bc2-stars i{width:11px;height:11px;background:#FBBF24;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:bc2Star 8s ease infinite backwards;}
.bc2-stars i:nth-child(2){animation-delay:.15s;}
.bc2-stars i:nth-child(3){animation-delay:.3s;}
.bc2-stars i:nth-child(4){animation-delay:.45s;}
.bc2-stars i:nth-child(5){animation-delay:.6s;}
@keyframes bc2Star{0%,30%{opacity:.2;}34%,90%{opacity:1;}96%,100%{opacity:.2;}}

/* cover 3: search ad vs feed ad */
.bc3{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:18px 14px;}
.bc3-p{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border-radius:12px;background:#15141B;border:1px solid rgba(255,255,255,.1);}
.bc3-p b{font-size:9.5px;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:#C9CBD1;}
.bc3-p::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 0 1px rgba(167,139,250,.75),0 10px 30px -8px rgba(139,92,246,.7);opacity:0;pointer-events:none;}
.bc3-g::after{animation:bc3L 6s ease infinite;}
.bc3-f::after{animation:bc3R 6s ease infinite;}
@keyframes bc3L{0%,4%{opacity:0;}10%,42%{opacity:1;}50%,100%{opacity:0;}}
@keyframes bc3R{0%,50%{opacity:0;}56%,92%{opacity:1;}100%{opacity:0;}}
.bc3-search{height:12px;border-radius:999px;background:#24222D;}
.bc3-res{display:flex;flex-direction:column;gap:3px;padding:5px;border-radius:6px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);}
.bc3-res em{font-size:7.5px;font-style:normal;font-weight:700;color:#C4B5FD;}
.bc3-res i{height:3px;border-radius:2px;background:#4A4955;}
.bc3-res i + i{width:70%;}
.bc3-res.bc3-dim{background:transparent;border-color:rgba(255,255,255,.06);opacity:.6;}
.bc3-acc{display:flex;align-items:center;gap:5px;}
.bc3-acc i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#4C1D95,#7C3AED);flex:none;}
.bc3-acc span{flex:1;height:4px;border-radius:2px;background:#3A3944;}
.bc3-img{height:42px;border-radius:6px;background:radial-gradient(circle at 75% 30%,rgba(255,255,255,.85) 0 8%,transparent 9%),linear-gradient(160deg,#C4B5FD,#7C3AED);}
.bc3-like{display:flex;gap:5px;}
.bc3-like i{flex:1;height:5px;border-radius:2px;background:#2C2B35;}
.bc3-vs{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0A0A0F;border:1px solid rgba(139,92,246,.6);font-size:10px;font-weight:700;color:#C4B5FD;animation:bc3Vs 3s ease-in-out infinite;}
@keyframes bc3Vs{0%,100%{transform:scale(1);}50%{transform:scale(1.12);}}

/* blog: hover (real pointers only) and responsive */
@media (hover:hover) and (pointer:fine){
 .bl-card{transition:border-color .3s ease;}
 .bl-card:hover{border-color:rgba(180,165,210,.3);}
 .bl-card:hover .bl-cover::after{opacity:1;}
 .bl-card:hover .bl-title span{background-size:100% 1.5px;}
 .bl-card:hover .bl-more svg{transform:translateX(4px);}
}
.bl-card:focus-visible .bl-title span{background-size:100% 1.5px;}
@media (max-width:1060px){
 .bl-grid{grid-template-columns:minmax(0,1fr);}
 .bl-feat{grid-row:auto;}
 .bl-feat .bl-cover{flex:none;height:280px;min-height:0;}
}
@media (max-width:640px){
 .bl-grid{gap:14px;margin-top:40px;}
 .bl-side{flex-direction:column;}
 .bl-side .bl-cover{flex:none;height:190px;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);}
 .bl-feat .bl-cover{height:230px;}
 .bc1{padding:50px 18px 18px;}
 .bc1-cols{gap:10px;}
 .bc1-stack{gap:4px;}
 .bc1-stack i{height:17px;border-radius:5px;}
 .bc1-col b{font-size:11px;}
}

/* ===== FAQ v2: sticky side with a live chat + card accordions (base styles = the finished state) ===== */
.fq-sec{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
.fq-grid{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);align-items:start;gap:64px;}
.fq-side{position:sticky;top:110px;}
.fq-chat{display:flex;flex-direction:column;gap:10px;max-width:380px;margin-top:28px;padding:16px;border-radius:20px;background:#0F0E15;border:1px solid rgba(180,165,210,.16);box-shadow:0 30px 60px -36px rgba(139,92,246,.45);}
.fq-chat-h{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;font-weight:600;line-height:1.25;color:#F5F5F7;}
.fq-chat-h small{display:block;font-size:11.5px;font-weight:400;color:#A1A5AE;}
.fq-av{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#4C1D95,#7C3AED);font-size:13px;font-weight:700;color:#FFFFFF;flex:none;}
.fq-av i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#34D399;border:2px solid #0F0E15;}
.fq-msg{max-width:86%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.45;}
.fq-me{align-self:flex-end;border-bottom-right-radius:4px;background:#7C3AED;color:#FFFFFF;transform-origin:100% 100%;animation:fqM1 10s var(--ease-out) infinite;}
.fq-reply{display:grid;justify-items:start;}
.fq-reply > *{grid-area:1 / 1;}
.fq-you{border-bottom-left-radius:4px;background:#1B1B22;color:#E9E8EE;transform-origin:0 100%;animation:fqM2 10s var(--ease-out) infinite;}
.fq-typing{align-self:end;display:flex;gap:4px;padding:11px 12px;border-radius:14px;border-bottom-left-radius:4px;background:#1B1B22;opacity:0;animation:fqT 10s ease infinite;}
.fq-typing i{width:6px;height:6px;border-radius:50%;background:#A1A5AE;animation:fqDot 1s ease-in-out infinite;}
.fq-typing i:nth-child(2){animation-delay:.15s;}
.fq-typing i:nth-child(3){animation-delay:.3s;}
@keyframes fqM1{0%,4%{opacity:0;transform:translateY(8px) scale(.96);}9%,90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}
@keyframes fqT{0%,13%{opacity:0;}17%,31%{opacity:1;}34%,100%{opacity:0;}}
@keyframes fqM2{0%,32%{opacity:0;transform:translateY(8px) scale(.96);}37%,90%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}
@keyframes fqDot{0%,100%{opacity:.3;transform:translateY(0);}50%{opacity:1;transform:translateY(-2px);}}
.fq-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.fq-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);font-size:14.5px;font-weight:500;color:#F5F5F7;transition:border-color .2s ease,background-color .2s ease;}
.fq-link svg{color:#A78BFA;}
.fq-link:hover{border-color:rgba(167,139,250,.5);background-color:rgba(139,92,246,.1);}
.fq-list{display:grid;gap:10px;}
.fq{border-radius:18px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.08);transition:background-color .35s ease,border-color .35s ease;}
.fq[open]{background:radial-gradient(ellipse 80% 120% at 0% 0%,rgba(139,92,246,.13),transparent 60%),#0F0E15;border-color:rgba(139,92,246,.38);}
.fq summary{display:flex;align-items:center;gap:18px;min-height:72px;padding:16px 18px 16px 20px;list-style:none;cursor:pointer;border-radius:inherit;}
.fq summary::-webkit-details-marker{display:none;}
.fq-n{flex:none;width:24px;font-size:12px;letter-spacing:.1em;color:#8A8F98;transition:color .3s ease;}
.fq[open] .fq-n{color:#A78BFA;}
.fq-q{flex:1;min-width:0;font-size:clamp(17px,1.5vw,19px);line-height:1.4;font-weight:500;color:#E9E8EE;transition:color .3s ease;}
.fq[open] .fq-q{color:#FFFFFF;}
.fq-ic{position:relative;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);transition:transform .4s var(--ease-out),background-color .3s ease,border-color .3s ease;}
.fq-ic i{position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;border-radius:1px;background:#A78BFA;transition:background-color .3s ease;}
.fq-ic i + i{transform:rotate(90deg);}
.fq[open] .fq-ic{transform:rotate(45deg);background:#7C3AED;border-color:#7C3AED;}
.fq[open] .fq-ic i{background:#FFFFFF;}
.fq-a{padding:0 20px 22px 62px;}
.fq-a p{max-width:640px;font-size:16px;line-height:1.65;color:#A1A5AE;}
.fq-a b{font-weight:500;color:#F5F5F7;}
.fq[open] .fq-a p{animation:fqIn .55s var(--ease-out);}
@keyframes fqIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
@supports (interpolate-size: allow-keywords) and selector(::details-content){
 .fq{interpolate-size:allow-keywords;}
 .fq::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--ease-out),content-visibility .45s allow-discrete;}
 .fq[open]::details-content{block-size:auto;}
}
@media (hover:hover) and (pointer:fine){
 .fq:not([open]):hover{border-color:rgba(255,255,255,.16);background-color:rgba(255,255,255,.03);}
 .fq:not([open]):hover .fq-ic{border-color:rgba(167,139,250,.6);}
}
@media (max-width:960px){
 .fq-grid{display:flex;flex-direction:column;gap:0;}
 .fq-side{display:contents;}
 .fq-list{order:1;margin-top:36px;}
 .fq-chat{order:2;margin-top:36px;}
 .fq-links{order:3;}
}
@media (max-width:640px){
 .fq summary{gap:12px;padding:14px 14px 14px 16px;}
 .fq-n{display:none;}
 .fq-a{padding:0 16px 20px;}
}

/* ===== CONTACT + FOOTER v2 (base styles = the finished state) ===== */
.ct{--ease-out:cubic-bezier(0.23,1,0.32,1);}
.ct-w{display:inline-block;}
.ct-arc-glow{position:absolute;left:50%;top:90px;width:2400px;height:1400px;border-radius:50%;box-shadow:0 -30px 160px 24px rgba(139,92,246,.5);opacity:.4;pointer-events:none;transform:translateX(-50%);animation:ctArc 6s ease-in-out infinite;}
@keyframes ctArc{0%,100%{opacity:.3;}50%{opacity:.9;}}
.ct-topics{min-width:0;margin:0;padding:0;border:0;}
.ct-topics legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:500;color:#D9DAE0;}
.ct-chips{display:flex;flex-wrap:wrap;gap:8px;}
.ct-chip{position:relative;display:inline-flex;}
.ct-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.ct-chip span{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 15px 0 12px;border-radius:999px;background:#0A0A0F;border:1px solid rgba(255,255,255,.14);font-size:14px;color:#D9DAE0;transition:background-color .25s ease,border-color .25s ease,color .25s ease;}
.ct-chip span::before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);flex:none;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease;}
.ct-chip input:checked + span{background:rgba(139,92,246,.2);border-color:rgba(167,139,250,.7);color:#FFFFFF;}
.ct-chip input:checked + span::before{border-color:#A78BFA;background-color:#A78BFA;box-shadow:inset 0 0 0 2px #1E1733;}
.ct-chip input:focus-visible + span{outline:2px solid #A78BFA;outline-offset:3px;}
.ct-chip:hover span{border-color:rgba(255,255,255,.26);}
.ct-audit{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:rgba(10,10,15,.7);border:1px solid rgba(255,255,255,.1);}
.ct-audit-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#F5F5F7;}
.ct-audit-h .mono{padding:3px 8px;border-radius:999px;background:rgba(52,211,153,.14);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#6EE7B7;}
.ct-bar{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;font-size:12.5px;color:#A1A5AE;}
.ct-bar i{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;}
.ct-bar b{display:block;width:calc(var(--w) * 100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7C3AED,#C4B5FD);transform-origin:0 50%;animation:ctBar 8s var(--ease-out) var(--d,0s) infinite backwards;}
@keyframes ctBar{0%,6%{transform:scaleX(0);}30%,90%{transform:scaleX(1);}97%,100%{transform:scaleX(0);}}


.ft-mark{--mx:50%;--my:40%;--ft-sa:0;transition:--ft-sa .45s ease;}
.ft-mark.is-hover{--ft-sa:.6;}
.ft-word{display:block;margin-bottom:-.22em;font-size:27vw;line-height:.8;font-weight:600;letter-spacing:-.055em;white-space:nowrap;color:transparent;background-image:radial-gradient(22vw circle at var(--mx) var(--my),rgba(221,214,254,var(--ft-sa)),transparent 60%),linear-gradient(180deg,rgba(196,181,253,.16) 0%,rgba(196,181,253,.05) 45%,rgba(5,5,8,0) 85%);-webkit-background-clip:text;background-clip:text;}
.ft-top{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#D9DAE0;transition:border-color .2s ease,color .2s ease;}
.ft-top svg{transition:transform .25s cubic-bezier(0.23,1,0.32,1);}
.ft-top:hover{border-color:rgba(167,139,250,.5);color:#FFFFFF;}
.ft-top:hover svg{transform:translateY(-3px);}

/* ===== HERO BACKGROUND: aurora + deep starfield with shooting stars + floating notifications (chosen from the hero lab) ===== */
.hx{isolation:isolate;}
.hb{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--px:0;--py:0;}
.hb [data-depth]{position:absolute;inset:0;transform:translate(calc(var(--px) * var(--d) * 1px),calc(var(--py) * var(--d) * 1px));transition:transform .9s cubic-bezier(0.23,1,0.32,1);}
.hx > .wrap{position:relative;z-index:3;}
.hx > .hx-stage{position:relative;z-index:2;}

/* 1 · aurora */
.hb-aur i{position:absolute;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.5;will-change:transform;}
.hb-aur .a1{left:2%;top:-12%;width:48vw;height:38vw;background:#7C3AED;animation:aur1 19s ease-in-out infinite alternate;}
.hb-aur .a2{right:-4%;top:-6%;width:42vw;height:34vw;background:#DB2777;opacity:.32;animation:aur2 23s ease-in-out infinite alternate;}
.hb-aur .a3{left:30%;top:6%;width:40vw;height:26vw;background:#0D9488;opacity:.3;animation:aur3 27s ease-in-out infinite alternate;}
.hb-aur .a4{left:-10%;top:22%;width:36vw;height:28vw;background:#4F46E5;opacity:.36;animation:aur4 21s ease-in-out infinite alternate;}
.hb-ribbon{position:absolute;left:-20%;right:-20%;top:4%;height:340px;background:linear-gradient(90deg,transparent 0%,rgba(45,212,191,.22) 22%,rgba(167,139,250,.32) 48%,rgba(244,114,182,.22) 72%,transparent 100%);filter:blur(34px);transform:skewY(-7deg);opacity:.8;mix-blend-mode:screen;animation:ribbon 16s ease-in-out infinite alternate;}
.hb-ribbon.r2{top:16%;height:200px;opacity:.55;transform:skewY(5deg);animation-duration:21s;animation-direction:alternate-reverse;}
@keyframes aur1{0%{transform:translate(0,0) scale(1);}100%{transform:translate(14vw,6vw) scale(1.2);}}
@keyframes aur2{0%{transform:translate(0,0) scale(1.1);}100%{transform:translate(-16vw,8vw) scale(.9);}}
@keyframes aur3{0%{transform:translate(0,0) rotate(0deg);}100%{transform:translate(-10vw,-4vw) rotate(30deg);}}
@keyframes aur4{0%{transform:translate(0,0) scale(.9);}100%{transform:translate(20vw,-6vw) scale(1.15);}}
@keyframes ribbon{0%{transform:translateX(-8%) skewY(-7deg);}100%{transform:translateX(8%) skewY(-3deg);}}

/* 2 · deep starfield + shooting stars */
.hb-sf .lay{position:absolute;inset:0;}
.hb-sf .lay i{position:absolute;left:0;top:0;border-radius:50%;}
.hb-sf .far{animation:sfDrift 90s linear infinite;}
.hb-sf .mid{animation:sfDrift 60s linear infinite;}
.hb-sf .near i{animation:sfTw 4s ease-in-out infinite;}
@keyframes sfDrift{from{transform:translateY(0);}to{transform:translateY(-120px);}}
@keyframes sfTw{0%,100%{opacity:.55;}50%{opacity:1;}}
.hb-shoot{position:absolute;width:180px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(237,233,254,.95));transform:rotate(-24deg);opacity:0;animation:shoot 9s cubic-bezier(0.23,1,0.32,1) infinite;}
.hb-shoot::after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#FFFFFF;box-shadow:0 0 12px 3px rgba(221,214,254,.9);}
.hb-shoot.s1{left:8%;top:9%;}
.hb-shoot.s2{left:56%;top:4%;animation-delay:3.4s;animation-duration:11s;}
.hb-shoot.s3{left:30%;top:22%;animation-delay:6.8s;animation-duration:13s;}
@keyframes shoot{0%,86%{opacity:0;transform:rotate(-24deg) translateX(0);}88%{opacity:1;}96%{opacity:0;transform:rotate(-24deg) translateX(420px);}100%{opacity:0;transform:rotate(-24deg) translateX(420px);}}

/* 4 · floating notifications */
.hb-nt .card{position:absolute;width:var(--w,230px);}
.hb-nt .card > span{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:rgba(21,20,27,.82);border:1px solid rgba(180,165,210,.2);box-shadow:0 20px 40px -18px rgba(0,0,0,.9);font-size:13px;font-weight:500;line-height:1.3;color:#F5F5F7;animation:ntFloat var(--t,7s) ease-in-out var(--dl,0s) infinite alternate;}
.hb-nt .card small{display:block;font-size:11.5px;font-weight:400;color:#A1A5AE;}
.hb-nt .card b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex:none;font-size:13px;}
.hb-nt .far > span{filter:blur(2.4px);opacity:.5;transform-origin:center;}
.hb-nt .mid > span{filter:blur(.8px);opacity:.75;}
@keyframes ntFloat{from{transform:translateY(-10px) rotate(var(--r,0deg));}to{transform:translateY(10px) rotate(var(--r,0deg));}}
.b-ok{background:rgba(52,211,153,.16);color:#34D399;}
.b-v{background:rgba(139,92,246,.2);color:#C4B5FD;}
.b-y{background:rgba(251,191,36,.16);color:#FBBF24;}

@media (prefers-reduced-motion: reduce){
 .hb [data-depth]{transition:none;}
 .hb-shoot{display:none;}
}
@media (max-width:1100px){.hb-nt{display:none;}}
@media (max-width:640px){
 .hb-aur i{filter:blur(60px);}
 .hb-ribbon{height:220px;}
 .hb-shoot{width:120px;}
}

@media (prefers-reduced-motion: reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

/* ===== SUBPAGES: shared templates (service, location, article, blog index). Base styles = the finished state. ===== */
.sub{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);}
.nav-link[aria-current="page"]{color:#F5F5F7;}
.nav-link[aria-current="page"]::after{transform:scaleX(1);}
.tlink{color:var(--accent-light);text-decoration:underline;text-decoration-color:rgba(167,139,250,.4);text-underline-offset:3px;transition:text-decoration-color .2s ease,color .2s ease;}
.tlink:hover{color:#FFFFFF;text-decoration-color:#A78BFA;}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8A8F98;}
.crumbs a{color:#A1A5AE;transition:color .2s ease;}
.crumbs a:hover{color:#FFFFFF;}
.crumbs span[aria-current]{color:var(--accent-light);}
.crumbs i{width:4px;height:4px;border-radius:50%;background:#4A4955;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#A1A5AE;}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);}
.h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-.025em;font-weight:600;}

/* sub hero */
.sh{position:relative;overflow:hidden;padding:clamp(128px,11vw,160px) 0 clamp(72px,8vw,112px);}
.sh-glow{position:absolute;left:50%;top:-220px;width:1400px;height:900px;border-radius:50%;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(139,92,246,.22),transparent 70%);pointer-events:none;transform:translateX(-50%);animation:shGlow 10s ease-in-out infinite;}
@keyframes shGlow{0%,100%{opacity:.75;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.06);}}
.sh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,5vw,80px);}
.sh-h1{margin-top:22px;font-size:clamp(40px,4.8vw,68px);line-height:1.03;letter-spacing:-.04em;font-weight:600;}
.sh-lead{margin-top:22px;max-width:560px;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:#A1A5AE;}
.sh-lead b,.sh-lead strong{font-weight:500;color:#F5F5F7;}
.sh-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap;}
.sh-btn-p{background:var(--accent-fill);color:#FFFFFF;}
.sh-btn-g{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);color:#F5F5F7;}
.sh-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:13.5px;color:#A1A5AE;}
.sh-trust span{display:inline-flex;align-items:center;gap:8px;}
.sh-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:#34D399;}
.sx-panel{position:relative;}
.sx-panel::before{content:"";position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(139,92,246,.28),transparent 70%);filter:blur(10px);pointer-events:none;}
.sx-panel .ch-panel{position:relative!important;top:auto!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;height:540px!important;box-shadow:0 40px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(180,165,210,.06);}

/* statement block */
.st{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:start;}
.st-txt{font-size:clamp(22px,2.3vw,32px);line-height:1.35;letter-spacing:-.015em;font-weight:500;color:#C9CBD1;}
.st-txt b,.st-txt strong{color:#FFFFFF;font-weight:600;}
.st-txt + .st-txt{margin-top:18px;}
.st-sm{font-size:clamp(18px,1.6vw,21px);line-height:1.6;letter-spacing:0;font-weight:400;color:#A1A5AE;}

/* feature bento */
.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;}
.fx-card{--mx:50%;--my:0%;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:12px;min-width:0;padding:26px;border-radius:22px;background:#0F0E15;border:1px solid rgba(180,165,210,.14);overflow:hidden;}
.fx-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(139,92,246,.16),transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none;}
.fx-card.is-hover::before{opacity:1;}
.fx-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.35);color:#C4B5FD;}
.fx-card h3{margin-top:6px;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em;}
.fx-card p{font-size:15px;line-height:1.6;color:#A1A5AE;}
.fx-n{position:absolute;right:20px;top:18px;font-size:12px;letter-spacing:.1em;color:#4A4955;}

/* process timeline */
.tl-wrap{display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:clamp(32px,5vw,80px);align-items:start;}
.tl-side{position:sticky;top:120px;}
.tl{position:relative;display:grid;gap:14px;padding-left:46px;}
.tl-rail{position:absolute;left:17px;top:22px;bottom:22px;width:2px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;}
.tl-rail i{position:absolute;inset:0;background:linear-gradient(180deg,#7C3AED,#C4B5FD);transform-origin:50% 0;}
.tl-step{position:relative;padding:20px 22px;border-radius:18px;background:#0F0E15;border:1px solid rgba(180,165,210,.14);transition:border-color .4s ease,background-color .4s ease;}
.tl-step::before{content:attr(data-n);position:absolute;left:-46px;top:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#7C3AED;border:1px solid #7C3AED;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#FFFFFF;transition:background-color .4s ease,border-color .4s ease,color .4s ease;}
.tl-step.is-pending{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.06);}
.tl-step.is-pending::before{background:#050508;border-color:rgba(139,92,246,.45);color:#A78BFA;}
.tl-step h3{font-size:18px;line-height:1.3;font-weight:600;}
.tl-step p{margin-top:6px;font-size:15px;line-height:1.6;color:#A1A5AE;}

/* highlight card */
.hl{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start;padding:clamp(28px,4vw,48px);border-radius:28px;background:radial-gradient(ellipse 70% 120% at 0% 0%,rgba(139,92,246,.22),transparent 60%),#0F0E15;border:1px solid rgba(139,92,246,.3);}
.hl-av{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#4C1D95,#7C3AED);font-size:28px;font-weight:700;color:#FFFFFF;}
.hl-av i{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;background:#34D399;border:3px solid #0F0E15;}
.hl h2{font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.02em;font-weight:600;}
.hl p{margin-top:14px;max-width:760px;font-size:clamp(17px,1.4vw,19px);line-height:1.65;color:#C9CBD1;}
.hl p b,.hl p strong{color:#FFFFFF;font-weight:600;}
.hl-sig{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-size:14px;color:#A1A5AE;}
.hl-sig b{color:#F5F5F7;font-weight:600;}

/* faq block (re-uses .fq accordion) */
.fqb{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);gap:64px;align-items:start;}
.fqb-side{position:sticky;top:120px;}
.fqb-side p{margin-top:18px;max-width:360px;font-size:16px;line-height:1.6;color:#8A8F98;}

/* related cards */
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;}
.rel{--mx:50%;--my:0%;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px;border-radius:20px;background:#0F0E15;border:1px solid rgba(180,165,210,.14);color:inherit;overflow:hidden;transition:border-color .3s ease;}
.rel::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(139,92,246,.16),transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none;}
.rel.is-hover::before{opacity:1;}
.rel:hover{color:inherit;border-color:rgba(180,165,210,.3);}
.rel h3{font-size:19px;line-height:1.3;font-weight:600;}
.rel p{font-size:14.5px;line-height:1.55;color:#A1A5AE;}
.rel-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:14.5px;font-weight:500;color:var(--accent-light);}
.rel-go svg{transition:transform .25s var(--ease-out);}
.rel:hover .rel-go svg{transform:translateX(4px);}

/* closing CTA band */
.cta-band{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px 40px;padding:clamp(28px,4vw,44px);border-radius:28px;background:radial-gradient(ellipse 60% 140% at 100% 50%,rgba(139,92,246,.3),transparent 60%),#0F0E15;border:1px solid rgba(139,92,246,.3);}
.cta-band p{max-width:640px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#E9E8EE;}
.cta-band p a{color:inherit;text-decoration:none;}

/* location hero map */
.lm{position:relative;padding:22px;border-radius:28px;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(139,92,246,.14),transparent 70%),#0B0A10;border:1px solid rgba(180,165,210,.16);box-shadow:0 40px 90px -40px rgba(0,0,0,.95);}
.lm svg{display:block;width:100%;height:auto;}
.lm-here{fill:#C4B5FD;}
.lm-halo{transform-box:fill-box;transform-origin:center;animation:lmHalo 2.6s var(--ease-out) infinite;}
.lm-halo2{animation-delay:1.3s;}
@keyframes lmHalo{0%{opacity:.85;transform:scale(.4);}100%{opacity:0;transform:scale(2.2);}}
.lm-route{animation:wyRun 1.2s linear infinite;}
.lm-chip{position:absolute;left:22px;bottom:22px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(21,20,27,.94);border:1px solid rgba(180,165,210,.28);font-size:13px;font-weight:500;line-height:1.25;color:#F5F5F7;animation:wyFloat 5s ease-in-out infinite;transform:rotate(-2deg);}
.lm-chip small{display:block;font-size:11.5px;font-weight:400;color:#A1A5AE;}
.lm-chip span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(139,92,246,.22);color:#C4B5FD;}
.area{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.area a,.area span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);font-size:14.5px;font-weight:500;color:#E9E8EE;transition:border-color .2s ease,background-color .2s ease;}
.area a:hover{border-color:rgba(167,139,250,.5);background:rgba(139,92,246,.1);color:#FFFFFF;}
.area .is-here{background:rgba(139,92,246,.2);border-color:rgba(167,139,250,.6);color:#FFFFFF;}
.area a::before,.area span::before{content:"";width:6px;height:6px;border-radius:50%;background:#A78BFA;}

/* article */
.read-bar{position:fixed;left:0;right:0;top:0;z-index:80;height:3px;background:linear-gradient(90deg,#7C3AED,#C4B5FD);transform-origin:0 50%;transform:scaleX(0);pointer-events:none;}
.ar-hero{position:relative;overflow:hidden;padding:clamp(128px,11vw,160px) 0 0;}
.ar-head{max-width:880px;}
.ar-h1{margin-top:22px;font-size:clamp(38px,4.6vw,64px);line-height:1.05;letter-spacing:-.035em;font-weight:600;}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;margin-top:24px;font-size:14px;color:#A1A5AE;}
.ar-meta > * + *::before{content:"";display:inline-block;width:4px;height:4px;margin:0 14px;border-radius:50%;background:#4A4955;vertical-align:middle;}
.ar-cat{padding:5px 11px;border-radius:999px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.45);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#C4B5FD;}
.ar-meta > .ar-cat + *::before{display:none;}
.ar-meta > .ar-cat{margin-right:14px;}
.ar-author{display:inline-flex;align-items:center;gap:8px;color:#E9E8EE;}
.ar-author i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#4C1D95,#7C3AED);font-size:11px;font-style:normal;font-weight:700;color:#FFFFFF;}
.ar-cover{position:relative;height:clamp(300px,34vw,440px);margin-top:48px;border-radius:28px;border:1px solid rgba(180,165,210,.16);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.95);}
.ar-cover .bl-cover{position:absolute;inset:0;height:auto!important;min-height:0!important;border:0!important;}
.ar-cover .bc1-cols{max-width:620px;}
.ar-cover .bc1-stack i{height:34px;}
.ar-cover .bc2-spot{left:48%;top:46%;}
.ar-cover .bc3{padding:clamp(24px,5vw,72px) clamp(24px,8vw,140px);gap:20px;}
.ar-cover .bc3-p b{font-size:12px;}
.ar-cover .bc3-p{gap:10px;padding:16px;}
.ar-cover .bc3-img{height:96px;}
.ar-cover .bc3-search{height:18px;}
.ar-cover .bc3-res{padding:9px;gap:5px;}
.ar-cover .bc3-res em{font-size:10px;}
.ar-cover .bc3-res i{height:5px;}
.ar-cover .bc3-vs{width:48px;height:48px;font-size:14px;}
.ar-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr) minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start;margin-top:72px;}
.toc{position:sticky;top:120px;}
.toc p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A8F98;}
.toc ol{display:grid;gap:2px;margin-top:14px;border-left:1px solid rgba(255,255,255,.08);}
.toc a{position:relative;display:block;padding:7px 0 7px 16px;font-size:13.5px;line-height:1.4;color:#8A8F98;transition:color .25s ease;}
.toc a::before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:2px;border-radius:2px;background:#A78BFA;transform:scaleY(0);transition:transform .3s var(--ease-out);}
.toc a:hover{color:#E9E8EE;}
.toc a.is-on{color:#FFFFFF;}
.toc a.is-on::before{transform:scaleY(1);}
.prose{max-width:720px;font-size:18px;line-height:1.75;color:#C9CBD1;}
.prose > * + *{margin-top:20px;}
.prose .ar-lead{font-size:clamp(19px,1.6vw,22px);line-height:1.6;color:#E9E8EE;}
.prose h2{margin-top:64px;scroll-margin-top:110px;font-size:clamp(26px,2.4vw,32px);line-height:1.2;letter-spacing:-.02em;font-weight:600;color:#F5F5F7;}
.prose h2 .step{display:inline-grid;place-items:center;min-width:42px;height:42px;margin-right:14px;padding:0 10px;border-radius:12px;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.45);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;font-weight:600;letter-spacing:0;color:#C4B5FD;vertical-align:4px;}
.prose b,.prose strong{font-weight:600;color:#F5F5F7;}
.prose code{padding:2px 7px;border-radius:7px;background:#15141B;border:1px solid rgba(255,255,255,.1);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.86em;color:#C4B5FD;}
.prose ul{display:grid;gap:12px;}
.prose ul li{position:relative;padding-left:30px;}
.prose ul li::before{content:"";position:absolute;left:4px;top:.62em;width:12px;height:12px;border-radius:4px;background:rgba(139,92,246,.2);border:1px solid rgba(167,139,250,.7);transform:rotate(45deg);}
.co{position:relative;padding:20px 22px 20px 58px;border-radius:18px;background:#0F0E15;border:1px solid rgba(180,165,210,.16);font-size:17px;line-height:1.65;}
.co::before{content:"";position:absolute;left:20px;top:22px;width:22px;height:22px;border-radius:7px;background:rgba(139,92,246,.2);border:1px solid rgba(167,139,250,.6);}
.co-ex{background:radial-gradient(ellipse 60% 120% at 0% 0%,rgba(139,92,246,.14),transparent 60%),#0F0E15;}
.co-warn{border-color:rgba(251,191,36,.35);background:radial-gradient(ellipse 60% 120% at 0% 0%,rgba(251,191,36,.08),transparent 60%),#0F0E15;}
.co-warn::before{background:rgba(251,191,36,.18);border-color:rgba(251,191,36,.6);}
.co-cta{padding:28px 30px;border-color:rgba(139,92,246,.4);background:radial-gradient(ellipse 70% 140% at 100% 0%,rgba(139,92,246,.26),transparent 60%),#110F18;color:#E9E8EE;}
.co-cta::before{display:none;}
.prose .fq-list{margin-top:24px;}
.prose .fq-a p{font-size:16px;}
.ar-back{display:inline-flex;align-items:center;gap:8px;margin-top:48px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:15px;font-weight:500;color:#E9E8EE;}
.ar-back:hover{border-color:rgba(167,139,250,.5);color:#FFFFFF;}
.ar-back svg{transition:transform .25s var(--ease-out);}
.ar-back:hover svg{transform:translateX(-3px);}
.ar-share{position:sticky;top:120px;display:grid;justify-items:end;gap:10px;}
.ar-share span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A8F98;writing-mode:vertical-rl;transform:rotate(180deg);}
.ar-share a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);color:#C9CBD1;transition:border-color .2s ease,color .2s ease;}
.ar-share a:hover{border-color:rgba(167,139,250,.5);color:#FFFFFF;}

/* blog index */
.bx-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;}
.bx-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);font:inherit;font-size:14px;font-weight:500;color:#D9DAE0;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease;}
.bx-chip b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11.5px;font-weight:600;color:#C9CBD1;}
.bx-chip:hover{border-color:rgba(255,255,255,.26);}
.bx-chip[aria-pressed="true"]{background:rgba(139,92,246,.2);border-color:rgba(167,139,250,.7);color:#FFFFFF;}
.bx-chip[aria-pressed="true"] b{background:#7C3AED;color:#FFFFFF;}
[data-cat="arazas"] [data-c]:not([data-c="arazas"]),[data-cat="seo"] [data-c]:not([data-c="seo"]),[data-cat="hirdetes"] [data-c]:not([data-c="hirdetes"]){display:none;}
[data-cat]:not([data-cat="all"]) .bl-grid{grid-template-columns:minmax(0,1fr);max-width:720px;}
[data-cat]:not([data-cat="all"]) .bl-side{flex-direction:column;}
[data-cat]:not([data-cat="all"]) .bl-side .bl-cover{flex:none;height:300px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);}
.bx-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;}

/* subpages: hover (real pointers only) and responsive */
@media (hover:hover) and (pointer:fine){
 .fx-card{transition:border-color .3s ease;}
 .fx-card.is-hover{border-color:rgba(180,165,210,.3);}
}
@media (max-width:1060px){
 .sh-grid{grid-template-columns:minmax(0,1fr);}
 .fx-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .ar-grid{grid-template-columns:minmax(0,1fr);}
 .toc,.ar-share{display:none;}
 .prose{margin-inline:auto;}
}
@media (max-width:960px){
 .st,.tl-wrap,.fqb{grid-template-columns:minmax(0,1fr);gap:28px;}
 .tl-side,.fqb-side{position:static;}
 .rel-grid,.bx-topics{grid-template-columns:minmax(0,1fr);}
 .sx-panel .ch-panel{height:auto!important;}
}
@media (max-width:640px){
 .fx-grid{grid-template-columns:minmax(0,1fr);}
 .hl{grid-template-columns:minmax(0,1fr);}
 .sh-btn{width:100%;}
 .prose{font-size:17px;}
 .co{padding:18px 18px 18px 50px;}
 .co::before{left:16px;}
 .ar-cover{height:260px;border-radius:20px;}
 .lm{padding:12px;border-radius:20px;}
 .lm-chip{position:relative;left:auto;bottom:auto;margin-top:10px;}
 .lm .wy-t{font-size:20px;}
 .lm .wy-t-big{font-size:22px;}
}

/* subpage section rhythm */
.ssec{padding-block:clamp(56px,7vw,96px);}
.rel-posts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;}
.rel-posts .bl-card{grid-row:auto;flex-direction:column;}
.rel-posts .bl-cover{flex:none!important;height:240px!important;min-height:0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
@media (max-width:860px){.rel-posts{grid-template-columns:minmax(0,1fr);}}
@media (min-width:1061px){
 .fx-4{grid-template-columns:repeat(2,minmax(0,1fr));}
 .fx-5{grid-template-columns:repeat(6,minmax(0,1fr));}
 .fx-5 > :nth-child(-n+2){grid-column:span 3;}
 .fx-5 > :nth-child(n+3){grid-column:span 2;}
}
@media (max-width:640px){
 .ar-meta{gap:10px 16px;}
 .ar-meta > * + *::before{display:none;}
 .ar-meta > .ar-cat{margin-right:0;}
}

.vw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

}

/* inline styles from the design, as classes (unlayered: they win over @layer vanweb like inline styles did) */
.v-00530a8{left: 95.10%;top: 38.03%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-034b925{left: 68.77%;top: 70.74%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.37);}
.v-03a2793{display: flex;align-items: center;gap: 8px;font-size: 12px;color: #A1A5AE;}
.v-0408bfb{left: 12.80%;top: 18.13%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.82);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 2.8s;}
.v-0587ab0{left: 28.19%;top: 17.44%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-0630764{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 28px;}
.v-0649586{left: 30.20%;top: 10.13%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.50);}
.v-06f7c29{margin-top: 20px;max-width: 600px;font-size: clamp(17px, 1.5vw, 20px);line-height: 1.5;color: #8A8F98;}
.v-06fed31{left: 14%;top: 22%;}
.v-0759e50{display: inline-flex;align-items: center;height: 54px;padding: 0 28px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.14);background-color: rgba(255,255,255,0.02);color: #F5F5F7;font-size: 15px;font-weight: 600;}
.v-0846c5b{left: 73.31%;top: 39.68%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.33);}
.v-086f305{max-width: 620px;margin: 24px auto 0;font-size: clamp(17px, 1.6vw, 20px);line-height: 1.5;color: #8A8F98;}
.v-08a8693{position: absolute;inset: 0;pointer-events: none;opacity: 0.7;}
.v-09893be{left: 12.70%;top: 10.88%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.52);}
.v-09d65ca{left: 10.48%;top: 19.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.29);}
.v-0a30fbf{height: 4px;width: 80%;border-radius: 2px;background: #2C2B35;}
.v-0aac530{left: 98.51%;top: 56.76%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-0aebcab{height: 46%;}
.v-0ba9b1f{left: 80.16%;top: 6.03%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.51);}
.v-0c0be1d{left: 97.63%;top: 18.73%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.62);}
.v-0c7c057{display: flex;align-items: center;gap: 6px;margin-left: auto;}
.v-0d280cc{left: 12.28%;top: 61.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.55);}
.v-0e139b4{left: 33.92%;top: 39.82%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.53);}
.v-0e18cf0{left: 42.45%;top: 59.53%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.31);}
.v-0e30255{display: grid;gap: 12px;font-size: 15px;color: #D9DAE0;}
.v-0e3ea64{left: 21.96%;top: 68.58%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.38);}
.v-0eae396{left: 32.38%;top: 10.86%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.45);}
.v-0ed0560{color: #F5F5F7;}
.v-0ed0c92{margin-top: 22px;font-size: clamp(42px, 5.6vw, 80px);line-height: 1.02;letter-spacing: -0.035em;font-weight: 600;}
.v-0f604cd{color: var(--accent-light);}
.v-0f765fb{left: 3.12%;top: 9.58%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.51);}
.v-111e07b{padding: 2px 8px;border-left: 1px solid rgba(255,255,255,0.1);}
.v-119e27a{left: 99.88%;top: 42.42%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.51);}
.v-130b89e{color: #C4B5FD;}
.v-145ff9c{left: 44%;top: 6%;}
.v-151e247{left: 6.28%;top: 4.29%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.33);}
.v-16339d5{left: 95.39%;top: 61.11%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.70);}
.v-166d965{display: flex;flex-direction: column;gap: 28px;padding: clamp(24px, 3.4vw, 44px);border-right: 1px solid rgba(255,255,255,0.08);background: radial-gradient(ellipse 90% 60% at 0% 0%, var(--accent-tint), transparent 70%);}
.v-16b13dc{left: 77.19%;top: 38.35%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.49);}
.v-1704dbc{left: 63.89%;top: 26.81%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.43);}
.v-1830578{width: 38%;}
.v-186b546{display: flex;justify-content: space-between;align-items: center;gap: 10px;}
.v-186d6bb{display: flex;gap: 12px;align-items: baseline;}
.v-1892e65{left: 54.92%;top: 51.81%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.39);}
.v-18c927c{left: 18.55%;top: 67.38%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.87);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.1s;}
.v-18e91e1{left: 30.15%;top: 33.17%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.98);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 2.6s;}
.v-192748b{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 999px;border: 1px solid rgba(255,255,255,0.14);color: #F5F5F7;}
.v-194977c{left: 69%;top: 27%;}
.v-1a497d6{left: 38.81%;top: 16.10%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.80);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.0s;}
.v-1ab6cb6{left: 26.27%;top: 0.29%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.39);}
.v-1af55a7{left: 10.17%;top: 60.10%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.48);}
.v-1bb9c37{position: relative;z-index: 2;}
.v-1bbed1b{flex: 1;min-width: 0;}
.v-1bc2bbf{display: inline-flex;align-items: center;gap: 7px;}
.v-1c2f166{width: 5px;height: 5px;border-radius: 50%;background: var(--accent);}
.v-1dd340a{left: 49.83%;top: 48.56%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.71);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.0s;}
.v-1f3c961{left: 54.71%;top: 17.60%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-1f7f6b3{width: 88%;}
.v-1fb85b6{left: 10.49%;top: 60.18%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.58);}
.v-207928a{left: 15.20%;top: 35.21%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.29);}
.v-20c143c{left: 1.5%;top: 330px;}
.v-211b3df{display: inline-flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: #A1A5AE;}
.v-21b89c1{display: flex;gap: 12px;}
.v-220c7d8{position: relative;max-width: 1200px;margin: clamp(56px, 5.6vw, 80px) auto 0;padding-inline: clamp(16px, 3vw, 24px);}
.v-2252da6{display: flex;align-items: center;gap: 8px;font-size: 12.5px;font-weight: 600;color: #F5F5F7;}
.v-22d46fa{left: 82.64%;top: 42.05%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.71);}
.v-22efd26{left: 66.44%;top: 27.26%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.69);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.3s;}
.v-24c32d8{left: 34.20%;top: 6.56%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.46);}
.v-253f116{width: 24%;}
.v-25c8549{left: 0.02%;top: 28.19%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.72);}
.v-25cd27e{left: 87.14%;top: 5.80%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-268c39a{left: 66.53%;top: 68.31%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.57);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.6s;}
.v-269cef8{position: relative;overflow: hidden;padding-top: clamp(116px, 10.4vw, 150px);}
.v-28843be{left: 0.36%;top: 35.40%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.54);}
.v-2923710{position: absolute;left: 12px;top: 12px;padding: 4px 8px;border-radius: 6px;background: rgba(5,5,8,0.55);font-size: 10px;font-weight: 600;color: #FFFFFF;}
.v-2a0ca83{margin: 0;}
.v-2a700bf{left: calc(50% + 14px);top: calc(50% - 7px);color: #F5F5F7;font-weight: 500;}
.v-2c20f92{left: 55.95%;top: 67.92%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.51);}
.v-2c6f59b{left: 51.76%;top: 25.60%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-2e6e997{width: 18%;}
.v-2ebc1f6{display: flex;align-items: center;min-height: 44px;}
.v-2f4856a{display: flex;flex-wrap: wrap;gap: 4px 20px;}
.v-2f874a6{left: 42.23%;top: 65.62%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-3216e2d{left: 81.22%;top: 10.03%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.57);}
.v-326cbf2{left: 6.21%;top: 19.98%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.74);}
.v-3316a11{left: 78.00%;top: 62.96%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.49);}
.v-333b151{padding-bottom: 40px;}
.v-3368a5c{left: 79%;top: 8%;}
.v-3382302{left: 47.90%;top: 49.23%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.66);}
.v-33eed3e{flex: 1;min-height: 0;}
.v-33f2a66{min-width: 0;}
.v-33f71a5{left: 74.83%;top: 36.21%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.58);}
.v-3430fb0{left: 93.36%;top: 31.23%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.51);}
.v-3485901{font-size: clamp(44px, 5vw, 64px);font-weight: 600;letter-spacing: -0.04em;line-height: 1;color: #FFFFFF;}
.v-3503a4e{left: 47.48%;top: 67.29%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-35445d6{left: 22.32%;top: 45.18%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-354d6f5{left: 6.66%;top: 62.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-37612e2{display: inline-flex;gap: 2px;color: #FBBF24;}
.v-378f8b7{left: 89.19%;top: 45.17%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.65);}
.v-38701a9{left: 2.18%;top: 2.32%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.64);}
.v-387c143{left: 28.46%;top: 27.78%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.46);}
.v-388694a{left: 32.97%;top: 16.06%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-38efdcc{display: inline-flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px 14px;margin-top: 22px;font-size: 14px;color: #A1A5AE;}
.v-3a4807a{z-index: 1;}
.v-3ac5f45{left: 92.68%;top: 9.17%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.55);}
.v-3add7d2{position: relative;z-index: 2;text-align: center;}
.v-3b846ae{display: inline-flex;align-items: center;min-height: 44px;font-size: 16px;color: var(--accent-light);}
.v-3be8fb1{left: 98.49%;top: 61.39%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-3c214de{left: 33.91%;top: 14.09%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-3c5f39f{left: 73.24%;top: 32.46%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.66);}
.v-3c92c91{flex: 1;justify-content: center;align-items: center;gap: 2px;font-size: 14px;font-weight: 500;}
.v-3ec9698{width: 40%;}
.v-3ee00f5{left: 69.22%;top: 48.65%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.48);}
.v-3fdc412{background: radial-gradient(circle at 30% 35%, rgba(255,255,255,0.75) 0 6%, transparent 7%), linear-gradient(160deg, #2A2833, #15141B);}
.v-3ff3629{z-index: 3;padding: clamp(18px, 2.2vw, 26px);border-radius: 24px;background-color: #0F0E15;background-image: radial-gradient(ellipse 60% 50% at 100% 0%, var(--accent-tint), transparent 70%);border: 1px solid rgba(180,165,210,0.14);overflow: hidden;}
.v-400d09c{left: 76.00%;top: 65.70%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-40f3d69{font-size: 15px;font-weight: 600;letter-spacing: -0.03em;color: #F5F5F7;white-space: nowrap;}
.v-418bbb7{left: 84.00%;top: 68.02%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.41);}
.v-419d926{left: 52.24%;top: 49.11%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.73);}
.v-41e8329{left: 5.26%;top: 0.02%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-42977bf{left: 54.87%;top: 9.43%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-43b645f{position: relative;overflow: hidden;padding-top: 72px;border-top: 1px solid rgba(255,255,255,0.08);}
.v-44110e8{display: inline-flex;align-items: center;min-height: 44px;font-size: 19px;font-weight: 600;letter-spacing: -0.03em;color: #F5F5F7;white-space: nowrap;}
.v-444073e{left: 15.09%;top: 12.69%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.34);}
.v-4444303{left: 88%;top: 31%;}
.v-45dd414{background: linear-gradient(135deg, #3B0764, #A21CAF);}
.v-460d7ab{position: absolute;left: 50%;top: -70px;width: 1200px;height: 480px;margin-left: -600px;background: radial-gradient(ellipse 50% 50% at 50% 62%, rgba(139,92,246,0.26), transparent 70%);pointer-events: none;}
.v-46c059d{left: 12.98%;top: 5.09%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.48);}
.v-46e26b3{left: 97.09%;top: 46.78%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-470ea98{left: 31%;top: 34%;}
.v-47c1772{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 18px;}
.v-47c36bc{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}
.v-4804db8{display: flex;justify-content: space-between;font-size: 12px;color: #A1A5AE;}
.v-480624f{font-size: 15px;color: #C9CBD1;}
.v-4871055{left: 5.75%;top: 49.55%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.39);}
.v-49385b9{position: absolute;inset: 0;pointer-events: none;opacity: 0.8;}
.v-4982bff{left: 31.61%;top: 60.50%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.38);}
.v-49c9406{width: 70%;}
.v-4a0463c{left: 54.94%;top: 63.60%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-4ab52d1{left: 55.54%;top: 56.47%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-4b3c4d2{font-size: 13px;color: #C9CBD1;}
.v-4b62251{color: #F5F5F7;font-weight: 600;}
.v-4bc2ff8{left: 24.85%;top: 28.78%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.54);}
.v-4bc5b5a{left: 14.74%;top: 18.28%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.65);}
.v-4bcce03{left: 21.29%;top: 70.14%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.57);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.2s;}
.v-4c0544d{margin-top: 16px;}
.v-4c518ee{display: flex;flex-direction: column;gap: 12px;padding: 14px 14px 12px;min-height: 200px;}
.v-4cc971c{display: flex;gap: 12px;align-items: flex-start;padding: 14px 16px;border-radius: 12px;background: rgba(52,211,153,0.08);border: 1px solid rgba(52,211,153,0.3);font-size: 15px;line-height: 1.5;color: #D9DAE0;}
.v-4d4d70c{font-size: 14px;font-weight: 600;}
.v-4ecb057{left: 25.86%;top: 10.75%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.53);}
.v-4ee4430{left: 36.93%;top: 40.78%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-50681b8{left: 48.73%;top: 71.27%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-509409e{left: 69.25%;top: 68.87%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-51f24ce{left: 5.80%;top: 36.54%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.29);}
.v-5402a74{left: 11.21%;top: 5.07%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.76);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 2.3s;}
.v-5407ad0{left: 87.91%;top: 28.05%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-545bfb3{left: 74.97%;top: 29.72%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.53);}
.v-547d211{display: block;margin-bottom: 8px;font-size: 14px;font-weight: 500;color: #D9DAE0;}
.v-54c4e68{left: 6.01%;top: 28.32%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.95);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 3.5s;}
.v-54f6355{left: 95.55%;top: 8.91%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.98);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.8s;}
.v-5549ee1{left: 29.30%;top: 17.32%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.44);}
.v-557ac8c{left: 21%;top: 9%;}
.v-557f793{transform-origin: 50% 0;will-change: transform;}
.v-5618906{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 16px;}
.v-5622195{color: #D9DAE0;}
.v-565c215{position: absolute;left: 12px;top: 12px;}
.v-56fab92{position: relative;z-index: 2;display: flex;flex-direction: column;height: 100%;}
.v-574c442{margin-top: 18px;font-size: 13px;color: #C9CBD1;}
.v-576297d{left: 4.66%;top: 61.81%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.35);}
.v-57845bb{left: 25.56%;top: 11.75%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-578c862{display: inline-flex;align-items: center;min-height: 44px;font-size: clamp(22px, 2vw, 26px);font-weight: 600;letter-spacing: -0.02em;color: #F5F5F7;}
.v-57b2f2e{padding-left: 16px;}
.v-57b3fe4{left: 5.04%;top: 14.53%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-593916d{left: 68.04%;top: 30.79%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-59b4b8e{left: 45.95%;top: 11.34%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-5a5c7b3{left: 55.65%;top: 23.47%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-5a66073{flex: none;margin-top: 4px;}
.v-5b11d26{left: 28.98%;top: 26.80%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.52);}
.v-5b1811b{left: 96.06%;top: 50.74%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.65);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.1s;}
.v-5bd4a19{left: 90.63%;top: 71.75%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.54);}
.v-5be72f4{display: inline-flex;}
.v-5cc0eeb{left: 6.07%;top: 19.35%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.63);}
.v-5cd5b11{display: block;font-size: 11.5px;color: #8A8F98;}
.v-5d3c367{width: 62%;margin-top: 4px;}
.v-5ef051d{position: relative;overflow: hidden;border-top: 1px solid rgba(255,255,255,0.06);}
.v-5f09d8d{left: 30.95%;top: 25.67%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-5fa6d76{max-width: 640px;}
.v-5fb67c2{left: 91.00%;top: 25.47%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-5fb8e4d{margin-top: 40px;text-align: center;pointer-events: none;user-select: none;}
.v-5fd9976{left: 10.22%;top: 24.67%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.35);}
.v-5ff998a{margin-top: auto;padding-top: 24px;border-top: 1px solid rgba(255,255,255,0.08);display: grid;gap: 4px;}
.v-613692c{left: 98.47%;top: 10.76%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-6142262{display: flex;gap: 7px;}
.v-62bd481{left: 94.68%;top: 52.19%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-62ebd42{left: 26.42%;top: 6.46%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.38);}
.v-6390dd4{left: 56.03%;top: 17.89%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.35);}
.v-6421aff{position: relative;padding-top: 0;}
.v-6446556{left: 77.90%;top: 19.47%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.31);}
.v-6460e24{position: relative;padding-bottom: 32px;}
.v-6528b27{width: 30%;}
.v-656ef67{font-size: 11px;color: #A1A5AE;}
.v-66bc75b{position: absolute;right: 0;top: 56px;width: min(300px, calc(100vw - 32px));padding: 10px;border-radius: 20px;background: #0F0E15;border: 1px solid rgba(180,165,210,0.14);box-shadow: 0 24px 60px -20px rgba(0,0,0,0.8);display: flex;flex-direction: column;font-size: 15px;}
.v-6729082{left: 81.83%;top: 53.27%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.34);}
.v-67af0f9{padding-left: 32px;}
.v-67b66ba{width: 34%;}
.v-6840f0a{margin-top: 18px;}
.v-688ae15{left: 72.17%;top: 46.61%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.66);}
.v-68a432b{left: 1.82%;top: 18.03%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-68c2f62{left: 34.37%;top: 21.44%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.65);}
.v-6a3bb09{left: 66.42%;top: 4.37%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-6ace6c9{left: 13.26%;top: 59.06%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.57);}
.v-6b1f0d9{margin-top: 4px;}
.v-6b6028c{left: 25.22%;top: 5.36%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.47);}
.v-6b9f0fc{left: 19.67%;top: 14.71%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.45);}
.v-6bc182a{z-index: 4;padding: clamp(18px, 2.2vw, 26px);border-radius: 24px;background-color: #0F0E15;background-image: radial-gradient(ellipse 70% 50% at 50% 100%, var(--accent-tint), transparent 70%);border: 1px solid rgba(180,165,210,0.14);overflow: hidden;}
.v-6bfaee3{left: 58%;top: 14%;}
.v-6c96131{left: 65.30%;top: 57.57%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-6cc60cc{display: inline-flex;align-items: center;gap: 10px;height: 54px;padding: 0 24px 0 28px;border: 0;border-radius: 999px;background: var(--accent-fill);color: #FFFFFF;font: inherit;font-size: 15px;font-weight: 600;cursor: pointer;}
.v-6d0d526{background: linear-gradient(135deg, #4C1D95, #7C3AED);}
.v-6d330ac{left: 4.93%;top: 34.09%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.69);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 3.7s;}
.v-6d5f173{left: 97.81%;top: 67.41%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.38);}
.v-6e155cd{width: 56%;}
.v-6e250b1{position: absolute;left: 12px;bottom: 26px;width: 66%;height: 10px;border-radius: 3px;background: rgba(255,255,255,0.55);}
.v-70070ae{left: 72.93%;top: 14.78%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.65);}
.v-705093a{left: 14.30%;top: 63.56%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-714d3e6{left: 4.17%;top: 1.62%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-72f05f6{margin-top: 20px;max-width: 840px;font-size: clamp(36px, 4.2vw, 56px);line-height: 1.07;letter-spacing: -0.025em;font-weight: 600;}
.v-73bcdae{left: 61.25%;top: 36.40%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-745892b{font-weight: 400;color: #A1A5AE;}
.v-7646d22{left: 95.62%;top: 63.67%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.68);}
.v-764d8bf{left: 33.81%;top: 30.28%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.84);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.8s;}
.v-7678730{display: grid;gap: 18px;padding: clamp(24px, 3.4vw, 44px);}
.v-76ec7f0{left: 50.44%;top: 60.12%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.68);}
.v-76ffddf{left: 52.35%;top: 1.35%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-778122a{left: 7%;top: 520px;}
.v-77c419f{left: 89.57%;top: 34.08%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.60);}
.v-77e27af{width: 46%;}
.v-783f71e{display: inline-flex;align-items: center;gap: 7px;font-size: 12px;color: #C9CBD1;}
.v-79623af{left: 47.80%;top: 67.79%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-79e14fd{left: 49.58%;top: 13.49%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.61);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.7s;}
.v-7ab3689{background: linear-gradient(135deg, #1E3A8A, #6366F1);}
.v-7b11ff7{z-index: 2;padding: clamp(18px, 2.2vw, 26px);border-radius: 24px;background-color: #0F0E15;background-image: radial-gradient(ellipse 60% 50% at 0% 100%, var(--accent-tint), transparent 70%);border: 1px solid rgba(180,165,210,0.14);overflow: hidden;}
.v-7c3f7a7{position: absolute;inset: 0;}
.v-7c4a6fd{left: 38.16%;top: 34.17%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.41);}
.v-7cc2ef1{left: 14.43%;top: 8.48%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-7f69beb{width: 64%;}
.v-7fd7ef7{margin-left: auto;}
.v-804a03e{position: relative;flex: 1;min-height: 120px;margin-top: 14px;}
.v-8091eb1{left: 4%;top: 150px;}
.v-827b9b8{left: 67.62%;top: 3.89%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.52);}
.v-83f4934{left: 7.24%;top: 67.56%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.45);}
.v-86d5a62{width: 60%;}
.v-877fad8{height: 80%;}
.v-89ca813{left: 64.45%;top: 20.61%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.39);}
.v-8a05d45{left: 57.71%;top: 28.56%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-8a0b6d3{width: 14%;}
.v-8a35b8e{display: flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: #A1A5AE;}
.v-8a60429{left: 23.26%;top: 66.23%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.82);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.2s;}
.v-8b61bb7{margin: 0 auto;max-width: 900px;font-size: clamp(40px, 5.2vw, 72px);line-height: 1.02;letter-spacing: -0.04em;font-weight: 600;color: #F5F5F7;}
.v-8c17425{max-width: 640px;margin: 24px auto 0;font-size: clamp(16px, 1.4vw, 18px);line-height: 1.6;color: #A1A5AE;}
.v-8c4af25{left: 18.31%;top: 0.28%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.49);}
.v-8c866fc{left: 72.94%;top: 20.73%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-8cba4c0{max-width: 860px;margin: 0 auto;text-align: center;}
.v-8cf570f{left: 51.65%;top: 33.46%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.55);}
.v-8f33e83{left: 97.57%;top: 35.56%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.52);}
.v-8f5985f{left: 57.06%;top: 50.43%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-917ee5c{left: 36.46%;top: 15.87%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.34);}
.v-920fe08{left: 23.33%;top: 34.92%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.44);}
.v-9212aa6{left: 51.10%;top: 13.67%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.52);}
.v-92eaf5f{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 24px;margin-top: 18px;font-size: 13px;color: #A1A5AE;}
.v-9359828{display: inline-flex;align-items: center;min-height: 44px;font-size: 22px;font-weight: 600;letter-spacing: -0.03em;color: #F5F5F7;}
.v-93c556f{display: inline-flex;align-items: center;gap: 10px;height: 54px;padding: 0 22px 0 28px;border-radius: 999px;background: var(--accent-fill);color: #FFFFFF;font-size: 15px;font-weight: 600;box-shadow: 0 10px 36px -12px var(--accent-glow);}
.v-93c7617{left: 87.65%;top: 67.84%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.35);}
.v-940ba4d{left: 61.70%;top: 46.28%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.40);}
.v-9555db6{display: inline-flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--accent-light);}
.v-95a43c6{left: 10%;top: 62%;}
.v-987883f{margin-top: 6px;font-size: 15px;}
.v-98798fb{left: 20.10%;top: 36.34%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-98a93ee{margin-top: 20px;font-size: clamp(36px, 4.2vw, 56px);line-height: 1.07;letter-spacing: -0.025em;font-weight: 600;}
.v-99632a1{position: relative;display: flex;align-items: center;justify-content: center;}
.v-996711d{left: 16.15%;top: 31.07%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-9a110fe{left: 63.43%;top: 4.48%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.29);}
.v-9a71f7a{left: 87.43%;top: 44.21%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-9baf880{position: relative;height: 6px;margin-top: 8px;border-radius: 999px;background: rgba(255,255,255,0.08);overflow: hidden;}
.v-9bbf0a7{width: 18px;height: 18px;}
.v-9bddc1b{display: block;font-size: 13px;font-weight: 600;color: #C4B5FD;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.v-9c45d96{height: 94%;}
.v-9c5f250{left: 83.46%;top: 28.30%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.41);}
.v-9cd6162{margin-top: 26px;}
.v-9cf22b1{z-index: 5;}
.v-9daf242{left: 45.90%;top: 59.03%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.74);}
.v-9e00d61{left: 89.77%;top: 35.00%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.38);}
.v-9e2b4e9{width: 80%;}
.v-9e9ef0b{left: 13.96%;top: 13.85%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.41);}
.v-9ec17c2{left: 25.84%;top: 41.01%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.71);}
.v-9fa2c52{position: relative;border-radius: 24px;background: #0F0E15;border: 1px solid rgba(180,165,210,0.18);overflow: hidden;box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);}
.v-9fc2c04{left: 14.17%;top: 37.73%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.73);}
.v-a013aad{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible;}
.v-a03ac1d{padding: 16px clamp(12px, 3vw, 24px) 0;}
.v-a0e7f04{margin-top: 18px;max-width: 420px;font-size: 17px;line-height: 1.6;color: #8A8F98;}
.v-a17deff{right: 10%;bottom: 18%;}
.v-a194398{position: relative;border-top: 1px solid rgba(255,255,255,0.06);}
.v-a1a328d{margin-top: 14px;max-width: 460px;font-size: clamp(18px, 1.5vw, 21px);line-height: 1.45;color: #D9DAE0;}
.v-a1ea3cb{margin-top: 18px;max-width: 760px;}
.v-a26497a{width: 26%;}
.v-a2777ef{width: 28%;}
.v-a4a0ecf{left: 90.03%;top: 60.51%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.41);}
.v-a5595d1{margin-top: 6px;}
.v-a561ce7{left: 96.99%;top: 22.44%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.91);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.9s;}
.v-a5e7742{left: 73.27%;top: 71.82%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.97);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.3s;}
.v-a6745a7{left: 44.05%;top: 1.30%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.37);}
.v-a6c4572{left: 93%;top: 17%;}
.v-a73df34{left: 35.66%;top: 59.15%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.91);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.7s;}
.v-a7f3bf1{font-size: 14px;font-weight: 600;color: #F5F5F7;}
.v-a7f94dc{left: 82.89%;top: 11.62%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-a8120df{height: 58%;}
.v-a8657cd{left: 7.25%;top: 17.33%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-a8a747e{flex: none;margin-top: 3px;}
.v-a8a9035{position: relative;}
.v-a8bfc70{left: 57.44%;top: 37.81%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.52);}
.v-a8d0171{left: 79.71%;top: 53.22%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.75);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.8s;}
.v-a906749{font-size: 11px;color: #8A8F98;}
.v-a9289b5{position: sticky;top: 0;z-index: 60;height: 0;}
.v-a93b570{height: 40%;}
.v-a9821b3{display: flex;align-items: center;gap: 10px;min-width: 0;}
.v-aa033c7{left: 88.69%;top: 50.64%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.46);}
.v-aa79413{left: 80.65%;top: 10.52%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-ab76c56{left: 36%;bottom: 10%;}
.v-ab92ceb{display: inline-flex;align-items: center;gap: 8px;}
.v-abe7a58{left: 24.85%;top: 7.85%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.43);}
.v-ac39dd6{flex: none;color: #A1A5AE;}
.v-ac80653{height: 4px;width: 100%;border-radius: 2px;background: #2C2B35;}
.v-ae0638a{width: 10%;}
.v-af64868{width: 54%;}
.v-afb1c4d{width: 12%;}
.v-b046689{left: 26.79%;top: 9.30%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-b095348{right: 3%;top: 530px;}
.v-b0ad39f{left: 12.93%;top: 17.83%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.38);}
.v-b0ee1b7{left: 91.77%;top: 36.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-b11d7b5{font-size: 22px;line-height: 1.3;font-weight: 600;letter-spacing: -0.01em;}
.v-b16c297{margin-top: auto;font-size: 11.5px;color: #8A8F98;}
.v-b181130{left: 75.07%;top: 60.42%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.42);}
.v-b1e9ca5{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px;}
.v-b1f9781{font-size: 12px;color: #A1A5AE;}
.v-b2a21ef{padding: 2px 8px;font-weight: 700;}
.v-b308f82{left: 26.11%;top: 26.40%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-b58fd4b{left: 19.30%;top: 26.23%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.95);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.1s;}
.v-b5bd942{margin-top: 40px;}
.v-b5c4bcf{background: radial-gradient(ellipse 70% 60% at 70% 110%, #6D28D9 0 70%, transparent 71%), radial-gradient(circle at 78% 28%, rgba(255,255,255,0.85) 0 7%, transparent 8%), linear-gradient(180deg, #C4B5FD, #8B5CF6);}
.v-b5e980b{left: 84.13%;top: 62.68%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.46);}
.v-b61377e{left: 86.29%;top: 15.55%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.48);}
.v-b68d04d{left: 82.56%;top: 61.59%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.74);}
.v-b68d496{color: var(--accent);}
.v-b69f3b7{left: 86.40%;top: 20.05%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.39);}
.v-b72f0e5{display: block;font-size: 11px;color: #8A8F98;}
.v-b7f7db2{left: 66.06%;top: 65.50%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.49);}
.v-b858045{left: 79.44%;top: 50.33%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.34);}
.v-b86afcd{left: 90.60%;top: 35.79%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.46);}
.v-b958aad{position: absolute;left: 12px;bottom: 12px;width: 46%;height: 8px;border-radius: 3px;background: rgba(255,255,255,0.35);}
.v-b9e2b06{left: 2.26%;top: 33.24%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-b9ea165{left: 54.32%;top: 1.95%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-ba21bb2{left: 98.03%;top: 47.32%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.37);}
.v-bb28323{height: 34%;}
.v-bb57a14{left: 2.79%;top: 20.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.35);}
.v-bd25f33{left: 68.29%;top: 49.92%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.46);}
.v-be98d8e{display: flex;align-items: baseline;gap: 10px;margin-top: 4px;}
.v-bed3b65{left: 11.81%;top: 30.10%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.48);}
.v-befdfe0{left: 75.05%;top: 47.34%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-bf2de2b{position: absolute;left: 50%;top: 90px;width: 2400px;height: 1400px;transform: translateX(-50%);border-radius: 50%;background: #050508;box-shadow: 0 -1px 0 0 var(--accent-line), 0 -24px 120px 8px var(--accent-glow), inset 0 36px 90px -40px var(--accent-glow);pointer-events: none;}
.v-bf2f59e{display: inline-flex;align-items: center;min-height: 44px;}
.v-bfcf5cf{position: absolute;inset: 0;pointer-events: none;}
.v-bfd9412{left: 88.38%;top: 34.22%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.62);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.0s;}
.v-c0002d8{font-size: 13px;color: #A1A5AE;}
.v-c06a247{max-width: 760px;}
.v-c204ed7{left: 22.14%;top: 54.75%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.65);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 3.8s;}
.v-c2efb8c{margin-top: 28px;padding-top: 20px;max-width: 460px;border-top: 1px solid rgba(255,255,255,0.08);font-size: 15px;color: #A1A5AE;}
.v-c308ead{font-size: 15px;color: #A1A5AE;}
.v-c37075e{left: 30.08%;top: 40.13%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.52);}
.v-c37600e{display: block;font-size: 13px;font-weight: 500;color: #F5F5F7;}
.v-c37d985{left: 26.32%;top: 69.25%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-c42eb26{display: inline-flex;align-items: center;height: 44px;padding: 0 20px;border-radius: 999px;background: var(--accent-fill);color: #FFFFFF;font-size: 14px;font-weight: 600;white-space: nowrap;}
.v-c457178{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 12px 24px;margin-top: 56px;padding-top: 24px;border-top: 1px solid rgba(255,255,255,0.08);font-size: 13px;color: #A1A5AE;}
.v-c46a36f{left: 69.05%;top: 37.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.44);}
.v-c4bc26c{left: 81.61%;top: 13.01%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.43);}
.v-c4f5c10{position: absolute;inset: 0;display: grid;place-items: center;font-size: 23px;font-weight: 600;letter-spacing: -0.03em;}
.v-c5124db{left: 12%;top: 22%;}
.v-c542f1d{z-index: 1;padding: clamp(18px, 2.2vw, 26px);border-radius: 24px;background-color: #0F0E15;background-image: radial-gradient(ellipse 60% 50% at 100% 0%, var(--accent-tint), transparent 70%);border: 1px solid rgba(180,165,210,0.14);overflow: hidden;}
.v-c638608{left: 13.71%;top: 8.76%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-c705a78{left: 93.56%;top: 17.95%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.47);}
.v-c7bd250{left: 69.27%;top: 32.57%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-c8e15d9{width: 58%;}
.v-c9040ba{left: 93.70%;top: 71.14%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-c9125c1{left: 11.85%;top: 64.34%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.45);}
.v-c9a1719{z-index: 2;}
.v-c9f547a{left: 92.64%;top: 51.34%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.71);}
.v-ca4923b{left: 62.78%;top: 45.09%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.63);}
.v-caeeb6c{left: 77.23%;top: 36.56%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.43);}
.v-cd0f39c{left: 17.23%;top: 34.09%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-cd7a462{left: 23.84%;top: 7.88%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-ceecf0a{width: 92%;}
.v-cef1c3e{left: 87.55%;top: 22.59%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-cf39ccd{left: 75.01%;top: 34.42%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.32);}
.v-cf59757{left: 23.28%;top: 42.16%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.42);}
.v-cf6bff6{display: flex;justify-content: space-between;align-items: center;gap: 8px;font-size: 13px;color: #C9CBD1;}
.v-d00857c{width: 6px;height: 6px;border-radius: 50%;background: var(--accent);}
.v-d02d3fd{flex: none;transform: translateY(2px);color: var(--accent-light);}
.v-d20fa3b{width: 96%;}
.v-d26b67c{left: 16.73%;top: 11.64%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.45);}
.v-d2b1fa7{left: 97.85%;top: 62.16%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.47);}
.v-d34e9a4{margin-top: 18px;font-size: clamp(30px, 3vw, 40px);line-height: 1.1;letter-spacing: -0.02em;font-weight: 600;}
.v-d361c64{left: 66.82%;top: 55.05%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.43);}
.v-d3a71b1{left: 64.32%;top: 3.15%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-d3f64fb{width: 20%;}
.v-d461884{position: absolute;left: 50%;top: 120px;width: 2600px;height: 1500px;transform: translateX(-50%);border-radius: 50%;background: #050508;box-shadow: 0 -1px 0 0 var(--accent-line), 0 -30px 140px 10px var(--accent-glow), inset 0 40px 100px -40px var(--accent-glow);pointer-events: none;}
.v-d56744b{left: 81.89%;top: 31.12%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.41);}
.v-d5a3cf1{transform: rotate(-90deg);}
.v-d5dfb76{font-size: 14px;line-height: 1.55;color: #A1A5AE;}
.v-d64133f{left: 72.22%;top: 1.40%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.43);}
.v-d671d8b{width: 86%;}
.v-d706fe4{margin-top: 20px;max-width: 380px;font-size: 16px;line-height: 1.6;color: #8A8F98;}
.v-d765901{left: 44.95%;top: 19.34%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.45);}
.v-d82cc41{left: 58.33%;top: 65.11%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.39);}
.v-d84fbe4{right: 7%;top: 360px;}
.v-d8f78b8{margin-top: 6px;border-top: 1px solid rgba(255,255,255,0.08);border-radius: 0 0 12px 12px;color: var(--accent-light);}
.v-d91545c{left: 63.09%;top: 65.77%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.73);}
.v-d93e35b{left: 50.01%;top: 12.81%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.37);}
.v-da30498{min-height: 200px;}
.v-da42fbe{margin-top: 16px;display: grid;gap: 2px;font-size: 15px;color: #D9DAE0;}
.v-da7e992{left: 6%;top: 41%;}
.v-dbc216f{left: 64.71%;top: 71.50%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-dc4017d{left: 59.44%;top: 41.75%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.40);}
.v-dd8da6c{position: relative;margin-top: clamp(56px, 7vw, 88px);}
.v-de79ab9{left: 83.23%;top: 50.88%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.45);}
.v-dfbddf3{left: 39.24%;top: 28.73%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-e083737{left: 30.50%;top: 54.68%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.35);}
.v-e1d7165{left: 43.36%;top: 5.03%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-e209710{max-width: 900px;}
.v-e21980d{margin-top: 28px;display: grid;gap: 12px;font-size: 16px;color: #C9CBD1;}
.v-e2477ca{left: 94.56%;top: 15.17%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.59);}
.v-e25f987{left: 15.44%;top: 51.56%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.46);}
.v-e2d764b{left: 97.17%;top: 28.50%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.39);}
.v-e4c9546{position: relative;max-width: 1140px;margin: 0 auto;display: flex;align-items: center;gap: 8px;height: 62px;padding: 0 9px 0 22px;border-radius: 999px;background: rgba(12,12,20,0.55);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border: 1px solid rgba(180,165,210,0.14);box-shadow: 0 12px 40px -12px rgba(0,0,0,0.7);}
.v-e53c3a3{display: flex;gap: 12px;align-items: flex-start;}
.v-e545914{left: 25.94%;top: 30.17%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.31);}
.v-e619324{left: 42.81%;top: 19.81%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.39);}
.v-e665631{left: 10.15%;top: 26.18%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.28);}
.v-e690d08{display: flex;justify-content: space-between;margin-top: 8px;font-size: 11px;color: #8A8F98;}
.v-e6dd297{border-color: rgba(52,211,153,0.35);color: #A7F3D0;}
.v-e70e4d0{left: 25.23%;top: 25.01%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.38);}
.v-e86d8cd{left: 46.60%;top: 34.84%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.30);}
.v-e86f8f7{left: 65.93%;top: 4.76%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.65);}
.v-e9199f2{position: relative;width: 76px;height: 76px;flex: none;}
.v-e996275{left: 52.42%;top: 27.13%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.50);}
.v-ea75a84{left: 62.39%;top: 36.88%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.29);}
.v-eae290e{padding-top: 0;}
.v-ec69478{left: 78.91%;top: 23.94%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.50);}
.v-ed7abaf{left: 48.93%;top: 0.24%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.67);}
.v-ee0656c{left: 66.74%;top: 66.61%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.61);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 0.1s;}
.v-eed5f3f{color: #A1A5AE;}
.v-eed71f3{left: 45.73%;top: 39.71%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.52);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 3.1s;}
.v-ef75d72{left: 30.44%;top: 40.88%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.38);}
.v-f020af0{left: 20.88%;top: 11.69%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.37);}
.v-f0556be{font-size: 18px;font-weight: 600;color: #F5F5F7;}
.v-f0ca5bf{left: 40.47%;top: 25.02%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.29);}
.v-f0d84f3{left: 82.62%;top: 15.20%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.34);}
.v-f0fb063{width: 22%;}
.v-f1213a3{display: grid;place-items: center;flex: none;width: 96px;height: 96px;padding: 8px;border-radius: 20px;border: 1px dashed rgba(255,255,255,0.24);background: #15141B;font-size: 11px;line-height: 1.35;text-align: center;color: #A1A5AE;}
.v-f13c5d3{left: 16.93%;top: 0.21%;width: 2.2px;height: 2.2px;background: rgba(237,233,254,0.64);box-shadow: 0 0 6px rgba(221,214,254,.8);animation-delay: 1.4s;}
.v-f1ac024{position: relative;background: #050508;color: #F5F5F7;font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;font-size: 16px;line-height: 1.6;overflow-x: clip;}
.v-f3c626d{margin-top: 12px;max-width: 340px;font-size: 15px;line-height: 1.6;color: #A1A5AE;}
.v-f3def66{right: 2%;top: 170px;}
.v-f43b604{padding: 2px 8px;font-style: italic;}
.v-f5af09c{display: flex;align-items: center;gap: 16px;}
.v-f69d1c8{display: block;width: 100%;height: 56px;margin-top: 10px;overflow: visible;}
.v-f72261a{left: 11.71%;top: 4.24%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.49);}
.v-f774815{margin-top: 2px;font-size: 14px;line-height: 1.45;color: #A1A5AE;}
.v-f79065d{display: flex;flex-direction: column;gap: 8px;margin-top: 14px;}
.v-f7c665d{margin-top: 6px;font-size: 34px;font-weight: 600;letter-spacing: -0.035em;line-height: 1.05;color: #FFFFFF;}
.v-f7d3283{left: 66.95%;top: 56.44%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.52);}
.v-f8c2140{left: 35.88%;top: 63.66%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.54);}
.v-f9734ff{width: 84%;}
.v-f97da5b{margin-top: 10px;font-size: 12px;color: #A1A5AE;}
.v-f9ee83c{left: 58.56%;top: 32.63%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.36);}
.v-fabe3a8{max-width: 780px;}
.v-fb7b376{left: 7.24%;top: 38.58%;width: 1.0px;height: 1.0px;background: rgba(255,255,255,0.38);}
.v-fd35fee{width: 76%;}
.v-fdb33ad{left: 12.59%;top: 36.24%;width: 1.5px;height: 1.5px;background: rgba(221,214,254,0.61);}
.v-fdcde87{height: 66%;}
.v-ff0d8cb{display: flex;justify-content: space-between;align-items: center;gap: 8px;font-size: 12.5px;color: #E9E8EE;}
.v-ff1762f{font-size: 11px;font-weight: 600;line-height: 1;padding: 4px 7px;border-radius: 999px;background: var(--accent-tint);color: var(--accent-light);}