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(35,209,96,.45);color:#FFFFFF;}
:focus-visible{outline:2px solid #5FDF8C;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(214,250,228,.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:var(--on-accent);filter:brightness(1.06);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);}
@property --hx-ang{syntax:'<angle>';inherits:false;initial-value:0deg;}

/* twinkling stars */
.tw{position:absolute;width:2px;height:2px;border-radius:50%;background:#DCFCE7;box-shadow:0 0 6px rgba(214,250,228,.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%,#A7F3C4 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(230,252,238,.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(160,200,175,.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(35,209,96,.18);border:1px solid rgba(35,209,96,.35);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#A7F3C4;}
.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(160,200,175,.2);border-bottom:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 -30px 80px -40px rgba(35,209,96,.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(95,223,140,.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(35,209,96,.16);box-shadow:inset 0 0 0 1px rgba(35,209,96,.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(35,209,96,.32) 0%,rgba(10,164,67,.14) 42%,transparent 75%),radial-gradient(55% 70% at 100% 0%,rgba(20,184,166,.16) 0%,transparent 70%),#0C140F;border-color:rgba(35,209,96,.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(35,209,96,.12);border:1px solid rgba(35,209,96,.28);font-size:11.5px;font-weight:600;color:#D1FAE0;}
.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:#A7F3C4;box-shadow:0 0 0 0 rgba(167,243,196,.6),0 0 14px rgba(95,223,140,.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(167,243,196,.55),0 0 14px rgba(95,223,140,.9);}70%{box-shadow:0 0 0 9px rgba(167,243,196,0),0 0 14px rgba(95,223,140,.9);}100%{box-shadow:0 0 0 0 rgba(167,243,196,0),0 0 14px rgba(95,223,140,.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(35,209,96,.09);border-color:rgba(35,209,96,.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:#A7F3C4;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:#0AA443;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(35,209,96,.08);border:1px solid rgba(35,209,96,.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:#0AA443;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(160,200,175,.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(35,209,96,.16);border:1px solid rgba(35,209,96,.3);color:#A7F3C4;}
.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:var(--accent-fill);color:var(--on-accent);}
.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;}

/* ===== PRICING v2: package cards with living previews (base styles = the finished state) ===== */
@property --pk-ang{syntax:'<angle>';inherits:false;initial-value:0deg;}
.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(35,209,96,.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(35,209,96,.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(35,209,96,.18),transparent 75%),#0D1510;border-color:rgba(35,209,96,.3);box-shadow:0 30px 80px -40px rgba(35,209,96,.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(95,223,140,.95) 72%,rgba(217,249,157,.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(35,209,96,.15);border:1px solid rgba(35,209,96,.5);font-size:12px;font-weight:600;color:#5FDF8C;}
.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(35,209,96,.16);flex:none;}
.pk-ck::after{content:"";position:absolute;left:5.5px;top:5.5px;width:7px;height:4px;border-left:1.8px solid #5FDF8C;border-bottom:1.8px solid #5FDF8C;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:var(--on-accent);}
.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(35,209,96,.12),rgba(35,209,96,0) 60%),#0F0E15;border:1px solid rgba(160,200,175,.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;}

/* 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(160,200,175,.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%;}
}

/* ===== 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(35,209,96,.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(35,209,96,.2);border-color:rgba(95,223,140,.7);color:#FFFFFF;}
.ct-chip input:checked + span::before{border-color:#5FDF8C;background-color:#5FDF8C;box-shadow:inset 0 0 0 2px #0B2416;}
.ct-chip input:focus-visible + span{outline:2px solid #5FDF8C;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,#0AA443,#A7F3C4);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);}}

@property --ft-sa{syntax:'<number>';inherits:true;initial-value: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(214,250,228,var(--ft-sa)),transparent 60%),linear-gradient(180deg,rgba(167,243,196,.16) 0%,rgba(167,243,196,.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(95,223,140,.5);color:#FFFFFF;}
.ft-top:hover svg{transform:translateY(-3px);}

/* ===== HELLOWP: the VanWeb system in HelloWP green (base styles = the finished state) ===== */
[data-live].is-off,[data-live].is-off *{animation-play-state:paused!important;}
.hw-logo svg{display:block;width:auto;height:30px;}
.b-s{background:rgba(56,189,248,.16);color:#7DD3FC;}
.b-r{background:rgba(251,113,133,.16);color:#FDA4AF;}
.hw-ftword{font-size:19.5vw;}
.nav-cart{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#D9DAE0;transition:color .2s ease,background-color .2s ease;}
.nav-cart:hover{background:rgba(255,255,255,.05);}
.nav-cart b{position:absolute;right:3px;top:3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:700;line-height:17px;text-align:center;}
.nav-new{font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:999px;background:var(--accent-tint);color:var(--accent-light);}
@media (max-width:1180px){.nav-xl{display:none!important;}}
.menu-reg{display:none!important;}
.menu-reg:hover{color:var(--on-accent)!important;background:var(--accent-fill)!important;filter:brightness(1.06);}
@media (max-width:560px){.nav-reg{display:none!important;}.menu-reg{display:flex!important;}.hw-logo svg{height:26px;}}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#A1A5AE;}
.sec-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);}
.sec-h2{margin-top:20px;font-size:clamp(36px,4.2vw,56px);line-height:1.07;letter-spacing:-.025em;font-weight:600;}
.sec-lead{margin-top:20px;max-width:600px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:#8A8F98;}

/* --- hero: eyebrow, shimmering word, search with rolling suggestions, quick links --- */
.hw-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px;padding:7px 15px 7px 11px;border-radius:999px;background:rgba(35,209,96,.08);border:1px solid rgba(35,209,96,.28);font-size:13px;font-weight:500;color:#C9F7D9;}
.hw-h1{margin:0 auto;max-width:1000px;font-size:clamp(46px,6.6vw,96px);line-height:.98;letter-spacing:-.045em;font-weight:600;color:#F5F5F7;}
.hw-sheen{background:linear-gradient(100deg,#5FDF8C 0%,#D9F99D 30%,#5FDF8C 55%,#23D160 80%,#5FDF8C 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em;animation:hxWord 900ms var(--ease-out) both,hwSheen 7s linear 1.4s infinite;animation-delay:calc(120ms + var(--i) * 60ms),1.4s;}
@keyframes hwSheen{from{background-position:0% 0;}to{background-position:-220% 0;}}
.hw-search{position:relative;z-index:2;display:flex;align-items:center;gap:10px;max-width:660px;margin:34px auto 0;padding:7px 7px 7px 20px;border-radius:999px;background:rgba(14,16,15,.74);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 60px -24px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s ease,box-shadow .25s ease;}
.hw-search:focus-within{border-color:rgba(35,209,96,.65);box-shadow:0 0 0 4px var(--accent-tint),0 22px 60px -24px rgba(0,0,0,.95);}
.hw-search > svg{flex:none;color:#8A8F98;}
.hw-q{position:relative;flex:1;min-width:0;height:48px;}
.hw-q input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:#F5F5F7;font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none;}
.hw-q input::-webkit-search-cancel-button{-webkit-appearance:none;}
.hw-ph{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;gap:6px;font-size:16px;color:#8A8F98;text-align:left;pointer-events:none;white-space:nowrap;overflow:hidden;transition:opacity .15s ease;}
.hw-q input:not(:placeholder-shown) + .hw-ph{opacity:0;}
.hw-roll{display:inline-block;height:1.5em;overflow:hidden;vertical-align:bottom;}
.hw-roll > span{display:flex;flex-direction:column;animation:hwRoll 15s cubic-bezier(0.77,0,0.175,1) 1.6s infinite;}
.hw-roll i{display:block;height:1.5em;line-height:1.5em;font-style:normal;color:#E9E8EE;}
@keyframes hwRoll{0%,16%{transform:translateY(0);}20%,36%{transform:translateY(-1.5em);}40%,56%{transform:translateY(-3em);}60%,76%{transform:translateY(-4.5em);}80%,96%{transform:translateY(-6em);}100%{transform:translateY(-7.5em);}}
.hw-go{flex:none;display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 36px -12px var(--accent-glow);}
.hw-quick{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:920px;margin:18px auto 0;font-size:13px;color:#8A8F98;}
.hw-quick a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#C9CBD1;transition:border-color .2s ease,color .2s ease,background-color .2s ease;}
.hw-quick a:hover{border-color:rgba(35,209,96,.5);background:rgba(35,209,96,.08);color:#FFFFFF;}
@media (max-width:640px){.hw-go-t{display:none;}.hw-go{width:48px;padding:0;justify-content:center;}.hw-search{padding-left:16px;}}

.hw-flag{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#D9DAE0;}

/* --- "Miben segíthetünk?": problem picker + four living panels --- */
.hw-prob-ic{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:11px;background:rgba(35,209,96,.12);color:#5FDF8C;}

/* 1 · support: white screen → diagnosis log → the site is back */
.sp-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;}
.sp-br{display:flex;flex-direction:column;}
.sp-url{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11.5px;color:#A1A5AE;}
.sp-url > i{width:8px;height:8px;border-radius:50%;background:#2A2833;flex:none;}
.sp-url b{flex:1;min-width:0;height:24px;margin-left:4px;padding:0 10px;border-radius:7px;background:rgba(255,255,255,.05);font-weight:400;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sp-view{position:relative;flex:1;min-height:0;}
.sp-site{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px;padding:16px;}
.sp-hero{height:66px;flex:none;border-radius:9px;background:radial-gradient(ellipse 60% 90% at 85% 10%,rgba(209,250,223,.45),transparent 60%),linear-gradient(135deg,#0E6531,#23D160);}
.sp-lines{display:flex;flex-direction:column;gap:7px;}
.sp-lines i{height:6px;border-radius:3px;background:#2C2B35;}
.sp-cards{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.sp-cards i{border-radius:8px;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(35,209,96,.18),transparent 70%),#15141B;border:1px solid rgba(255,255,255,.07);}
.sp-white{position:absolute;inset:0;display:grid;place-items:center;background:#FAFAF9;color:#A8A29E;font-size:12px;opacity:0;animation:spWhite 10s ease infinite;}
@keyframes spWhite{0%,50%{opacity:1;}56%,94%{opacity:0;}99%,100%{opacity:1;}}
.sp-log{display:flex;flex-direction:column;justify-content:flex-start;padding:16px;}
.sp-log p{display:flex;gap:9px;height:34px;align-items:center;font-size:12px;color:#C9CBD1;white-space:nowrap;overflow:hidden;}
.sp-log p span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.sp-log p b{flex:none;width:14px;font-weight:600;text-align:center;}
.sp-lines-wrap{animation:spReveal 10s ease infinite;}
@keyframes spReveal{0%,4%{clip-path:inset(0 0 100% 0);}6%,13%{clip-path:inset(0 0 80% 0);}15%,24%{clip-path:inset(0 0 60% 0);}26%,35%{clip-path:inset(0 0 40% 0);}37%,46%{clip-path:inset(0 0 20% 0);}48%,94%{clip-path:inset(0 0 0 0);}99%,100%{clip-path:inset(0 0 100% 0);}}
.sp-err{color:#FCA5A5!important;} .sp-err b{color:#F87171;}
.sp-ok b{color:#5FDF8C;} .sp-dim b{color:#8A8F98;}
.sp-toast{position:absolute;left:16px;bottom:16px;animation:spToast 10s cubic-bezier(0.23,1,0.32,1) infinite;}
@keyframes spToast{0%,52%{opacity:0;transform:translateY(12px) scale(.97);}57%,90%{opacity:1;transform:none;}95%,100%{opacity:0;transform:translateY(-6px);}}

/* 2 · malware: the scan sweeps the files, two turn red, then clean */
.vr-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;}
.vr-files{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8px;}
.vr-files li{position:relative;z-index:1;display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:9px;font-size:12px;color:#C9CBD1;}
.vr-files li > .mono{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vr-files li > svg{flex:none;color:#6B6A78;}
.vr-scan{position:absolute;left:8px;right:8px;top:var(--vr-top,8px);height:38px;border-radius:9px;background:linear-gradient(90deg,rgba(35,209,96,0),rgba(35,209,96,.16),rgba(35,209,96,0));box-shadow:inset 0 0 0 1px rgba(35,209,96,.4);opacity:0;animation:vrScan 10s cubic-bezier(.65,0,.35,1) infinite;}
@keyframes vrScan{0%{opacity:0;transform:translateY(0);}4%{opacity:1;transform:translateY(0);}44%{opacity:1;transform:translateY(266px);}48%,100%{opacity:0;transform:translateY(266px);}}
.vr-st{display:inline-grid;flex:none;font-size:10.5px;font-weight:600;}
.vr-st > span{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:999px;white-space:nowrap;}
.vr-st .s-ok{background:rgba(35,209,96,.12);color:#6EE7A0;}
.vr-st .s-bad{background:rgba(248,113,113,.16);color:#FCA5A5;opacity:0;}
.vr-bad{animation:vrRow 10s ease infinite;}
.vr-bad.b1 .s-bad{animation:vrBad1 10s ease infinite;} .vr-bad.b1 .s-ok{animation:vrOk1 10s ease infinite;} .vr-bad.b1{animation-name:vrRow1;}
.vr-bad.b2 .s-bad{animation:vrBad2 10s ease infinite;} .vr-bad.b2 .s-ok{animation:vrOk2 10s ease infinite;} .vr-bad.b2{animation-name:vrRow2;}
@keyframes vrBad1{0%,15%{opacity:0;}17%,62%{opacity:1;}65%,100%{opacity:0;}}
@keyframes vrOk1{0%,15%{opacity:1;}17%,62%{opacity:0;}65%,100%{opacity:1;}}
@keyframes vrRow1{0%,15%{background:rgba(248,113,113,0);}17%,62%{background:rgba(248,113,113,.08);}65%,100%{background:rgba(248,113,113,0);}}
@keyframes vrBad2{0%,32%{opacity:0;}34%,66%{opacity:1;}69%,100%{opacity:0;}}
@keyframes vrOk2{0%,32%{opacity:1;}34%,66%{opacity:0;}69%,100%{opacity:1;}}
@keyframes vrRow2{0%,32%{background:rgba(248,113,113,0);}34%,66%{background:rgba(248,113,113,.08);}69%,100%{background:rgba(248,113,113,0);}}
.vr-side{display:flex;flex-direction:column;gap:12px;padding:16px;}
.vr-shield{position:relative;display:flex;align-items:center;gap:14px;}
.vr-shield-ic{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(35,209,96,.35),transparent 70%),#0F1511;border:1px solid rgba(35,209,96,.35);color:#5FDF8C;}
.vr-num{display:inline-grid;font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1;}
.vr-num > span{grid-area:1/1;}
.vr-num .n2{color:#F87171;opacity:0;animation:vrN2 10s ease infinite;}
.vr-num .n0{color:#F5F5F7;animation:vrN0 10s ease infinite;}
@keyframes vrN2{0%,32%{opacity:0;}34%,66%{opacity:1;}69%,100%{opacity:0;}}
@keyframes vrN0{0%,32%{opacity:1;}34%,66%{opacity:0;}69%,100%{opacity:1;}}
.vr-steps{display:grid;gap:8px;}
.vr-steps li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);font-size:12.5px;color:#E9E8EE;}
.vr-steps li:nth-child(1){animation:vrS1 10s ease infinite;}
.vr-steps li:nth-child(2){animation:vrS2 10s ease infinite;}
.vr-steps li:nth-child(3){animation:vrS3 10s ease infinite;}
@keyframes vrS1{0%,62%{opacity:.35;}66%,94%{opacity:1;}98%,100%{opacity:.35;}}
@keyframes vrS2{0%,70%{opacity:.35;}74%,94%{opacity:1;}98%,100%{opacity:.35;}}
@keyframes vrS3{0%,78%{opacity:.35;}82%,94%{opacity:1;}98%,100%{opacity:.35;}}
.vr-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding:7px 12px;border-radius:999px;background:#23D160;color:#04210F;font-size:12px;font-weight:700;box-shadow:0 12px 28px -10px rgba(35,209,96,.7);animation:vrBadge 10s cubic-bezier(0.23,1,0.32,1) infinite;}
@keyframes vrBadge{0%,84%{opacity:0;transform:scale(.85) translateY(6px);}88%,95%{opacity:1;transform:none;}99%,100%{opacity:0;}}

/* 3 · HelloPack: a ripple of updates across the tiles; many licences vs one subscription */
.hp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.hp-t{position:relative;display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:14px;background:#0A0A0F;border:1px solid rgba(255,255,255,.08);}
.hp-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:12.5px;font-weight:700;color:#04210F;}
.hp-n{font-size:12px;font-weight:500;line-height:1.3;color:#E9E8EE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hp-v{display:block;margin-top:2px;font-size:10.5px;font-weight:400;color:#8A8F98;}
.hp-b{position:absolute;right:9px;top:9px;display:inline-grid;}
.hp-b > i{grid-area:1/1;position:relative;width:18px;height:18px;border-radius:50%;}
.hp-b .w{background:rgba(251,191,36,.16);box-shadow:inset 0 0 0 1.5px #FBBF24;opacity:0;animation:hpW 8s ease var(--d,0s) infinite backwards;}
.hp-b .k{background:#23D160;animation:hpK 8s cubic-bezier(0.23,1,0.32,1) var(--d,0s) infinite backwards;}
.hp-b .k::after{content:"";position:absolute;left:5.5px;top:5px;width:6px;height:3.5px;border-left:1.8px solid #04210F;border-bottom:1.8px solid #04210F;transform:rotate(-45deg);}
@keyframes hpW{0%,12%{opacity:1;}16%,86%{opacity:0;}92%,100%{opacity:1;}}
@keyframes hpK{0%,12%{opacity:0;transform:scale(.5);}17%,86%{opacity:1;transform:none;}92%,100%{opacity:0;transform:scale(.5);}}
.hp-cmp{flex:1;display:grid;align-content:center;gap:12px;padding:16px;}
.hp-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px;font-size:12.5px;color:#A1A5AE;}
.hp-row b{font-weight:500;color:#E9E8EE;}
.hp-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;}
.hp-bar > i{display:block;height:100%;border-radius:inherit;transform-origin:0 50%;animation:hpBar 8s cubic-bezier(0.23,1,0.32,1) infinite;}
.hp-bar .many{width:100%;background:repeating-linear-gradient(90deg,#4A4955 0 13px,#2C2B35 13px 15px);}
.hp-bar .one{width:18%;background:linear-gradient(90deg,#0AA443,#5FDF8C);animation-delay:.25s;animation-fill-mode:backwards;}
@keyframes hpBar{0%,4%{transform:scaleX(0);}30%,90%{transform:scaleX(1);}97%,100%{transform:scaleX(0);}}
.hp-toast{position:absolute;right:16px;bottom:16px;animation:spToast 8s cubic-bezier(0.23,1,0.32,1) infinite;}

/* 4 · hosting & care: status rows, response bars, "we tell you first" */
.th-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
.th-list{display:flex;flex-direction:column;gap:8px;padding:14px;}
.th-row{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);font-size:12.5px;color:#E9E8EE;}
.th-row small{display:block;font-size:11px;color:#8A8F98;}
.th-row > span:nth-child(2){flex:1;min-width:0;}
.th-ico{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:rgba(35,209,96,.12);color:#5FDF8C;}
.th-chart{position:relative;display:flex;flex-direction:column;padding:14px 14px 92px;}
.th-bars{flex:1;display:flex;align-items:flex-end;gap:5px;min-height:96px;margin-top:12px;}
.th-bars span{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#5FDF8C,#0A8A3A);transform-origin:50% 100%;animation:thBar 10s cubic-bezier(0.23,1,0.32,1) calc(var(--i) * 60ms) infinite backwards;}
@keyframes thBar{0%,4%{transform:scaleY(.08);}30%,90%{transform:scaleY(1);}97%,100%{transform:scaleY(.08);}}
.th-alert{position:absolute;left:14px;right:14px;bottom:14px;animation:spToast 10s cubic-bezier(0.23,1,0.32,1) infinite;}
.th-alert .sv-toast{border-color:rgba(251,191,36,.35);}

@media (max-width:1180px) and (min-width:961px){.hp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}.hp-t:nth-child(n+7){display:none;}}
/* stacked (auto-height) panels: the inner boxes take their natural height */
@media (max-width:960px){.ch-panel{height:auto!important;min-height:0;}.sp-grid,.vr-grid,.th-grid,.hp-cmp{flex:none;}}
@media (max-width:640px){
 .sp-grid,.vr-grid,.th-grid{grid-template-columns:minmax(0,1fr);}
 .sp-view{min-height:220px;}
 .hp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
 .hp-t:nth-child(n+7){display:none;}
 .hp-row{grid-template-columns:minmax(0,1fr);gap:6px;}
 .th-chart{min-height:220px;}
}

/* --- "Tudtad?": heart balloons lift gifts above the clouds --- */
.gv{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(28px,5vw,72px);border-radius:32px;background:radial-gradient(ellipse 70% 90% at 100% 100%,rgba(244,63,94,.24),transparent 65%),radial-gradient(ellipse 60% 70% at 0% 0%,rgba(251,191,36,.14),transparent 60%),#140E11;border:1px solid rgba(251,113,133,.22);}
.gv-h{font-size:clamp(56px,7vw,104px);line-height:.95;letter-spacing:-.05em;font-weight:600;background:linear-gradient(180deg,#FFF7ED 10%,#FDA4AF 110%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.05em;}
.gv-p{margin-top:22px;max-width:520px;font-size:clamp(19px,1.8vw,24px);line-height:1.45;color:#F5E9EC;}
.gv-p2{margin-top:14px;max-width:480px;font-size:16px;line-height:1.6;color:#C4AEB5;}
.gv-link{margin-top:26px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:#FDF2F4;color:#4C0519;font-size:15px;font-weight:600;transition:transform 160ms cubic-bezier(0.23,1,0.32,1),box-shadow .25s ease;}
.gv-link:hover{color:#4C0519;box-shadow:0 0 0 4px rgba(253,164,175,.25);}
.gv-link:active{transform:scale(.97);}
.gv-link .arr{transition:transform .2s ease;} .gv-link:hover .arr{transform:translateX(3px);}
.gv-sky{position:relative;height:420px;}
.gv-b{position:absolute;left:var(--x);top:var(--y);width:var(--s,64px);animation:gvRise var(--t,14s) linear var(--dl,0s) infinite;}
.gv-b svg{display:block;width:100%;height:auto;overflow:visible;animation:gvSway 4.6s ease-in-out var(--dl,0s) infinite alternate;transform-origin:50% 8%;}
@keyframes gvRise{0%{transform:translateY(260px);opacity:0;}10%{opacity:1;}88%{opacity:1;}100%{transform:translateY(-300px);opacity:0;}}
@keyframes gvSway{from{transform:rotate(-5deg);}to{transform:rotate(5deg);}}
.gv-cloud{position:absolute;border-radius:999px;background:#FFF1F2;filter:blur(18px);opacity:.16;pointer-events:none;}
@media (max-width:900px){.gv{grid-template-columns:minmax(0,1fr);}.gv-sky{height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%);mask-image:linear-gradient(180deg,transparent,#000 24%);}}

/* --- translation: rolling languages + package cards with living previews --- */
.tr-roll{display:inline-block;height:1.15em;overflow:hidden;vertical-align:bottom;}
.tr-roll > span{display:flex;flex-direction:column;animation:trRoll 12s cubic-bezier(0.77,0,0.175,1) infinite;}
.tr-roll i{display:block;height:1.15em;line-height:1.15em;font-style:normal;white-space:nowrap;}
@keyframes trRoll{0%,15%{transform:translateY(0);}20%,35%{transform:translateY(-1.15em);}40%,55%{transform:translateY(-2.3em);}60%,75%{transform:translateY(-3.45em);}80%,95%{transform:translateY(-4.6em);}100%{transform:translateY(-5.75em);}}
.tr-demo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:26px;padding:10px 16px 10px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);font-size:15px;color:#D9DAE0;}
.tr-demo .hw-flag{width:30px;height:30px;}
.tr-demo b{font-weight:600;color:#F5F5F7;}
.tr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.tr-grid .pk-head{margin-top:20px;}
.tr-grid .pk-head h3{font-size:20px;}
.tr-grid .pk-for{margin-top:12px;font-size:14.5px;}
.tr-grid .pk-price{margin-top:auto;padding-top:22px;}
.tr-grid .pk-amt{font-size:clamp(30px,2.6vw,38px);}
.tr-grid .pk-cta{margin-top:0;padding-top:20px;}
.tr-swap{display:inline-grid;}
.tr-swap > span{grid-area:1/1;white-space:nowrap;}
.tr-swap .a{opacity:0;animation:trEn 8s ease infinite;}
.tr-swap .b{animation:trHu 8s ease infinite;}
@keyframes trEn{0%,38%{opacity:1;filter:blur(0);}46%,88%{opacity:0;filter:blur(4px);}96%,100%{opacity:1;filter:blur(0);}}
@keyframes trHu{0%,38%{opacity:0;filter:blur(4px);}46%,88%{opacity:1;filter:blur(0);}96%,100%{opacity:0;filter:blur(4px);}}
.pk-art{position:relative;height:150px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse 80% 80% at 50% 120%,rgba(35,209,96,.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;}
/* webshop: a product card */
.tr-prod{position:absolute;left:50%;top:22px;bottom:-1px;width:58%;display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:12px 12px 0 0;background:#0A0A0F;border:1px solid rgba(255,255,255,.12);border-bottom:0;transform:translateX(-50%);}
.tr-prod em{height:46px;flex:none;border-radius:8px;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(35,209,96,.32),transparent 70%),#1B1B22;}
.tr-prod p{font-size:11.5px;font-weight:600;color:#F5F5F7;}
.tr-prod small{font-size:10.5px;color:#A1A5AE;}
.tr-prod b{display:grid;place-items:center;height:24px;border-radius:7px;background:#23D160;color:#04210F;font-size:10.5px;font-weight:700;}
/* website: a page with a language switch */
.tr-page{position:absolute;left:14px;right:14px;top:40px;bottom:-1px;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px 10px 0 0;background:#0A0A0F;border:1px solid rgba(255,255,255,.12);border-bottom:0;}
.tr-page p{font-size:13px;font-weight:600;color:#F5F5F7;}
.tr-page i{height:5px;border-radius:3px;background:#2C2B35;}
.tr-sw{position:absolute;right:12px;top:10px;z-index:6;display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:#15141B;border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:700;color:#A1A5AE;}
.tr-sw span{position:relative;z-index:1;padding:3px 8px;text-align:center;}
.tr-sw i{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:999px;background:#23D160;animation:trSw 8s cubic-bezier(0.77,0,0.175,1) infinite;}
@keyframes trSw{0%,38%{transform:translateX(100%);}46%,88%{transform:translateX(0);}96%,100%{transform:translateX(100%);}}
/* plugin: a .po file */
.tr-po{position:absolute;inset:34px 12px 12px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 12px;border-radius:10px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);font-size:11px;line-height:1.5;color:#A1A5AE;}
.tr-po b{font-weight:500;color:#C9CBD1;}
.tr-po .k{color:#8A8F98;}
.tr-po .s{color:#A7F3C4;}
.tr-po-t{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:12ch;animation:trPo 8s 0.6s infinite;}
@keyframes trPo{0%{max-width:0;animation-timing-function:steps(9,end);}26%,90%{max-width:12ch;}100%{max-width:0;}}
/* theme: an admin menu */
.tr-menu{position:absolute;left:14px;top:34px;bottom:12px;width:62%;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:#0A0A0F;border:1px solid rgba(255,255,255,.1);font-size:11px;color:#C9CBD1;}
.tr-menu > span{display:flex;align-items:center;gap:8px;height:22px;padding:0 8px;border-radius:6px;}
.tr-menu > span::before{content:"";width:8px;height:8px;border-radius:2px;background:#4A4955;flex:none;}
.tr-menu > span.on{background:rgba(35,209,96,.14);color:#F5F5F7;}
.tr-menu > span.on::before{background:#23D160;}
.tr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.tr-chips span{display:inline-flex;align-items:center;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;}
@media (max-width:1180px){.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;}.tr-grid .pk-pop{margin-top:0;}}
@media (max-width:640px){.tr-grid{grid-template-columns:minmax(0,1fr);}}

/* --- reviews: the score + two rows of real reviews drifting in opposite directions --- */
.rv-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:32px 48px;}
.rv-score{display:flex;align-items:center;gap:22px;padding:20px 26px;border-radius:22px;background:radial-gradient(ellipse 80% 90% at 0% 0%,rgba(35,209,96,.14),transparent 70%),#0F0E15;border:1px solid rgba(35,209,96,.24);}
.rv-big{font-size:clamp(54px,5vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;}
.rv-big small{font-size:.38em;font-weight:500;letter-spacing:-.01em;color:#8A8F98;}
.rv-stars{display:inline-flex;gap:3px;color:#FBBF24;}
.rv-rows{display:grid;gap:16px;margin-top:56px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.rv-row{display:flex;width:max-content;animation:rvL 90s linear infinite;}
.rv-row.r2{animation:rvR 100s linear infinite;}
.rv-rows:hover .rv-row{animation-play-state:paused;}
@keyframes rvL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes rvR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.rv-card{flex:none;width:340px;margin-right:16px;display:flex;flex-direction:column;gap:16px;padding:20px 22px;border-radius:20px;background:#0F0E15;border:1px solid rgba(255,255,255,.08);transition:border-color .25s ease;}
.rv-card:hover{border-color:rgba(35,209,96,.35);}
.rv-card blockquote{flex:1;margin:0;font-size:15.5px;line-height:1.55;color:#E9E8EE;}
.rv-who{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:#F5F5F7;}
.rv-ava{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;font-size:12px;font-weight:700;color:#04210F;}
.rv-prod{margin-left:auto;max-width:150px;padding:4px 9px;border-radius:999px;background:rgba(35,209,96,.1);border:1px solid rgba(35,209,96,.25);font-size:11px;font-weight:500;color:#A7F3C4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:640px){.rv-card{width:290px;}.rv-score{width:100%;flex-direction:column;align-items:flex-start;gap:14px;}}

/* --- honour-box legal templates: lawyer price struck through, paper documents --- */
.hk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,96px);}
.hk-cmp{display:grid;gap:12px;margin-top:36px;max-width:480px;}
.hk-law{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);}
.hk-amt{position:relative;display:inline-block;font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.02em;color:#8A8F98;white-space:nowrap;}
.hk-amt::after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:3px;border-radius:2px;background:#F87171;transform-origin:0 50%;transform:scaleX(var(--hk-s,1));}
.hk-you{padding:20px;border-radius:18px;background:radial-gradient(ellipse 80% 100% at 0% 0%,rgba(35,209,96,.18),transparent 70%),#0F1511;border:1px solid rgba(35,209,96,.38);}
.hk-big{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.03em;line-height:1.1;color:#F5F5F7;}
.hk-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.hk-doc{position:relative;display:flex;flex-direction:column;gap:9px;min-height:224px;padding:20px 16px 16px;border-radius:12px;background:linear-gradient(180deg,#FAFAF7,#ECEBE5);color:#18171C;box-shadow:0 26px 44px -26px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.04);transform:rotate(var(--r,0deg));transition:transform .4s cubic-bezier(0.23,1,0.32,1),box-shadow .4s ease;}
.hk-doc::before{content:"";position:absolute;right:0;top:0;width:26px;height:26px;border-radius:0 12px 0 8px;background:linear-gradient(225deg,#050508 50%,#D6D4CC 50%);}
.hk-doc i{display:block;height:5px;border-radius:3px;background:#D6D4CC;}
.hk-doc .hk-seal{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#E7FBEE;color:#0A8A3A;}
.hk-doc h3{margin-top:4px;font-size:15px;line-height:1.3;font-weight:600;letter-spacing:-.01em;}
.hk-doc .hk-price{margin-top:auto;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px;border-radius:999px;background:#18171C;color:#A7F3C4;font-size:11px;font-weight:600;white-space:nowrap;}
.hk-doc .hk-price svg{animation:hkPen 2.4s ease-in-out infinite;transform-origin:20% 80%;}
@keyframes hkPen{0%,100%{transform:rotate(0);}25%{transform:rotate(-14deg);}50%{transform:rotate(6deg);}75%{transform:rotate(-8deg);}}
.hk-doc:hover{color:#18171C;}
@media (hover:hover) and (pointer:fine){.hk-doc:hover{transform:rotate(0deg) translateY(-8px);box-shadow:0 36px 60px -26px rgba(0,0,0,.95),0 0 0 2px rgba(35,209,96,.7);}}
@media (max-width:1060px){.hk{grid-template-columns:minmax(0,1fr);}}
@media (max-width:640px){.hk-docs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.hk-doc{min-height:200px;padding:18px 12px 12px;}.hk-doc .hk-price{white-space:normal;line-height:1.3;}}

/* --- partner programme + support: two closing cards on the horizon --- */
.du{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.du-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:clamp(22px,3vw,36px);border-radius:28px;background:#0F0E15;border:1px solid rgba(160,200,175,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.du-card h2{margin-top:26px;font-size:clamp(30px,3vw,42px);line-height:1.1;letter-spacing:-.025em;font-weight:600;}
.du-card p{margin-top:12px;max-width:440px;font-size:17px;line-height:1.5;color:#A1A5AE;}
.du-cta{margin-top:auto;padding-top:26px;}
.du-art{position:relative;height:210px;border-radius:18px;background:radial-gradient(ellipse 80% 80% at 50% 120%,rgba(35,209,96,.2),transparent 70%),#0A0A0F;border:1px solid rgba(255,255,255,.07);overflow:hidden;}
.du-months{position:absolute;left:18px;right:18px;bottom:16px;top:54px;display:flex;align-items:flex-end;gap:6px;}
.du-months span{flex:1;display:flex;flex-direction:column-reverse;gap:3px;}
.du-months i{display:block;height:9px;border-radius:3px;background:linear-gradient(180deg,#FDE68A,#F59E0B);box-shadow:0 1px 0 rgba(0,0,0,.4);animation:duCoin 12s cubic-bezier(0.23,1,0.32,1) calc(var(--m) * 0.5s) infinite backwards;}
@keyframes duCoin{0%{opacity:0;transform:translateY(-16px);}5%,90%{opacity:1;transform:none;}96%,100%{opacity:0;}}
.du-lbl{position:absolute;left:18px;top:16px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#C9CBD1;}
.du-plus{position:absolute;right:18px;top:14px;padding:5px 10px;border-radius:999px;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.35);font-size:11.5px;font-weight:600;color:#FDE68A;animation:duPlus 3s ease-in-out infinite;}
@keyframes duPlus{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.du-chat{position:absolute;left:16px;right:16px;top:52px;bottom:16px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end;}
.du-msg{max-width:78%;padding:10px 13px;border-radius:14px;font-size:12.5px;line-height:1.4;}
.du-msg.me{align-self:flex-end;border-bottom-right-radius:4px;background:#1B1B22;color:#E9E8EE;animation:duMsg 9s cubic-bezier(0.23,1,0.32,1) infinite;}
.du-msg.them{align-self:flex-start;border-bottom-left-radius:4px;background:#23D160;color:#04210F;font-weight:500;animation:duMsg2 9s cubic-bezier(0.23,1,0.32,1) infinite;}
.du-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:11px 13px;border-radius:14px;border-bottom-left-radius:4px;background:#15141B;opacity:0;animation:duTyping 9s ease infinite;}
.du-typing i{width:6px;height:6px;border-radius:50%;background:#8A8F98;animation:duDot 1s ease-in-out infinite;}
.du-typing i:nth-child(2){animation-delay:.15s;} .du-typing i:nth-child(3){animation-delay:.3s;}
@keyframes duMsg{0%,4%{opacity:0;transform:translateY(10px);}9%,92%{opacity:1;transform:none;}97%,100%{opacity:0;}}
@keyframes duTyping{0%,14%{opacity:0;}18%,40%{opacity:1;}44%,100%{opacity:0;height:0;padding:0;margin-top:-10px;}}
@keyframes duMsg2{0%,42%{opacity:0;transform:translateY(10px);}47%,92%{opacity:1;transform:none;}97%,100%{opacity:0;}}
@keyframes duDot{0%,100%{transform:translateY(0);opacity:.5;}50%{transform:translateY(-3px);opacity:1;}}
.du-discord{position:absolute;right:16px;top:14px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(88,101,242,.16);border:1px solid rgba(88,101,242,.4);font-size:11.5px;font-weight:600;color:#C7D2FE;}
@media (max-width:900px){.du{grid-template-columns:minmax(0,1fr);}}
@media (max-width:640px){.du-art{height:236px;}.du-msg{max-width:88%;}.du-typing{display:none;}}

@media (prefers-reduced-motion: reduce){
 .rv-rows{-webkit-mask-image:none;mask-image:none;overflow-x:auto;}
 .rv-row,.rv-row.r2{width:auto;transform:none!important;}
 .rv-dup{display:none;}
 .gv-b{transform:none!important;opacity:1!important;}
 .du-typing{display:none;}
 .sp-lines-wrap{clip-path:none!important;}
}
/* ===== SHOP: the home page of a store, not a landing page (base styles = the finished state) ===== */

/* --- header: utility bar, search + account (HelloConsole) + cart, category bar --- */
.sh{position:sticky;top:-34px;z-index:60;background:rgba(8,10,9,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);}
.sh-util{height:34px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12.5px;color:#8A8F98;}
.sh-util-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;}
.sh-usp{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;}
.sh-usp svg{flex:none;color:#5FDF8C;}
.sh-usp i{font-style:normal;color:#4A4955;}
.sh-util-links{display:flex;align-items:center;gap:18px;flex:none;}
.sh-util-links a{display:inline-flex;align-items:center;gap:6px;min-height:34px;color:#A1A5AE;transition:color .2s ease;}
.sh-util-links a:hover{color:#F5F5F7;}
.sh-main-in{display:flex;align-items:center;gap:20px;height:76px;}
.sh .hw-logo svg{height:32px;}
.sh-search{flex:1;display:flex;align-items:center;gap:10px;max-width:640px;height:48px;padding:0 5px 0 16px;border-radius:14px;background:#111014;border:1px solid rgba(255,255,255,.14);transition:border-color .2s ease,box-shadow .25s ease;}
.sh-search:focus-within{border-color:rgba(35,209,96,.65);box-shadow:0 0 0 4px var(--accent-tint);}
.sh-search > svg{flex:none;color:#8A8F98;}
.sh-search .hw-q{height:46px;}
.sh-search .hw-q input,.sh-search .hw-ph{font-size:15px;}
.sh-go{flex:none;height:38px;padding:0 16px;border:0;border-radius:10px;background:var(--accent-fill);color:var(--on-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s ease;}
.sh-go:hover{filter:brightness(1.06);}
.sh-actions{display:flex;align-items:center;gap:6px;margin-left:auto;}
.sh-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 12px 0 5px;border-radius:14px;color:#F5F5F7;cursor:pointer;list-style:none;transition:background-color .2s ease;}
.sh-btn::-webkit-details-marker{display:none;}
.sh-btn:hover,.sh-acc[open] > .sh-btn{background:rgba(255,255,255,.06);color:#FFFFFF;}
.sh-ic{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);}
.sh-ic i{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-style:normal;font-weight:700;line-height:18px;text-align:center;}
.sh-btn-t{display:flex;flex-direction:column;line-height:1.2;text-align:left;white-space:nowrap;}
.sh-btn-t small{font-size:11px;color:#8A8F98;}
.sh-btn-t b{font-size:14px;font-weight:600;}
.sh-ava{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:50%;background:linear-gradient(135deg,#0E6531,#23D160);color:#04210F;font-size:13px;font-weight:700;box-shadow:0 0 0 2px #050508,0 0 0 3.5px rgba(35,209,96,.6);}
.sh-acc{position:relative;}
.sh-acc .chev{color:#8A8F98;transition:transform .25s cubic-bezier(0.23,1,0.32,1);}
.sh-acc[open] .chev{transform:rotate(180deg);}
.sh-acc:not([open]) > :not(summary){display:none!important;}
.sh-pop{position:absolute;right:0;top:calc(100% + 10px);z-index:5;width:350px;padding:18px;border-radius:20px;background:#0E110F;border:1px solid rgba(160,200,175,.18);box-shadow:0 30px 80px -24px rgba(0,0,0,.92);animation:megaIn .28s cubic-bezier(0.23,1,0.32,1);}
.sh-pop-h{font-size:16px;font-weight:600;color:#F5F5F7;}
.sh-pop-s{margin-top:2px;font-size:13px;line-height:1.45;color:#8A8F98;}
.sh-passkey{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;margin-top:14px;border-radius:12px;background:#F5F5F7;color:#050508;font-size:14.5px;font-weight:600;transition:background-color .2s ease;}
.sh-passkey:hover{background:#FFFFFF;color:#050508;}
.sh-or{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:12px;color:#6B6A78;}
.sh-or::before,.sh-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1);}
.sh-login form{display:grid;gap:8px;}
.sh-lbl{margin-top:4px;font-size:13px;font-weight:500;color:#D9DAE0;}
.sh-login .field{min-height:44px;padding:10px 12px;font-size:15px;}
.sh-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;font-size:13px;color:#A1A5AE;}
.sh-row a{display:inline-flex;align-items:center;min-height:36px;color:var(--accent-light);}
.sh-chk{display:inline-flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;}
.sh-chk .check{width:18px;height:18px;margin:0;}
.sh-submit{height:46px;margin-top:4px;border:0;border-radius:12px;background:var(--accent-fill);color:var(--on-accent);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:filter .2s ease;}
.sh-submit:hover{filter:brightness(1.06);}
.sh-pop-f{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px;color:#A1A5AE;text-align:center;}
.sh-pop-f a{color:var(--accent-light);font-weight:600;}
/* signed in: the HelloConsole menu */
.sh-menu{width:310px;padding:10px;}
.sh-me{display:flex;align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;border-bottom:1px solid rgba(255,255,255,.08);}
.sh-me b{display:block;font-size:15px;font-weight:600;color:#F5F5F7;}
.sh-me small{display:block;font-size:12.5px;color:#8A8F98;}
.sh-menu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:12px;color:#E9E8EE;font-size:14.5px;transition:background-color .2s ease;}
.sh-menu a:hover{background:rgba(255,255,255,.05);color:#FFFFFF;}
.sh-menu a svg{flex:none;color:#8A8F98;}
.sh-menu .sh-console{margin-bottom:4px;background:rgba(35,209,96,.1);border:1px solid rgba(35,209,96,.3);color:#E7FBEE;font-weight:600;}
.sh-menu .sh-console svg{color:#5FDF8C;}
.sh-menu .sh-console span{margin-left:auto;font-size:11px;font-weight:600;color:#6EE7A0;}
.sh-menu .sh-out{margin-top:6px;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 12px 12px;color:#A1A5AE;}
/* category bar */
.sh-cats{border-top:1px solid rgba(255,255,255,.06);}
.sh-cats-in{position:relative;display:flex;align-items:center;gap:6px;height:50px;}
.nav-cat summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-right:4px;padding:0 14px 0 12px;border-radius:999px;background:rgba(35,209,96,.12);border:1px solid rgba(35,209,96,.35);color:#E7FBEE;font-size:13.5px;font-weight:600;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease;}
.nav-cat summary::-webkit-details-marker{display:none;}
.nav-cat summary:hover,.nav-cat[open] summary{background:rgba(35,209,96,.2);border-color:rgba(35,209,96,.55);}
.nav-cat .chev{transition:transform .25s cubic-bezier(0.23,1,0.32,1);}
.nav-cat[open] .chev{transform:rotate(180deg);}
.nav-cat:not([open]) > :not(summary){display:none!important;}
.sh-cat-links{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;}
.sh-cat-links::-webkit-scrollbar{display:none;}
.sh-cat-links a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 9px;border-radius:999px;font-size:13px;font-weight:500;color:#C9CBD1;white-space:nowrap;transition:background-color .2s ease,color .2s ease;}
.sh-cat-links a:hover{background:rgba(255,255,255,.06);color:#FFFFFF;}
.sh-cats-r{display:flex;gap:6px;margin-left:auto;flex:none;}
.sh-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;transition:filter .2s ease;}
.sh-pill:hover{filter:brightness(1.15);}
.sh-pill.hp{background:rgba(35,209,96,.1);border:1px solid rgba(35,209,96,.32);color:#A7F3C4;}
.sh-pill.hs{background:rgba(251,113,133,.1);border:1px solid rgba(251,113,133,.3);color:#FDA4AF;}
.mega{position:absolute;left:0;right:0;top:calc(100% + 2px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px;border-radius:0 0 24px 24px;background:#0E110F;border:1px solid rgba(160,200,175,.16);box-shadow:0 30px 80px -24px rgba(0,0,0,.92);animation:megaIn .28s cubic-bezier(0.23,1,0.32,1);}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.mega a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;color:#E9E8EE;transition:background-color .2s ease;}
.mega a:hover{background:rgba(255,255,255,.05);color:#FFFFFF;}
.mega b{display:block;font-size:14px;font-weight:600;}
.mega small{display:block;font-size:12px;font-weight:400;color:#8A8F98;}
.mega-ic,.cat-ic,.mob-ic{display:grid;place-items:center;flex:none;background:linear-gradient(135deg,var(--c1),var(--c2));color:#04210F;}
.mega-ic{width:38px;height:38px;border-radius:11px;}
.mega .mega-all{grid-column:1 / -1;justify-content:center;margin-top:4px;border:1px dashed rgba(255,255,255,.14);font-size:14px;font-weight:600;color:var(--accent-light);}
.mob-cat{gap:12px;}
.mob-ic{width:28px;height:28px;border-radius:8px;}
.sh .nav-menu summary{list-style:none;}
.m-cats{display:none;}

/* --- banners: a rotating main promo + two offers, the slogan above, a trust bar below --- */
.hs3{position:relative;overflow:hidden;padding:30px 0 48px;}
.hs3 .hb{opacity:.75;}
.hs3 .wrap{position:relative;z-index:3;}
.hs3-top{margin-bottom:18px;}
.hs3-top h1{font-size:clamp(26px,2.6vw,36px);line-height:1.15;letter-spacing:-.03em;font-weight:600;}
.hs3-top h1 .hw-sheen{animation:hwSheen 7s linear 1s infinite;}
.bn{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;}
.bn-main{position:relative;height:380px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse 60% 90% at 0% 100%,rgba(35,209,96,.16),transparent 60%),#151B18;border:1px solid rgba(255,255,255,.1);}
.bn-s{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;opacity:0;visibility:hidden;animation:bnCycle 18s cubic-bezier(0.77,0,0.175,1) infinite;}
.bn-s.s1{opacity:1;visibility:visible;animation-delay:0s;}
.bn-s.s2{animation-delay:-12s;}
.bn-s.s3{animation-delay:-6s;}
@keyframes bnCycle{
 0%,30%{opacity:1;visibility:visible;transform:none;}
 33.33%,96.66%{opacity:0;visibility:hidden;transform:translateX(-16px);}
 96.67%{opacity:0;visibility:hidden;transform:translateX(16px);}
 100%{opacity:1;visibility:visible;transform:none;}
}
.bn-main:hover .bn-s,.bn-main:hover .bn-dots i::after,.bn-main:focus-within .bn-s,.bn-main:focus-within .bn-dots i::after{animation-play-state:paused;}
.bn-txt{position:relative;z-index:2;padding:34px 0 52px 40px;}
.bn-txt h2{margin-top:10px;font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.03em;font-weight:600;}
.bn-txt h2 a:hover{color:var(--accent-light);}
.bn-d{margin-top:12px;max-width:400px;font-size:15.5px;line-height:1.5;color:#C3CCDD;}
.bn-buy{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px;}
.bn-buy .pc-price b{font-size:26px;}
.bn-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);font-size:15px;font-weight:600;white-space:nowrap;}
.bn-art{position:relative;align-self:stretch;}
.bn-art img{position:absolute;top:0;bottom:0;right:4px;width:auto;height:72%;max-width:none;aspect-ratio:5 / 4;margin:auto 0;}
.bn-new{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#23D160;color:#04210F;font-size:11.5px;font-weight:700;}
.bn-dots{position:absolute;left:40px;bottom:24px;z-index:3;display:flex;gap:8px;}
.bn-dots i{position:relative;width:28px;height:4px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.18);}
.bn-dots i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#F5F5F7;transform-origin:0 50%;transform:scaleX(0);animation:bnDot 18s linear infinite;}
.bn-dots i:nth-child(1)::after{transform:scaleX(1);animation-delay:0s;}
.bn-dots i:nth-child(2)::after{animation-delay:-12s;}
.bn-dots i:nth-child(3)::after{animation-delay:-6s;}
@keyframes bnDot{0%{transform:scaleX(0);opacity:1;}30%{transform:scaleX(1);opacity:1;}33.33%,100%{transform:scaleX(1);opacity:0;}}
.bn-side-col{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;}
.bn-side{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46%;align-items:center;overflow:hidden;border-radius:20px;background:#151B18;border:1px solid rgba(255,255,255,.1);transition:border-color .25s ease,transform .3s cubic-bezier(0.23,1,0.32,1);}
.bn-side > div{position:relative;z-index:2;padding:18px 0 18px 20px;}
.bn-side h3{margin-top:8px;font-size:15.5px;line-height:1.3;font-weight:600;color:#F5F5F7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.bn-side .pc-badge{position:static;display:inline-flex;}
.bn-side .pc-price{margin-top:8px;}
.bn-side img{display:block;width:118%;max-width:none;height:auto;margin-left:-9%;transition:transform .6s cubic-bezier(0.23,1,0.32,1);}
.bn-side:hover{color:inherit;border-color:rgba(255,255,255,.22);}
.bn-side:hover img{transform:scale(1.05);}
.tb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;}
.tb li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(15,14,21,.72);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;line-height:1.35;color:#A1A5AE;}
.tb b{display:block;font-size:14px;font-weight:600;color:#F5F5F7;}
.tb-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;background:rgba(35,209,96,.12);color:#5FDF8C;}

/* --- shop sections: compact headers, tighter rhythm --- */
.ss{padding-block:52px;}
.ss-line{border-top:1px solid rgba(255,255,255,.06);}
.shop-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 24px;}
.shop-h h2{font-size:clamp(24px,2.4vw,32px);line-height:1.15;letter-spacing:-.025em;font-weight:600;}
.shop-h p{margin-top:6px;max-width:640px;font-size:15px;line-height:1.5;color:#8A8F98;}
.shop-h .text-link{min-height:40px;font-size:14.5px;}

/* categories */
.cg-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px;}
.cat{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:128px;padding:16px;border-radius:18px;background:#0F0E15;border:1px solid rgba(255,255,255,.08);transition:border-color .25s ease,transform .3s cubic-bezier(0.23,1,0.32,1);}
.cat::after{content:"";position:absolute;right:-28%;bottom:-46%;z-index:-1;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,var(--c2),transparent 70%);opacity:.14;transition:opacity .35s ease,transform .5s cubic-bezier(0.23,1,0.32,1);}
.cat-ic{width:40px;height:40px;border-radius:12px;box-shadow:0 10px 24px -12px var(--c2);transition:transform .35s cubic-bezier(0.23,1,0.32,1);}
.cat b{margin-top:auto;padding-top:14px;font-size:15.5px;font-weight:600;color:#F5F5F7;}
.cat > span:last-child{min-height:2.8em;margin-top:2px;font-size:12.5px;line-height:1.4;color:#8A8F98;}
.cat .nav-new{position:absolute;right:12px;top:14px;}
.cat-all{justify-content:center;align-items:center;text-align:center;background:transparent;border-style:dashed;color:var(--accent-light);}
.cat-all b{margin-top:10px;padding-top:0;color:var(--accent-light);}
.cat-all > span:last-child{min-height:0;}
.cat:hover{color:inherit;}
@media (hover:hover) and (pointer:fine){
 .cat:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px);}
 .cat:hover::after{opacity:.32;transform:scale(1.2);}
 .cat:hover .cat-ic{transform:rotate(-6deg) scale(1.06);}
}

/* finder: the problem → the product that solves it */
.fd{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:stretch;gap:16px;margin-top:20px;}
.fd-list{display:grid;gap:10px;}
.fd-opt{position:relative;display:flex;align-items:center;gap:14px;padding:12px 44px 12px 12px;border-radius:16px;background:#0F0E15;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:border-color .25s ease,background-color .25s ease;}
.fd-opt .hw-prob-ic{margin:0;}
.fd-opt b{display:block;font-size:15px;line-height:1.3;font-weight:600;color:#F5F5F7;}
.fd-opt b + span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:#A1A5AE;}
.fd-opt::after{content:"";position:absolute;right:20px;top:50%;width:8px;height:8px;border-right:2px solid #4A4955;border-top:2px solid #4A4955;transform:translateY(-50%) rotate(45deg);transition:border-color .25s ease,transform .25s ease;}
.fd-opt:hover{border-color:rgba(255,255,255,.18);}
#fd-1:checked ~ .fd-list [for="fd-1"],#fd-2:checked ~ .fd-list [for="fd-2"],#fd-3:checked ~ .fd-list [for="fd-3"],#fd-4:checked ~ .fd-list [for="fd-4"]{border-color:rgba(35,209,96,.55);background:radial-gradient(ellipse 80% 140% at 0% 50%,rgba(35,209,96,.14),transparent 70%),#0F1511;}
#fd-1:checked ~ .fd-list [for="fd-1"]::after,#fd-2:checked ~ .fd-list [for="fd-2"]::after,#fd-3:checked ~ .fd-list [for="fd-3"]::after,#fd-4:checked ~ .fd-list [for="fd-4"]::after{border-color:#5FDF8C;transform:translate(3px,-50%) rotate(45deg);}
#fd-1:focus-visible ~ .fd-list [for="fd-1"],#fd-2:focus-visible ~ .fd-list [for="fd-2"],#fd-3:focus-visible ~ .fd-list [for="fd-3"],#fd-4:focus-visible ~ .fd-list [for="fd-4"]{outline:2px solid #5FDF8C;outline-offset:3px;}
.fd-p{display:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);height:100%;overflow:hidden;border-radius:20px;background:#0F0E15;border:1px solid rgba(160,200,175,.14);animation:fdIn .45s cubic-bezier(0.23,1,0.32,1);}
#fd-1:checked ~ .fd-panels .fd-p1,#fd-2:checked ~ .fd-panels .fd-p2,#fd-3:checked ~ .fd-panels .fd-p3,#fd-4:checked ~ .fd-panels .fd-p4{display:grid;}
@keyframes fdIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.fd-panels{height:100%;}
.fd-img{position:relative;display:grid;place-items:center;min-height:260px;background:radial-gradient(ellipse 60% 55% at 50% 58%,rgba(255,255,255,.045),transparent 72%);}
.fd-img img{width:100%;max-width:440px;height:auto;}
.fd-img .pc-badge{z-index:2;}
.fd-info{display:flex;flex-direction:column;padding:22px 24px;}
.fd-info h3{margin-top:6px;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.02em;}
.fd-info h3 a:hover{color:var(--accent-light);}
.fd-desc{margin-top:8px;font-size:14.5px;line-height:1.5;color:#A1A5AE;}
.fd-ul{display:grid;gap:6px;margin-top:12px;font-size:14px;color:#C9CBD1;}
.fd-ul li{display:flex;align-items:baseline;gap:8px;}
.fd-buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);}
.fd-buy .pc-price b{font-size:24px;}
.fd-btn{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent);font-size:14.5px;font-weight:600;white-space:nowrap;}

/* product cards + tabs */
.seg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);}
.seg label{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:500;color:#A1A5AE;cursor:pointer;transition:color .2s ease,background-color .25s ease;}
.seg label:hover{color:#F5F5F7;}
.seg-n{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#F43F5E;color:#FFFFFF;font-size:11px;font-weight:700;}
#pg-1:checked ~ .shop-h [for="pg-1"],#pg-2:checked ~ .shop-h [for="pg-2"],#pg-3:checked ~ .shop-h [for="pg-3"]{background:#F5F5F7;color:#050508;}
#pg-1:focus-visible ~ .shop-h [for="pg-1"],#pg-2:focus-visible ~ .shop-h [for="pg-2"],#pg-3:focus-visible ~ .shop-h [for="pg-3"]{outline:2px solid #5FDF8C;outline-offset:2px;}
.pg-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;}
.pgx .pg-g{display:none;}
#pg-1:checked ~ .pg-g1,#pg-2:checked ~ .pg-g2,#pg-3:checked ~ .pg-g3{display:grid;animation:fdIn .45s cubic-bezier(0.23,1,0.32,1);}
.pc{position:relative;display:flex;flex-direction:column;height:100%;border-radius:20px;background:#0F0E15;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .25s ease,transform .35s cubic-bezier(0.23,1,0.32,1),box-shadow .35s ease;}
.pc-art{position:relative;aspect-ratio:5 / 4;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 58%,rgba(255,255,255,.045),transparent 72%);border-bottom:1px solid rgba(255,255,255,.06);}
.pc-art img{display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(0.23,1,0.32,1);}
.pc-badge{position:absolute;left:12px;top:12px;z-index:2;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em;}
.pc-badge.sale{background:#F43F5E;color:#FFFFFF;}
.pc-badge.hot{background:#23D160;color:#04210F;}
.pc-badge.new{background:#F5F5F7;color:#050508;}
.pc-body{display:flex;flex-direction:column;flex:1;gap:7px;padding:16px;}
.pc-cat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8A8F98;}
.pc-t{font-size:15.5px;line-height:1.35;font-weight:600;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.pc-t a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;}
.pc-t a:focus-visible{outline:none;}
.pc-t a:focus-visible::after{outline:2px solid #5FDF8C;outline-offset:-2px;}
.pc-rate{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#A1A5AE;}
.pc-rate svg{color:#FBBF24;}
.pc-rate b{font-weight:600;color:#E9E8EE;}
.pc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:10px;}
.pc-price{display:flex;flex-direction:column;line-height:1.2;}
.pc-price small{font-size:11.5px;color:#8A8F98;}
.pc-price s{font-size:12.5px;color:#8A8F98;}
.pc-price b{font-size:19px;font-weight:700;letter-spacing:-.02em;color:#F5F5F7;white-space:nowrap;}
.pc-price b i{margin-left:4px;font-size:12.5px;font-style:normal;font-weight:500;letter-spacing:0;color:#A1A5AE;}
.pc-price.is-sale b{color:#FB7185;}
.pc-add{position:relative;z-index:2;display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--accent-fill);color:var(--on-accent);transition:transform 160ms cubic-bezier(0.23,1,0.32,1),filter .2s ease,box-shadow .25s ease;}
.pc-add:hover{color:var(--on-accent);filter:brightness(1.06);box-shadow:0 0 0 4px var(--accent-tint);}
.pc-add:active{transform:scale(.94);}
.pc-more{position:relative;z-index:2;display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#E9E8EE;font-size:13px;font-weight:600;white-space:nowrap;transition:border-color .2s ease,background-color .2s ease;}
.pc-more:hover{border-color:rgba(35,209,96,.5);background:rgba(35,209,96,.08);color:#FFFFFF;}
@media (hover:hover) and (pointer:fine){
 .pc:hover{border-color:rgba(255,255,255,.2);transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);}
 .pc:hover .pc-art img{transform:scale(1.04);}
}
/* translation: a rolling-language strip in the header, a long card for the ongoing service */
.tr-demo{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);font-size:14.5px;color:#D9DAE0;}
.tr-demo b{font-weight:600;color:#F5F5F7;}
.tr-long{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:16px;padding:12px 20px 12px 12px;border-radius:20px;background:#0F0E15;border:1px solid rgba(255,255,255,.08);}
.tr-long img{width:120px;height:96px;}
.tr-long h3{font-size:17px;font-weight:600;}
.tr-long p{margin-top:4px;font-size:14px;line-height:1.5;color:#A1A5AE;}
.tr-long .tr-chips{margin-top:10px;}
.tr-long .pc-price{align-items:flex-end;text-align:right;}

/* honour box: real average purchase on each paper */
.hk-avg{font-size:11.5px;line-height:1.35;color:#57534E;}
.hk-avg b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;color:#18171C;}
.hk-cnt{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#78716C;}
.hk-cnt svg{color:#F59E0B;}
.ss .hk{margin-top:4px;}

/* compact closers */
.gv-sm{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);padding:28px 36px;border-radius:24px;}
.gv-sm .gv-h{font-size:clamp(40px,4vw,56px);}
.gv-sm .gv-p{margin-top:10px;font-size:18px;}
.gv-sm .gv-p2{margin-top:8px;font-size:14.5px;}
.gv-sm .gv-link{margin-top:16px;min-height:44px;}
.gv-sm .gv-sky{height:230px;}
.du-card{padding:22px;}
.du-card .du-art{height:150px;}
.du-card h2{margin-top:18px;font-size:clamp(22px,2vw,28px);}
.du-card p{font-size:15.5px;}
.du-card .du-cta{padding-top:18px;}
.ft-pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:28px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);font-size:13.5px;color:#A1A5AE;}
.ft-pay svg{color:#5FDF8C;}
.ft-pay b{font-weight:600;color:#E9E8EE;}
.hw-ftword{font-size:14vw;opacity:.8;}

@media (max-width:1500px){.sh-pill.hs{display:none;}}
@media (max-width:1180px){
 .cg-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
 .pg-g{grid-template-columns:repeat(3,minmax(0,1fr));}
 .sh-cats-r{display:none;}
 .sh-usp .u3{display:none;}
}
@media (max-width:1060px){
 .bn{grid-template-columns:minmax(0,1fr);}
 .bn-side-col{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));}
 .bn-side{min-height:170px;}
 .tb{grid-template-columns:repeat(2,minmax(0,1fr));}
 .fd{grid-template-columns:minmax(0,1fr);}
 .fd-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
 .sh{top:0;}
 .sh-util{display:none;}
 .sh-main-in{flex-wrap:wrap;height:auto;gap:10px;padding-block:10px;}
 .sh-search{order:3;flex-basis:100%;max-width:none;height:46px;}
 .sh-btn-t,.sh-acc .chev{display:none;}
 .sh-btn{padding:0 3px;}
 .sh-cats{display:none;}
 .m-cats{display:block;margin:0 -20px 14px;padding:0 20px;}
 .m-cats .sh-cat-links a{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
 .sh-pop{position:fixed;left:12px;right:12px;top:66px;width:auto;}
 .cg-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 .pg-g{grid-template-columns:repeat(2,minmax(0,1fr));}
 .gv-sm{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
 .hs3{padding-top:20px;}
 .bn-main{height:440px;}
 .bn-s{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);}
 .bn-txt{padding:24px 22px 0;}
 .bn-d{font-size:14.5px;}
 .bn-art img{left:0;right:0;height:96%;margin:auto;}
 .bn-dots{left:22px;bottom:18px;}
 .bn-side-col{grid-template-columns:minmax(0,1fr);}
 .tb{grid-template-columns:minmax(0,1fr);gap:8px;}
 .cg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .cat{min-height:124px;padding:14px;}
 .fd-list{grid-template-columns:minmax(0,1fr);}
 .fd-p{grid-template-columns:minmax(0,1fr);}
 .fd-img{min-height:0;}
 .fd-img img{width:88%;}
 .seg{width:100%;}
 .seg label{flex:1;justify-content:center;padding:0 10px;}
 .pg-g{gap:10px;}
 .pc{border-radius:16px;}
 .pc-badge{left:8px;top:8px;padding:3px 8px;font-size:10.5px;}
 .pc-body{gap:5px;padding:12px;}
 .pc-cat{font-size:10px;}
 .pc-t{font-size:13.5px;}
 .pc-rate{font-size:11.5px;}
 .pc-foot{flex-wrap:wrap;gap:8px;}
 .pc-price b{font-size:16px;}
 .pc-price b i{font-size:11px;}
 .pc-add{width:38px;height:38px;border-radius:12px;}
 .pc-more{height:36px;padding:0 12px;font-size:12.5px;}
 .tr-long{grid-template-columns:88px minmax(0,1fr);}
 .tr-long img{width:100px;height:80px;}
 .tr-long > :last-child{grid-column:1 / -1;}
 .gv-sm{padding:24px 20px;}
}

/* ===== QUIET MARKS: a few thin technical-drawing shapes in the side margins — no colour, no motion, one layer
   for the whole page (so nothing is cut at a section edge); content always sits above them ===== */
.marks-host{position:relative;}
.marks{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.marks svg{position:absolute;overflow:visible;color:rgba(255,255,255,.075);}
.marks svg.acc{color:rgba(35,209,96,.28);}
.marks-host > section{position:relative;z-index:1;}
@media (max-width:1359px){.marks{display:none;}}

/* ===== 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:#16A34A;animation:aur1 19s ease-in-out infinite alternate;}
.hb-aur .a2{right:-4%;top:-6%;width:42vw;height:34vw;background:#EAB308;opacity:.24;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:#0EA5E9;opacity:.3;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(95,223,140,.32) 48%,rgba(190,242,100,.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(230,252,238,.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(214,250,228,.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(160,200,175,.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(35,209,96,.2);color:#A7F3C4;}
.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;}
}

/* preview: signed-out header by default, ?belepve shows the HelloConsole menu */
html:not(.belepve) [data-auth="in"], html.belepve [data-auth="out"]{display:none!important;}