/* Layout: sticky bar → hero (text + two-concept visual) → steps → demo → prices → why → FAQ → contact band → requisites footer */
:root{
  --bg:#F4F3F1; --surface:#FFFFFF; --tint:#F3ECE0; --line:#DCD8D1;
  --fg:#1C1B1A; --muted:#5F5B55;
  --forest:#26272B; --forest-deep:#18191C; --leaf:#B5741C; --sage:#8A5512;
  --on-forest:#FFFFFF; --chip:#F2E6D2; --chip-fg:#8A5512; --shadow:0 18px 40px -18px rgba(24,25,28,.35);
  --f-display:"Unbounded","Onest",system-ui,sans-serif;
  --f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --r:14px;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#141414; --surface:#1C1C1D; --tint:#26221C; --line:#33302C; --fg:#EEEBE6; --muted:#ADA79E;
  --forest:#3A3B40; --forest-deep:#26272B; --leaf:#E0A04A; --sage:#F0C27E; --chip:#2E261B; --chip-fg:#F0C27E;
  --shadow:0 18px 40px -18px rgba(0,0,0,.6); color-scheme:dark}}
:root{
  --bg:#141414; --surface:#1C1C1D; --tint:#26221C; --line:#33302C; --fg:#EEEBE6; --muted:#ADA79E;
  --forest:#3A3B40; --forest-deep:#26272B; --leaf:#E0A04A; --sage:#F0C27E; --chip:#2E261B; --chip-fg:#F0C27E;
  --shadow:0 18px 40px -18px rgba(0,0,0,.6); color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55;margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-inline:20px}
a{color:inherit}
:focus-visible{outline:2px solid var(--leaf);outline-offset:3px;border-radius:6px}
.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}

.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;margin-right:auto}
.brand__mark{width:30px;height:30px;border-radius:8px;background:var(--forest);display:grid;place-items:center;color:var(--on-forest);font-family:var(--f-display);font-size:13px}
.nav{display:flex;gap:18px;font-size:15px}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--fg)}
.langs{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.langs button{border:0;background:transparent;color:var(--muted);font:500 12px var(--f-mono);padding:6px 9px;border-radius:999px;cursor:pointer}
.langs button[aria-pressed="true"]{background:var(--forest);color:var(--on-forest)}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--forest);color:var(--on-forest);text-decoration:none;font-weight:600;padding:12px 18px;border-radius:999px;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--forest-deep)}
.btn--ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn--ghost:hover{background:var(--tint)}
.bar .btn{padding:9px 14px}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:64px 56px}
.eyebrow{color:var(--leaf);margin:0 0 16px}
h1{font-family:var(--f-display);font-weight:600;font-size:clamp(32px,5vw,58px);line-height:1.04;letter-spacing:-.025em;margin:0;text-wrap:balance}
h1 em{font-style:normal;color:var(--leaf)}
.lead{font-size:clamp(17px,1.8vw,19px);color:var(--muted);max-width:52ch;margin:20px 0 28px}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding:0;list-style:none}
.facts li{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--chip);color:var(--chip-fg);font-weight:500}

/* two concepts visual */
.duo{position:relative;min-height:400px}
.win{position:absolute;width:78%;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.win--a{left:0;top:0;transform:rotate(-2.5deg)}
.win--b{right:0;bottom:0;transform:rotate(2deg)}
.win__top{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--tint)}
.win__top i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.win__tag{margin-left:auto;font:500 11px var(--f-mono);letter-spacing:.08em;color:var(--leaf)}
.win__body{padding:18px;display:grid;gap:10px}
.sk{height:10px;border-radius:5px;background:var(--line)}
.sk--h{height:22px;width:70%;background:var(--fg);opacity:.85}
.sk--w60{width:60%}.sk--w80{width:80%}.sk--w40{width:40%}
.sk--btn{height:28px;width:120px;border-radius:999px;background:var(--forest)}
.win--b .sk--h{background:var(--leaf);opacity:1}
.win--b .sk--btn{background:transparent;border:2px solid var(--fg)}
.sk-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.sk-row span{height:54px;border-radius:8px;background:var(--tint);border:1px solid var(--line)}
.win--b .sk-row{grid-template-columns:1.4fr 1fr}
.win__langs{display:flex;gap:4px}
.win__langs b{font:500 10px var(--f-mono);padding:3px 6px;border-radius:5px;background:var(--chip);color:var(--chip-fg)}
.pick{position:absolute;left:4%;bottom:6%;background:var(--forest);color:var(--on-forest);font-weight:600;font-size:14px;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}

/* sections */
section{padding-block:56px;scroll-margin-top:70px}
.sec-head{display:grid;gap:10px;margin-bottom:28px;max-width:62ch}
h2{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,3.2vw,34px);letter-spacing:-.015em;margin:0;text-wrap:balance}
.sec-head p{margin:0;color:var(--muted)}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:6px;align-content:start}
.steps li::before{content:"0" counter(s);font:500 12px var(--f-mono);color:var(--leaf)}
.steps b{font-size:17px}
.steps span{color:var(--muted);font-size:14.5px}

.demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,4vw,40px)}
.demo__shot{aspect-ratio:4/3;max-width:100%;border-radius:14px;background:#17130F;position:relative;overflow:hidden;display:grid;place-items:center}
.demo__shot::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(201,162,92,.12) 0 2px,transparent 2px 22px)}
.demo__logo{position:relative;font-family:var(--f-display);font-weight:700;font-size:clamp(28px,4vw,44px);color:#E9DCC4;letter-spacing:.02em;text-align:center;line-height:1.1}
.demo__logo small{display:block;font:500 11px var(--f-mono);letter-spacing:.3em;color:#C9A25C;margin-top:8px}
.badge{display:inline-block;font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--chip);color:var(--chip-fg)}
.demo h3{font-size:22px;margin:12px 0 8px}
.demo p{margin:0 0 18px;color:var(--muted)}

.prices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.price{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:8px;align-content:start}
.price--hi{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest)}
.price h3{margin:0;font-size:17px}
.price__v{font-family:var(--f-display);font-weight:600;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.price__v small{font-family:var(--f-body);font-size:14px;color:var(--muted);font-weight:500}
.price p{margin:0;color:var(--muted);font-size:14.5px}
.price__care{font-size:13.5px;color:var(--chip-fg);background:var(--chip);border-radius:8px;padding:6px 10px;justify-self:start}
.prices-more{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:14.5px}

.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.why div{background:var(--tint);border-radius:var(--r);padding:22px}
.why b{display:block;font-size:17px;margin-bottom:4px}
.why span{color:var(--muted);font-size:15px}

.faq{display:grid;gap:10px;max-width:820px}
details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--f-mono);color:var(--leaf)}
details[open] summary::after{content:"–"}
details p{margin:10px 0 0;color:var(--muted)}

.contact{background:var(--forest-deep);color:var(--on-forest);border-radius:20px;padding:clamp(24px,5vw,48px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}
.contact h2{color:var(--on-forest)}
.contact p{margin:10px 0 0;opacity:.85;max-width:46ch}
.c-list{display:grid;gap:10px}
.c-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px}
.c-item span{display:block;opacity:.75;margin-bottom:2px}
.c-item b{font-weight:600;user-select:all;overflow-wrap:anywhere}
.c-btn{background:#FFFFFF;color:#143D22;text-decoration:none;border:0;border-radius:999px;padding:8px 14px;font:600 14px var(--f-body);cursor:pointer}
.c-btn:hover{background:#E8F3EC}

footer{padding-block:32px 44px;color:var(--muted);font-size:13.5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);margin-top:56px}
footer b{color:var(--fg);display:block;margin-bottom:4px}
.blank{border-bottom:1px dashed var(--muted);padding-inline:2px}

@media (max-width:980px){
  .nav{display:none}
  .hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:44px 32px}
  .duo{min-height:340px}
  .steps,.prices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo,.contact{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  .steps,.prices,.why,footer{grid-template-columns:minmax(0,1fr)}
  .duo{min-height:300px}
  .win{width:88%}
  .pick{top:auto;bottom:-6px;right:4%}
  .bar .btn span{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ===== prices page ===== */
.p-hero{padding-block:56px 24px;display:grid;gap:14px;max-width:760px}
.tabs{position:sticky;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:4;background:var(--bg);padding-block:10px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.tabs a{text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 14px;border-radius:999px;color:var(--muted);border:1px solid var(--line);background:var(--surface)}
.tabs a:hover{color:var(--fg);border-color:var(--fg)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.tiers--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tier{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.tier--hi{background:var(--forest-deep);color:var(--on-forest);border-color:var(--forest-deep)}
.tier--hi .t-desc,.tier--hi .t-care,.tier--hi .t-feat li{color:rgba(255,255,255,.78)}
.tier--hi .t-feat li::before{border-color:var(--leaf)}
.t-badge{position:absolute;top:-12px;left:22px;background:var(--leaf);color:#FFFFFF;font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.t-name{margin:0;font-size:19px;font-weight:700}
.t-desc{margin:0;color:var(--muted);font-size:14.5px;min-height:2.9em}
.t-price{font-family:var(--f-display);font-weight:600;font-size:42px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.t-price small{font-family:var(--f-body);font-size:15px;font-weight:500;opacity:.7;letter-spacing:0}
.t-care{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:8px}
.tier--hi .t-care{border-color:rgba(255,255,255,.18)}
.t-care b{color:inherit;font-weight:700}
.tier .btn{justify-content:center}
.tier--hi .btn{background:var(--leaf);color:#FFFFFF}
.tier--hi .btn:hover{filter:brightness(1.08)}
.t-feat{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px;font-size:14.5px}
.t-feat li{position:relative;padding-left:24px}
.t-feat li::before{content:"";position:absolute;left:3px;top:.45em;width:10px;height:6px;border-left:2px solid var(--leaf);border-bottom:2px solid var(--leaf);transform:rotate(-45deg)}
.t-term{font:500 12px var(--f-mono);color:inherit;opacity:.75}
.cmp-wrap{overflow-x:auto;margin-top:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.cmp caption{text-align:left;font-weight:700;font-size:16px;padding:16px 18px 6px}
.cmp th,.cmp td{padding:12px 18px;border-top:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--fg);width:40%}
.cmp thead th{font-weight:700;border-top:0;font-size:14px}
.cmp td{color:var(--muted);font-variant-numeric:tabular-nums}
.cmp .yes{color:var(--leaf);font-weight:700;font-size:16px}
.cmp .no{opacity:.4}
.cmp .hi{background:var(--tint)}
.care-box{margin-top:20px;background:var(--tint);border-radius:16px;padding:20px 22px;display:grid;gap:6px}
.care-box b{font-size:16px}
.care-box p{margin:0;color:var(--muted);font-size:14.5px}
.xgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.x{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:8px;align-content:start}
.x h3{margin:0;font-size:17px}
.x .x-price{font-family:var(--f-display);font-weight:600;font-size:28px;line-height:1.1}
.x .x-price small{font-family:var(--f-body);font-size:14px;color:var(--muted);font-weight:500}
.x p{margin:0;color:var(--muted);font-size:14.5px}
.x .t-term{color:var(--leaf);opacity:1}
.note-s{margin-top:16px;color:var(--muted);font-size:14px}
@media (max-width:980px){.tiers,.tiers--4{grid-template-columns:repeat(2,minmax(0,1fr))}.xgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tiers,.tiers--4,.xgrid{grid-template-columns:minmax(0,1fr)}.tabs{top:calc(env(safe-area-inset-top,0px) + 56px)}.t-desc{min-height:0}}

/* accent CTA */
:root{--cta-bg:#9C5B0E;--cta-bg-hover:#844C0A;--cta-fg:#FFFFFF}
@media (prefers-color-scheme: dark){:root{--cta-bg:#E0A04A;--cta-bg-hover:#EDB467;--cta-fg:#141414}}
:root{--cta-bg:#E0A04A;--cta-bg-hover:#EDB467;--cta-fg:#141414}
.p-hero{gap:16px}
.p-hero .lead{margin:0}
.p-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:6px}
.btn--accent{background:var(--cta-bg);color:var(--cta-fg);padding:15px 24px;font-size:16px;box-shadow:0 10px 24px -12px rgba(156,91,14,.7)}
.btn--accent:hover{background:var(--cta-bg-hover)}
.btn--accent svg{transition:transform .2s ease}
.btn--accent:hover svg{transform:translateX(3px)}
.p-cta__note{font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.btn--accent svg{transition:none}}

/* overview tiles (replace tabs) */
.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px}
.ov{position:relative;display:grid;gap:6px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px 20px;transition:border-color .2s ease,transform .2s ease}
.ov:hover{border-color:var(--fg);transform:translateY(-2px)}
.ov__name{font-size:15px;font-weight:600;color:var(--muted);padding-right:24px}
.ov__price{font-family:var(--f-display);font-weight:600;font-size:clamp(24px,2.6vw,30px);line-height:1.05;font-variant-numeric:tabular-nums}
.ov__price small{font-family:var(--f-body);font-size:14px;font-weight:500;color:var(--muted)}
.ov__arr{position:absolute;top:18px;right:18px;color:var(--leaf)}
@media (max-width:820px){.overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.ov{transition:none}.ov:hover{transform:none}}

/* optional maintenance block */
.care2{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px 40px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px}
.care2__intro{display:grid;gap:10px;align-content:start}
.care2__intro h3{margin:0;font-family:var(--f-display);font-weight:600;font-size:24px}
.care2__intro p{margin:0;color:var(--muted);font-size:15px}
.care2__badge{justify-self:start;font:500 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--chip);color:var(--chip-fg)}
.care2__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.care2__list li{display:flex;gap:10px;align-items:flex-start;background:var(--tint);border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.4}
.care2__list svg{flex:none;color:var(--leaf);margin-top:1px}
.care2__foot{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.t-care .opt{font-style:normal;font-size:12px;opacity:.75}
.sub{margin-top:56px;padding-top:40px;border-top:1px dashed var(--line)}
.sub__head{display:grid;gap:10px;margin-bottom:28px;max-width:62ch}
.sub__head .eyebrow{margin:0}
.sub__h{margin:0;font-family:var(--f-display);font-weight:600;font-size:clamp(22px,2.6vw,28px)}
.sub__head p{margin:0;color:var(--muted)}
@media (max-width:820px){.care2{grid-template-columns:minmax(0,1fr);padding:22px}.care2__list{grid-template-columns:minmax(0,1fr)}}

/* ownership & contract terms inside maintenance block */
.terms{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:18px;border-top:1px solid var(--line)}
.term{display:grid;gap:4px;align-content:start;padding:14px;border-radius:12px;border:1px solid var(--line)}
.term b{font-size:15px}
.term span{font-size:13.5px;color:var(--muted);line-height:1.45}
.term:last-child{background:var(--chip);border-color:transparent}
.term:last-child b{color:var(--chip-fg)}
.sec-head p,.lead,.t-desc{text-wrap:pretty}
@media (max-width:980px){.terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.terms{grid-template-columns:minmax(0,1fr)}}

/* month / year toggle */
.sec-head--row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;max-width:none}
.sec-head--row > div:first-child{display:grid;gap:10px;max-width:62ch}
.period{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.period__l{font-size:14px;color:var(--muted)}
.period__seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.period__seg button{border:0;background:transparent;color:var(--muted);font:600 14px var(--f-body);padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.period__seg button[aria-pressed="true"]{background:var(--forest);color:var(--on-forest)}
.period__save{font:500 11px var(--f-mono);padding:3px 7px;border-radius:999px;background:var(--chip);color:var(--chip-fg)}
.period__seg button[aria-pressed="true"] .period__save{background:var(--leaf);color:#FFFFFF}
.t-care .free{font-style:normal;font-size:12px;color:var(--leaf);font-weight:600}
.tier--hi .t-care .free{color:var(--leaf)}
.t-care b{text-align:right}
.old{font-weight:400;font-size:12px;opacity:.6;display:block}
.cmp .old{display:inline}

/* prominent centered period toggle */
.period{flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:4px 0 32px;text-align:center}
.period__l{font:500 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.period__seg{padding:6px;box-shadow:0 10px 28px -16px rgba(24,25,28,.45)}
.period__seg button{font-size:17px;padding:13px 30px}
.period__save{font-size:12px;padding:4px 8px}
.period__hint{font-size:14px;color:var(--muted)}
@media (max-width:520px){.period__seg button{font-size:15px;padding:11px 18px}}

/* maintenance switch inside cards */
.t-care2{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:8px}
.tier--hi .t-care2{border-color:rgba(255,255,255,.18)}
.t-care2__top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.tier--hi .t-care2__top{color:rgba(255,255,255,.78)}
.mini-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--bg)}
.tier--hi .mini-seg{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.mini-seg button{border:0;background:transparent;color:inherit;font:600 13px var(--f-body);padding:6px 11px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.mini-seg button[aria-pressed="true"]{background:var(--forest);color:var(--on-forest)}
.tier--hi .mini-seg button[aria-pressed="true"]{background:#FFFFFF;color:#18191C}
.mini-save{font:500 10px var(--f-mono);padding:2px 6px;border-radius:999px;background:var(--leaf);color:#FFFFFF}
.t-care2__price{display:flex;align-items:baseline;gap:8px}
.t-care2__price b{font-family:var(--f-display);font-weight:600;font-size:22px;font-variant-numeric:tabular-nums}
.t-care2__price .old{display:inline;font-size:13px}
.t-care2 .free{font-style:normal;font-size:12.5px;font-weight:600;color:var(--leaf)}

/* hero with compact price index */
.p-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end;padding-block:56px 8px}
.p-top .p-hero{padding:0}
.idx{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 20px;display:grid}
.idx__t{margin:0 0 6px;color:var(--leaf)}
.idx__row{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding-block:12px;border-top:1px solid var(--line);text-decoration:none;font-weight:600;font-size:15px}
.idx__row:first-of-type{border-top:0}
.idx__p{font-family:var(--f-display);font-weight:600;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.idx__p small{font-family:var(--f-body);font-size:12.5px;font-weight:500;color:var(--muted)}
.idx__row svg{color:var(--leaf);transition:transform .2s ease}
.idx__row:hover svg{transform:translateY(2px)}
.idx__row:hover span:first-child{color:var(--leaf)}
/* "optional" chip */
.t-care2__top .opt{font-style:normal;font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--chip);color:var(--chip-fg);margin-left:4px;opacity:1}
.tier--hi .t-care2__top .opt{background:rgba(255,255,255,.14);color:#FFFFFF}
@media (max-width:900px){.p-top{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:40px 0}}
@media (prefers-reduced-motion:reduce){.idx__row svg{transition:none}}


.tier--hi .btn{background:var(--cta-bg);color:var(--cta-fg)}
.tier--hi .btn:hover{background:var(--cta-bg-hover);filter:none}

/* highlighted card: gentle active state instead of bright white */
.tier--hi .mini-seg button[aria-pressed="true"]{background:rgba(255,255,255,.18);color:#FFFFFF}

/* popular badge: solid amber pill */
.t-badge{background:var(--cta-bg);color:var(--cta-fg);font-weight:700;font-size:11.5px;padding:6px 12px;letter-spacing:.08em}

/* maintenance row v5: calm switch, text discount, compact free month */
.t-care2{gap:10px}
.mini-save{background:none;padding:0;border-radius:0;font:700 12px var(--f-body);color:var(--leaf)}
.mini-seg button[aria-pressed="true"] .mini-save{color:#F3C98A}
.tier--hi .mini-save{color:#F3C98A}
.t-care2 .gift{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:500}
.t-care2 .gift svg{color:var(--leaf);flex:none}
.tier--hi .t-care2 .gift{color:rgba(255,255,255,.72)}
.tier--hi .t-care2 .gift svg{color:#F3C98A}

/* compact collapsible maintenance block */
.care-wrap{margin-top:16px}
.care3{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0}
.care3 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 20px}
.care3 summary::-webkit-details-marker{display:none}
.care3__t{display:grid;gap:2px;min-width:0}
.care3__t b{font-size:16px}
.care3__t span{font-size:14px;color:var(--muted)}
.care3__more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--leaf);white-space:nowrap}
.care3__more svg{transition:transform .2s ease}
.care3[open] .care3__more svg{transform:rotate(180deg)}
.care3 summary:hover .care3__t b{color:var(--leaf)}
.care3__body{display:grid;gap:16px;padding:4px 20px 20px;border-top:1px solid var(--line)}
.care3__sub{margin:12px 0 0;color:var(--muted);font-size:14.5px}
.care3 .care2__list{grid-template-columns:repeat(3,minmax(0,1fr))}
.care3 .care2__foot{padding-top:0;border-top:0}
.care3 .terms{padding-top:0;border-top:0}
@media (max-width:820px){.care3 summary{grid-template-columns:minmax(0,1fr) auto}.care3 .care2__badge{display:none}.care3 .care2__list{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.care3__more svg{transition:none}}

.care3 summary{font-weight:400;justify-content:initial}
.care3 summary::after{content:none!important;display:none}
.care3 .care3__t b{font-weight:700}

/* maintenance panel v4 */
.care4{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0}
.care4 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding:16px 20px;font-weight:400}
.care4 summary::-webkit-details-marker{display:none}
.care4 summary::after{content:none!important;display:none}
.care4__head{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.care4__head b{font-size:16px}
.care4__opt{font-size:13px;color:var(--muted);font-style:italic}
.care4__opt::before{content:"· "}
.care4__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.care4__chips li{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 10px;border-radius:999px;background:var(--tint);color:var(--fg)}
.care4__chips svg{color:var(--leaf)}
.care4__more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--leaf);white-space:nowrap}
.care4__more svg{transition:transform .2s ease}
.care4 .m-close{display:none}
.care4[open] .m-open{display:none}
.care4[open] .m-close{display:inline}
.care4[open] .care4__more svg{transform:rotate(180deg)}
.care4[open] .care4__chips{visibility:hidden;height:0;overflow:hidden}
.care4__body{border-top:1px solid var(--line);padding:20px;display:grid;gap:18px}
.care4__lead{margin:0;font-size:16px;line-height:1.55;max-width:70ch}
.care4__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
.care4__item,.care4__gift{display:flex;gap:12px;align-items:flex-start}
.care4__item b,.care4__gift b{display:block;font-size:15px;margin-bottom:2px}
.care4__item span:not(.care4__ic),.care4__gift span:not(.care4__ic){font-size:13.5px;color:var(--muted);line-height:1.45}
.care4__ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--leaf)}
.care4__gift{background:var(--chip);border-radius:12px;padding:14px 16px;align-items:center}
.care4__gift .care4__ic{background:var(--surface)}
.care4__gift b{color:var(--chip-fg)}
.care4__note{margin:0;font-size:13.5px;color:var(--muted)}
@media (max-width:900px){.care4 summary{grid-template-columns:minmax(0,1fr) auto}.care4__chips{grid-column:1/-1;grid-row:2}.care4__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.care4__grid{grid-template-columns:minmax(0,1fr)}.care4__chips li:nth-child(n+4){display:none}}
@media (prefers-reduced-motion:reduce){.care4__more svg{transition:none}}

/* collapsed header: pill title */
.care4 summary{grid-template-columns:minmax(0,1fr) auto}
.care4__head{align-items:center;gap:10px}
.care4__pill{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:15px;padding:7px 14px;border-radius:999px;background:var(--chip);color:var(--chip-fg)}
.care4__pill svg{color:var(--leaf)}
.care4__opt::before{content:none}
.care4__opt{font-size:14px}
.care4__gift b{margin:0;font-size:15px}
@media (max-width:900px){.care4 summary{grid-template-columns:minmax(0,1fr) auto}}

/* collapsed header v3: eye-catching, clearly expandable */
.care4{border-color:color-mix(in srgb,var(--leaf) 45%,var(--line));background:linear-gradient(0deg,var(--surface),var(--surface)) padding-box}
.care4 summary{grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:18px 20px;transition:background .2s ease;border-radius:16px}
.care4:not([open]) summary:hover{background:var(--tint)}
.care4__big{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--chip);color:var(--leaf)}
.care4__headwrap{display:grid;gap:8px;min-width:0}
.care4__title{font-family:var(--f-display);font-weight:600;font-size:20px}
.care4__icons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.care4__icons span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--tint);color:var(--leaf)}
.care4__icons em{font-style:normal;font-size:13.5px;color:var(--muted);margin-left:6px}
.care4__more{padding:9px 16px;border-radius:999px;border:1.5px solid var(--leaf);background:transparent}
.care4:not([open]) summary:hover .care4__more{background:var(--chip)}
.care4[open] .care4__icons{display:none}
.care4[open] .care4__big{width:40px;height:40px}
.care4__free{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:8px 14px;border-radius:999px;background:var(--chip);color:var(--chip-fg);font-size:14px}
.care4__free svg{color:var(--leaf)}
.care4__free b{font-weight:600}
@media (max-width:640px){.care4 summary{grid-template-columns:auto minmax(0,1fr)}.care4__more{grid-column:1/-1;justify-self:start}.care4__icons em{display:none}}
@media (prefers-reduced-motion:reduce){.care4 summary{transition:none}}

/* collapsed header v4: price hint + free tag left, icon stack right */
.care4 summary{grid-template-columns:auto minmax(0,1fr) auto auto}
.care4__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.care4__from{font-size:14px;color:var(--muted)}
.care4__from b{color:var(--fg);font-weight:700;font-size:15px}
.care4__tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--chip);color:var(--chip-fg)}
.care4__tag svg{color:var(--leaf)}
.care4__stack{display:flex;align-items:center}
.care4__stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--leaf);border:1.5px solid color-mix(in srgb,var(--leaf) 45%,var(--line));margin-left:-8px;box-shadow:0 0 0 3px var(--surface)}
.care4__stack span:first-child{margin-left:0}
.care4:not([open]) summary:hover .care4__stack span{box-shadow:0 0 0 3px var(--tint);background:var(--tint)}
.care4[open] .care4__stack,.care4[open] .care4__meta{display:none}
@media (max-width:820px){.care4__stack{display:none}.care4 summary{grid-template-columns:auto minmax(0,1fr) auto}}
@media (max-width:640px){.care4 summary{grid-template-columns:auto minmax(0,1fr)}}

/* free-month tag inside tariff cards */
.care4__tag--card{justify-self:start}
.tier--hi .care4__tag--card{background:color-mix(in srgb,#E0A04A 22%,transparent);color:#F3C98A}
.tier--hi .care4__tag--card svg{color:#F3C98A}
/* quieter icon stack */
.care4__stack span{color:var(--muted);border-color:var(--line)}
.care4:not([open]) summary:hover .care4__stack span{color:var(--fg)}

/* two-step price line in collapsed maintenance */
.care4__meta{gap:8px}
.step{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:10px;background:var(--tint);font-size:13px;color:var(--muted)}
.step b{font-size:15px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}
.step--free{background:var(--chip)}
.step--free b,.step--free span{color:var(--chip-fg)}
.step__arr{color:var(--muted)}

/* minimal price line */
.free0{font-size:14px;color:var(--leaf);font-weight:600}
.free0 b{font-family:var(--f-display);font-size:18px;font-weight:600}
.then{font-size:14px;color:var(--muted)}
.then::before{content:"·";margin-right:8px;color:var(--line)}

/* "1st month free" pill sitting on the panel border */
.care-wrap{margin-top:30px}
.care4{position:relative}
.care4__badge{position:absolute;top:-12px;left:20px;z-index:1;font:700 11.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--cta-bg);color:var(--cta-fg);pointer-events:none}

.care4 summary{position:static}
.care4__badge{grid-column:auto}

/* badge variants: A = sites (outlined), B = shops (soft chip) */
.care4__badge{top:-11px;letter-spacing:0;text-transform:none;font:600 12px var(--f-body);display:inline-flex;align-items:center;gap:5px}
.care4__badge--site{background:var(--surface);color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,var(--line));padding:3px 10px}
.care4__badge--shop{background:var(--chip);color:var(--chip-fg);padding:4px 10px}
.care4__badge--shop svg{color:var(--leaf)}

/* C = sites: soft chip, no icon.  D = shops: "legend" text cut into the border line */
.care4__badge--site{background:var(--chip);color:var(--chip-fg);border:0;padding:4px 10px}
.care4__badge--shop{background:var(--bg);color:var(--leaf);padding:0 8px;border-radius:0;top:-9px;left:16px;font-size:12.5px}

/* final: outlined badge (variant A) for both blocks */
.care4__badge--site,.care4__badge--shop{background:var(--surface);color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,var(--line));padding:3px 10px;border-radius:999px;top:-11px;left:20px;font:600 12px var(--f-body)}

/* outlined free-month pill inside tariff cards */
.free-pill{justify-self:start;display:inline-flex;align-items:center;font:600 12px var(--f-body);padding:3px 10px;border-radius:999px;background:var(--surface);color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,var(--line))}
.tier--hi .free-pill{background:transparent;color:#F3C98A;border-color:color-mix(in srgb,#E0A04A 55%,transparent)}
/* collapsible comparison */
.cmp-box{position:relative;margin-top:28px}
.cmp-box .cmp-wrap{margin-top:0}
.cmp-box:not(.open) .cmp-more{display:none}
.cmp-box:not(.open) .cmp-wrap{border-bottom-left-radius:16px;border-bottom-right-radius:16px}
.cmp-toggle{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px auto 0;border:1.5px solid var(--leaf);background:transparent;color:var(--leaf);font:600 14px var(--f-body);padding:9px 18px;border-radius:999px;cursor:pointer}
.cmp-toggle:hover{background:var(--chip)}
.cmp-toggle svg{transition:transform .2s ease}
.cmp-box.open .cmp-toggle svg{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.cmp-toggle svg{transition:none}}

/* comparison: fade-out preview with the button inside the box */
.cmp-box{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.cmp-box .cmp-wrap{border:0;border-radius:0;background:transparent}
.cmp-box:not(.open) .cmp-more{display:table-row}
.cmp-box:not(.open) .cmp-wrap{max-height:430px;overflow-y:hidden}
.cmp-box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(to bottom,color-mix(in srgb,var(--surface) 0%,transparent),var(--surface) 72%);pointer-events:none;transition:opacity .2s ease}
.cmp-box.open::after{opacity:0;height:0}
.cmp-toggle{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);margin:0;z-index:2;background:var(--surface);box-shadow:0 8px 20px -10px rgba(0,0,0,.35)}
.cmp-box.open .cmp-toggle{position:static;transform:none;margin:14px auto 16px}
@media (prefers-reduced-motion:reduce){.cmp-box::after{transition:none}}

/* kept from the experiment: row hover, group rows, blurred fade + counter (stores) */
.cmp tbody tr:not(.cmp-g):hover td{background:color-mix(in srgb,var(--fg) 5%,transparent)}
.cmp tbody tr:not(.cmp-g):hover td.hi{background:color-mix(in srgb,var(--fg) 5%,var(--tint))}
.cmp-g td{font:600 11.5px var(--f-mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)!important;padding-top:20px!important;padding-bottom:8px!important;white-space:nowrap;text-align:left!important}
.cmp-g td.hi{background:var(--tint)}
.cmp-v2.cmp-box::after{height:190px;background:linear-gradient(to bottom,transparent,var(--surface) 78%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%);mask-image:linear-gradient(to bottom,transparent,#000 45%)}
.cmp-count{font:600 11.5px var(--f-mono);padding:2px 7px;border-radius:999px;background:var(--chip);color:var(--chip-fg)}

/* shops comparison: previous "v2" look back for review */
.cmp-v2 .cmp thead th{padding-block:16px;vertical-align:bottom}
.cmp-v2 .ch-name{display:block;font-size:15px;font-weight:700;color:var(--fg)}
.cmp-v2 .ch-price{display:block;font-family:var(--f-display);font-weight:600;font-size:20px;margin-top:4px;color:var(--fg)}
.cmp-v2 .cmp th.hi,.cmp-v2 .cmp td.hi,.cmp-v2 .cmp-g td.hi{background:transparent!important;box-shadow:inset 1.5px 0 0 var(--leaf),inset -1.5px 0 0 var(--leaf)}
.cmp-v2 .cmp thead th.hi{box-shadow:inset 1.5px 0 0 var(--leaf),inset -1.5px 0 0 var(--leaf),inset 0 1.5px 0 var(--leaf);border-radius:12px 12px 0 0}
.cmp-v2 .cmp thead th.hi .ch-name{color:var(--leaf)}
.yes--v2{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--cta-bg);color:var(--cta-fg)}
.cmp-v2 .cmp-g td{color:var(--muted)!important}

/* toggle style A (sites): floating pill with count + chevron in a circle */
.cmp-v1 .cmp-toggle{border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:8px 8px 8px 18px;gap:10px;box-shadow:0 12px 28px -14px rgba(0,0,0,.45)}
.cmp-v1 .cmp-toggle:hover{border-color:var(--leaf);background:var(--surface)}
.cmp-v1 .cmp-toggle svg{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--cta-bg);color:var(--cta-fg)}
.cmp-v1 .cmp-count{background:var(--chip);color:var(--chip-fg)}
/* toggle style B (shops): full-width bar along the bottom of the table */
.cmp-v2 .cmp-toggle{left:0;right:0;bottom:0;transform:none;width:100%;border:0;border-top:1px solid var(--line);border-radius:0 0 16px 16px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:14px 18px;box-shadow:none;color:var(--leaf);justify-content:center;font-size:14.5px}
.cmp-v2 .cmp-toggle:hover{background:var(--tint)}
.cmp-v2.cmp-box.open .cmp-toggle{position:static;width:100%;margin:0}

.cmp .yes.yes--v2{color:var(--cta-fg)}

/* group labels sitting on the row border */
.cmp tr.g-start td{border-top:1px solid color-mix(in srgb,var(--leaf) 35%,var(--line));padding-top:26px}
.cmp tr.g-start td[data-g]{position:relative}
.cmp tr.g-start td[data-g]::before{content:attr(data-g);position:absolute;top:-11px;left:14px;font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--surface);color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,var(--line));white-space:nowrap}

/* ===== column highlight variants ===== */
/* B (shops): amber accent bar on top + light glow fading down */
.cmp-v2 .cmp th.hi,.cmp-v2 .cmp td.hi{box-shadow:none!important;background:transparent!important}
.cmp-v2 .cmp thead th.hi{background:linear-gradient(to bottom,color-mix(in srgb,var(--leaf) 16%,transparent),color-mix(in srgb,var(--leaf) 6%,transparent))!important;box-shadow:inset 0 3px 0 var(--leaf)!important;border-radius:10px 10px 0 0}
.cmp-v2 .cmp td.hi{background:color-mix(in srgb,var(--leaf) 6%,transparent)!important;color:var(--fg);font-weight:600}
.cmp-v2 .cmp td.hi .yes{font-size:18px}


/* toggle for both: full-width frosted bar along the bottom (previous stores version) */
.cmp-v1 .cmp-toggle{left:0;right:0;bottom:0;transform:none;width:100%;border:0;border-top:1px solid var(--line);border-radius:0 0 16px 16px;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:14px 18px;box-shadow:none;color:var(--leaf);justify-content:center;font-size:14.5px;gap:6px}
.cmp-v1 .cmp-toggle:hover{background:var(--tint)}
.cmp-v1 .cmp-toggle svg{width:16px;height:16px;padding:0;background:none;color:inherit}
.cmp-v1 .cmp-count{background:var(--chip);color:var(--chip-fg)}
.cmp-v1.cmp-box.open .cmp-toggle{position:static;width:100%;margin:0}
.cmp-v1.cmp-box::after{height:190px;background:linear-gradient(to bottom,transparent,var(--surface) 78%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%);mask-image:linear-gradient(to bottom,transparent,#000 45%)}

/* first row (pages / products) gently highlighted */
.cmp tr.r-first td{background:color-mix(in srgb,var(--leaf) 7%,transparent);font-weight:600;color:var(--fg)}

/* sites popular column = same as stores */
.cmp-v1 .cmp th.hi,.cmp-v1 .cmp td.hi,.cmp-v1 .cmp-g td.hi{background:transparent!important;box-shadow:none}
.cmp-v1 .cmp thead th.hi{background:linear-gradient(to bottom,color-mix(in srgb,var(--leaf) 16%,transparent),color-mix(in srgb,var(--leaf) 6%,transparent))!important;box-shadow:inset 0 3px 0 var(--leaf)!important;border-radius:10px 10px 0 0}
.cmp-v1 .cmp thead th.hi{color:var(--leaf)}
.cmp-v1 .cmp td.hi{background:color-mix(in srgb,var(--leaf) 6%,transparent)!important;color:var(--fg);font-weight:600}
.cmp-v1 .cmp td.hi .yes{font-size:18px}
/* softer highlighted rows (first row + last rows) */
.cmp tr.r-first td{background:color-mix(in srgb,var(--fg) 3%,transparent);font-weight:500}
.cmp tr.r-first td.hi{background:color-mix(in srgb,var(--leaf) 9%,transparent)!important}
.cmp tr.r-sep td{border-top:1px solid color-mix(in srgb,var(--leaf) 35%,var(--line));padding-top:18px}

/* no accent bar on popular column header, keep rounded top */
.cmp-v1 .cmp thead th.hi,.cmp-v2 .cmp thead th.hi{box-shadow:none!important}
/* last rows: same soft grey as the first row, no amber divider */
.cmp tr.r-sep td{border-top:1px solid var(--line);padding-top:16px}
/* group dividers & labels in neutral grey */
.cmp tr.g-start td{border-top:1px solid color-mix(in srgb,var(--fg) 18%,var(--line))}
.cmp tr.g-start td[data-g]::before{color:var(--muted);border-color:var(--line);font-weight:500}

/* sites popular column: accent bar back on top */
.cmp-v1 .cmp thead th.hi{box-shadow:inset 0 3px 0 var(--leaf)!important}
/* stores popular column: centered amber tab on the top edge instead of a full bar */
.cmp-v2 .cmp thead th.hi{position:relative}
.cmp-v2 .cmp thead th.hi::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:44px;height:5px;border-radius:0 0 6px 6px;background:var(--leaf)}

/* sites popular column: same centered tab as stores */
.cmp-v1 .cmp thead th.hi{box-shadow:none!important;position:relative}
.cmp-v1 .cmp thead th.hi::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:44px;height:5px;border-radius:0 0 6px 6px;background:var(--leaf)}

/* calmer, clearer table heading + bigger plan names */
.cmp caption{padding:24px 22px 10px!important}
.cap-t{display:block;font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:-.01em;color:var(--fg)}
.cap-s{display:block;margin-top:4px;font:400 14px var(--f-body);color:var(--muted)}
.cmp thead th .ch-name{display:block;font-size:17px;font-weight:700;color:var(--fg);line-height:1.25}
.cmp thead th .ch-price{display:block;margin-top:4px;font-family:var(--f-body);font-size:14px;font-weight:500;color:var(--muted)}
.cmp thead th:first-child{font-size:13px;font-weight:500;color:var(--muted)}
.cmp-v1 .cmp thead th.hi .ch-name,.cmp-v2 .cmp thead th.hi .ch-name{color:var(--leaf)}

.cmp-box:not(.open) .cmp-wrap{max-height:510px}

/* smaller collapsed comparison for a clearer open/closed contrast */
.cmp-box:not(.open) .cmp-wrap{max-height:420px}
/* maintenance panel: graphite outline instead of amber */
.care4{border:1px solid color-mix(in srgb,var(--leaf) 32%,var(--line))}
.care4__badge--site,.care4__badge--shop{border-color:color-mix(in srgb,var(--leaf) 32%,var(--line))}

/* theme toggle + WhatsApp floating button */
.theme-t{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0;flex:none}
.theme-t:hover{color:var(--fg);background:var(--tint)}
.theme-t .i-sun{display:none}
@media (prefers-color-scheme: dark){:root .theme-t .i-sun{display:block}:root .theme-t .i-moon{display:none}}
:root .theme-t .i-sun{display:block}:root .theme-t .i-moon{display:none}
.wa-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:none;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45)}
.wa-fab:hover{background:#1EBE5A}
@media (max-width:820px){.wa-fab{display:grid}.bar .btn{display:none}}

/* care row in tier cards: centered */
.t-care2{justify-items:center;text-align:center}
.t-care2__top{flex-direction:column;justify-content:center;gap:10px;width:100%}
.t-care2 .mini-seg{display:flex;width:100%}
.t-care2 .mini-seg button{flex:1;justify-content:center;padding:8px 10px}
.t-care2__price{justify-content:center;flex-wrap:wrap;gap:4px 8px}
.t-care2__price .c-dot{color:var(--muted);font-weight:700}
.t-care2__price .c-free{font-size:13px;font-weight:600;color:var(--leaf)}
.tier--hi .t-care2__price .c-dot{color:rgba(255,255,255,.5)}
.tier--hi .t-care2__price .c-free{color:#F3C98A}
.t-care2__price:has(.old) .c-dot{display:none}
.t-care2__price:has(.old) .c-free{flex-basis:100%}

/* care row v3: left-aligned, larger label, gift on the right */
.t-care2{justify-items:stretch;text-align:left}
.t-care2__top{flex-direction:row;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:var(--fg)}
.tier--hi .t-care2__top{color:#FFFFFF}
.t-care2__top > span{display:flex;justify-content:space-between;align-items:center;width:100%}
.t-care2__price{justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;min-height:44px}
.t-care2__price .c-sum{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.t-care2__price .c-free{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.25;font-weight:600;color:var(--leaf);text-align:left;padding-left:12px;border-left:1px solid var(--line)}
.tier--hi .t-care2__price .c-free{color:#F3C98A;border-color:rgba(255,255,255,.18)}
.t-care2__price .c-free svg{flex:none}
.care4__more{border:1px solid color-mix(in srgb,var(--leaf) 32%,var(--line))}
.t-care2__price .c-sum{flex-wrap:nowrap;white-space:nowrap;gap:6px}
.t-care2__price:has(.old) .c-free{flex-basis:auto}
.t-care2__price .c-sum .old{font-size:12.5px}

/* ===== chosen: free = gray icon + dark text; sites toggle A; shops toggle B ===== */
.care4__more{border-width:1.5px}
.t-care2__price .c-free .ff2{font:inherit;color:inherit;letter-spacing:0}
.t-care2__price .c-free{color:var(--fg)}
.t-care2__price .c-free svg{color:var(--muted)}
.tier--hi .t-care2__price .c-free{color:#FFFFFF}
.tier--hi .t-care2__price .c-free svg{color:rgba(255,255,255,.6)}
:is(#t-sites,#t-shops,#t-cat) .mini-seg{border-radius:12px;padding:4px;background:var(--bg)}
:is(#t-sites,#t-shops,#t-cat) .mini-seg button{padding:10px 10px;font-size:14px;border-radius:9px}
:is(#t-sites,#t-shops,#t-cat) .mini-seg button[aria-pressed="true"]{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.18),0 0 0 1px var(--line)}
:is(#t-sites,#t-shops,#t-cat) .mini-seg button[aria-pressed="true"] .mini-save{color:var(--leaf)}
:is(#t-sites,#t-shops,#t-cat) .tier--hi .mini-seg{background:rgba(255,255,255,.08)}
:is(#t-sites,#t-shops,#t-cat) .tier--hi .mini-seg button[aria-pressed="true"]{background:#FFFFFF;color:#18191C;box-shadow:0 1px 3px rgba(0,0,0,.3)}
:is(#t-sites,#t-shops,#t-cat) .tier--hi .mini-seg button[aria-pressed="true"] .mini-save{color:#B5741C}
.care4{border-width:.5px;border-color:color-mix(in srgb,var(--leaf) 26%,var(--line))}
.care4__badge--site,.care4__badge--shop{border-width:.5px;border-color:color-mix(in srgb,var(--leaf) 26%,var(--line))}

/* catalog: month/year toggle */
.cat-seg{margin-bottom:4px}
.cat-seg--once{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;border:1px dashed var(--line);font-size:14px;font-weight:600;color:var(--muted)}
.tier--hi .cat-seg--once{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}
#t-cat .t-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}
#t-cat .t-price small{white-space:nowrap}
.cat-old{flex-basis:100%;font:500 13px var(--f-body);color:var(--muted);letter-spacing:0;margin-top:6px}
.tier--hi .cat-old{color:rgba(255,255,255,.6)}
.cat-seg .mini-seg{display:flex;width:100%}.cat-seg .mini-seg button{flex:1;justify-content:center}

/* gift line, how block */
.care4__free span{font-weight:500}.care4__free span b{font-weight:700}
.how4 .care4__big{background:var(--chip)}
/* extras: list rows */
#x-grid.xgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.xr{display:grid;grid-template-columns:48px minmax(0,1fr) 170px 130px;gap:20px;align-items:center;padding:20px 22px;border-top:1px solid var(--line);transition:background .2s ease}
.xr:first-child{border-top:0}
.xr:hover{background:var(--tint)}
.xr__ic{width:48px;height:48px;border-radius:12px;background:var(--chip);color:var(--chip-fg);display:grid;place-items:center}
.xr__main h3{margin:0 0 4px;font-size:17px}
.xr__main p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;max-width:62ch}
.xr__meta{display:grid;gap:4px;justify-items:end;text-align:right}
.xr__price{font-family:var(--f-display);font-weight:600;font-size:24px;line-height:1.1;white-space:nowrap}
.xr__price small{font-family:var(--f-body);font-size:13px;color:var(--muted);font-weight:500}
.xr__term{font:500 12px var(--f-mono);color:var(--muted);letter-spacing:.02em}
.xr__btn{justify-content:center}
@media (max-width:820px){.xr{grid-template-columns:44px minmax(0,1fr);gap:12px 16px}.xr__ic{width:44px;height:44px}.xr__meta{grid-column:2;justify-items:start;text-align:left;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:12px}.xr__btn{grid-column:2;justify-self:start}}
@media (prefers-reduced-motion:reduce){.xr{transition:none}}
@media (max-width:820px){.xr{align-items:start}}

/* catalog: price first, toggle under it */
.cat-seg{margin:6px 0 2px}
/* contact block */
.c-list{gap:12px}
.c-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;flex-wrap:nowrap;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:background .2s ease,border-color .2s ease}
.c-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.c-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:rgba(224,160,74,.14);color:#F0C27E}
.c-ic--wa{background:rgba(37,211,102,.14);color:#4ADE80}
.c-txt span{font-size:11px;opacity:.6;margin-bottom:4px}
.c-txt b{font-size:16px}
.c-btn{background:transparent;color:#FFFFFF;border:1.5px solid rgba(255,255,255,.35);padding:9px 16px;white-space:nowrap;transition:background .2s ease,border-color .2s ease}
.c-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
.c-btn--main{background:var(--cta-bg);color:var(--cta-fg);border-color:var(--cta-bg)}
.c-btn--main:hover{background:var(--cta-bg-hover);border-color:var(--cta-bg-hover)}
@media (max-width:520px){.c-item{grid-template-columns:44px minmax(0,1fr);gap:12px 14px}.c-ic{width:44px;height:44px}.c-btn{grid-column:2;justify-self:start}}
@media (prefers-reduced-motion:reduce){.c-item,.c-btn{transition:none}}
.c-item .c-ic{display:grid;opacity:1;margin:0}
.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.c-txt b{white-space:nowrap}
@media (max-width:980px){.contact{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.c-txt b{white-space:normal;font-size:15px}}

/* contact v3 */
.c-intro{display:grid;gap:0}
.c-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;counter-reset:cs}
.c-steps li{counter-increment:cs;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;font-size:15px;color:rgba(255,255,255,.88)}
.c-steps li::before{content:counter(cs);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--f-mono);color:#F0C27E;border:1px solid rgba(240,194,126,.4)}
.c-item--main{background:rgba(255,255,255,.08);border-color:rgba(240,194,126,.45)}
.c-fast{font-style:normal;text-transform:none;letter-spacing:0;font-family:var(--f-body);font-size:11.5px;color:#F0C27E;opacity:1;margin-left:6px;padding:1px 8px;border-radius:999px;background:rgba(240,194,126,.14)}
.c-txt span{display:flex;align-items:center}
.c-txt span.mono{opacity:1;color:rgba(255,255,255,.6)}

.cat-free{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:var(--fg);min-height:20px}
.cat-free svg{color:var(--muted);flex:none}
.tier--hi .cat-free{color:#FFFFFF}.tier--hi .cat-free svg{color:rgba(255,255,255,.6)}

.c-item{position:relative}
.c-item--main{border-color:rgba(240,194,126,.4)}
.c-item .c-fast{position:absolute;top:-11px;left:16px;margin:0;padding:3px 10px;border-radius:999px;font:600 12px var(--f-body);letter-spacing:0;text-transform:none;background:var(--forest-deep);color:#F0C27E;border:1px solid rgba(240,194,126,.4);opacity:1;display:inline-block}
.c-list{padding-top:8px}
.c-item .c-fast{background:#F2E6D2;color:#7A4A0E;border-color:#F2E6D2}

/* cmp toggle hover: thin line */
.cmp-v1 .cmp-toggle:hover,.cmp-v2 .cmp-toggle:hover{border-top:1px solid var(--line)}
@media (min-resolution:2dppx){.cmp-v1 .cmp-toggle,.cmp-v2 .cmp-toggle{border-top-width:.5px}}
/* catalog layout variants */
#t-cat .t-desc--under{margin:-2px 0 2px;min-height:0;font-size:13.5px}
#t-cat .t-lead{margin:0 0 -4px;font-size:14px;color:var(--muted);padding-top:2px}
#t-cat .t-sub{margin:-6px 0 0;font:600 14px var(--f-body);color:var(--leaf)}
.tier--hi .t-sub{color:#F3C98A}
#t-cat .t-kick{margin:0 0 -6px;font-size:13px;color:var(--muted);line-height:1.4}
.cmp-v1 .cmp-toggle:hover,.cmp-v2 .cmp-toggle:hover{border-top-color:color-mix(in srgb,var(--leaf) 55%,var(--line))}
.c-item .c-fast{background:color-mix(in srgb,#FFFFFF 8%,var(--forest-deep));color:#F0C27E;border-color:rgba(240,194,126,.4)}

/* footer bottom + legal page */
.ft-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:16px;margin-top:8px;border-top:1px solid var(--line);font-size:13px}
.ft-bottom a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.ft-bottom a:hover{color:var(--fg)}
.legal{max-width:760px;padding-block:48px 8px}
.legal__back{display:inline-block;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:20px}
.legal__back:hover{color:var(--fg)}
.legal h1{font-size:clamp(30px,4.4vw,44px);margin:0 0 8px}
.legal__upd{color:var(--muted);margin:0 0 28px}
.legal__s{padding:22px 0;border-top:1px solid var(--line)}
.legal__s h2{display:flex;align-items:center;gap:12px;font-size:19px;margin:0 0 10px;font-family:var(--f-body);font-weight:700}
.legal__n{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 12px var(--f-mono);background:var(--chip);color:var(--chip-fg)}
.legal__s p,.legal__s li{color:var(--muted);font-size:15.5px;line-height:1.65}
.legal__s p{margin:0 0 10px}
.legal__s ul{margin:0 0 10px;padding-left:20px;display:grid;gap:4px}
.legal__s a{color:var(--leaf)}
footer span[data-i="ft_tag"]{display:block;max-width:24ch;text-wrap:balance;line-height:1.5}
footer span[data-i="ft_tag"]{max-width:30ch}

/* ===== home v2 ===== */
.facts2{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px}
.facts2 li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--fg)}
.facts2 svg{color:var(--leaf);flex:none}
.steps--5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1060px){.steps--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.steps--5{grid-template-columns:minmax(0,1fr)}}
/* works */
.works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wk{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;gap:14px;transition:transform .25s ease,box-shadow .25s ease}
.wk:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.wk__shot{border-radius:12px;overflow:hidden;aspect-ratio:4/3;display:flex;flex-direction:column;--bg:#fff;--fg:#111;--ac:#999;--mu:rgba(0,0,0,.15);background:var(--bg);color:var(--fg)}
.wk__bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:rgba(0,0,0,.18)}
.wk__bar i{width:7px;height:7px;border-radius:50%;background:var(--mu)}
.wk__bar span{margin-left:8px;height:8px;flex:1;max-width:120px;border-radius:99px;background:var(--mu)}
.wk__site{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:12px}
.wk__nav{display:flex;align-items:center;gap:8px}
.wk__nav b{font:700 11px var(--f-display);letter-spacing:.08em;margin-right:auto}
.wk__nav span{width:26px;height:5px;border-radius:99px;background:var(--mu)}
.wk__hero{display:grid;gap:7px;justify-items:start;margin-top:4px}
.wk__hero small{font:500 8.5px var(--f-mono);letter-spacing:.22em;color:var(--ac)}
.wk__hero strong{font:700 clamp(22px,2.6vw,30px)/1 var(--f-display);letter-spacing:.02em}
.wk__hero em{display:block;width:72%;height:6px;border-radius:99px;background:var(--mu)}
.wk__hero em.s{width:48%}
.wk__hero u{display:block;width:74px;height:18px;border-radius:99px;background:var(--ac);margin-top:4px}
.wk__tiles{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wk__tiles span{height:34px;border-radius:7px;background:var(--mu)}
.wk--barber{--bg:#17130F;--fg:#EDE1CB;--ac:#C9A25C;--mu:rgba(237,225,203,.14)}
.wk--barber .wk__bar{background:#0E0B08}
.wk--dent{--bg:#F3F8F8;--fg:#12343B;--ac:#2A9D8F;--mu:rgba(18,52,59,.12)}
.wk--dent .wk__bar{background:#E2ECEC}
.wk--dent .wk__hero strong{font-weight:600;letter-spacing:.06em}
.wk--cafe{--bg:#F2E9DA;--fg:#3A2E22;--ac:#6E8B4E;--mu:rgba(58,46,34,.13)}
.wk--cafe .wk__bar{background:#E5D8C3}
.wk--cafe .wk__hero strong{font-style:italic}
.wk__cap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0 6px 6px}
.wk__cap b{font-size:16px}
.wk__cap > span:last-child{flex-basis:100%;color:var(--muted);font-size:14px}
@media (max-width:900px){.works{grid-template-columns:minmax(0,1fr)}.wk__shot{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.wk{transition:none}.wk:hover{transform:none}}
/* why v2 */
.why2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.why2 > div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;display:grid;gap:8px;align-content:start}
.why2__ic{width:44px;height:44px;border-radius:12px;background:var(--chip);color:var(--chip-fg);display:grid;place-items:center;margin-bottom:8px}
.why2 b{font-size:18px;line-height:1.3}
.why2 > div > span:last-child{color:var(--muted);font-size:15px;line-height:1.55}
@media (max-width:900px){.why2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.why2{grid-template-columns:minmax(0,1fr)}}
/* prices v2 */
.pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease}
.pcard:hover{border-color:color-mix(in srgb,var(--leaf) 45%,var(--line));transform:translateY(-3px);box-shadow:var(--shadow)}
.pcard__l{font:500 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.pcard__v{font-family:var(--f-display);font-weight:600;font-size:40px;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pcard__v small{font-family:var(--f-body);font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.pcard__t{color:var(--muted);font-size:15px;line-height:1.55}
.pcard__go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--fg)}
.pcard__go svg{transition:transform .2s ease}
.pcard:hover .pcard__go svg{transform:translateX(4px)}
.pstrip{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;background:var(--tint);border-radius:16px;padding:16px 18px 16px 22px}
.pstrip__t{display:flex;align-items:center;gap:10px;font-weight:600}
.pstrip__t svg{color:var(--muted);flex:none}
@media (max-width:900px){.pcards{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.pcard,.pcard__go svg{transition:none}.pcard:hover{transform:none}}

/* ===== language dropdown ===== */
.lang-dd{position:relative}
.lang-dd__btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 11px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--fg);font:600 13px var(--f-mono);cursor:pointer}
.lang-dd__btn:hover,.lang-dd.open .lang-dd__btn{background:var(--tint)}
.lang-dd__btn svg{color:var(--muted)}
.lang-dd__chev{transition:transform .2s ease}
.lang-dd.open .lang-dd__chev{transform:rotate(180deg)}
.lang-dd__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:30}
.lang-dd.open .lang-dd__menu{opacity:1;visibility:visible;transform:none}
.lang-dd__menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:var(--fg);font:500 14.5px var(--f-body);cursor:pointer;text-align:left}
.lang-dd__menu button b{font:500 11.5px var(--f-mono);color:var(--muted)}
.lang-dd__menu button:hover{background:var(--tint)}
.lang-dd__menu button[aria-pressed="true"]{background:var(--chip);color:var(--chip-fg)}
.lang-dd__menu button[aria-pressed="true"] b{color:var(--chip-fg)}
@media (prefers-reduced-motion:reduce){.lang-dd__menu,.lang-dd__chev{transition:none}}

/* ===== start paths ===== */
.starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sw{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.sw__art{position:relative;height:190px;background:var(--tint);display:grid;place-items:center;overflow:hidden}
.sw__txt{padding:20px 22px 24px;display:grid;gap:6px}
.sw__n{color:var(--leaf);font-size:12px}
.sw__txt b{font-size:18px}
.sw__txt > span:last-child{color:var(--muted);font-size:15px;line-height:1.55}
.mw{width:62%;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px -18px rgba(0,0,0,.35);overflow:hidden}
.mw__bar{display:flex;align-items:center;gap:4px;padding:6px 8px;border-bottom:1px solid var(--line)}
.mw__bar i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.mw__bar em{margin-left:auto;font:500 8.5px var(--f-mono);letter-spacing:.1em;font-style:normal;color:var(--muted)}
.mw__b{padding:10px;display:grid;gap:6px}
.mw .l{height:6px;border-radius:99px;background:var(--line)}
.mw .l.h{height:10px;width:70%;background:var(--leaf)}
.mw .l.w8{width:85%}.mw .l.w5{width:55%}
.mw .pill{width:52px;height:12px;border-radius:99px;background:var(--forest)}
.mw .row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:2px}
.mw .row span{height:20px;border-radius:5px;background:var(--tint)}
.sw__art--concept .mw{transform:rotate(-3deg)}
.sw__art--concept .spark{position:absolute;right:20%;top:22%;width:30px;height:30px;border-radius:50%;background:var(--cta-bg);box-shadow:0 0 0 6px color-mix(in srgb,var(--cta-bg) 25%,transparent)}
.sw__art--concept .spark::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:6px;border-left:2.5px solid var(--cta-fg);border-bottom:2.5px solid var(--cta-fg);transform:translateY(-2px) rotate(-45deg)}
.mw--sketch{background:transparent;border:1.5px dashed color-mix(in srgb,var(--fg) 30%,transparent);box-shadow:none}
.mw--sketch .mw__b{grid-template-columns:1fr 1fr;padding:12px;gap:8px}
.mw--sketch .box{border:1.5px dashed color-mix(in srgb,var(--fg) 28%,transparent);border-radius:6px;height:26px}
.mw--sketch .b1{grid-column:1/-1;height:34px}
.sw__art--idea .swatch{position:absolute;left:12%;bottom:16%;display:flex;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:99px}
.sw__art--idea .swatch i{width:14px;height:14px;border-radius:50%;background:var(--leaf)}
.sw__art--idea .swatch i:nth-child(2){background:var(--forest)}
.sw__art--idea .swatch i:nth-child(3){background:#7A9A6A}
.sw__art--idea .pen{position:absolute;right:14%;top:18%;color:var(--leaf)}
.sw__art--ref{grid-template-columns:1fr auto 1fr;display:grid;align-items:center;gap:6px;padding:0 14px}
.sw__art--ref .mw{width:100%}
.sw__art--ref .mw--ref{opacity:.75;transform:rotate(-2deg)}
.sw__art--ref .g{background:color-mix(in srgb,var(--fg) 18%,transparent)!important}
.sw__art--ref .mw--ref .row{grid-template-columns:1fr 1fr}
.sw__art--ref .mw--you .row{grid-template-columns:1fr 1fr}
.sw__art--ref .mw--you{transform:rotate(2deg);border-color:color-mix(in srgb,var(--leaf) 45%,var(--line))}
.sw__art--ref .arr{color:var(--leaf)}
@media (max-width:900px){.starts{grid-template-columns:minmax(0,1fr)}.sw__art{height:170px}}

/* ===== prices head CTA + note ===== */
.btn--cta{background:var(--cta-bg);color:var(--cta-fg);padding:14px 22px;font-size:15.5px;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--cta-bg) 70%,transparent)}
.btn--cta:hover{background:var(--cta-bg-hover)}
.btn--cta svg{transition:transform .2s ease}
.btn--cta:hover svg{transform:translateX(3px)}
.pnote{margin:16px 0 0;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14.5px}
.pnote svg{flex:none}
/* steps as rows */
.steps--5{grid-template-columns:minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.steps--5 li{border:0;border-radius:0;border-top:1px solid var(--line);display:grid;grid-template-columns:56px minmax(0,280px) minmax(0,1fr);gap:8px 24px;align-items:baseline;padding:22px 26px}
.steps--5 li:first-child{border-top:0}
.steps--5 li::before{font:600 14px var(--f-mono);color:var(--leaf)}
.steps--5 b{font-size:18px}
.steps--5 span{font-size:15.5px;line-height:1.6}
@media (max-width:820px){.steps--5 li{grid-template-columns:40px minmax(0,1fr);padding:18px}.steps--5 span{grid-column:2}}

/* ===== hero v3 ===== */
.btn-hero{display:inline-flex;align-items:center;gap:10px;background:var(--cta-bg);color:var(--cta-fg);text-decoration:none;font-weight:700;padding:15px 24px;border-radius:999px;font-size:16px;box-shadow:0 12px 26px -12px color-mix(in srgb,var(--cta-bg) 75%,transparent);transition:background .2s ease,transform .2s ease}
.btn-hero:hover{background:var(--cta-bg-hover);transform:translateY(-1px)}
.btn-hero2{display:inline-flex;align-items:center;color:var(--fg);text-decoration:none;font-weight:600;padding:15px 22px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--fg) 25%,var(--line));font-size:16px;transition:background .2s ease}
.btn-hero2:hover{background:var(--tint)}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.trust{margin:20px 0 0;color:var(--muted);font-size:14.5px;display:flex;flex-wrap:wrap;gap:6px 16px}
.trust span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--leaf);margin-right:8px;vertical-align:middle}
.hdev{position:relative;min-height:420px}
.hdev__br{position:absolute;left:0;top:34px;width:84%;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.hdev__bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line)}
.hdev__bar i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.hdev__bar span{margin-left:10px;font:500 11px var(--f-mono);color:var(--muted);background:var(--bg);padding:3px 12px;border-radius:99px}
.hdev__site{padding:22px;display:grid;gap:11px;background:#F3F8F8;color:#12343B}
.hdev__site small{font:500 9.5px var(--f-mono);letter-spacing:.22em;color:#2A9D8F}
.hdev__site strong{font:600 clamp(26px,3vw,34px)/1 var(--f-display);letter-spacing:.05em}
.hdev__site em{display:block;height:7px;border-radius:9px;background:rgba(18,52,59,.12);width:70%}
.hdev__site em.s,.hdev__scr em.s{width:45%}
.hdev__site u{display:block;width:100px;height:26px;border-radius:99px;background:#2A9D8F}
.hdev__tl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.hdev__tl span{height:56px;border-radius:9px;background:rgba(18,52,59,.08)}
.hdev__ph{position:absolute;right:0;bottom:0;width:30%;max-width:170px;aspect-ratio:9/18;background:#12343B;border-radius:26px;padding:7px;box-shadow:var(--shadow)}
.hdev__scr{height:100%;border-radius:20px;background:#F3F8F8;padding:16px 11px;display:grid;align-content:start;gap:8px;color:#12343B}
.hdev__scr b{font:600 13px var(--f-display);letter-spacing:.05em}
.hdev__scr em{display:block;height:5px;border-radius:9px;background:rgba(18,52,59,.14)}
.hdev__scr u{display:block;width:60%;height:15px;border-radius:99px;background:#2A9D8F}
.hdev__scr .blk{height:50px;border-radius:8px;background:rgba(18,52,59,.08)}
.hchip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font:600 12.5px var(--f-body);color:var(--fg);box-shadow:0 10px 24px -14px rgba(0,0,0,.4)}
.hchip svg{color:var(--leaf)}
.hc1{left:-10px;top:4px}.hc2{left:44%;top:0}.hc3{left:4%;bottom:34px}
@media (max-width:980px){.hdev{min-height:360px;max-width:560px}}
@media (max-width:560px){.hdev{min-height:300px}.hdev__tl span{height:36px}}
/* steps horizontal cards */
.steps--h{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.steps--h li{padding:20px 18px;gap:8px}
.steps--h li::before{font:600 13px var(--f-mono)}
.steps--h b{font-size:16.5px;line-height:1.3}
.steps--h span{font-size:14.2px;line-height:1.55}
@media (max-width:1100px){.steps--h{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.steps--h{grid-template-columns:minmax(0,1fr)}}

/* ===== FAQ v2 (two columns) ===== */
.fb-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:48px;align-items:start}
.fb-side{position:sticky;top:90px;display:grid;gap:14px}
.fb-side h2{margin:0;font-size:clamp(28px,3.2vw,38px);line-height:1.12}
.fb-side > p{margin:0;color:var(--muted)}
.fb-help{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;gap:10px}
.fb-help b{font-size:16px}
.fb-help span{color:var(--muted);font-size:14.5px}
.fb-help a{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;background:var(--cta-bg);color:var(--cta-fg);text-decoration:none;font-weight:700;padding:12px 18px;border-radius:999px;transition:background .2s ease}
.fb-help a:hover{background:var(--cta-bg-hover)}
.fb-list{display:block;max-width:none}
details.fb{background:transparent;padding:0;border:1px solid transparent;border-top-color:var(--line);border-radius:0;transition:border-color .2s ease,background .2s ease,border-radius .2s ease}
details.fb:last-child{border-bottom-color:var(--line)}
details.fb[open]{background:var(--surface);border-color:color-mix(in srgb,var(--leaf) 40%,var(--line));border-radius:14px}
details.fb[open] + details.fb{border-top-color:transparent}
details.fb[open]:last-child{border-bottom-color:color-mix(in srgb,var(--leaf) 40%,var(--line))}
details.fb summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:20px 18px;font-weight:600;font-size:17px;line-height:1.35}
details.fb summary::after{content:none!important}
.fb__n{font:600 13px var(--f-mono);color:var(--leaf)}
.fb .pm{flex:none;width:28px;height:28px;border-radius:50%;position:relative;border:1.5px solid var(--line);transition:background .2s ease,border-color .2s ease}
.fb .pm::before,.fb .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.8px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%)}
.fb .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s ease}
details.fb[open] .pm{background:var(--forest);color:var(--on-forest);border-color:var(--forest)}
details.fb[open] .pm::after{transform:translate(-50%,-50%) rotate(0)}
details.fb summary:hover .fb__q{color:var(--leaf)}
details.fb p{margin:0;padding:0 64px 22px 74px;color:var(--muted);line-height:1.65}
@media (max-width:820px){.fb-wrap{grid-template-columns:minmax(0,1fr);gap:24px}.fb-side{position:static}details.fb summary{grid-template-columns:34px minmax(0,1fr) auto;padding:18px 12px;font-size:16px}details.fb p{padding:0 14px 20px 58px}}
@media (prefers-reduced-motion:reduce){details.fb,.fb .pm,.fb .pm::after{transition:none}}
.fb-help a span{color:inherit;font-size:15px}
@media (hover:none){details.fb summary:hover .fb__q{color:inherit}}

/* ===== flags + chips v2 ===== */
.flag{width:20px;height:14px;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08);overflow:hidden;display:block}
.flag--code{box-shadow:none;color:var(--fg)}
.lang-dd__btn > svg:first-child{display:none}
.lang-dd__flag{display:inline-flex}
.lang-dd__menu button{justify-content:flex-start}
.lang-dd__menu button span{flex:1}
.lang-dd__menu{min-width:220px}
.hchip--flags{gap:4px;padding:7px 10px}
.hchip--flags .flag{width:18px;height:12px}
.hchip--flags b{font:600 12px var(--f-body);color:var(--muted);margin-left:2px}
.hchip{top:auto;bottom:auto;left:auto;right:auto}
.hchip.hc1{left:-10px;top:2px}
.hchip.hc2{left:46%;top:-4px}
.hchip.hc3{right:-6px;top:150px}
.hchip.hc4{left:-18px;top:46%}
.hchip.hc5{left:6%;bottom:22px}
.hchip.hc6{left:42%;bottom:6px}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hchip{animation:chipFloat 5s ease-in-out infinite}
.hc2{animation-delay:-1s}.hc3{animation-delay:-2s}.hc4{animation-delay:-3s}.hc5{animation-delay:-4s}.hc6{animation-delay:-2.5s}
@media (prefers-reduced-motion:reduce){.hchip{animation:none}}
@media (max-width:560px){.hchip.hc4,.hchip.hc6{display:none}.hchip.hc3{top:auto;bottom:70px;right:-4px}}

/* ===== round 5 ===== */
.btn-hero--sq{border-radius:12px;padding:16px 26px}
.btn-hero--sq svg{transition:transform .2s ease}
.btn-hero--sq:hover svg{transform:translateX(3px)}
.btn-hero2--sq{border-radius:12px;padding:16px 22px;background:var(--surface);border:1px solid var(--line)}
/* start D with icons */
.starts2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s2{border-radius:20px;padding:26px;display:grid;gap:10px;align-content:start;min-height:240px}
.s2__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.s2__ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center}
.s2__n{font:700 52px/1 var(--f-display);opacity:.16}
.s2 b{font-size:20px;line-height:1.25}
.s2 > span:last-child{font-size:15px;line-height:1.6;opacity:.82}
.s2--dark{background:var(--forest);color:var(--on-forest)}
.s2--dark .s2__ic{background:rgba(255,255,255,.1);color:#F0C27E;border:1.5px solid rgba(240,194,126,.45)}
.s2--chip{background:var(--chip);color:var(--chip-fg)}
.s2--chip .s2__ic{background:var(--surface);color:var(--leaf);border:1.5px solid color-mix(in srgb,var(--leaf) 45%,transparent)}
.s2--light{background:var(--surface);border:1px solid var(--line);color:var(--fg)}
.s2--light .s2__ic{background:var(--tint);color:var(--leaf);border:1.5px solid color-mix(in srgb,var(--leaf) 45%,var(--line))}
@media (max-width:900px){.starts2{grid-template-columns:minmax(0,1fr)}.s2{min-height:0}}
/* prices C */
.pc3{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.pc3__main{background:var(--forest-deep);color:var(--on-forest);border-radius:22px;padding:32px;display:grid;gap:14px;align-content:start}
.pc3__l{font:500 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.pc3__main .pc3__l{color:#F0C27E}
.pc3__v{font:600 clamp(44px,5vw,58px)/1 var(--f-display);letter-spacing:-.02em}
.pc3__v small,.pc3__v2 small{font:500 15px var(--f-body);opacity:.7;letter-spacing:0}
.pc3__main p{margin:0;opacity:.8;font-size:16px;max-width:42ch}
.pc3__btn{justify-self:start;margin-top:8px;display:inline-flex;align-items:center;gap:10px;background:var(--cta-bg);color:var(--cta-fg);text-decoration:none;font-weight:700;padding:15px 22px;border-radius:12px;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}
.pc3__btn:hover{background:var(--cta-bg-hover)}
.pc3__side{display:grid;gap:14px}
.pc3__card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 24px;text-decoration:none;color:inherit;display:grid;gap:6px;transition:border-color .2s ease,transform .25s ease}
.pc3__card:hover{border-color:color-mix(in srgb,var(--leaf) 45%,var(--line));transform:translateY(-2px)}
.pc3__v2{font:600 32px/1.05 var(--f-display);letter-spacing:-.02em}
.pc3__v2 small{color:var(--muted);opacity:1}
.pc3__t{color:var(--muted);font-size:14.5px;line-height:1.5;padding-right:40px}
.pc3__go{position:absolute;right:20px;top:22px;width:36px;height:36px;border-radius:50%;background:var(--tint);display:grid;place-items:center}
@media (max-width:900px){.pc3{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.pc3__card{transition:none}.pc3__card:hover{transform:none}}
/* faq soft highlight */
details.fb[open]{background:var(--tint);border-color:transparent;border-radius:14px}
details.fb[open]:last-child{border-bottom-color:transparent}
/* help box dark */
.fb-help--dark{background:var(--forest-deep);border-color:transparent;color:var(--on-forest)}
.fb-help--dark span{color:rgba(255,255,255,.75)}
.fb-help__ic{width:48px;height:48px;border-radius:14px;background:rgba(240,194,126,.16);color:#F0C27E;display:grid;place-items:center}
.fb-help--dark b{font-size:18px}
/* L2: language grid */
.lang-dd__menu{grid-template-columns:1fr 1fr;min-width:330px;padding:8px;gap:2px}
.lang-dd__menu button b{display:none}
.lang-dd__menu button{gap:10px;padding:9px 10px}
@media (max-width:420px){.lang-dd__menu{min-width:0;width:calc(100vw - 32px);right:-60px}}
/* ===== round 6 ===== */
.btn-hero--b{border-radius:999px;padding:16px 26px;gap:12px}
.btn-hero--b svg{transition:transform .2s ease}
.btn-hero--b:hover svg{transform:translateX(4px)}
.btn-link{display:inline-flex;align-items:center;gap:8px;color:var(--fg);font-weight:600;font-size:16px;text-decoration:none;padding:12px 4px;border-bottom:2px solid color-mix(in srgb,var(--leaf) 55%,transparent);transition:border-color .2s ease}
.btn-link:hover{border-bottom-color:var(--leaf)}
.btn-link svg{transition:transform .2s ease}.btn-link:hover svg{transform:translateX(3px)}
.hwl{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hwl::before{content:"";position:absolute;left:10%;right:10%;top:31px;border-top:2px dashed color-mix(in srgb,var(--leaf) 45%,var(--line))}
.hwl li{position:relative;display:grid;justify-items:center;text-align:center;gap:6px;align-content:start}
.hwl__c{width:64px;height:64px;border-radius:50%;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--leaf) 45%,var(--line));color:var(--leaf);display:grid;place-items:center;box-shadow:0 0 0 10px var(--bg)}
.hwl__n{font:600 12px var(--f-mono);color:var(--leaf);margin-top:8px}
.hwl b{font-size:16.5px;line-height:1.3}
.hwl__t{color:var(--muted);font-size:14.2px;line-height:1.55}
@media (max-width:900px){.hwl{grid-template-columns:minmax(0,1fr);gap:22px}.hwl::before{left:31px;right:auto;top:20px;bottom:20px;border-top:0;border-left:2px dashed color-mix(in srgb,var(--leaf) 45%,var(--line))}.hwl li{grid-template-columns:64px minmax(0,1fr);justify-items:start;text-align:left;column-gap:16px}.hwl__c{grid-row:1/4}.hwl__n{margin-top:4px}}

/* ===== round 7: hero V2 ===== */
.hv2{position:relative;min-height:450px}
.br2{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.br2__bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line)}
.br2__bar i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.br2__bar span{margin-left:8px;font:500 11px var(--f-mono);color:var(--muted);background:var(--bg);padding:3px 12px;border-radius:99px}
.br2__site{padding:22px;display:grid;gap:11px}
.br2--cafe .br2__site{background:#F2E9DA;color:#3A2E22;--acc:#6E8B4E}
.br2 small{font:500 9.5px var(--f-mono);letter-spacing:.22em;color:var(--acc)}
.br2 strong{font:700 italic clamp(26px,3vw,36px)/1 var(--f-display);letter-spacing:.03em}
.br2 em{display:block;height:7px;border-radius:9px;background:currentColor;opacity:.13;width:72%}
.br2 em.s{width:46%}
.br2 u{display:block;width:100px;height:26px;border-radius:99px;background:var(--acc)}
.br2__tl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.br2__tl span{height:56px;border-radius:9px;background:currentColor;opacity:.08}
.ph2{position:absolute;aspect-ratio:9/18.5;border-radius:28px;padding:7px;box-shadow:var(--shadow);background:#2B2420}
.ph2__scr{position:relative;height:100%;border-radius:21px;padding:24px 12px 12px;display:grid;align-content:start;gap:9px;overflow:hidden}
.ph2__notch{position:absolute;left:50%;top:7px;width:42px;height:10px;border-radius:9px;background:#2B2420;transform:translateX(-50%)}
.ph2 b{font:700 italic 14px var(--f-display);letter-spacing:.04em}
.ph2 em{display:block;height:5px;border-radius:9px;background:currentColor;opacity:.15}
.ph2 em.s{width:60%}
.ph2 u{display:block;width:62%;height:16px;border-radius:99px;background:var(--acc)}
.ph2 .blk{height:52px;border-radius:9px;background:currentColor;opacity:.08}
.ph2--cafe .ph2__scr{background:#F2E9DA;color:#3A2E22;--acc:#6E8B4E}
.hv2__br{left:0;top:60px;width:80%}
.hv2__ph{right:2%;top:130px;width:150px}
.note{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 16px 30px -16px rgba(0,0,0,.45);animation:chipFloat 6s ease-in-out infinite}
.note b{display:block;font-size:13.5px}
.note div span{display:block;font-size:12.5px;color:var(--muted)}
.note__ic{width:34px;height:34px;border-radius:10px;background:var(--chip);color:var(--chip-fg);display:grid;place-items:center;flex:none}
.note__ic--ok{background:#2A9D8F;color:#fff}
.hv2__n1{right:0;top:0}
.hv2__n2{left:-10px;bottom:24px;animation-delay:-2s}
.hv2 .hchip{z-index:4}
.hchip.hv2__c1{left:-10px;top:24px}
.hchip.hv2__c2{left:-18px;top:52%}
.hchip.hv2__c3{left:38%;bottom:-4px;top:auto}
@media (prefers-reduced-motion:reduce){.note{animation:none}}
@media (max-width:980px){.hv2{max-width:560px}}
@media (max-width:560px){.hv2{min-height:380px}.hv2__ph{width:120px;top:120px}.hchip.hv2__c2{display:none}.hv2__n1{right:-6px}}
/* why Y6 */
.why2 > div{position:relative;border-top:3px solid var(--cta-bg);border-radius:4px 4px 16px 16px}
.why2__n{position:absolute;right:18px;top:18px;font:600 12px var(--f-mono);color:var(--muted)}
/* footer C5 */
footer.ft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;padding:0;margin-top:56px;border:1px solid var(--line);border-radius:22px;overflow:hidden;font-size:14px;color:var(--muted)}
.ft__panel{background:var(--surface);border-left:6px solid var(--cta-bg);padding:30px;display:grid;gap:14px;align-content:start}
.ft__brand{display:flex;align-items:center;gap:10px;color:var(--fg);font-weight:700;font-size:16px;text-decoration:none}
.ft__brand i{width:32px;height:32px;border-radius:9px;background:var(--forest);color:var(--on-forest);display:grid;place-items:center;font:600 13px var(--f-display);font-style:normal}
.ft__tag{max-width:30ch}
.ft__c{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft__c li{display:flex;align-items:center;gap:8px;color:var(--fg)}
.ft__c svg{color:var(--leaf)}
.ft__wa{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:var(--cta-bg);color:var(--cta-fg);text-decoration:none;font-weight:700;padding:12px 18px;border-radius:12px;font-size:14.5px;transition:background .2s ease}
.ft__wa:hover{background:var(--cta-bg-hover)}
.ft__cols{background:var(--bg);padding:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-content:start}
.ft__cols h4{margin:0 0 10px;font:600 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.ft__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft__cols a{color:inherit;text-decoration:none}
.ft__cols a:hover{color:var(--fg)}
.ft__bt{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px;font-size:13px}
.ft__bt a{text-decoration:underline!important;text-underline-offset:3px}
footer.ft .blank{border-bottom:1px dashed currentColor;padding-inline:14px}
@media (max-width:900px){footer.ft{grid-template-columns:minmax(0,1fr)}.ft__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ft__cols > div:nth-child(3){grid-column:1/-1}}

/* ===== round 9 ===== */
/* header CTA */
.bar .bar-cta{background:var(--cta-bg);color:var(--cta-fg);font-weight:700;padding:10px 16px;gap:8px;box-shadow:0 8px 20px -12px color-mix(in srgb,var(--cta-bg) 80%,transparent)}
.bar .bar-cta:hover{background:var(--cta-bg-hover)}
.bar .bar-cta svg{transition:transform .2s ease}.bar .bar-cta:hover svg{transform:translateX(3px)}
/* how we work: cards under circles */
.hwl--cards li{grid-template-rows:auto 1fr;justify-items:center}
.hwl__card{width:100%;height:100%;box-sizing:border-box;margin-top:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 16px;display:grid;gap:6px;align-content:start;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.hwl--cards .hwl__n{margin:0;font-size:11.5px}
.hwl--cards .hwl__t{font-size:13.8px}
.hwl--cards .hwl__c{transition:background .2s ease,color .2s ease,border-color .2s ease}
.hwl--cards li:hover .hwl__c{background:var(--cta-bg);color:var(--cta-fg);border-color:var(--cta-bg)}
.hwl--cards li:hover .hwl__card{border-color:color-mix(in srgb,var(--cta-bg) 60%,var(--line));box-shadow:0 14px 30px -20px rgba(168,100,26,.6);transform:translateY(-2px)}
@media (max-width:900px){.hwl--cards li{grid-template-rows:auto;grid-template-columns:64px minmax(0,1fr)}.hwl--cards .hwl__c{grid-row:1}.hwl__card{margin-top:0}}
@media (prefers-reduced-motion:reduce){.hwl__card,.hwl--cards .hwl__c{transition:none}.hwl--cards li:hover .hwl__card{transform:none}}
/* start T2 */
.s2__top{gap:12px;justify-content:flex-start}
.s2__n{opacity:1;color:var(--leaf);font-size:40px}
.s2--dark .s2__n{color:#F0C27E}
.s2__top::after{content:"";order:1;flex:1;border-top:1.5px dashed currentColor;opacity:.3}
.s2__ic{order:2;width:52px;height:52px;flex:none;background:transparent!important}
/* price U2 */
.pc3__main--u{position:relative;overflow:hidden}
.pc3__main--u::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(224,160,74,.35),transparent 70%);pointer-events:none}
.pc3__main--u > *{position:relative}
.pc3__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pc3__pill{font:600 12px var(--f-body);padding:4px 10px;border-radius:999px;background:rgba(240,194,126,.14);color:#F0C27E;border:1px solid rgba(240,194,126,.3);white-space:nowrap}
.pc3__v--big{font-size:clamp(52px,6vw,68px)}
.pc3__sub{font:500 13.5px var(--f-mono);opacity:.6;margin-top:-4px}
/* footer full width */
footer.ft{display:block;margin-top:56px;border:0;border-top:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--bg)}
.ft__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.ft__panel{position:relative;border-left:0;border-top:4px solid var(--cta-bg);padding:34px 30px 34px 0}
.ft__panel::before{content:"";position:absolute;top:-4px;bottom:0;right:100%;width:100vw;background:var(--surface);border-top:4px solid var(--cta-bg)}
.ft__cols{background:transparent;padding:34px 0 30px 34px}
@media (max-width:900px){.ft__in{grid-template-columns:minmax(0,1fr)}.ft__panel{padding:30px 0}.ft__panel::after{content:"";position:absolute;top:-4px;bottom:0;left:100%;width:100vw;background:var(--surface);border-top:4px solid var(--cta-bg)}.ft__cols{padding:30px 0}}

/* ===== round 10 ===== */
footer.ft .ft__in{max-width:none;padding-inline:clamp(20px,4vw,64px)}
.ft__in{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr)}
.ft__cols{padding-left:clamp(24px,4vw,64px);grid-template-columns:repeat(3,minmax(0,1fr))}
.q4__tabs{display:flex;flex-wrap:wrap;gap:6px}
.q4__tabs button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font:600 13.5px var(--f-body);padding:8px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.q4__tabs button:hover{border-color:rgba(255,255,255,.45)}
.q4__tabs button.on{background:#fff;color:#18191C;border-color:#fff}
.k__top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.k__pill{font:600 11.5px var(--f-body);padding:3px 9px;border-radius:999px;background:var(--tint);color:var(--leaf);white-space:nowrap}
.k__sub{font:500 12.5px var(--f-mono);color:var(--muted);padding-right:44px}
.pc3__card.k2{padding-right:24px}
.k2 .pc3__go{top:auto;bottom:18px}
.p-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.p-head .p-hero{max-width:none}
.p-vis{min-height:400px;margin-top:20px}
.p-vis .hv2__br{top:40px;width:84%}
.p-vis .hv2__ph{top:100px}
.p-vis .hchip.hv2__c1{left:auto;right:4%;top:0}
.p-vis .hchip.hv2__c2{left:-14px;top:auto;bottom:40px}
@media (max-width:980px){.p-head{grid-template-columns:minmax(0,1fr);gap:0}.p-vis{max-width:560px;margin-bottom:24px}}
@media (max-width:560px){.p-vis{min-height:330px}.p-vis .hv2__ph{width:120px;top:110px}}
/* mock sites */
.ms .br2__bar{background:var(--surface)}
.ms__site{background:var(--sb);color:var(--sf);padding:14px 18px 18px;display:grid;gap:14px}
.ms__nav{display:flex;align-items:center;gap:12px}
.ms .ms__logo{font:700 15px/1 var(--lf);letter-spacing:.03em;font-style:var(--ls,normal)}
.ms__menu{display:flex;gap:8px;margin-left:auto}
.ms__menu i{width:24px;height:5px;border-radius:9px;background:currentColor;opacity:.22}
.ms__btn{font:600 10px var(--f-body);padding:6px 11px;border-radius:99px;background:var(--sa);color:var(--saf);white-space:nowrap}
.ms__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:center}
.ms__txt{display:grid;gap:8px}
.ms small{font:500 9px var(--f-mono);letter-spacing:.2em;color:var(--sa)}
.ms strong{font:700 19px/1.15 var(--lf);font-style:var(--ls,normal);letter-spacing:0}
.ms em{display:block;height:6px;border-radius:9px;background:currentColor;opacity:.14;width:80%}
.ms em.s{width:55%}
.ms__img{height:122px;border-radius:12px;background:var(--si);display:grid;place-items:center;color:var(--sic,rgba(255,255,255,.9));position:relative;overflow:hidden}
.ms__img::after{content:"";position:absolute;right:-20px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12)}
.ms__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ms__cards span{height:44px;border-radius:9px;background:var(--sc)}
.ph2.ms{background:#1C1C1E}
.ms__ph{position:relative;height:100%;border-radius:21px;padding:26px 10px 10px;display:grid;align-content:start;gap:8px;overflow:hidden;background:var(--sb);color:var(--sf)}
.ms__ph .ph2__notch{background:#1C1C1E}
.ms__ph .ms__logo{font-size:12px}
.ms__ph .ms__img{height:74px;border-radius:10px}
.ms__ph strong{font-size:12.5px;line-height:1.2}
.ms__ph .ms__btn{justify-self:start;font-size:8.5px;padding:5px 9px}
.ms__ph .ms__cards{grid-template-columns:1fr 1fr;gap:6px}
.ms__ph .ms__cards span{height:36px}
.ms--fit{--sb:#111111;--sf:#FFFFFF;--sa:#C6F24E;--saf:#111;--si:linear-gradient(135deg,#2A2A2A 30%,#6E8A1E);--sc:#1E1E1E;--lf:var(--f-display);--sic:#C6F24E}

/* ===== round 11 ===== */
.ft__cols h4{font:700 14.5px var(--f-body);letter-spacing:.04em;margin-bottom:14px}
/* how we work: tabs-cards + pointer */
.hw3__tabs{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hw3__tabs::before{content:"";position:absolute;left:10%;right:10%;top:31px;border-top:2px dashed color-mix(in srgb,var(--leaf) 45%,var(--line))}
.hw3__tabs li{display:flex}
.hw3__t{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-rows:auto 1fr;justify-items:center;gap:6px;cursor:pointer;position:relative}
.hw3__t:focus-visible .hw3__card{outline:2px solid var(--cta-bg);outline-offset:2px}
.hw3__c{width:64px;height:64px;border-radius:50%;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--leaf) 45%,var(--line));color:var(--leaf);display:grid;place-items:center;box-shadow:0 0 0 10px var(--bg);transition:background .2s,color .2s,border-color .2s}
.hw3__card{width:100%;height:100%;box-sizing:border-box;margin-top:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:6px;align-content:start;text-align:left;transition:background .2s,color .2s,border-color .2s}
.hw3__n{font:600 11.5px var(--f-mono);color:var(--leaf)}
.hw3__card b{font-size:16px;line-height:1.3}
.hw3__t:hover .hw3__card{border-color:color-mix(in srgb,var(--cta-bg) 50%,var(--line))}
.hw3__t.on .hw3__c{background:var(--cta-bg);color:var(--cta-fg);border-color:var(--cta-bg)}
.hw3__t.on .hw3__card{background:var(--forest-deep);color:#fff;border-color:transparent}
.hw3__t.on .hw3__n{color:#F0C27E}
.hw3__panel{position:relative;margin-top:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 28px;min-height:120px;box-sizing:border-box}
.hw3__panel::before{content:"";position:absolute;top:-8px;left:var(--px,10%);width:14px;height:14px;background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:translateX(-50%) rotate(45deg);transition:left .3s ease}
.hw3__p{display:none;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start}
.hw3__p.on{display:grid;animation:hw3In .25s ease}
@keyframes hw3In{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.hw3__ic{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--cta-bg) 16%,transparent);color:var(--leaf);display:grid;place-items:center}
.hw3__p b{display:block;font-size:19px;margin:2px 0 6px}
.hw3__p p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;max-width:72ch}
@media (max-width:900px){
 .hw3__tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 6px;margin-inline:-2px;scrollbar-width:none}
 .hw3__tabs::-webkit-scrollbar{display:none}
 .hw3__tabs::before{display:none}
 .hw3__tabs li{flex:0 0 46%;scroll-snap-align:start}
 .hw3__c{display:none}
 .hw3__card{margin:0}
 .hw3__panel{margin-top:16px;padding:20px}
 .hw3__p{grid-template-columns:minmax(0,1fr)}.hw3__ic{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.hw3__p.on{animation:none}.hw3__panel::before{transition:none}}
/* hero: results dashboard */
.hvd{position:relative;min-height:450px}
.hvd__w{position:absolute;left:0;top:56px;width:88%;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.hvd__in{padding:18px;display:grid;gap:16px}
.hvd__k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hvd__k > div{background:var(--bg);border-radius:12px;padding:12px;display:grid;gap:2px;min-width:0}
.hvd__k small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hvd__k b{font:600 22px/1.1 var(--f-display)}
.hvd__k em{font-style:normal;font-size:11.5px;font-weight:600;color:#2A9D8F;display:inline-flex;align-items:center;gap:3px}
.hvd__ch{display:flex;align-items:flex-end;gap:8px;height:130px;border-bottom:1px solid var(--line)}
.hvd__ch i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(var(--cta-bg),color-mix(in srgb,var(--cta-bg) 30%,transparent));transform-origin:bottom;animation:hvdBar .9s cubic-bezier(.2,.7,.2,1) both}
.hvd__ch i:nth-child(2){animation-delay:.05s}.hvd__ch i:nth-child(3){animation-delay:.1s}.hvd__ch i:nth-child(4){animation-delay:.15s}.hvd__ch i:nth-child(5){animation-delay:.2s}.hvd__ch i:nth-child(6){animation-delay:.25s}.hvd__ch i:nth-child(7){animation-delay:.3s}.hvd__ch i:nth-child(8){animation-delay:.35s}.hvd__ch i:nth-child(9){animation-delay:.4s}.hvd__ch i:nth-child(10){animation-delay:.45s}
@keyframes hvdBar{from{transform:scaleY(0)}to{transform:none}}
.hvd__lg{display:flex;gap:16px;font-size:11.5px;color:var(--muted)}
.hvd__lg > span{display:inline-flex;align-items:center;gap:6px}
.hvd__lg i{width:8px;height:8px;border-radius:50%;background:var(--cta-bg)}
.hvd__lg > span:nth-child(2) i{background:#2A9D8F}.hvd__lg > span:nth-child(3) i{background:#8FA7C4}
.note.hvd__n1{right:0;top:0}
.note.hvd__n2{left:-10px;bottom:20px;animation-delay:-2s}
.hchip.hvd__c1{right:6%;bottom:48px;left:auto;top:auto;z-index:4}
@media (prefers-reduced-motion:reduce){.hvd__ch i{animation:none}}
@media (max-width:980px){.hvd{max-width:560px}}
@media (max-width:560px){.hvd{min-height:400px}.hvd__w{width:100%;top:64px}.hvd__ch{height:100px}.note.hvd__n2{left:-6px;bottom:6px}.hchip.hvd__c1{display:none}}
/* contact N1 */
.contact--light{background:var(--tint);color:var(--fg)}
.contact--light h2{color:var(--fg)}
.contact--light p{opacity:1;color:var(--muted)}
.nx{display:grid;gap:16px}
.nw{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;text-decoration:none;transition:transform .2s ease}
.nw:hover{transform:translateY(-2px)}
.nw__ic{width:52px;height:52px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;flex:none}
.nw__t b{display:block;font-size:17px}
.nw__t small{font:500 13px var(--f-mono);opacity:.7}
.nw__go{margin-left:auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .2s}
.nw:hover .nw__go{transform:translateX(3px)}
.nw--dark{background:#1A1B1E;color:#fff;box-shadow:0 18px 32px -20px rgba(0,0,0,.6)}
.nw--dark .nw__go{background:rgba(255,255,255,.12)}
.nm{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 8px;font-size:14.5px;color:var(--muted)}
.nm b{color:var(--fg);font-weight:600;overflow-wrap:anywhere}
.nm__cp{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);display:grid;place-items:center;cursor:pointer}
.nm__cp:hover{background:var(--surface)}
.nm__ok{font-size:12.5px;font-weight:600;color:#2A9D8F;opacity:0;transition:opacity .2s}
.nm__ok.on{opacity:1}
@media (max-width:420px){.nw{padding:14px}.nw__ic{width:44px;height:44px}.nw__t b{font-size:15.5px}}

/* ===== round 12 ===== */
/* start R4: cut-out stickers, thin ring */
.starts2{padding-top:28px}
.s2{position:relative;display:flex;flex-direction:column;padding-top:46px}
.s2__top{order:3;margin:auto 0 0;padding-top:14px;gap:12px}
.s2__n{font-size:30px}
.s2 .s2__ic{position:absolute;left:24px;top:-26px;width:56px;height:56px;border-radius:16px;border:0!important;box-shadow:0 0 0 3px var(--bg);display:grid;place-items:center}
.s2--dark .s2__ic{background:var(--cta-bg)!important;color:var(--cta-fg)}
.s2--chip .s2__ic{background:#2A2B30!important;color:#F0C27E}
.s2--light .s2__ic{background:#6E8B4E!important;color:#fff}
@media (max-width:900px){.starts2{gap:40px}}
/* contact email row C5 */
.ce5{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 16px;border-radius:16px;background:transparent;border:1.5px dashed color-mix(in srgb,var(--fg) 22%,var(--line))}
.ce5__ic{width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--leaf);display:grid;place-items:center;flex:none}
.ce5__t{display:grid;gap:1px;min-width:0}
.ce5__t small{font:500 11px var(--f-mono);color:var(--muted);letter-spacing:.06em}
.ce5__t b{font-size:15px;font-weight:600;overflow-wrap:anywhere;color:var(--fg)}
.ce5 .nm__ok{margin-left:auto}
.ce5 .nm__cp{width:36px;height:36px;flex:none}
.ce5 .nm__ok:not(.on){width:0;overflow:hidden}
.ce5 .nm__ok:not(.on)+.nm__cp{margin-left:auto}
.nw__ic svg{width:24px;height:24px}
/* footer balance */
.ft__in{grid-template-columns:minmax(300px,1fr) minmax(0,2fr);align-items:stretch}
.ft__panel{border-top:0;padding:40px clamp(24px,3vw,48px) 40px 0}
.ft__panel::before{top:0;border-top:0}
.ft__panel::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--line)}
.ft__cols{padding:40px 0 30px clamp(28px,4vw,72px);column-gap:clamp(24px,4vw,64px)}
footer.ft{border-top:3px solid var(--cta-bg)}
@media (max-width:900px){.ft__panel{padding:32px 0}.ft__panel::after{left:auto;right:auto;width:auto;display:none}.ft__panel{box-shadow:none}.ft__cols{padding:30px 0}}
@media (max-width:900px){.ft__panel::after{display:block;top:0;bottom:0;left:100%;right:auto;width:100vw;background:var(--surface)}}
.ce5{position:relative}
.ce5 .nm__ok,.ce5 .nm__ok:not(.on){position:absolute;right:12px;top:calc(100% + 6px);width:auto;margin:0;white-space:nowrap}
.ce5 .nm__cp,.ce5 .nm__ok:not(.on)+.nm__cp{margin-left:auto}

/* ===== round 13 ===== */
/* how: progress line (H2) */
.hw3__tabs::before{border-top:2px solid var(--line)}
.hw3__tabs::after{content:"";position:absolute;left:10%;top:31px;width:calc(80% * var(--k,0) / 4);border-top:2px solid var(--cta-bg);transition:width .45s ease}
.hw3__t.done .hw3__c{background:color-mix(in srgb,var(--cta-bg) 14%,var(--surface));border-color:var(--cta-bg);color:var(--leaf)}
@media (max-width:900px){.hw3__tabs::after{display:none}}
/* copy feedback: dark pill + check */
.ce5 .nm__ok,.ce5 .nm__ok:not(.on){position:absolute;right:8px;top:auto;bottom:calc(100% + 8px);display:inline-flex;align-items:center;gap:6px;background:var(--forest-deep);color:#fff;font:600 12.5px var(--f-body);padding:7px 12px 7px 10px;border-radius:999px;box-shadow:0 10px 22px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;width:auto}
.ce5 .nm__ok::before{content:"";width:5px;height:9px;border-right:2px solid #7BD8A8;border-bottom:2px solid #7BD8A8;transform:rotate(45deg) translate(-1px,-1px)}
.ce5 .nm__ok.warn::before{display:none}
.ce5 .nm__ok.on{opacity:1;transform:none}
.nm__cp{position:relative}
.nm__ck{position:absolute;inset:0;display:grid;place-items:center;opacity:0;color:#fff;transition:opacity .2s}
.nm__cp.ok{background:#2A9D8F;border-color:#2A9D8F}
.nm__cp.ok > svg{opacity:0}
.nm__cp.ok .nm__ck{opacity:1}
.hw3__c{position:relative;z-index:1}
.ce5 .nm__ok,.ce5 .nm__ok:not(.on){bottom:auto;top:50%;right:58px;transform:translate(6px,-50%)}
.ce5 .nm__ok.on{transform:translate(0,-50%)}
/* ===== new pages: design / ai ===== */
.svcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;transition:border-color .2s,transform .2s}
.svc:hover{border-color:color-mix(in srgb,var(--cta-bg) 45%,var(--line));transform:translateY(-2px)}
.svc__ic{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--cta-bg) 15%,transparent);color:var(--leaf);display:grid;place-items:center;margin-bottom:6px}
.svc > b,.svw__a > b{font-size:18px}
.svc p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.svc__f{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;margin-top:4px;border-top:1px solid var(--line)}
.svc__p{display:grid;gap:2px}
.svc__v{font:600 24px/1.1 var(--f-display)}
.svc__v small{font:500 13px var(--f-body);color:var(--muted)}
.svc__v--req{font:600 15px var(--f-body);color:var(--leaf)}
.svc__t{font:500 12px var(--f-mono);color:var(--muted)}
.svc__b{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--fg);font-weight:700;font-size:14px;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);white-space:nowrap}
.svc__b:hover{border-color:var(--cta-bg);color:var(--leaf)}
@media (max-width:980px){.svcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.svcs{grid-template-columns:minmax(0,1fr)}}
.dzv{position:relative;min-height:400px;margin-top:20px}
.dzv > *{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.dzv__logo{left:4%;top:20px;width:56%;padding:26px;display:grid;justify-items:center;gap:8px;background:#F2E9DA;color:#3A2E22;border:0}
.dzv__mk{width:64px;height:64px;border-radius:50%;background:#3A2E22;position:relative;display:block}
.dzv__mk i{position:absolute;left:50%;top:50%;width:22px;height:30px;border-radius:50%;border:3px solid #D9B88E;transform:translate(-80%,-50%) rotate(-20deg)}
.dzv__mk i+i{transform:translate(-20%,-50%) rotate(-20deg);border-color:#6E8B4E}
.dzv__logo b{font:700 italic 24px Georgia,serif}
.dzv__logo small{font:500 10px var(--f-mono);letter-spacing:.24em;color:#6E8B4E}
.dzv__sw{right:0;top:0;width:36%;padding:14px;display:grid;gap:8px}
.dzv__sw span{height:38px;border-radius:10px;background:var(--c);display:flex;align-items:flex-end;padding:4px 8px}
.dzv__sw em{font:500 9.5px var(--f-mono);font-style:normal;color:#fff;mix-blend-mode:difference}
.dzv__ty{left:12%;bottom:24px;width:40%;padding:16px 20px;display:flex;align-items:center;gap:16px}
.dzv__ty b{font:400 46px/1 Georgia,serif}
.dzv__ty span{font:500 12px var(--f-mono);color:var(--muted)}
.dzv__an{right:6%;bottom:10px;width:38%;height:120px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end;overflow:hidden}
.dzv__an i{display:block;border-radius:10px;background:color-mix(in srgb,var(--cta-bg) 25%,var(--tint));height:40%;animation:dzUp 3s ease-in-out infinite}
.dzv__an i:nth-child(2){animation-delay:.3s;height:70%}.dzv__an i:nth-child(3){animation-delay:.6s;height:55%}
@keyframes dzUp{0%,100%{transform:translateY(30%);opacity:.5}50%{transform:none;opacity:1}}
.aiv{position:relative;min-height:400px;margin-top:20px;display:grid;align-content:center;gap:12px;padding:0 4%}
.aiv__call{display:flex;align-items:center;gap:14px;background:var(--forest-deep);color:#fff;border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}
.aiv__call small{display:block;font:500 12px var(--f-mono);opacity:.6}
.aiv__ic{width:44px;height:44px;border-radius:50%;background:#2A9D8F;display:grid;place-items:center;flex:none}
.aiv__wave{margin-left:auto;display:flex;gap:3px;align-items:center;height:24px}
.aiv__wave i{width:3px;border-radius:3px;background:#F0C27E;height:30%;animation:aiW 1s ease-in-out infinite}
.aiv__wave i:nth-child(2){animation-delay:.15s}.aiv__wave i:nth-child(3){animation-delay:.3s}.aiv__wave i:nth-child(4){animation-delay:.45s}.aiv__wave i:nth-child(5){animation-delay:.6s}
@keyframes aiW{0%,100%{height:25%}50%{height:100%}}
.aiv__m{max-width:78%;padding:12px 16px;border-radius:16px;display:grid;gap:3px;font-size:14.5px;line-height:1.45}
.aiv__m small{font:600 11px var(--f-mono);letter-spacing:.06em;opacity:.65}
.aiv__m--you{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}
.aiv__m--bot{justify-self:end;background:var(--tint);border-bottom-right-radius:4px}
.aiv__m--bot small{color:var(--leaf);opacity:1}
.aiv .note.aiv__ok{position:relative;justify-self:end;margin-top:6px;animation:none}
@media (prefers-reduced-motion:reduce){.aiv__wave i,.dzv__an i{animation:none}}
.aist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aist li{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--cta-bg);border-radius:4px 4px 18px 18px;padding:22px;display:grid;gap:6px;align-content:start}
.aist__n{font:600 12px var(--f-mono);color:var(--leaf)}
.aist b{font-size:17px}.aist p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
@media (max-width:820px){.aist{grid-template-columns:minmax(0,1fr)}}
.svcs:has(> .svc:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:620px){.svcs:has(> .svc:nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}}
.dzv__sw em{mix-blend-mode:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.dzv__sw span:last-child em{color:#3A2E22;text-shadow:none}

/* ===== round 14 ===== */
/* logo L7 */
.brand__mark--l7{background:none;width:32px;height:32px;color:var(--fg)}
.brand__mark--l7 svg{width:32px;height:32px}
.ft__brand i.ft__mk{background:none;width:32px;height:32px;color:var(--fg)}
.ft__brand i.ft__mk svg{width:32px;height:32px}
/* section dividers: D3 dot line, D5 stroke */
.sdiv{display:flex;align-items:center;gap:14px;margin:8px 0 -8px}
.sdiv::before,.sdiv::after{content:"";flex:1;border-top:1px solid var(--line)}
.sdiv span{width:7px;height:7px;border-radius:50%;background:var(--cta-bg)}
#prices .sec-head h2::before,#faq .fb-side h2::before,#contact .c-intro h2::before{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--cta-bg);margin-bottom:14px}
/* extras 2x2 */
#x-grid.xgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:none;border:0;border-radius:0;overflow:visible}
.xc{display:grid;grid-template-columns:48px minmax(0,1fr) auto 32px;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 18px 18px 20px;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}
.xc:hover{border-color:color-mix(in srgb,var(--cta-bg) 45%,var(--line));transform:translateY(-2px)}
.xc__ic{width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--leaf);display:grid;place-items:center}
.xc h3{margin:0 0 3px;font-size:16px}
.xc p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.xc__meta{text-align:right;display:grid;gap:2px}
.xc__price{font:600 22px/1.1 var(--f-display);white-space:nowrap}
.xc__price small{font:500 12px var(--f-body);color:var(--muted)}
.xc__term{font:500 11.5px var(--f-mono);color:var(--muted);white-space:nowrap}
.xc__go{width:32px;height:32px;border-radius:50%;background:var(--tint);display:grid;place-items:center;transition:transform .2s}
.xc:hover .xc__go{transform:translateX(3px)}
@media (max-width:900px){#x-grid.xgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.xc{grid-template-columns:44px minmax(0,1fr) 28px}.xc__meta{grid-column:2;grid-row:2;text-align:left;display:flex;gap:10px;align-items:baseline}.xc__go{grid-column:3;grid-row:1/3}}
footer.ft{border-top:1px solid var(--line)}

/* ===== round 15 ===== */
/* faint dashed divider instead of dot line */
.sdiv{margin:8px 0 -8px}
.sdiv span,.sdiv::after{display:none}
.sdiv::before{border-top:1px dashed color-mix(in srgb,var(--fg) 16%,transparent)}
/* care B7 */
.care5{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 24px 0;display:grid;gap:16px;overflow:hidden;margin-top:14px}
.care5__h{display:flex;align-items:center;gap:14px}
.care5__ic{width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--leaf);display:grid;place-items:center;flex:none}
.care5__h b{display:block;font-size:18px}.care5__h em{font-style:normal;font-weight:400;color:var(--muted)}
.care5__h small{font-size:13.5px;color:var(--muted)}
.care5__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.care5__g > div{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--bg)}
.care5__g span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:var(--surface);color:var(--leaf);display:grid;place-items:center}
.care5__g b{font-size:14px}.care5__g small{font-size:12.5px;color:var(--muted);line-height:1.4}
.care5__foot{display:flex;align-items:center;gap:10px;margin:0 -24px;padding:14px 24px;background:var(--tint);font-size:14.5px}
.care5__foot svg{color:var(--leaf);flex:none}
@media (max-width:900px){.care5__g{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.care5__g{grid-template-columns:minmax(0,1fr)}}
/* WhatsApp button G5 */
.gw--white{background:#fff;color:#18191C;border:1px solid var(--line);box-shadow:0 14px 28px -20px rgba(0,0,0,.4)}
.gw--white .nw__go{background:#25D366;color:#fff}
.gw--bar{border-left:6px solid #25D366}
/* footer variants per page */
.ft--f3 .ft__panel,.ft--f3 .ft__panel::before{box-shadow:inset 0 3px 0 var(--cta-bg)}
.ft--f4 .ft__panel::before{border-left:6px solid var(--cta-bg);box-sizing:border-box}
.ft--f5 .ft__panel,.ft--f5 .ft__panel::before{background:var(--tint)}
.ft--f5 .ft__panel::after{display:none}
@media (max-width:900px){.ft--f5 .ft__panel::after{display:block;background:var(--tint)}.ft--f3 .ft__panel::after{box-shadow:inset 0 3px 0 var(--cta-bg)}}
.ft--f4 .ft__panel::before{border-left:0}
footer.ft--f4{box-shadow:inset 6px 0 0 var(--cta-bg)}
@media (max-width:900px){footer.ft--f4{box-shadow:none}.ft--f4 .ft__panel{box-shadow:inset 0 3px 0 var(--cta-bg)}}
footer.ft--f4{position:relative;box-shadow:none}
footer.ft--f4::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--cta-bg);z-index:2}
@media (max-width:900px){footer.ft--f4::after{display:none}}

/* ===== round 16 ===== */
/* no divider lines: calm whitespace rhythm instead */
#prices .sec-head h2::before,#faq .fb-side h2::before,#contact .c-intro h2::before{content:none;display:none}
main > section{padding-block:72px}
@media (max-width:700px){main > section{padding-block:52px}}
/* footer: centered content in left panel */
.ft__panel{justify-items:center;text-align:center;align-content:center}
.ft__panel .ft__brand{justify-content:center}
.ft__panel .ft__tag{margin-inline:auto}
.ft__c li{justify-content:center}
.ft__panel .ft__wa{justify-self:center}
/* G4 soft green WhatsApp */
.gm{background:#DDF4E4;color:#14532D;border:0}
.gm--0 .nw__go{background:#1FAF5A;color:#fff}
/* ===== round 17: slightly narrower left footer panel ===== */
.ft__in{grid-template-columns:minmax(280px,.78fr) minmax(0,2.22fr)}
.ft__panel{padding-right:clamp(20px,2.4vw,40px)}
/* ===== round 18: left-aligned panel content ===== */
.ft__panel{justify-items:start;text-align:left;align-content:start}
.ft__panel .ft__brand{justify-content:flex-start}
.ft__panel .ft__tag{margin-inline:0}
.ft__c li{justify-content:flex-start}
.ft__panel .ft__wa{justify-self:start}

/* ===== round 19 ===== */
/* how catalog works: W2 layout + dark chat, note under tiles */
.how5{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px 24px 0;display:grid;gap:18px;overflow:hidden;margin-top:14px}
.how5__h{display:flex;align-items:center;gap:14px}
.how5__h b{display:block;font-size:18px}.how5__h small{font-size:13.5px;color:var(--muted)}
.how5__2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:22px;align-items:start}
.how5__l{display:grid;gap:14px}
.how5__p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.how5__r{display:grid;gap:12px}
.how5__g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.how5__g > div{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--bg)}
.how5__g span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:var(--surface);color:var(--leaf);display:grid;place-items:center}
.how5__g b{font-size:14px}.how5__g small{font-size:12.5px;color:var(--muted);line-height:1.4}
.how5__note{margin:0;padding:14px 16px;border-radius:14px;background:var(--tint);font-size:13.5px;line-height:1.55;color:var(--fg)}
.how5 .care5__foot{margin:0 -24px}
.hc{border-radius:18px;overflow:hidden;background:#0B141A;box-shadow:0 18px 34px -24px rgba(0,0,0,.6)}
.hc__h{display:flex;align-items:center;gap:10px;background:#1F2C33;color:#fff;padding:12px 14px}
.hc__h b{display:block;font-size:13.5px}.hc__h small{font-size:11.5px;opacity:.65}
.hc__av{width:34px;height:34px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;flex:none}
.hc__b{padding:14px;display:grid;gap:8px}
.hc__m{justify-self:start;max-width:88%;background:#202C33;color:#E9EDEF;border-radius:12px 12px 12px 4px;padding:8px 12px;font-size:13.5px;line-height:1.4}
.hc__m--us{justify-self:end;background:#005C4B;border-radius:12px 12px 4px 12px}
@media (max-width:900px){.how5__2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.how5__g{grid-template-columns:minmax(0,1fr)}.how5{padding:18px 16px 0}.how5 .care5__foot{margin:0 -16px;padding-inline:16px}}
/* comparison: C1 look, keeps hover, highlighted rows and the top notch */
.cmp-box .cmp th.hi,.cmp-box .cmp td.hi,.cmp-box .cmp-g td.hi{background:transparent!important;box-shadow:inset 1.5px 0 0 color-mix(in srgb,var(--cta-bg) 45%,transparent),inset -1.5px 0 0 color-mix(in srgb,var(--cta-bg) 45%,transparent)!important}
.cmp-box .cmp thead th.hi{box-shadow:inset 1.5px 0 0 color-mix(in srgb,var(--cta-bg) 45%,transparent),inset -1.5px 0 0 color-mix(in srgb,var(--cta-bg) 45%,transparent),inset 0 1.5px 0 color-mix(in srgb,var(--cta-bg) 45%,transparent)!important;border-radius:14px 14px 0 0;position:relative}
.cmp-box .cmp thead th.hi .ch-name{color:var(--leaf)}
.cmp-box .cmp td.hi{color:var(--fg)}
.cmp-box .cmp tr.r-first td,.cmp-box .cmp tr.r-first td.hi{background:color-mix(in srgb,var(--fg) 3%,transparent)!important}
.cmp-box .cmp tbody tr:not(.cmp-g):hover td,.cmp-box .cmp tbody tr:not(.cmp-g):hover td.hi{background:color-mix(in srgb,var(--fg) 5%,transparent)!important}
.cmp-box .cmp .yes{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--cta-bg) 15%,transparent);color:var(--leaf);font-size:12px!important;font-weight:800;line-height:1}
.cmp-box::after{height:120px!important;background:linear-gradient(to bottom,transparent,var(--surface) 85%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.cmp-box .cmp-toggle{left:50%!important;right:auto!important;width:auto!important;transform:translateX(-50%)!important;bottom:18px!important;border:1.5px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--fg)!important;padding:10px 12px 10px 18px!important;gap:8px;box-shadow:0 10px 24px -14px rgba(0,0,0,.4)!important;font:600 14px var(--f-body)!important}
.cmp-box .cmp-toggle:hover{border-color:var(--cta-bg)!important}
.cmp-box.open .cmp-toggle{position:static!important;transform:none!important;margin:14px auto 18px!important;display:flex}
.cmp-box .cmp-toggle svg{width:16px!important;height:16px!important;padding:0!important;background:none!important;color:inherit!important}

/* ===== round 20 ===== */
.sub{border-top:0;padding-top:0;margin-top:72px}
.cap-t{font-size:24px}
.cap-s{white-space:nowrap}
@media (max-width:700px){.sec-head p br{display:none}.cap-s{white-space:normal}}

/* ===== round 21: one Month/Year switch per section (Y1) ===== */
.tier .mini-seg{display:none!important}
.cat-seg:not(.cat-seg--once){display:none!important}
.cat-seg--once{background:none!important;border:0!important;padding:0!important;font-size:13px;color:var(--muted);text-align:left}
.sec-head--row{align-items:flex-end}
.period.period--y1{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;margin:0;text-align:right;max-width:420px}
.period--y1 .period__l{font:600 14px var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
.period--y1 .period__seg{padding:5px;box-shadow:0 10px 26px -16px rgba(24,25,28,.45)}
.period--y1 .period__seg button{padding:11px 22px;font-size:15px;color:var(--fg)}
.period--y1 .period__seg button[aria-pressed="true"]{background:var(--forest-deep);color:#fff}
.period--y1 .period__save{font:700 12px var(--f-body);background:transparent;color:var(--leaf);padding:0}
.period--y1 .period__seg button[aria-pressed="true"] .period__save{background:transparent;color:#F0C27E}
.period--y1 .period__hint{flex-basis:100%;font-size:12.5px;color:var(--muted)}
.sub__row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.sub__row .sub__head{margin-bottom:0}
.period--cat .period__l{display:none}
.period--cat .period__hint{display:none}
@media (max-width:900px){.period.period--y1{justify-content:flex-start;text-align:left;max-width:none}}

/* ===== round 22: collapsible care (R1) with stacked icon circles ===== */
.care5--d{padding:0;gap:0}
.care5__d summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:20px 22px;font-weight:400}
.care5__d summary::-webkit-details-marker{display:none}
.care5__d summary::after{display:none!important;content:none!important}
.care5__t b{display:block;font-size:18px}.care5__t em{font-style:normal;font-weight:400;color:var(--muted)}
.care5__t small{font-size:13.5px;color:var(--muted)}
.care5__stack{margin-left:auto;display:flex;align-items:center}
.care5__stack span{width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--leaf);display:grid;place-items:center;margin-left:-8px;box-shadow:0 0 0 2px var(--surface)}
.care5__stack span:first-child{margin-left:0}
.care5__more{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f-body);color:var(--fg);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;white-space:nowrap;transition:border-color .2s}
.care5__d summary:hover .care5__more{border-color:var(--cta-bg)}
.care5__more .m-close,.care5__d[open] .care5__more .m-open{display:none}
.care5__d[open] .care5__more .m-close{display:inline}
.care5__more svg{transition:transform .2s}.care5__d[open] .care5__more svg{transform:rotate(180deg)}
.care5__d[open] .care5__stack{opacity:0;pointer-events:none}
.care5__body{padding:0 22px 20px;animation:hw3In .25s ease}
.care5--d .care5__foot{margin:0;padding:14px 22px}
@media (max-width:760px){.care5__d summary{flex-wrap:wrap}.care5__stack{margin-left:62px;order:3;flex-basis:100%}.care5__more{margin-left:auto}}
@media (max-width:480px){.care5__stack{margin-left:0}.care5__more{margin-left:0}}
@media (max-width:760px){
 .care5__d summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;column-gap:14px;row-gap:14px;align-items:center;flex-wrap:nowrap}
 .care5__t{grid-column:2/4}
 .care5__stack{grid-column:1/3;grid-row:2;margin:0;flex-basis:auto;order:0}
 .care5__more{grid-column:3;grid-row:2;margin:0}
}
@media (max-width:480px){.care5__stack span{width:30px;height:30px}.care5__more{padding:8px 12px;font-size:13px}}
.care5__stack span{flex:none}
@media (max-width:480px){.care5__d summary{grid-template-columns:48px minmax(0,1fr)}.care5__t{grid-column:2}.care5__stack{grid-column:1/-1;grid-row:2}.care5__more{grid-column:1/-1;grid-row:3;justify-self:start}}
/* fix: inner details inherited global border/radius/background (double edge in dark theme) */
details.care5__d{background:transparent;border:0;border-radius:0;padding:0;margin:0;box-shadow:none}
.care5--d{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;isolation:isolate}
.care5--d .care5__foot{border-top:0}

/* ===== round 24: K1 short feature list with icons ===== */
.t-feat--ic{gap:12px}
.t-feat--ic li{display:flex;align-items:center;gap:12px;padding-left:0!important}
.t-feat--ic li::before{display:none!important;content:none!important}
.tf-ic{width:30px;height:30px;border-radius:9px;background:var(--tint);color:var(--leaf);display:grid;place-items:center;flex:none}
.tier--hi .tf-ic{background:rgba(240,194,126,.14);color:#F0C27E}

/* ===== round 25: care inside tier cards like K1 ===== */
.kc-care{margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--bg);display:grid;gap:3px;text-align:left}
.tier--hi .kc-care{background:rgba(255,255,255,.07)}
.kc-care__l{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}
.kc-care__l em{font-style:normal;font-weight:400;opacity:.6}
.kc-care__p{font:600 20px/1.2 var(--f-display)}
.kc-care__p .old{font:400 12px var(--f-body);opacity:.5;margin-left:4px}
.kc-care__g{display:inline-flex;align-items:center;gap:6px;font-size:12px;opacity:.75}
.kc-care svg{color:var(--leaf);flex:none}.tier--hi .kc-care svg{color:#F0C27E}
.tier .kc-care + .btn{margin-top:14px}
.kc-care__p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.kc-care__p .old{display:inline!important;margin:0!important;text-decoration:line-through}
.period--y1 .period__hint{display:none!important}
#t-shops .t-desc{min-height:0!important}

/* ===== round 31: WhatsApp button B1, plain dark arrow ===== */
.ww{background:#fff;color:#18191C;border:1px solid var(--line);box-shadow:0 14px 28px -22px rgba(0,0,0,.45)}
.ww--1 .nw__go{background:none;color:#18191C;width:auto}
.ww--1 .nw__go svg{width:20px;height:20px}

/* ===== round 32: cream chat ===== */
.hc--cream{background:#F7F1E7;border:1px solid var(--line);box-shadow:0 22px 40px -28px rgba(0,0,0,.45)}
.hc--cream .hc__h{background:#fff;color:#18191C;border-bottom:1px solid var(--line)}
.hc--cream .hc__av{background:#18191C;color:#fff}
.hc--cream .hc__m{display:grid;gap:2px;background:#fff;color:#18191C;box-shadow:0 1px 1px rgba(0,0,0,.06);padding:8px 12px 6px}
.hc--cream .hc__m--us{background:#F3DFBF;color:#18191C}
.hc__m i{justify-self:end;display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:10.5px;opacity:.55}
.hc__ck{color:#34B7F1}
.how5__g > div{align-items:start;align-content:start}.how5__g span{grid-row:1/3;margin-top:1px}

/* ===== round 33: catalog cards like sites (C1), no wrapping ===== */
.tier--cat .t-price{white-space:nowrap;overflow:hidden;display:block}
.tier--cat .t-price small{font-size:15px}
.tier--cat .t-price .old{font:400 14px var(--f-body);opacity:.45;margin-left:4px}
.tier--cat .kc-care__p{white-space:nowrap;overflow:hidden;font-size:17px;display:block}
.tier--cat .kc-care{margin-top:4px}
.tier--cat .kc-care + .btn{margin-top:14px}
.tier--cat .t-price{display:flex!important;flex-wrap:nowrap!important;align-items:baseline;gap:6px}.tier--cat .t-price small,.tier--cat .t-price .old{flex:none}
.tier--cat .t-price small{font-size:.38em}.tier--cat .t-price .old{font-size:.34em}
.tier--cat .kc-care{align-content:start}
.tier--cat .kc-care__p{font:600 20px/1.2 var(--f-display)}.tier--cat .t-feat--ic li{align-items:flex-start}.tier--cat .t-feat--ic .tf-ic{width:26px;height:26px;border-radius:8px;margin-top:-2px}

/* ===== round 38: wordmark logo N1 ===== */
.wm{font:700 22px/1 var(--f-display);letter-spacing:-.03em;color:var(--fg)}
.wm i{font-style:normal;color:var(--cta-bg)}
.ft__brand .wm{font-size:24px}
/* how block: tiles under text, chat on the right full height, note at bottom */
.how5__2{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}
.how5__l{display:grid;gap:16px;align-content:start}
.how5__r{display:flex}
.how5__r .hc{flex:1;display:flex;flex-direction:column}
.how5__r .hc__b{flex:1;align-content:end}
.how5 > .how5__note{margin:0}
@media (max-width:900px){.how5__2{grid-template-columns:minmax(0,1fr)}}
.hc__av--e{font:700 17px/1 var(--f-display);letter-spacing:-.03em}.hc__av--e i{font-style:normal;color:#E0A04A}

/* ===== round 39 ===== */
/* home prices second row */
.pc3__more{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pc3{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.pc3__v2--s{font-size:22px}
@media (max-width:700px){.pc3__more{grid-template-columns:1fr}}
/* three ways: row under prices hero */
.srow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 8px}
.srow__c{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.srow__ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}
.srow__c--1 .srow__ic{background:var(--cta-bg);color:var(--cta-fg)}
.srow__c--2 .srow__ic{background:#2A2B30;color:#F0C27E}
.srow__c--3 .srow__ic{background:#6E8B4E;color:#fff}
.srow__c b{display:block;font-size:15.5px;margin-bottom:2px}
.srow__c small{display:block;font-size:13px;line-height:1.5;color:var(--muted)}
@media (max-width:900px){.srow{grid-template-columns:1fr}}
/* three ways: tags around image */
.stag{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 13px 7px 8px;font:600 13px var(--f-body);color:var(--fg);box-shadow:0 12px 24px -14px rgba(0,0,0,.45);animation:chipFloat 6s ease-in-out infinite}
.stag svg{width:24px;height:24px;padding:4px;border-radius:50%;box-sizing:border-box}
.stag1 svg{background:var(--cta-bg);color:var(--cta-fg)}.stag2 svg{background:#2A2B30;color:#F0C27E}.stag3 svg{background:#6E8B4E;color:#fff}
.stag1{left:-14px;top:150px}.stag2{right:-6px;top:20px;animation-delay:-2s}.stag3{left:22%;bottom:-6px;animation-delay:-4s}
.p-vis .hchip{display:none}
@media (max-width:560px){.stag{font-size:11.5px}.stag1{left:-4px}}
/* home hero h1 three lines */
.hero h1{max-width:13ch}
.how5__r .hc__b{align-content:start}
.stag1{top:auto;bottom:118px;left:-18px}
.hc__av--e{display:flex!important;align-items:center;justify-content:center;white-space:nowrap;background:#18191C;color:#fff}

/* ===== round 40 ===== */
.pc3__more{margin-top:14px}
.k2i{display:grid!important;grid-template-columns:48px minmax(0,1fr);column-gap:16px;align-items:start}
.k2i__b{display:grid;gap:6px}
.k3i{width:48px;height:48px;border-radius:14px;background:var(--forest-deep);color:#F0C27E;display:grid;place-items:center}
/* logos X1 / X4 */
.lgx{display:inline-flex;align-items:center;gap:10px;color:var(--fg)}
.lgx__m{display:grid;place-items:center;width:30px;height:30px;flex:none}
.lgx__m svg{width:28px;height:28px}
.lgx__w{display:grid;line-height:1.02}
.lgx__w b{font:700 18px var(--f-display);letter-spacing:-.01em}
.lgx__w small{font:500 8.5px var(--f-mono);letter-spacing:.32em;opacity:.55;margin-top:2px}
.lgx--tile .lgx__m{width:34px;height:34px;border-radius:10px;background:var(--fg);color:var(--bg)}
.lgx--tile .lgx__m svg{width:20px;height:20px}
.ft__brand .lgx__w b{font-size:19px}
/* chat input bar */
.hc__in{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-top:1px solid var(--line);margin-top:auto}
.hc__pl{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:400 22px/1 var(--f-body);color:#6B6660;flex:none}
.hc__fld{flex:1;background:#F4F3F1;border-radius:999px;padding:8px 14px;font-size:13.5px;color:#8B857D;position:relative}
.hc__fld::after{content:"";display:inline-block;width:1.5px;height:15px;background:#9C5B0E;margin-left:2px;vertical-align:-3px;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.hc__mic{width:34px;height:34px;border-radius:50%;background:#9C5B0E;color:#fff;display:grid;place-items:center;flex:none}
.how5__r .hc__b{flex:1}
@media (prefers-reduced-motion:reduce){.hc__fld::after{animation:none}}
.hero h1{max-width:none}

/* ===== round 41 ===== */
.lgx--one .lgx__w{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.lgx--one .lgx__w b{font-size:18px}
.lgx--one .lgx__w small{font:500 18px var(--f-display);letter-spacing:-.01em;opacity:.55;margin:0;text-transform:none}
.lgx--bold .lgx__w small{font-weight:700;opacity:1}
.lgx--muted .lgx__w small{color:var(--leaf);opacity:1;font-weight:600}
.ft__brand .lgx--one .lgx__w b,.ft__brand .lgx--one .lgx__w small{font-size:19px}
/* hero: keep first line clear of the picture */
.hero h1{font-size:clamp(32px,4.3vw,54px)}
.nav a,.bar .bar-cta{white-space:nowrap}
@media (max-width:1200px){.lgx--one .lgx__w small{display:none}.nav{gap:14px}}
@media (max-width:1080px){.bar .bar-cta{padding:9px 12px;font-size:14px}}

/* r43 pills P1 */
.stag{border-radius:14px;padding:7px 14px 7px 8px}
.stag svg{flex:none}
.stag__t{display:grid;line-height:1.2}
.stag__t small{font:500 10px var(--f-mono);color:var(--muted);letter-spacing:.06em}

/* r44 hero lead in 3 lines */
@media (min-width:981px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px}.hero .lead{max-width:none;font-size:18px}}
@media (min-width:981px) and (max-width:1180px){.hero .lead{font-size:16.5px}}
/* r44 active nav */
.nav a{position:relative}
.nav a[aria-current="page"]{color:var(--fg);font-weight:600}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:2px;background:var(--cta-bg)}

/* ===== r45 nav groups ===== */
.nav{align-items:center}
.nav__g1,.nav__g2{display:flex;align-items:center;gap:inherit}
.nav a{display:inline-flex;align-items:center;gap:6px}
.nav__sep{display:none}
.nav--n1 .nav__sep,.nav--n5 .nav__sep{display:block;width:1px;height:20px;background:color-mix(in srgb,var(--fg) 25%,transparent)}
.nav--n2 .nav__g1{background:color-mix(in srgb,var(--fg) 7%,transparent);border-radius:999px;padding:4px;gap:0}
.nav--n2 .nav__g1 a{padding:6px 12px;border-radius:999px}
.nav--n2 .nav__g1 a[aria-current="page"]{background:var(--surface);box-shadow:0 2px 8px -3px rgba(0,0,0,.3)}
.nav--n2 a[aria-current="page"]::after{display:none}
.nav--n3 .nav__g1 a{color:var(--fg);font-weight:600}
.nav--n3 .nav__g2 a{font-size:13.5px}
.nav--n3 .nav__sep{display:block;width:4px;height:4px;border-radius:50%;background:var(--muted)}
.nav--n5 .nav__g1 svg{color:var(--leaf);flex:none}
@media (max-width:1200px){.nav--n2 .nav__g1 a{padding:6px 9px}.nav--n5 .nav__g1 svg{display:none}}

/* ===== r45 home price variants ===== */
.pvx + .pvx{margin-top:44px}
.pvx__tag{display:inline-block;margin-bottom:12px;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cta-bg);background:color-mix(in srgb,var(--cta-bg) 12%,transparent);padding:5px 10px;border-radius:999px}
.pvx .pc3__card{overflow:hidden;isolation:isolate}
.pvx .pc3__main{isolation:isolate}
/* D3-1 */
.pvx--d3 .pc3__main--u::before{right:-60px;top:auto;bottom:-160px;width:420px;height:380px;background:radial-gradient(circle,rgba(232,140,60,.4),transparent 65%)}
.pvx--d3 .pc3__more .pc3__card{background:#17181B;border-color:#2A2B30;color:#fff}
.pvx--d3 .pc3__more .pc3__card::before{content:"";position:absolute;right:-60px;bottom:-110px;width:300px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(232,140,60,.45),transparent 65%);z-index:-1}
.pvx--d3 .pc3__more .pc3__card:first-child::before{background:radial-gradient(circle,rgba(130,170,90,.45),transparent 65%)}
.pvx--d3 .pc3__more .k3i{background:rgba(255,255,255,.08);border:1px solid rgba(240,194,126,.45);color:#F0C27E}
.pvx--d3 .pc3__more .pc3__l{color:#F0C27E}
.pvx--d3 .pc3__more .k__sub{color:rgba(255,255,255,.6)}
.pvx--d3 .pc3__more .pc3__go{background:rgba(255,255,255,.1);color:#fff}
/* B1 */
.pvx--b1 .pc3__main{position:relative;overflow:hidden}
.pvx--b1 .pc3__main::after,.pvx--b1 .pc3__side .pc3__card::after,.pvx--b1 .pc3__more .pc3__card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px}
.pvx--b1 .pc3__main::after{background:linear-gradient(90deg,#E88C3C,#F0C27E)}
.pvx--b1 .pc3__side .pc3__card::after{background:linear-gradient(90deg,var(--fg),color-mix(in srgb,var(--fg) 40%,transparent))}
.pvx--b1 .pc3__more .pc3__card{border-color:transparent;background:linear-gradient(180deg,rgba(110,139,78,.15),var(--surface) 70%)}
.pvx--b1 .pc3__more .pc3__card:last-child{background:linear-gradient(180deg,rgba(240,170,90,.22),var(--surface) 70%)}
.pvx--b1 .pc3__more .pc3__card::after{background:linear-gradient(90deg,#6E8B4E,#A9C17F)}
.pvx--b1 .pc3__more .pc3__card:last-child::after{background:linear-gradient(90deg,#E88C3C,#F0C27E)}
.pvx--b1 .pc3__more .pc3__card:last-child .k3i{background:var(--cta-bg);color:#fff}
/* A1 */
.pvx--a1 .pc3__side .pc3__card{border-color:color-mix(in srgb,var(--fg) 12%,transparent)}
.pvx--a1 .pc3__side .pc3__card::before{content:"";position:absolute;left:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(120,115,105,.14),transparent 65%);z-index:-1}
.pvx--a1 .pc3__more .pc3__card{border:1.5px solid rgba(232,140,60,.45)}
.pvx--a1 .pc3__more .pc3__card:first-child{border-color:rgba(110,139,78,.5)}
.pvx--a1 .pc3__more .pc3__card::before{content:"";position:absolute;left:-60px;top:-70px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(240,194,126,.45),transparent 65%);z-index:-1}
.pvx--a1 .pc3__more .pc3__card:first-child::before{background:radial-gradient(circle,rgba(110,139,78,.32),transparent 65%)}
.pvx--a1 .pc3__more .pc3__card:last-child .k3i{background:var(--cta-bg);color:#fff}

/* ===== r45 contact variants ===== */
.contact--c3,.contact--c4{background:#17181B!important;color:#fff}
.contact--c3 h2,.contact--c4 h2{color:#fff!important}
.contact--c3 p,.contact--c4 p{color:rgba(255,255,255,.7)!important}
.contact--c3 .ce5,.contact--c4 .ce5{border-color:rgba(255,255,255,.22)}
.contact--c3 .ce5__t b,.contact--c4 .ce5__t b{color:#fff}
.contact--c3 .ce5__t small,.contact--c4 .ce5__t small{color:rgba(255,255,255,.55)}
.contact--c3 .ce5__ic,.contact--c4 .ce5__ic{background:rgba(255,255,255,.1);color:#F0C27E}
.contact--c3 .nm__cp,.contact--c4 .nm__cp{background:rgba(255,255,255,.1);color:#fff;border-color:transparent}
.contact--c4,.contact--c5,.contact--c6{position:relative;overflow:hidden;isolation:isolate}
.contact--c4::before{content:"";position:absolute;right:-120px;bottom:-200px;width:620px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(232,140,60,.42),transparent 65%);z-index:-1}
.contact--c5,.contact--c6{background:var(--surface)!important;border:1px solid var(--line)}
.contact--c5::before,.contact--c5::after{content:"";position:absolute;border-radius:50%;z-index:-1}
.contact--c5::before{left:-120px;top:-160px;width:460px;height:420px;background:radial-gradient(circle,rgba(110,139,78,.25),transparent 65%)}
.contact--c5::after{right:-120px;bottom:-180px;width:520px;height:460px;background:radial-gradient(circle,rgba(240,194,126,.45),transparent 65%)}
.contact--c6::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6E8B4E,#F0C27E,#E88C3C)}
@media (max-width:1340px){.bar:has(.nav--n2) .lgx--one .lgx__w small,.bar:has(.nav--n5) .lgx--one .lgx__w small{display:none}}

/* ===== r46 ===== */
.nav--n3l .nav__g1 a{color:var(--fg);font-weight:600}
.nav--n3l .nav__g2 a{font-size:13.5px}
.nav--n3l .nav__sep{display:block;width:1px;height:18px;background:color-mix(in srgb,var(--fg) 25%,transparent)}
/* bottom row aligned with top columns */
.pc3__more{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media (max-width:900px){.pc3__more{grid-template-columns:minmax(0,1fr)}}
/* B1 refined */
.pvx--b1 .pc3__main::after{height:2px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.05))}
.pvx--b1 .pc3__side .pc3__card::after{height:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 18%,transparent),color-mix(in srgb,var(--fg) 4%,transparent))}
.pvx--b1 .pc3__more .pc3__card::after{height:3px}
.pvx--b1 .pc3__more .pc3__card{box-shadow:0 18px 34px -28px rgba(0,0,0,.35)}
.pvx--b1 .pc3__more .pc3__card:first-child{background:linear-gradient(180deg,rgba(110,139,78,.16),color-mix(in srgb,rgba(110,139,78,.04) 100%,var(--surface)) 55%,var(--surface))}
.pvx--b1 .pc3__more .pc3__card:last-child{background:linear-gradient(180deg,rgba(240,170,90,.24),rgba(240,170,90,.05) 55%,var(--surface))}
.pvx--b1 .pc3__more .pc3__card:first-child .k3i{background:#6E8B4E;color:#fff}
.pvx--b1 .pc3__more .pc3__card:first-child .pc3__l{color:#5E7A40}
.pvx--b1 .pc3__more .pc3__card:hover{border-color:transparent}
:root .pvx--b1 .pc3__more .pc3__card:first-child .pc3__l{color:#A9C17F}
@media (prefers-color-scheme:dark){:root .pvx--b1 .pc3__more .pc3__card:first-child .pc3__l{color:#A9C17F}}
/* r47 A1: glow on the right of AI / Design */
.pvx--a1 .pc3__more .pc3__card::before{left:auto;right:-70px;top:auto;bottom:-110px;width:300px;height:280px;background:radial-gradient(circle,rgba(240,194,126,.5),transparent 65%)}
.pvx--a1 .pc3__more .pc3__card:first-child::before{background:radial-gradient(circle,rgba(110,139,78,.4),transparent 65%)}
/* r48 B1 final polish */
.pvx--b1 .pc3__main--u::before{display:none}
.pvx--b1 .pc3__more .pc3__card{background-origin:border-box}
.pvx--b1 .pc3__main::after,.pvx--b1 .pc3__side .pc3__card::after{left:28px;right:28px;height:2px;border-radius:0 0 2px 2px}
.pvx--b1 .pc3__main::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,transparent)}
.pvx--b1 .pc3__side .pc3__card::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 20%,transparent) 20%,color-mix(in srgb,var(--fg) 20%,transparent) 80%,transparent)}
.pvx--b1 .pc3__more .pc3__card{border:0;padding:23px 25px}

/* r49: sticky header above floating pills; smaller gift line */
.bar{z-index:40}
.care5--d .care5__foot{padding:10px 22px;font-size:13px;color:var(--muted);background:color-mix(in srgb,var(--fg) 4%,transparent)}
.care5--d .care5__foot b{font-weight:600;color:var(--fg)}
.care5--d .care5__foot svg{width:15px;height:15px}

/* ===== r50 ===== */
/* catalog gift line: same colours as care */
.how5 .care5__foot{color:var(--muted);background:color-mix(in srgb,var(--fg) 4%,transparent)}
.how5 .care5__foot b{font-weight:600;color:var(--fg)}
/* why-us variants */
.pvx .why2 > div{border-top:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;transition:border-color .3s,box-shadow .3s}
.pvx--y1 .why2 > div::before,.pvx--y4 .why2 > div::before{content:"";position:absolute;left:28px;right:28px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 20%,transparent) 20%,color-mix(in srgb,var(--fg) 20%,transparent) 80%,transparent);transition:all .3s}
.pvx--y4 .why2 > div:hover::before{background:linear-gradient(90deg,transparent,var(--cta-bg) 20%,var(--cta-bg) 80%,transparent);box-shadow:0 0 12px var(--cta-bg)}
.pvx--y4 .why2 > div:hover{border-color:color-mix(in srgb,var(--cta-bg) 35%,var(--line))}
.pvx--y5 .why2 > div{background:linear-gradient(180deg,color-mix(in srgb,var(--fg) 6%,var(--surface)),var(--surface) 45%)}
/* extras variants */
.pvx .xc{position:relative;overflow:hidden}
.pvx--e1 .xc::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 20%,transparent) 20%,color-mix(in srgb,var(--fg) 20%,transparent) 80%,transparent)}
.pvx--e1 .xc__meta{justify-items:end;gap:4px}
.pvx--e1 .xc__price{font-size:17px;background:color-mix(in srgb,var(--fg) 7%,transparent);padding:4px 10px;border-radius:10px}
.pvx--e5 .xc__meta{padding-left:18px;border-left:1px solid var(--line);min-width:84px}
.pvx--e5 .xc:hover{border-color:color-mix(in srgb,var(--cta-bg) 40%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--cta-bg) 20%,transparent),0 20px 40px -26px var(--cta-bg)}
@media (max-width:520px){.pvx--e5 .xc__meta{border-left:0;padding-left:0;min-width:0}}
#x-grid2.xgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pvx--e1 + .pvx--e5{margin-top:44px}
@media (max-width:900px){#x-grid2.xgrid{grid-template-columns:minmax(0,1fr)}}

/* ===== r51 extras merged (E1 line + E5 divider) ===== */
.pvx--e15 .xc::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 20%,transparent) 20%,color-mix(in srgb,var(--fg) 20%,transparent) 80%,transparent)}
.pvx--e15 .xc__meta{padding-left:18px;border-left:1px solid var(--line);min-width:84px}
.pvx--e15 .xc:hover{border-color:color-mix(in srgb,var(--cta-bg) 40%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--cta-bg) 20%,transparent),0 20px 40px -26px var(--cta-bg)}
@media (max-width:520px){.pvx--e15 .xc__meta{border-left:0;padding-left:0;min-width:0}}

/* ===== r51 how-we-work variants ===== */
.pvx + .pvx{margin-top:44px}
.hx{--g:14px;display:grid;gap:14px}
.hx__row{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--g)}
.hx__s{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;align-content:start;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 16px;transition:border-color .35s,box-shadow .35s,background .35s;overflow:hidden}
.hx__s:focus-visible{outline:2px solid var(--cta-bg);outline-offset:2px}
.hx__s b{font-size:15px;line-height:1.3;min-height:2.6em;position:relative;z-index:2}
.hx__num{position:absolute;right:14px;top:14px;font:600 11px var(--f-mono);color:var(--muted);z-index:2;transition:color .3s}
.hx__ic{position:relative;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--fg) 18%,transparent);color:var(--muted);transition:all .35s}
.hx__ic .i2{display:none}
.hx__s.done .hx__ic{border-color:var(--cta-bg);color:var(--cta-bg);background:color-mix(in srgb,var(--cta-bg) 14%,var(--surface))}
.hx__s.done .i1{display:none}.hx__s.done .i2{display:block}
.hx__s.on .hx__ic{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-fg);box-shadow:0 0 0 6px color-mix(in srgb,var(--cta-bg) 18%,transparent),0 0 24px -2px var(--cta-bg)}
.hx__s.on .hx__num{color:var(--cta-bg)}
.hx__track{position:absolute;z-index:1;pointer-events:none;height:2px;left:calc((100% - 4 * var(--g)) / 10);right:calc((100% - 4 * var(--g)) / 10);background:color-mix(in srgb,var(--fg) 14%,transparent)}
.hx__fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 25%);background:var(--cta-bg);box-shadow:0 0 10px var(--cta-bg);transition:width .5s cubic-bezier(.6,0,.2,1)}
.hx__pulse{position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#F7C987;box-shadow:0 0 12px 3px var(--cta-bg);animation:hxP 1.6s infinite}
@keyframes hxP{50%{transform:scale(.55);opacity:.6}}
.hx__bar{display:none}
.hx__panel{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 24px 22px}
.hx__p{display:none}.hx__p.on{display:block;animation:hxIn .45s ease}
@keyframes hxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hx__pn{font:600 11px var(--f-mono);color:var(--cta-bg)}
.hx__p b{display:block;font-size:18px;margin:4px 0}
.hx__p p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;max-width:70ch}
.hx__time{position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--fg) 7%,transparent)}
.hx__time i{display:block;height:100%;width:0;background:var(--cta-bg)}
.hx.run .hx__time i{animation:hxT 5s linear forwards}@keyframes hxT{to{width:100%}}
/* W2: centered, line through icon centres */
.hx--ha .hx__s{justify-items:center;text-align:center}
.hx--ha .hx__track{top:41px}
.hx--ha .hx__s::before{content:"";position:absolute;left:0;right:0;top:0;height:70%;background:radial-gradient(80% 100% at 50% 0,color-mix(in srgb,var(--cta-bg) 26%,transparent),transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}
.hx--ha .hx__s.on::before{opacity:1}
.hx--ha .hx__s.on{border-color:color-mix(in srgb,var(--cta-bg) 55%,transparent);box-shadow:0 22px 40px -24px var(--cta-bg)}
/* W5: left aligned, progress bar at the bottom of each card, no connecting line */
.hx--hb .hx__track{display:none}
.hx--hb .hx__s{padding-bottom:22px}
.hx--hb .hx__bar{display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--fg) 8%,transparent)}
.hx--hb .hx__bar::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--cta-bg);box-shadow:0 0 8px var(--cta-bg)}
.hx--hb .hx__s.done .hx__bar::after{width:100%}
.hx--hb .hx__s.on .hx__bar::after{width:100%}
.hx--hb.run .hx__s.on .hx__bar::after{width:0;animation:hxT 5s linear forwards}
.hx--hb .hx__s.on{border-color:color-mix(in srgb,var(--cta-bg) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cta-bg) 10%,var(--surface)),var(--surface))}
.hx--hb .hx__time{display:none}
/* W6: one unified panel */
.hx--hc{gap:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:8px;--g:6px}
.hx--hc .hx__s{background:transparent;border-color:transparent;padding:16px 14px}
.hx--hc .hx__s:not(:last-child)::after{content:"";position:absolute;right:calc(var(--g) / -2 - .5px);top:22%;bottom:22%;width:1px;background:var(--line)}
.hx--hc .hx__s.on{background:color-mix(in srgb,var(--cta-bg) 12%,transparent);border-color:color-mix(in srgb,var(--cta-bg) 45%,transparent)}
.hx--hc .hx__track{display:none}
.hx--hc .hx__panel{border:0;border-top:1px solid var(--line);border-radius:0 0 16px 16px;margin:8px -8px -8px;padding:20px 22px 22px;background:color-mix(in srgb,var(--fg) 3%,transparent)}
/* W7: line visible in the gaps between cards, active card glows */
.hx--hd{--g:22px}
.hx--hd .hx__track{top:41px}
.hx--hd .hx__pulse{display:none}
.hx--hd .hx__s.on{border-color:color-mix(in srgb,var(--cta-bg) 60%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cta-bg) 16%,var(--surface)),var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--cta-bg) 30%,transparent),0 18px 40px -20px var(--cta-bg)}
.hx--hd .hx__s.done{border-color:color-mix(in srgb,var(--cta-bg) 28%,var(--line))}
.hx--hd .hx__s{z-index:2}
.hx--hd .hx__track{z-index:1}
@media (max-width:860px){
 .hx__row{grid-template-columns:minmax(0,1fr);gap:8px}
 .hx__track,.hx--hc .hx__s::after{display:none}
 .hx__s,.hx--ha .hx__s{grid-template-columns:44px minmax(0,1fr);justify-items:start;text-align:left;align-items:center;padding:12px 14px}
 .hx__s b{min-height:0}
 .hx--hb .hx__s{padding-bottom:15px}
}
@media (prefers-reduced-motion:reduce){.hx__pulse{animation:none}.hx.run .hx__time i,.hx--hb.run .hx__s.on .hx__bar::after{animation:none;width:100%}}

/* ===== r52 extras hover like why-us ===== */
.pvx--e15h .xc::before{transition:all .3s}
.pvx--e15h .xc:hover{box-shadow:none;transform:none;border-color:color-mix(in srgb,var(--cta-bg) 35%,var(--line))}
.pvx--e15h .xc:hover::before{background:linear-gradient(90deg,transparent,var(--cta-bg) 20%,var(--cta-bg) 80%,transparent);box-shadow:0 0 12px var(--cta-bg)}
#x-grid2.xgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:900px){#x-grid2.xgrid{grid-template-columns:minmax(0,1fr)}}
/* Сайты card hover: same language as B1 lines */
.pvx--b1 .pc3__main::after{transition:all .3s}
.pvx--b1 .pc3__main{transition:border-color .3s,box-shadow .3s}
.pvx--b1 .pc3__main:hover::after{background:linear-gradient(90deg,transparent,var(--cta-bg) 20%,var(--cta-bg) 80%,transparent);box-shadow:0 0 12px var(--cta-bg)}
.pvx--b1 .pc3__main:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--cta-bg) 30%,transparent)}

/* ===== r52 how-we-work: unified panel family ===== */
.hy{--g:0px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:8px;display:grid;gap:8px}
.hy__row{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--g)}
.hy__s{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px;border-radius:16px;transition:background .35s,box-shadow .35s}
.hy__s:focus-visible{outline:2px solid var(--cta-bg);outline-offset:-2px}
.hy__s:hover{background:color-mix(in srgb,var(--fg) 4%,transparent)}
.hy__s.on{background:color-mix(in srgb,var(--cta-bg) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cta-bg) 40%,transparent)}
.hy__s:not(:last-child)::after{content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:var(--line)}
.hy__s.on::after,.hy__s:has(+ .hy__s.on)::after{opacity:0}
.hy__ic{position:relative;z-index:2;width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid color-mix(in srgb,var(--fg) 18%,transparent);color:var(--muted);transition:all .35s}
.hy__ic .i2{display:none}
.hy__s.done .hy__ic{border-color:color-mix(in srgb,var(--cta-bg) 70%,transparent);color:var(--cta-bg)}
.hy__s.done .i1{display:none}.hy__s.done .i2{display:block}
.hy__s.on .hy__ic{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-fg);box-shadow:0 0 18px -2px var(--cta-bg)}
.hy__t{display:grid;gap:4px}
.hy__num{font:600 11px var(--f-mono);color:var(--muted)}.hy__s.on .hy__num{color:var(--cta-bg)}
.hy__t b{font-size:14.5px;line-height:1.3}
.hy__bar{display:none}
.hy__track{display:none}
.hy__panel{border-top:1px solid var(--line);margin:0 -8px -8px;padding:20px 24px 22px;border-radius:0 0 21px 21px;background:color-mix(in srgb,var(--fg) 3%,transparent)}
.hy__p{display:none}.hy__p.on{display:flex;gap:16px;align-items:flex-start;animation:hxIn .45s ease}
.hy__pic{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--cta-bg) 14%,transparent);color:var(--cta-bg)}
.hy__pn{font:600 11px var(--f-mono);color:var(--cta-bg)}
.hy__p b{display:block;font-size:18px;margin:3px 0 4px}
.hy__p p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;max-width:72ch}
/* W6: straight progress bar at top of each step */
.hy--a .hy__bar{display:block;position:relative;height:3px;border-radius:3px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden;margin-bottom:2px}
.hy--a .hy__bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--cta-bg)}
.hy--a .hy__s.done .hy__bar i,.hy--a .hy__s.on .hy__bar i{width:100%}
.hy--a.run .hy__s.on .hy__bar i{width:0;animation:hxT 5s linear forwards}
/* W8: centred, one straight line through icon centres */
.hy--b .hy__s{align-items:center;text-align:center}
.hy--b .hy__t{justify-items:center}
.hy--b .hy__s::after{display:none}
.hy--b .hy__track{display:block;position:absolute;z-index:1;pointer-events:none;top:39px;height:2px;left:10%;right:10%;background:color-mix(in srgb,var(--fg) 14%,transparent)}
.hy--b .hy__fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 25%);background:var(--cta-bg);box-shadow:0 0 8px var(--cta-bg);transition:width .5s cubic-bezier(.6,0,.2,1)}
.hy--b .hy__s.on{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cta-bg) 40%,transparent)}
/* W9: segmented control */
.hy--c .hy__row{background:color-mix(in srgb,var(--fg) 5%,transparent);border-radius:16px;padding:5px;gap:4px}
.hy--c .hy__s{flex-direction:row;align-items:center;gap:10px;padding:12px;border-radius:12px}
.hy--c .hy__s::after{display:none}
.hy--c .hy__ic{width:36px;height:36px}
.hy--c .hy__s.on{background:var(--surface);box-shadow:0 6px 16px -8px rgba(0,0,0,.6),inset 0 0 0 1px color-mix(in srgb,var(--cta-bg) 40%,transparent)}
.hy--c .hy__t b{font-size:13.5px}
.hy--c .hy__panel{border-top:0;background:none;margin:0;padding:14px 16px 10px}
/* W10: vertical list + description side by side */
.hy--d{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;align-items:stretch}
.hy--d .hy__row{grid-template-columns:minmax(0,1fr);gap:4px;padding-right:8px}
.hy--d .hy__s{flex-direction:row;align-items:center;gap:14px;padding:11px 14px;min-height:64px}
.hy--d .hy__s::after{display:none}
.hy--d .hy__t{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}
.hy--d .hy__track{display:block;position:absolute;z-index:1;pointer-events:none;left:35px;width:2px;top:32px;bottom:32px;background:color-mix(in srgb,var(--fg) 14%,transparent)}
.hy--d .hy__fill{position:absolute;left:0;right:0;top:0;height:calc(var(--p) * 25%);background:var(--cta-bg);box-shadow:0 0 8px var(--cta-bg);transition:height .5s cubic-bezier(.6,0,.2,1)}
.hy--d .hy__panel{border-top:0;border-left:1px solid var(--line);margin:-8px -8px -8px 0;border-radius:0 21px 21px 0;padding:28px}
.hy--d .hy__p.on{flex-direction:column}
@media (max-width:900px){
 .hy__row,.hy--c .hy__row{grid-template-columns:minmax(0,1fr);gap:4px}
 .hy__s,.hy--b .hy__s,.hy--c .hy__s{flex-direction:row;align-items:center;text-align:left;padding:10px 12px}
 .hy--b .hy__t{justify-items:start}
 .hy__s::after,.hy--b .hy__track,.hy--a .hy__bar{display:none}
 .hy--d{grid-template-columns:minmax(0,1fr)}.hy--d .hy__panel{border-left:0;border-top:1px solid var(--line);margin:0 -8px -8px;border-radius:0 0 21px 21px;padding:20px}
 .hy--d .hy__track{display:none}
}

/* r53: icons exactly centred in circles */
.hy__ic > span,.hx__ic > span,.zw-ic > span{display:grid;place-items:center;line-height:0}
.hy__ic svg,.hx__ic svg,.hy__pic svg,.zw-ic svg{display:block}
.hy__ic .i2,.hx__ic .i2{display:none}
.hy__s.done .hy__ic .i2{display:grid}.hy__s.done .hy__ic .i1{display:none}
.hy--c .hy__t{align-self:center}

/* ===== r54 tier hover (soft, like why-us) ===== */
.tier{transition:border-color .3s,box-shadow .3s}
.tier::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 14%,transparent) 20%,color-mix(in srgb,var(--fg) 14%,transparent) 80%,transparent);transition:all .3s;pointer-events:none}
.tier:hover{border-color:color-mix(in srgb,var(--cta-bg) 35%,var(--line))}
.tier:hover::before{background:linear-gradient(90deg,transparent,var(--cta-bg) 20%,var(--cta-bg) 80%,transparent);box-shadow:0 0 12px var(--cta-bg)}
.tier--hi::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 20%,rgba(255,255,255,.18) 80%,transparent)}

/* ===== r54 catalog how-block collapsible ===== */
.how5--c .how5__x{position:relative;overflow:hidden;max-height:250px;transition:max-height .6s cubic-bezier(.4,0,.2,1)}
.how5--c.open .how5__x{max-height:1600px}
.how5--c .how5__x::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--surface) 88%);transition:opacity .4s}
.how5--c.open .how5__x::after{opacity:0}
.how5__more{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px var(--f-body);color:var(--fg);transition:all .25s}
.how5__more:focus-visible{outline:2px solid var(--cta-bg);outline-offset:3px}
.how5__more svg{transition:transform .3s}.how5--c.open .how5__more svg{transform:rotate(180deg)}
.how5__more .m-c{display:none}.how5--c.open .how5__more .m-o{display:none}.how5--c.open .how5__more .m-c{display:inline}
/* v1: pill centred over the fade */
.how5--c1 .how5__more{position:relative;z-index:2;margin:-26px auto 18px;display:flex;width:max-content;padding:10px 18px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.how5--c1 .how5__more:hover{border-color:color-mix(in srgb,var(--cta-bg) 45%,var(--line))}
/* v2: full-width bar with counter */
.how5--c2 .how5__more{display:flex;width:calc(100% + 48px);margin:0 -24px;padding:14px 24px;border-top:1px solid var(--line);justify-content:space-between;background:color-mix(in srgb,var(--fg) 3%,transparent)}
.how5--c2 .how5__more:hover{background:color-mix(in srgb,var(--cta-bg) 8%,transparent)}
.how5__cnt{margin-right:auto;color:var(--muted);font-weight:500}
.how5--c2 .how5__more .m-o,.how5--c2 .how5__more .m-c{color:var(--cta-bg)}
.how5--c2 .how5__more svg{color:var(--cta-bg)}
/* v3: taller preview, text link with arrow left-aligned */
.how5--c3 .how5__x{max-height:330px}
.how5--c3 .how5__more{position:relative;z-index:2;margin:-34px 0 18px;color:var(--cta-bg)}
.how5--c3 .how5__more:hover{gap:12px}
@media (max-width:560px){.how5--c2 .how5__more{width:calc(100% + 32px);margin:0 -16px;padding-inline:16px}}
/* ===== r54 W9 icon variants ===== */
.hy--big .hy__ic{width:50px;height:50px}
.hy--big .hy__ic svg{width:22px;height:22px}
.hy--sq .hy__ic{width:48px;height:48px;border-radius:14px}
.hy--sq .hy__ic svg{width:21px;height:21px}

/* ===== r55 ===== */
/* care block: very light hover on the whole row */
.care5__d summary{transition:background .25s}
.care5__d summary:hover{background:color-mix(in srgb,var(--fg) 2.5%,transparent)}
.care5--d{transition:border-color .25s}
.care5--d:has(summary:hover){border-color:color-mix(in srgb,var(--cta-bg) 28%,var(--line))}
/* catalog how-block v1 polish */
.how5--c1 .how5__x{max-height:215px}
.how5--c1 .how5__x::after{height:140px}
.how5--c1 .how5__more{margin:-22px auto 20px;padding:10px 20px;border:1px solid var(--line)}
.how5--c1.open .how5__more{margin:18px auto 20px}
/* one hover language for both «show all» buttons: thin amber outline */
.how5--c1 .how5__more:hover,.cmp-v1 .cmp-toggle:hover{border-color:color-mix(in srgb,var(--cta-bg) 55%,var(--line));background:var(--surface)}

/* ===== r56 ===== */
/* one restrained outline for all secondary toggle buttons */
.care5__more{border-width:1px}
.care5__d summary:hover .care5__more{border-color:color-mix(in srgb,var(--cta-bg) 55%,var(--line))}
.cmp-toggle,.cmp-v1 .cmp-toggle{border-width:1px}
/* catalog block: gift line top-right, tighter button spacing */
.how5__h{flex-wrap:wrap}
.how5__gift{margin:0 0 0 auto!important;padding:0!important;background:none!important;border:0!important;display:flex;align-items:center;gap:8px;font-size:13.5px!important;color:var(--muted)}
.how5__gift b{color:var(--fg);font-weight:600}
.how5__gift svg{width:16px;height:16px;color:var(--cta-bg)}
.how5--c1 .how5__more{margin:-44px auto 20px}
.how5--c1.open .how5__more{margin:0 auto 20px}
.how5--c .how5__note,.how5 .how5__x > .how5__note{margin-top:18px}
@media (max-width:640px){.how5__gift{margin:6px 0 0 62px!important;flex-basis:100%}}
.how5__h .how5__gift b{display:inline;font-size:13.5px}.how5__gift > span{white-space:nowrap}

/* ===== r57 ===== */
.cmp-box .cmp-toggle{border-width:1px!important}
.cmp-box .cmp-toggle:hover{border-color:color-mix(in srgb,var(--cta-bg) 55%,var(--line))!important}
/* how-we-work: richer panel */
.hy__p.on{display:grid!important;grid-template-columns:46px minmax(0,1.15fr) minmax(0,1fr);gap:18px 22px;align-items:start}
.hy__ex{display:grid;gap:10px;align-content:start;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid var(--line)}
.hy__dur{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-size:12.5px;color:var(--muted);background:color-mix(in srgb,var(--cta-bg) 12%,transparent);padding:5px 10px;border-radius:999px}
.hy__dur em{font-style:normal}.hy__dur b{color:var(--fg);font-weight:600}.hy__dur svg{color:var(--cta-bg)}
.hy__ex small{font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hy__ex ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hy__ex li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.4}
.hy__ex li svg{flex:none;margin-top:2px;width:18px;height:18px;padding:3px;border-radius:50%;background:color-mix(in srgb,var(--cta-bg) 16%,transparent);color:var(--cta-bg);box-sizing:border-box}
.hy__panel{padding:24px 26px 26px}
@media (max-width:900px){.hy__p.on{grid-template-columns:46px minmax(0,1fr)}.hy__ex{grid-column:1/-1}}
/* ===== r57 WhatsApp phone variant ===== */
.how5--wa .how5__r{display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 50%,color-mix(in srgb,var(--cta-bg) 12%,transparent),transparent 70%);border-radius:18px}
.wp{padding:6px 0}
.wp__ph{position:relative;width:250px;height:470px;border-radius:38px;background:#efe7dc;border:8px solid #111;box-shadow:0 30px 60px -24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;display:flex;flex-direction:column;color:#1b1b1b}
.wp__isl{position:absolute;left:50%;top:6px;width:70px;height:18px;margin-left:-35px;border-radius:999px;background:#111;z-index:3}
.wp__top{display:flex;align-items:center;gap:8px;padding:30px 12px 10px;background:#f7f3ee;border-bottom:1px solid rgba(0,0,0,.08);z-index:2}
.wp__back{font-size:22px;line-height:1;color:#2a8a57}
.wp__av{width:30px;height:30px;border-radius:50%;background:#1b1b1b;display:grid;place-items:center;flex:none}.wp__av svg{width:16px;height:16px;fill:#fff}.wp__av svg path{fill:#fff}
.wp__top b{display:block;font-size:12.5px}.wp__top small{font-size:10px;color:#6b6b6b}
.wp__body{position:relative;flex:1;overflow:hidden;background:#efe7dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%23d8ccbc' stroke-width='1'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3Cpath d='M26 6l4 4M30 6l-4 4M10 28h8M28 30a3 3 0 1 0 0 .1'/%3E%3C/g%3E%3C/svg%3E")}
.wp__feed{padding:10px 10px 12px;display:flex;flex-direction:column;gap:6px;transition:transform .5s cubic-bezier(.3,.9,.3,1)}
.wp__day{align-self:center;font-size:9.5px;background:#fff;color:#6b6b6b;padding:3px 8px;border-radius:7px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wp__m{position:relative;max-width:82%;padding:6px 9px 16px;border-radius:10px;font-size:11.5px;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.1);display:none}
.wp__m.on{display:block;animation:wpIn .35s cubic-bezier(.2,1,.3,1)}
@keyframes wpIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.wp__m.in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.wp__m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:3px}
.wp__m em{display:block;font-style:normal;font-size:10px;font-weight:700;color:#c2410c;margin-bottom:1px}
.wp__m > i{position:absolute;right:8px;bottom:3px;font-style:normal;font-size:9px;color:#8a8a8a;display:flex;align-items:center;gap:2px}
.wp__m > i svg{color:#9aa3a0;transition:color .3s}.wp__m.read > i svg{color:#34b7f1}
.wp__file.on{display:flex;gap:8px;align-items:center}
.wp__fi{width:30px;height:34px;border-radius:5px;background:#e8603c;color:#fff;font:700 8px var(--f-body);display:grid;place-items:center}
.wp__file b{display:block;font-size:11px}.wp__file small{font-size:9.5px;color:#8a8a8a}
.wp__img{padding:4px 4px 18px}
.wp__grid{display:grid;grid-template-columns:repeat(3,48px);gap:3px}.wp__grid i{height:58px;border-radius:6px;background:linear-gradient(160deg,#3b3f46,#1e2126)}.wp__grid i:nth-child(2){background:linear-gradient(160deg,#7d5a3c,#3e2a1c)}.wp__grid i:nth-child(3){background:linear-gradient(160deg,#4b6b5a,#22352b)}
.wp__typing{align-self:flex-start;display:none;gap:3px;background:#fff;padding:9px 11px;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.wp__typing.out{align-self:flex-end;background:#d9fdd3}
.wp__typing.on{display:flex}
.wp__typing i{width:6px;height:6px;border-radius:50%;background:#9aa3a0;animation:wpDot 1s infinite}.wp__typing i:nth-child(2){animation-delay:.15s}.wp__typing i:nth-child(3){animation-delay:.3s}
@keyframes wpDot{30%{transform:translateY(-3px);opacity:1}0%,60%,100%{opacity:.5}}
.wp__in{display:flex;align-items:center;gap:6px;padding:8px;background:#f7f3ee}
.wp__pl{font-size:18px;color:#6b6b6b;width:18px;text-align:center}
.wp__fld{flex:1;font-size:10.5px;color:#9a9a9a;background:#fff;border-radius:999px;padding:7px 10px}
.wp__mic{width:28px;height:28px;border-radius:50%;background:#1f9e5a;color:#fff;display:grid;place-items:center}
.hy__p .hy__dur b{display:inline;font-size:12.5px;margin:0}.hy__dur{padding:6px 12px}

/* ===== r58 ===== */
.how5--wa .how5__l .how5__note{margin-top:14px}
.how5--wa .how5__r{perspective:1100px;align-self:stretch}
.how5--wa .wp__ph{transform:rotateY(-18deg) rotateX(6deg) rotateZ(1deg);transform-style:preserve-3d;box-shadow:-18px 30px 50px -20px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.how5--wa .wp__ph::after{content:"";position:absolute;inset:-8px;border-radius:38px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 30%,transparent 70%,rgba(255,255,255,.06))}
.how5--wa .wp{position:relative}
.how5--wa .wp::before{content:"";position:absolute;left:14px;top:18px;bottom:8px;width:14px;border-radius:30px 0 0 30px;background:linear-gradient(90deg,#2a2a2a,#0c0c0c);transform:translateX(-6px) skewY(-6deg);z-index:-1}
.how5--wa .how5__r:hover .wp__ph{transform:rotateY(-8deg) rotateX(3deg)}
.how5--wa .wp__ph{border-color:#0d0d0d}

/* ===== r59 ===== */
body:has(.hero) section{padding-block:48px}
/* phone: flat again, a bit larger */
.how5--wa .wp__ph{transform:none!important;width:268px;height:520px}
.how5--wa .wp__ph::after,.how5--wa .wp::before{display:none}
.how5--wa .how5__r{perspective:none}

/* ===== r60 hero: three live screens ===== */
@keyframes zvGrow{to{transform:scaleY(1)}}
@keyframes zqPop{to{opacity:1;transform:none}}
@keyframes zqRing{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}
@keyframes zqOrb{40%{transform:scale(1.18);box-shadow:0 0 44px 10px color-mix(in srgb,var(--cta-bg) 70%,transparent)}}
@keyframes zqPlus{0%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-26px)}}
@keyframes zqCol{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes zqSh{to{transform:translateX(120%)}}
@keyframes zqArr{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes zqChip{0%{opacity:0;transform:translate(20px,10px) scale(.8)}15%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-34px)}}
@keyframes zqChip2{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes zqChip3{0%{opacity:0;transform:translateX(16px)}10%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
@keyframes zqBackIn{from{opacity:0}to{opacity:1}}
@keyframes zqChip4{0%{opacity:0;transform:translate(18px,8px) scale(.92)}10%{opacity:1;transform:none}78%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
.zv-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}
.zv-bar i{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--fg) 18%,transparent)}
.zv-bar span{margin-left:8px;font:500 11px var(--f-mono);color:var(--muted);background:color-mix(in srgb,var(--fg) 6%,transparent);padding:3px 10px;border-radius:999px}
.zv-up{display:inline-flex;align-items:center;gap:4px;font:700 12px var(--f-body);color:#A9C17F;background:rgba(169,193,127,.14);padding:3px 8px;border-radius:999px}
.zv-big{font:700 38px/1 var(--f-display);letter-spacing:-.02em}
.zv-g2 .zv-up{justify-self:start}
.zv-bars{position:absolute;inset:auto 0 0 0;height:230px;display:flex;align-items:flex-end;gap:14px;padding:0 6px}
.zv-bars i{flex:1;height:var(--h);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--cta-bg) 85%,#fff),color-mix(in srgb,var(--cta-bg) 25%,transparent));transform-origin:bottom;transform:scaleY(0);position:relative}
.zv-bars i b{position:absolute;top:-20px;left:0;right:0;text-align:center;font:600 11px var(--f-mono);color:var(--muted)}
.in .zv-bars i{animation:zvGrow .7s var(--d) cubic-bezier(.3,1.3,.5,1) forwards}
.zr2__glow{position:absolute;left:20%;right:10%;bottom:20px;height:60px;background:radial-gradient(closest-side,color-mix(in srgb,var(--cta-bg) 45%,transparent),transparent);filter:blur(10px);z-index:0}
/* ===== A6 rotating screens ===== */
.zq{perspective:1300px;height:440px}
.zq__sc{position:relative;width:440px;height:340px;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-18deg) rotateZ(2deg);transition:transform .4s ease-out}
.zq__c{position:absolute;left:50%;top:50%;width:390px;margin:-130px 0 0 -195px;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -30px rgba(0,0,0,.85);transition:transform .8s cubic-bezier(.75,0,.2,1),opacity .8s,filter .8s;will-change:transform}
.zq__c.p0{transform:translate3d(20px,40px,90px);z-index:3;opacity:1;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px color-mix(in srgb,var(--cta-bg) 25%,transparent)}
.zq__c.p1{transform:translate3d(-70px,-30px,0) scale(.88);z-index:2;opacity:.75;filter:brightness(.8)}
.zq__c.p2{transform:translate3d(70px,-90px,-60px) scale(.76);z-index:1;opacity:.5;filter:brightness(.65) blur(.4px)}
.zq__c .zv-bar em{margin-left:auto;font-style:normal}
.zq__live{display:flex;align-items:center;gap:5px;font:700 9.5px var(--f-mono);letter-spacing:.1em;color:#ff6b5b}
.zq__live i{width:6px;height:6px;border-radius:50%;background:#ff6b5b;animation:hxP 1.2s infinite}
.zq__g{font:700 13px var(--f-display);background:linear-gradient(90deg,#4285F4,#EA4335,#FBBC05,#34A853);-webkit-background-clip:text;color:transparent}
.zq__in{padding:14px 16px 14px;height:220px;box-sizing:border-box;display:flex;flex-direction:column}
.zq__kp{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.zq__kp small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.zq__badge{display:inline-flex;align-items:center;gap:5px;font:700 11.5px var(--f-body);color:#1a1a1a;background:linear-gradient(135deg,#F7C987,var(--cta-bg));padding:5px 10px;border-radius:999px;box-shadow:0 8px 20px -8px var(--cta-bg);opacity:0;transform:translateY(6px) scale(.9)}
.zq__badge.g{background:rgba(169,193,127,.16);color:#A9C17F;box-shadow:none}
.p0.play .zq__badge{animation:zqPop .5s 1.1s cubic-bezier(.3,1.6,.5,1) forwards}
.zq__c:not(.p0) .zq__badge{opacity:1;transform:none}
/* odometer */
.zq__odo{display:inline-flex;font:700 40px/1 var(--f-display);letter-spacing:-.02em;height:40px;overflow:hidden}
.zq__odo .d{display:block;height:40px;overflow:hidden}
.zq__odo .d span{display:block;transition:transform 1.4s cubic-bezier(.2,.9,.2,1)}
.zq__odo .d span b{display:block;height:40px;font:inherit}
/* card A chart */
.zq__ch{width:100%;height:118px;overflow:visible;margin-top:auto}
.zq__gl{stroke:color-mix(in srgb,var(--fg) 7%,transparent)}
.zq__ln{stroke-dasharray:1;stroke-dashoffset:1}
.zq__c.done .zq__ln,.p0.play .zq__ln{stroke-dashoffset:0}
.p0.play .zq__ln{transition:stroke-dashoffset 1.6s cubic-bezier(.6,0,.2,1)}
.p0.play.reset .zq__ln{transition:none;stroke-dashoffset:1}
.zq__blur{opacity:.6}
.zq__area{opacity:.0;transition:opacity .8s 1s}
.zq__c.done .zq__area,.p0.play .zq__area{opacity:1}
.zq__mk{stroke:color-mix(in srgb,var(--fg) 35%,transparent);stroke-dasharray:3 4}
.zq__mkl rect{fill:var(--bg);stroke:var(--line)}
.zq__mkl text{font:600 8.5px var(--f-mono);fill:var(--muted);text-anchor:middle}
.zq__end{opacity:0}
.zq__c.done .zq__end,.p0.play .zq__end{opacity:1;transition:opacity .3s 1.5s}
.zq__ring{fill:none;stroke:#FFE2B0;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:zqRing 1.8s infinite}
.zq__ms{display:flex;justify-content:space-between;font:500 9.5px var(--f-mono);color:var(--muted);margin-top:4px}
/* card B map */
.zq__map{position:relative;height:96px;margin:2px 0 10px}
.zq__map i{position:absolute;width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--fg) 22%,transparent)}
.zq__map i.ping{background:var(--cta-bg);box-shadow:0 0 8px var(--cta-bg)}
.zq__map i.ping::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1.5px solid var(--cta-bg);animation:zqRing 1.4s forwards}
.zq__city{position:absolute;font:600 9px var(--f-mono);color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:1px 6px;border-radius:6px;transform:translate(-50%,-160%)}
.zq__bar{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:2px;background:color-mix(in srgb,var(--fg) 6%,transparent)}
.zq__bar i{display:block;height:100%;width:0;background:var(--c);transition:width 1.2s cubic-bezier(.3,1,.4,1)}
.zq__c.done .zq__bar i,.p0.play .zq__bar i{width:var(--w)}
.p0.play.reset .zq__bar i{transition:none;width:0}
.zq__lg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:10.5px;color:var(--muted)}
.zq__lg span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--c);margin-right:5px}
/* card C ranks */
.zq__rank{font:700 40px/1 var(--f-display);color:var(--fg)}
.zq__rank span{display:inline-block;min-width:1.2ch}
.p0 .zq__rank.zq-win{background:linear-gradient(180deg,#FFE2B0,var(--cta-bg));-webkit-background-clip:text;color:transparent}
.zq__kws{display:grid;gap:10px;margin-top:auto}
.zq__kw{display:grid;grid-template-columns:150px 1fr 36px;gap:10px;align-items:center;font-size:11.5px}
.zq__q{display:flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap;overflow:hidden}
.zq__tr{position:relative;height:6px;border-radius:999px;background:color-mix(in srgb,var(--fg) 7%,transparent)}
.zq__tr i{position:absolute;right:0;top:0;bottom:0;width:15%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--cta-bg) 30%,transparent),var(--cta-bg));transition:width 1.6s cubic-bezier(.3,1,.3,1)}
.zq__c.done .zq__tr i,.p0.play .zq__tr i{width:calc(100% - var(--to))}
.p0.play.reset .zq__tr i{transition:none;width:15%}
.zq__kw b{font:700 13px var(--f-display);text-align:right}
.zq__kw b.top{color:#A9C17F}
.zq__dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}
.zq__dots i{width:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--fg) 25%,transparent);transition:all .4s}
.zq__dots i.on{width:22px;background:var(--cta-bg)}
.zq__rank{display:block;line-height:1}
.zq__odo{font-size:36px;height:40px;line-height:40px}
.p0 .zq__rank.zq-win{background:none;-webkit-background-clip:border-box;color:#F7C987;text-shadow:0 0 18px color-mix(in srgb,var(--cta-bg) 70%,transparent)}
.zq__kp small{margin-top:6px}
.zq__rk{display:grid;gap:6px}
.zq__rank{display:block;height:42px;line-height:42px;font:700 40px/42px var(--f-display);font-style:normal}
.zq__rq{font-style:normal;font-size:11px;color:var(--muted)}
.zq__floww{position:relative;margin-top:auto;height:135px}
.zq__flow{width:100%;height:100%;display:block}
.zq__fl{position:absolute;bottom:-2px;font:600 9px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.zq__fl.l{left:0}
.zq__fl.r{right:6px;color:var(--cta-bg)}
.zq__orb{position:absolute;right:6px;top:50%;width:46px;height:46px;margin-top:-30px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#FFE2B0,var(--cta-bg) 55%,color-mix(in srgb,var(--cta-bg) 30%,transparent) 75%,transparent 76%);box-shadow:0 0 30px 4px color-mix(in srgb,var(--cta-bg) 60%,transparent)}
.zq__orb b{font:800 11px var(--f-body);color:#1a1a1a;opacity:0}
.zq__orb.hit{animation:zqOrb .45s}
.zq__orb.hit b{animation:zqPlus .9s}
/* growth columns */
.zq__lgd{display:flex;gap:10px;font-size:10px;color:var(--muted)}
.zq__lgd span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.zq__lgd .b0::before{background:color-mix(in srgb,var(--fg) 28%,transparent)}
.zq__lgd .b1::before{background:var(--cta-bg)}
.zq__lgd .b2::before{background:#A9C17F}
.zq__cols{position:relative;margin-top:auto;height:140px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;padding-bottom:16px}
.zq__grp{position:relative;height:100%;display:flex;align-items:flex-end;gap:3px}
.zq__grp span{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font:500 9.5px var(--f-mono);color:var(--muted)}
.zq__grp i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;transform-origin:bottom;transform:scaleY(1)}
.zq__grp .b0{background:linear-gradient(180deg,color-mix(in srgb,var(--fg) 30%,transparent),color-mix(in srgb,var(--fg) 8%,transparent))}
.zq__grp .b1{background:linear-gradient(180deg,#F7C987,color-mix(in srgb,var(--cta-bg) 30%,transparent))}
.zq__grp .b2{background:linear-gradient(180deg,#C9DDA4,rgba(110,139,78,.3))}
.zq__grp:last-of-type i{box-shadow:0 0 18px -2px color-mix(in srgb,var(--cta-bg) 70%,transparent)}
.p0.play .zq__grp i{animation:zqCol .7s calc(var(--d) + var(--k,0ms)) cubic-bezier(.3,1.3,.5,1) both}
.p0.play .zq__grp .b1{--k:60ms}
.p0.play .zq__grp .b2{--k:120ms}
.zq__grp::after{content:"";position:absolute;inset:0 -2px 0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.18),transparent 70%);transform:translateX(-120%);pointer-events:none}
.p0.play .zq__grp::after{animation:zqSh 1s calc(1.4s + var(--d)) ease-out}
.zq__arr{position:absolute;left:0;right:0;top:0;bottom:16px;width:100%;height:calc(100% - 16px);overflow:visible;pointer-events:none}
.zq__arp{stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px var(--cta-bg))}
.p0.play .zq__arp{animation:zqArr 1s 1.1s cubic-bezier(.6,0,.2,1) both}
.zq__c[data-k=c] .zq__rank{font-size:36px}
.zq__c[data-k=c] .zq__rank.zq-win{color:#F7C987;text-shadow:0 0 18px color-mix(in srgb,var(--cta-bg) 70%,transparent)}
.zq__lgd{flex-wrap:nowrap;gap:8px;font-size:9.5px;white-space:nowrap;align-self:flex-start;margin-top:4px}
.zq__c[data-k=c] .zq__rq{max-width:150px}
/* growth: no background glows/diagonal shimmer */
.zq__grp::after{display:none}
.zq__grp:last-of-type i{box-shadow:none}
.zq__grp .b0{background:color-mix(in srgb,var(--fg) 14%,transparent)}
.zq__grp:last-of-type .b1{box-shadow:0 0 14px -2px color-mix(in srgb,var(--cta-bg) 70%,transparent)}
/* leads extras */
.zq__floww{height:118px}
.zq__chips{position:absolute;right:58px;top:6px;width:170px;height:100px;pointer-events:none}
.zq__chip{position:absolute;right:0;top:34px;display:flex;align-items:center;gap:5px;white-space:nowrap;font:600 10.5px var(--f-body);color:var(--fg);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--cta-bg) 45%,transparent);padding:4px 8px;border-radius:999px;backdrop-filter:blur(6px);animation:zqChip 1.8s cubic-bezier(.2,1,.3,1) forwards}
.zq__chip b{color:var(--cta-bg)}
.zq__chip em{font-style:normal;font-weight:500;color:var(--muted);font-size:9.5px}
.zq__conv{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10.5px;color:var(--muted)}
.zq__conv b{color:var(--fg)}
.zq__srcs{display:flex;gap:9px}
.zq__srcs i{font-style:normal}
.zq__srcs i::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:rgb(var(--c));background:var(--c);margin-right:4px;vertical-align:1px}
.zq__floww{height:104px}
.zq__in{height:228px}
.zq__chips{right:62px;top:4px;width:auto;height:auto}
.zq__chip{position:relative;top:0;display:flex;gap:8px;align-items:center;padding:7px 11px 7px 8px;border-radius:12px;font-size:11px;animation:zqChip2 .45s cubic-bezier(.2,1,.3,1) both;transition:opacity .35s,transform .35s}
.zq__chip i{width:8px;height:8px;border-radius:50%;background:var(--cta-bg);box-shadow:0 0 8px var(--cta-bg);flex:none}
.zq__chip span{display:grid;line-height:1.25}
.zq__chip b{color:var(--fg);font-weight:600}
.zq__chip em{font-size:9.5px}
.zq__chip.out{opacity:0;transform:translateY(-10px)}
.zq__map--eu i{background:color-mix(in srgb,var(--fg) 20%,transparent)}
.zq__map i.c{width:5px;height:5px;margin:-1px 0 0 -1px;background:var(--fg)!important;box-shadow:0 0 6px color-mix(in srgb,var(--fg) 60%,transparent)}
.zq__city2{position:absolute;transform:translate(6px,-50%);font:600 8px var(--f-mono);color:color-mix(in srgb,var(--fg) 80%,transparent);white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000}
.zq__map--b svg{position:absolute;inset:0;width:100%;height:100%}
.zq__map--b i.h{background:transparent}
.zq__map--b i.h.ping{background:var(--cta-bg)}
.zq__map{height:118px}
/* chips: stream, readable, calmer */
.zq__chips{display:flex;flex-direction:column-reverse;gap:5px;right:62px;top:auto;bottom:6px;width:auto}
.zq__chip{animation:zqChip3 3.2s cubic-bezier(.2,1,.3,1) forwards}
.zq__chip.out{display:none}
.zq__conv{font-size:12px}
.zq__conv b{font:800 17px var(--f-display);color:var(--cta-bg)}
/* growth extras */
.zq__mini{display:flex;gap:10px;margin-top:4px;font-size:10px;color:var(--muted)}
.zq__mini b{color:#A9C17F}
.zq__tip2{position:absolute;right:0;top:-12px;z-index:3;font-size:9.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:3px 8px;border-radius:8px;white-space:nowrap;opacity:0}
.zq__tip2 b{color:var(--fg)}
.zq__tip2 em{font-style:normal;color:#A9C17F;font-weight:700}
.p0.play .zq__tip2{animation:zqPop .5s 1.6s both}
.zq__c:not(.p0) .zq__tip2{opacity:1}
.zq__c[data-k=c] .zq__kp{align-items:flex-start}
.zq__c[data-k=c] .zq__cols{height:120px}
.zq__mw{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:center;margin:2px 0 10px}
.zq__mw .zq__map{width:200px;height:118px;margin:0}
.zq__top{display:grid;gap:5px}
.zq__top small{font:600 9px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.zq__tc{display:grid;grid-template-columns:52px 1fr 14px;align-items:center;gap:6px;font-size:10.5px}
.zq__tc span{color:var(--muted)}
.zq__tc b{text-align:right;font-size:11px}
.zq__tc i{height:5px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--cta-bg) 40%,transparent),var(--cta-bg));width:var(--w);transition:width .6s}
.zq__tc.hit span{color:var(--fg)}
.zq__tc.hit b{color:var(--cta-bg)}
.zq__city2{font-size:7.5px}
.zq__top{gap:3px}
.zq__tc{font-size:10px}
.zq__tc:nth-of-type(5){display:none}
.zq__mw{margin:0 0 8px}
.zq__mw .zq__map{height:104px}
.zq__mw .zq__map{height:92px}
.zq__mw{margin:0 0 6px}
.zq__c[data-k=b] .zq__lg{font-size:9.5px;gap:3px 9px;margin-top:6px;flex-wrap:nowrap}
.zq__c[data-k=b] .zq__kp{margin-bottom:4px}
.zq__in{height:240px}
.zq__c{margin-top:-136px}
/* fix: no 3D sorting between cards — plain z-index stacking */
.zq__sc{transform-style:flat}
.zq__c{transform-style:flat}
.zq__c.p0{transform:translate(20px,40px) scale(1);z-index:3;opacity:1;filter:none}
.zq__c.p1{transform:translate(-70px,-26px) scale(.86);z-index:2;opacity:1;filter:brightness(.62)}
.zq__c.p2{transform:translate(70px,-84px) scale(.74);z-index:1;opacity:1;filter:brightness(.42)}
.zq__c{transition:transform .6s cubic-bezier(.3,.8,.25,1),filter .6s}
.zq__c.out{opacity:0!important;transform:translate(20px,90px) scale(.96)!important;transition:opacity .3s ease-in,transform .3s ease-in!important}
.zq__c.notr{transition:none!important}
.zq__c.back{animation:zqBackIn .6s ease-out}
.zq__mw{display:block}
.zq__mw .zq__map{width:100%;height:104px}
.zq__city2{font-size:8.5px}
/* overlapping notification stack */
.zq__chips{display:block;position:absolute;right:62px;top:auto;bottom:10px;width:190px;height:96px}
.zq__chip{position:absolute;right:calc(var(--o,0) * 6px);bottom:calc(var(--o,0) * 14px);animation:zqChip4 2.6s cubic-bezier(.2,1,.3,1) forwards;box-shadow:0 10px 20px -10px rgba(0,0,0,.7)}
.zq__mw .zq__map{height:124px}
.zq__mw{margin:-6px 0 4px}
/* A7: original lead chips, slower */
.zq__chips{display:block!important;position:absolute;right:58px;top:6px;bottom:auto!important;width:170px;height:100px}
.zq__chip.zq__chip--v1{position:absolute;right:0;top:34px;bottom:auto;display:flex;align-items:center;gap:5px;white-space:nowrap;font:600 10.5px var(--f-body);color:var(--fg);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--cta-bg) 45%,transparent);padding:4px 8px;border-radius:999px;backdrop-filter:blur(6px);box-shadow:none;animation:zqChip 1.9s cubic-bezier(.2,1,.3,1) forwards}
.zq__chip--v1 b{color:var(--cta-bg)}
.zq__chip--v1 em{font-style:normal;font-weight:500;color:var(--muted);font-size:9.5px}
.zq__map:not(.zq__map--eu):not(.zq__map--b){height:96px}
.hqw{position:relative;min-width:0}
.zq.hq{position:relative;display:grid;place-items:center;height:440px;width:100%;color:var(--fg);border-radius:14px;background:radial-gradient(120% 90% at 70% 10%,color-mix(in srgb,var(--cta-bg) 8%,transparent),transparent 60%)}
.zq.hq .zq__sc{transform:rotateX(10deg) rotateY(-16deg) rotateZ(2deg)}
@media (max-width:1180px){.zq.hq .zq__sc{transform:scale(.88) rotateX(10deg) rotateY(-14deg)}}
@media (max-width:980px){.zq.hq{height:400px}.zq.hq .zq__sc{transform:scale(.82)}}
@media (max-width:560px){.zq.hq{height:330px;overflow:hidden}.zq.hq .zq__sc{transform:scale(.66)}}
@media (max-width:560px){.zq.hq{height:320px}.zq.hq .zq__sc{transform:scale(.62) translateX(-34px)}}

/* ===== r60 catalog phone: 3D floating (T1) ===== */
.ph3{--w:250px;--h:500px;--d:16px;position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d}
.ph3__f{position:absolute;inset:0;transform:translateZ(calc(var(--d)/2));border-radius:40px;padding:0;margin:0}
.ph3__f .wp__ph{width:100%;height:100%;box-sizing:border-box;border:9px solid #0e0e0f;border-radius:40px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ph3__bk{position:absolute;inset:0;border-radius:40px;transform:translateZ(calc(var(--d)/-2)) rotateY(180deg);background:linear-gradient(145deg,#2c2c30,#121214);box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.ph3__bk::after{content:"";position:absolute;right:22px;top:22px;width:62px;height:62px;border-radius:18px;background:#1b1b1e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ph3__e{position:absolute;background:linear-gradient(90deg,#3d3d42,#1b1b1e 40%,#2a2a2e)}
.ph3__e.l,.ph3__e.r{top:30px;bottom:30px;width:var(--d)}
.ph3__e.l{left:calc(var(--d)/-2);transform:rotateY(-90deg)}
.ph3__e.r{right:calc(var(--d)/-2);transform:rotateY(90deg)}
.ph3__e.t,.ph3__e.b{left:30px;right:30px;height:var(--d);background:linear-gradient(180deg,#3d3d42,#1b1b1e)}
.ph3__e.t{top:calc(var(--d)/-2);transform:rotateX(90deg)}
.ph3__e.b{bottom:calc(var(--d)/-2);transform:rotateX(-90deg)}
.ph3__e.r::after{content:"";position:absolute;left:3px;right:3px;top:90px;height:56px;border-radius:3px;background:#4a4a50}
.ph3__glare{position:absolute;inset:0;transform:translateZ(calc(var(--d)/2 + 1px));border-radius:40px;pointer-events:none;z-index:2;background:radial-gradient(260px circle at var(--gx,30%) var(--gy,20%),rgba(255,255,255,.22),transparent 55%);mix-blend-mode:screen}
/* T1 float */
.zph--1 .ph3{animation:phSway 9s ease-in-out infinite}
/* T2 rise */
.zph--2 .ph3{transform:rotateX(68deg) rotateZ(-24deg) translateZ(-60px) translateY(120px);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.zph--2.up .ph3{transform:rotateY(-14deg) rotateX(6deg)}
/* T3 pop */
.zph--3 .ph3{transform:rotateY(-22deg) rotateX(6deg)}
/* T4 follow */
.zph--4 .ph3{transition:transform .25s ease-out;transform:rotateY(-14deg) rotateX(6deg)}
.zph--4.idle .ph3{animation:phSway 9s ease-in-out infinite;transition:none}
@keyframes phSway{0%,100%{transform:rotateY(-24deg) rotateX(8deg) translateY(0)}50%{transform:rotateY(16deg) rotateX(4deg) translateY(-14px)}}
.how5--wa .how5__r{perspective:1300px!important;display:grid;place-items:center;min-height:540px}
.ph3s{transform-style:preserve-3d;padding:10px 0}
.how5--wa .ph3{--w:260px;--h:520px;animation:phSway 9s ease-in-out infinite}
.how5--wa .ph3 .wp__ph{width:100%!important;height:100%!important;transform:none!important}
@media (max-width:900px){.how5--wa .how5__r{min-height:0;padding:20px 0}}
@media (prefers-reduced-motion:reduce){.how5--wa .ph3{animation:none;transform:rotateY(-14deg)}}
/* r61: phone face always full size */
.how5--wa .ph3__f.wp{position:absolute!important;inset:0!important;padding:0!important}
.how5--wa .ph3 .wp__ph{position:absolute;inset:0}

/* ===== r61 sites-page hero carousel ===== */
@keyframes zvGrow{to{transform:scaleY(1)}}
@keyframes zrIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes zqRing{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}
@keyframes nsPulse{50%{box-shadow:0 0 26px 2px #2cffb4}}
@keyframes nsMq{to{transform:translateX(-50%)}}
/* hero stage */
.zv-stage{position:relative;height:400px;display:grid;place-items:center;color:var(--fg);overflow:hidden;border-radius:14px;background:radial-gradient(120% 90% at 70% 10%,color-mix(in srgb,var(--cta-bg) 8%,transparent),transparent 60%)}
.zv-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}
.zv-bar i{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--fg) 18%,transparent)}
.zv-bar span{margin-left:8px;font:500 11px var(--f-mono);color:var(--muted);background:color-mix(in srgb,var(--fg) 6%,transparent);padding:3px 10px;border-radius:999px}
.zv-up{display:inline-flex;align-items:center;gap:4px;font:700 12px var(--f-body);color:#A9C17F;background:rgba(169,193,127,.14);padding:3px 8px;border-radius:999px}
.zv-big{font:700 38px/1 var(--f-display);letter-spacing:-.02em}
.zv-g2 .zv-up{justify-self:start}
.zv-bars{position:absolute;inset:auto 0 0 0;height:230px;display:flex;align-items:flex-end;gap:14px;padding:0 6px}
.zv-bars i{flex:1;height:var(--h);border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--cta-bg) 85%,#fff),color-mix(in srgb,var(--cta-bg) 25%,transparent));transform-origin:bottom;transform:scaleY(0);position:relative}
.zv-bars i b{position:absolute;top:-20px;left:0;right:0;text-align:center;font:600 11px var(--f-mono);color:var(--muted)}
.in .zv-bars i{animation:zvGrow .7s var(--d) cubic-bezier(.3,1.3,.5,1) forwards}
/* notes */
.zv-note{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 18px 30px -18px rgba(0,0,0,.6)}
.zv-note b{display:block;font-size:13px}
.zv-note span{font-size:11.5px;color:var(--muted)}
.zv-note__ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--cta-bg) 18%,transparent);color:var(--cta-bg);flex:none}
.zv-note__ic.ok{background:rgba(42,157,143,.2);color:#3BC2B0}
.zv-g5 .zv-note{padding:9px 10px}
.zv-g5 .zv-note b{font-size:12px}
.zv-g5 .zv-note span{font-size:10.5px}
.zm5__stack .zv-note{animation:zrIn .5s cubic-bezier(.2,1,.3,1)}
.za4__g.g2 .zv-up{justify-self:start}
.za5__t.t1 .zv-up{justify-self:start}
.zs3__toast .zv-note{animation:zrIn .5s cubic-bezier(.2,1,.3,1)}
.vrow--wide{grid-template-columns:minmax(0,1fr)!important;max-width:1060px}
.zcs{height:560px;background:radial-gradient(120% 90% at 70% 10%,color-mix(in srgb,var(--fg) 5%,transparent),transparent 60%)}
.zcs__sc{position:relative;width:900px;height:500px}
.zcs__br{position:absolute;left:0;top:20px;width:720px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:0 40px 80px -36px rgba(0,0,0,.8)}
.zcs__vp{position:relative;height:440px;overflow:hidden}
.zcs__ph{position:absolute;right:20px;top:110px;width:196px;height:390px;border-radius:32px;border:7px solid #0c0c0c;background:#0c0c0c;box-shadow:0 40px 70px -24px rgba(0,0,0,.85);overflow:hidden}
.zcs__scr{position:relative;height:100%;border-radius:25px;overflow:hidden}
.zcs__vp > div{height:100%}
@keyframes cxUp{from{transform:translateY(110%)}to{transform:none}}
/* ===== FLOWERS ===== */
.fx{position:relative;background:#f6efe7;color:#3b1a22;font-family:"Inter",var(--f-body);overflow:hidden}
.fx__scroll{animation:fxScroll 14s cubic-bezier(.7,0,.25,1) infinite}
@keyframes fxScroll{0%,45%{transform:translateY(0)}55%,92%{transform:translateY(-440px)}100%{transform:translateY(0)}}
.fx section{height:440px;box-sizing:border-box;position:relative}
.fx__nav{display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11.5px;letter-spacing:.04em;color:#6b4a50}
.fx__nav b{font:500 22px "Cormorant Garamond",Georgia,serif;color:#3b1a22;margin-right:auto;letter-spacing:.01em}.fx__nav b i{font-style:italic;color:#9c2f45}
.fx__cart{position:relative;display:flex}.fx__cart em{position:absolute;right:-9px;top:-7px;min-width:15px;height:15px;border-radius:999px;background:#9c2f45;color:#fff;font:700 9px/15px "Inter",sans-serif;text-align:center;font-style:normal}
.fx__cart em.bump{animation:fxBump .5s}@keyframes fxBump{40%{transform:scale(1.5)}}
.fx__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;padding:6px 28px 0;align-items:center}
.fx__txt small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#9c2f45}
.fx__txt h3{margin:12px 0 14px;font:400 52px/0.98 "Cormorant Garamond",Georgia,serif;letter-spacing:-.01em;color:#2c1218}
.fx__txt h3 i{font-style:italic;color:#9c2f45}
.ln{display:block;overflow:hidden}.ln > span{display:block;transform:translateY(105%);animation:cxUp 1s cubic-bezier(.2,1,.3,1) forwards}
.ln:nth-child(2) > span{animation-delay:.15s}.ln:nth-child(3) > span{animation-delay:.3s}
.fx__txt p{margin:0 0 18px;font-size:12.5px;line-height:1.6;color:#6b4a50;max-width:270px}
.fx__ctas{display:flex;align-items:center;gap:16px}
.fx__btn{text-decoration:none;background:#2c1218;color:#f6efe7;font:500 12px "Inter",sans-serif;letter-spacing:.06em;padding:12px 20px;border-radius:999px;position:relative;overflow:hidden}
.fx__btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25),transparent 70%);transform:translateX(-120%);animation:fxSh 3.5s 1.5s infinite}
@keyframes fxSh{30%,100%{transform:translateX(120%)}}
.fx__lnk{font-size:12px;color:#3b1a22;border-bottom:1px solid #3b1a22;padding-bottom:2px}
.fx__arch{position:relative;justify-self:center;width:280px;height:330px}
.fx__archin{position:absolute;inset:0;border-radius:140px 140px 18px 18px;background:radial-gradient(90% 70% at 50% 35%,#fbe9e3,#efd9cd 70%,#e6cfc1);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(90,31,43,.08)}
.fbq{position:absolute;left:-10px;top:0;width:300px;height:360px;animation:fxBreath 6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes fxBreath{50%{transform:rotate(1.5deg) scale(1.025)}}
.fl .fl__in{animation:fxSpin 40s linear infinite}@keyframes fxSpin{to{transform:rotate(360deg)}}
.fx__ring{position:absolute;left:-46px;bottom:26px;width:110px;height:110px;animation:fxSpin 18s linear infinite;background:#f6efe7;border-radius:50%;box-shadow:0 10px 24px -12px rgba(90,31,43,.4)}
.fx__ring text{font:600 8.6px "Inter",sans-serif;letter-spacing:.22em;fill:#5a1f2b}
.fx__mq{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(90,31,43,.15);padding:10px 0;overflow:hidden;background:#f6efe7}
.fx__mq div{display:flex;width:max-content;animation:nsMq 26s linear infinite;font:italic 400 15px "Cormorant Garamond",Georgia,serif;color:#5a1f2b}
.fx__mq span{white-space:pre}
.f-pet{position:absolute;top:-30px;width:14px;z-index:4;pointer-events:none;animation:fxFall var(--t) var(--d) linear infinite;transform:scale(var(--s));opacity:0}
@keyframes fxFall{0%{transform:translate(0,0) rotate(0) scale(var(--s));opacity:0}8%{opacity:.85}100%{transform:translate(var(--x),480px) rotate(320deg) scale(var(--s));opacity:0}}
.fx__shop{padding:26px 28px}
.fx__sh small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#9c2f45}.fx__sh h4{margin:6px 0 18px;font:400 34px "Cormorant Garamond",Georgia,serif}.fx__sh h4 i{color:#9c2f45}
.fx__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fx__card{position:relative;display:grid;gap:3px;font-size:12px}
.fx__img{height:210px;border-radius:120px 120px 14px 14px;background:linear-gradient(180deg,#f1e1d6,#ead4c6);display:grid;place-items:center;overflow:hidden;margin-bottom:8px;transition:transform .5s}
.fx__card:nth-child(2) .fx__img{animation:fxHov 6s 1s ease-in-out infinite}
@keyframes fxHov{20%,40%{transform:translateY(-6px);box-shadow:0 18px 30px -16px rgba(90,31,43,.45)}60%{transform:none}}
.fmb{width:85%;height:85%}
.fx__card b{font:500 18px "Cormorant Garamond",Georgia,serif}.fx__card span{color:#6b4a50}
.fx__add{position:absolute;right:8px;top:172px;width:30px;height:30px;border-radius:50%;background:#2c1218;color:#f6efe7;display:grid;place-items:center;text-decoration:none;font-size:16px}
.fx__toast{position:absolute;left:50%;bottom:16px;z-index:6;display:flex;align-items:center;gap:8px;background:#2c1218;color:#f6efe7;font:500 11.5px "Inter",sans-serif;padding:10px 16px;border-radius:999px;transform:translate(-50%,160%);transition:transform .5s cubic-bezier(.2,1,.3,1);box-shadow:0 14px 30px -12px rgba(44,18,24,.6)}
.fx__toast.on{transform:translate(-50%,0)}.fx__toast svg{color:#f2b9b4}
.fx__cur{position:absolute;width:180px;height:180px;margin:-90px 0 0 -90px;left:var(--mx,70%);top:var(--my,40%);border-radius:50%;background:radial-gradient(circle,rgba(242,185,180,.45),transparent 65%);pointer-events:none;mix-blend-mode:multiply;transition:left .25s ease-out,top .25s ease-out;z-index:3}
/* phone */
.fxp{position:relative;height:100%;background:#f6efe7;color:#2c1218;padding:22px 14px;box-sizing:border-box;display:grid;align-content:start;gap:10px;overflow:hidden}
.fxp__l{font:500 15px "Cormorant Garamond",Georgia,serif;text-align:center}.fxp__l i{color:#9c2f45}
.fxp__arch{position:relative;height:150px;border-radius:80px 80px 12px 12px;background:radial-gradient(90% 70% at 50% 35%,#fbe9e3,#efd9cd 70%,#e6cfc1);overflow:hidden}.fxp__arch .fbq{width:170px;height:200px;left:-2px;top:-10px}
.fxp h4{margin:2px 0;font:400 22px/1 "Cormorant Garamond",Georgia,serif}.fxp h4 i{color:#9c2f45}
.fxp .fx__btn{justify-self:start;padding:9px 16px;font-size:10.5px}
.fxp__bar{position:absolute;left:8px;right:8px;bottom:10px;display:flex;align-items:center;gap:6px;background:#2c1218;color:#f6efe7;border-radius:14px;padding:8px 10px;font-size:10px;transform:translateY(140%);animation:fxBar 7s 2s infinite}
.fxp__bar span{margin-right:auto}.fxp__bar u{text-decoration:none;background:#f2b9b4;color:#2c1218;padding:4px 9px;border-radius:999px;font-weight:600}
@keyframes fxBar{0%,10%{transform:translateY(140%)}18%,65%{transform:none}75%,100%{transform:translateY(140%)}}
/* ===== CLINIC ===== */
.cx{position:relative;background:#eee8e1;color:#2a2420;font-family:"Inter",var(--f-body);overflow:hidden}
.cx__scroll{animation:fxScroll 15s cubic-bezier(.7,0,.25,1) infinite}
.cx section{height:440px;box-sizing:border-box;position:relative}
.cx__nav{display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11.5px;color:#7a6e64}
.cx__nav b{font:400 20px "Fraunces",Georgia,serif;letter-spacing:.32em;color:#2a2420;margin-right:auto}
.cx__nav u{text-decoration:none;border:1px solid #2a2420;color:#2a2420;padding:8px 14px;border-radius:999px}
.cx__grid{display:grid;grid-template-columns:1fr 1fr;padding:10px 28px;align-items:center;gap:10px}
.cx__txt small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#a08c74}
.cx__txt h3{margin:14px 0;font:300 50px/1 "Fraunces",Georgia,serif;letter-spacing:-.02em}.cx__txt h3 i{font-style:italic;color:#a08c74}
.cx__txt p{font-size:12.5px;line-height:1.6;color:#7a6e64;max-width:270px;margin:0 0 22px}
.cx__stats{display:flex;gap:26px;border-top:1px solid rgba(42,36,32,.15);padding-top:16px}.cx__stats b{display:block;font:400 24px "Fraunces",Georgia,serif}.cx__stats span{font-size:10.5px;color:#7a6e64}
.cx__art{position:relative;height:350px}
.cx__oval{position:absolute;left:50%;top:50%;width:230px;height:300px;margin:-150px 0 0 -115px;border-radius:50%;background:radial-gradient(70% 60% at 40% 30%,#fbf8f4,#e6ddd2 70%,#d9cdbf);box-shadow:inset 0 0 0 1px rgba(160,140,116,.25),0 40px 60px -30px rgba(80,60,40,.4);overflow:hidden}
.cx__face{width:100%;height:100%}
.cx__ln{fill:none;stroke:#2a2420;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cxDraw 3.2s .3s cubic-bezier(.6,0,.2,1) forwards}
.cx__ln.h{stroke:#a08c74;animation-delay:1.4s;animation-duration:3.6s}.cx__ln.e{animation-delay:2.6s;animation-duration:1s}
@keyframes cxDraw{to{stroke-dashoffset:0}}
.cx__orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95),rgba(255,255,255,.2) 40%,rgba(200,180,155,.25) 70%,rgba(160,140,116,.35));box-shadow:inset -6px -10px 20px rgba(160,140,116,.25),0 20px 30px -14px rgba(80,60,40,.35);backdrop-filter:blur(3px);z-index:2}
.cx__orb.o1{width:70px;height:70px;right:20px;top:20px;animation:cxFloat 7s ease-in-out infinite}
.cx__orb.o2{width:40px;height:40px;left:24px;bottom:60px;animation:cxFloat 9s -3s ease-in-out infinite}
@keyframes cxFloat{50%{transform:translate(-8px,-14px)}}
.cx__chip{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);padding:9px 12px;border-radius:14px;box-shadow:0 14px 30px -16px rgba(80,60,40,.45);font-size:11px}
.cx__chip b{display:block;font-weight:600}.cx__chip small{color:#7a6e64;font-size:10px}
.cx__chip.c1{left:-6px;top:40px;animation:cxFloat 8s ease-in-out infinite}.cx__chip.c2{right:-10px;bottom:30px;animation:cxFloat 8s -4s ease-in-out infinite}
.cx__av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c8b49c,#8a7560);color:#fff;display:grid;place-items:center;font:600 10px "Inter",sans-serif}
.cx__dot{width:9px;height:9px;border-radius:50%;background:#7fa36a;box-shadow:0 0 0 4px rgba(127,163,106,.2)}
.cx__treat{padding:24px 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-content:start}
.cx__treat > small{grid-column:1/-1;font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#a08c74}
.cx__row{display:grid;grid-template-columns:30px 1fr auto 16px;align-items:baseline;gap:10px;padding:14px 0;border-bottom:1px solid rgba(42,36,32,.12);font-size:11px;color:#7a6e64;animation:cxRow 15s calc(var(--i)*.6s) infinite}
.cx__row b{font:300 22px "Fraunces",Georgia,serif;color:#2a2420}.cx__row em{font-style:normal}
@keyframes cxRow{55%{padding-left:0}60%,66%{padding-left:10px;color:#2a2420}72%{padding-left:0}}
.cx__ba{display:grid;gap:12px;align-content:start}.cx__bah small{font:500 9px "Inter",sans-serif;letter-spacing:.25em;color:#a08c74}.cx__bah b{display:block;font:400 18px "Fraunces",Georgia,serif;margin-top:4px}
.cx__slider{position:relative;height:200px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f6f1ea,#e4d9cc);--p:50%}
.cx__b,.cx__a{position:absolute;inset:0;display:grid;place-items:center}.cx__b svg,.cx__a svg{width:88%}
.cx__a{clip-path:inset(0 0 0 var(--p));background:linear-gradient(135deg,#fbf8f3,#ece2d6)}
.cx__h{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:#2a2420}.cx__h::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#2a2420;color:#eee8e1;display:grid;place-items:center;font-size:12px;letter-spacing:2px}
.cxp{height:100%;background:#eee8e1;color:#2a2420;padding:22px 14px;box-sizing:border-box;display:grid;align-content:start;gap:10px;text-align:center}
.cxp > b{font:400 13px "Fraunces",Georgia,serif;letter-spacing:.32em}
.cxp__oval{justify-self:center;width:110px;height:140px;border-radius:50%;background:radial-gradient(70% 60% at 40% 30%,#fbf8f4,#e6ddd2 70%,#d9cdbf);overflow:hidden}
.cxp h4{margin:0;font:300 21px/1.05 "Fraunces",Georgia,serif}.cxp h4 i{color:#a08c74}
.cxp__slots{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cxp__slots i{font-style:normal;font-size:10px;padding:6px 0;border-radius:8px;border:1px solid rgba(42,36,32,.15)}.cxp__slots i.on{background:#2a2420;color:#eee8e1;animation:nsPulse 2s infinite}
.cxp > u{text-decoration:none;background:#2a2420;color:#eee8e1;font-size:10.5px;padding:10px;border-radius:999px}
/* ===== RESTAURANT ===== */
.rx{position:relative;background:#0e1110;color:#efe7da;font-family:"Inter",var(--f-body);overflow:hidden}
.rx__scroll{animation:fxScroll 15s cubic-bezier(.7,0,.25,1) infinite}
.rx section{height:440px;box-sizing:border-box;position:relative;z-index:1}
.rx__glow{position:absolute;right:-60px;top:20px;width:520px;height:420px;background:radial-gradient(closest-side,rgba(201,143,62,.28),transparent);pointer-events:none;z-index:0}
.rx__nav{display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11.5px;letter-spacing:.06em;color:#a89b86}
.rx__nav b{font:500 20px "Fraunces",Georgia,serif;letter-spacing:.4em;color:#efe7da;margin-right:auto}
.rx__nav u{text-decoration:none;color:#0e1110;background:#c98f3e;padding:8px 16px;border-radius:999px}
.rx__grid{display:grid;grid-template-columns:1fr 1fr;padding:4px 28px;align-items:center}
.rx__txt small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#c98f3e}
.rx__txt h3{margin:12px 0;font:300 52px/0.98 "Fraunces",Georgia,serif;letter-spacing:-.02em}.rx__txt h3 i{color:#c98f3e}
.rx__txt p{font-size:12.5px;line-height:1.6;color:#a89b86;max-width:270px;margin:0 0 16px}
.rx__res{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px 12px;max-width:330px}
.rx__res small{display:block;font-size:9px;color:#a89b86;letter-spacing:.1em}.rx__res b{font:500 13px "Inter",sans-serif}
.rx__slots{display:flex;gap:4px;width:100%}.rx__slots i{font-style:normal;flex:1;text-align:center;font-size:10px;padding:5px 0;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:#cbbfa9}
.rx__slots i.x{opacity:.35;text-decoration:line-through}.rx__slots i.on{background:#c98f3e;border-color:#c98f3e;color:#0e1110;font-weight:600;animation:rxPulse 2s infinite}
@keyframes rxPulse{50%{box-shadow:0 0 18px 2px rgba(201,143,62,.6)}}
.rx__btn{text-decoration:none;background:#efe7da;color:#0e1110;font:600 11px "Inter",sans-serif;padding:9px 16px;border-radius:999px;margin-left:auto}
.rx__live{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;color:#cbbfa9}.rx__live i{width:7px;height:7px;border-radius:50%;background:#e2603d;box-shadow:0 0 8px #e2603d;animation:hxP 1.3s infinite}.rx__live b{color:#efe7da}
.rx__pl{position:relative;height:370px;display:grid;place-items:center}
.rpl{width:330px;height:330px;animation:fxSpin 60s linear infinite}
.rx__steam{position:absolute;left:50%;top:10px;width:120px;height:140px;margin-left:-60px;z-index:2;pointer-events:none}
.rx__steam i{position:absolute;bottom:0;width:26px;height:90px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);filter:blur(8px);animation:rxSteam 4s ease-in infinite}
.rx__steam i:nth-child(1){left:20px}.rx__steam i:nth-child(2){left:50px;animation-delay:1.3s}.rx__steam i:nth-child(3){left:80px;animation-delay:2.6s}
@keyframes rxSteam{0%{transform:translateY(40px) scaleX(.6);opacity:0}30%{opacity:1}100%{transform:translateY(-60px) scaleX(1.4);opacity:0}}
.rx__tag{position:absolute;right:0;bottom:30px;background:rgba(14,17,16,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;font-size:11px}
.rx__tag b{display:block;font:400 15px "Fraunces",Georgia,serif}.rx__tag small{color:#a89b86}
.rx__menu{padding:26px 28px}.rx__menu > small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#c98f3e}
.rx__courses{margin-top:16px;display:grid}
.rx__c{display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:#a89b86}
.rx__c span{font:italic 300 15px "Fraunces",Georgia,serif;color:#c98f3e}.rx__c b{font:300 23px "Fraunces",Georgia,serif;color:#efe7da}.rx__c em{font-style:normal;letter-spacing:.2em;text-transform:uppercase;font-size:9px}
.rxp{height:100%;background:#0e1110;color:#efe7da;padding:22px 14px;box-sizing:border-box;display:grid;align-content:start;gap:10px;text-align:center;overflow:hidden}
.rxp > b{font:500 13px "Fraunces",Georgia,serif;letter-spacing:.4em}
.rxp__pl .rpl{width:150px;height:150px}
.rxp h4{margin:0;font:300 22px/1.02 "Fraunces",Georgia,serif}.rxp h4 i{color:#c98f3e}
.rxp__res{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a89b86;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px}.rxp__res b{color:#0e1110;background:#c98f3e;border-radius:8px;padding:3px 8px}
.rxp .rx__btn{margin:0}
.zcs section{padding-block:0;scroll-margin:0}
.zcs .fx__shop,.zcs .cx__treat,.zcs .rx__menu{padding-top:26px;padding-bottom:26px}
.zcs h3,.zcs h4{text-transform:none;letter-spacing:normal;opacity:1}
.fxp h4{color:#2c1218!important}.cxp h4{color:#2a2420!important}.rxp h4{color:#efe7da!important}
.fxp h4 i{color:#9c2f45!important}.cxp h4 i{color:#a08c74!important}.rxp h4 i{color:#c98f3e!important}
.fxp .fx__btn{margin-bottom:56px}
.fxp__bar b{white-space:nowrap}.fxp__bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx__txt h3{font-size:48px}
.fx__sh h4{color:#2c1218!important}.cx__bah b{color:#2a2420!important}
/* ===== F2 NOIR ===== */

.nx__scroll{animation:fxScroll 15s cubic-bezier(.7,0,.25,1) infinite;position:relative;z-index:2}
.nx section{height:440px;position:relative;box-sizing:border-box}
.nx__bok{position:absolute;inset:0;z-index:1;pointer-events:none}
.nx__bok i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,rgba(243,194,189,var(--o)),transparent 70%);filter:blur(2px);animation:nxBok var(--t) var(--d) ease-in-out infinite alternate}
@keyframes nxBok{to{transform:translate(30px,-40px) scale(1.4)}}
.nx__light{position:absolute;z-index:1;width:420px;height:420px;margin:-210px 0 0 -210px;left:var(--mx,60%);top:var(--my,45%);border-radius:50%;background:radial-gradient(circle,rgba(255,214,190,.16),transparent 65%);pointer-events:none;transition:left .3s ease-out,top .3s ease-out}
.nx__big{position:absolute;left:0;top:150px;display:flex;gap:28px;width:max-content;white-space:nowrap;font:italic 300 120px/1 "Cormorant Garamond",Georgia,serif;color:rgba(243,194,189,.07);animation:nsMq 40s linear infinite}
.nx__nav{position:relative;z-index:3;display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,230,223,.6)}
.nx__nav b{font:500 21px "Cormorant Garamond",Georgia,serif;letter-spacing:.02em;text-transform:none;color:#f3e6df;margin-right:auto}.nx__nav b i{color:#e59aa0}
.nx__nav u{text-decoration:none;color:#f3e6df;border:1px solid rgba(243,230,223,.35);padding:7px 14px;border-radius:999px}
.nx__stage{position:absolute;left:50%;top:60px;width:300px;height:360px;margin-left:-150px;z-index:2}
.nx__stage::before{content:"";position:absolute;left:10%;right:10%;bottom:6%;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}
.fbq--n{position:absolute;inset:0;width:100%;height:100%;animation:fxBreath 7s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(229,154,160,.25))}
.bl{transform-box:fill-box;transform-origin:center}
.bl .fl__in{transform-box:fill-box;transform-origin:center;animation:nxBloom 6s var(--bd,0s) cubic-bezier(.2,1,.3,1) infinite}
@keyframes nxBloom{0%{transform:scale(.05) rotate(-90deg);opacity:0}18%{transform:scale(1.04) rotate(4deg);opacity:1}24%,86%{transform:scale(1) rotate(0)}100%{transform:scale(1) rotate(0);opacity:1}}
.bl-st{animation:nxStem 6s ease-out infinite}@keyframes nxStem{0%{opacity:0;transform:translateY(20px)}10%,100%{opacity:1;transform:none}}
.nx__l{position:absolute;left:28px;bottom:40px;z-index:3}
.nx__l small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#e59aa0}
.nx__l h3{margin:10px 0 0;font:300 46px/.98 "Cormorant Garamond",Georgia,serif}.nx__l h3 i{color:#e59aa0}
.nx__r{position:absolute;right:28px;bottom:44px;z-index:3;width:200px;display:grid;gap:14px;justify-items:start}
.nx__r p{margin:0;font-size:11.5px;line-height:1.6;color:rgba(243,230,223,.65)}
.nx__btn{text-decoration:none;display:inline-flex;gap:10px;align-items:center;color:#120d0f;background:#f3e6df;font:500 11px "Inter",sans-serif;padding:10px 16px;border-radius:999px}.nx__btn i{font-style:normal}
.nx__tag{position:absolute;right:34%;top:110px;z-index:3;display:grid;font-size:10px;color:rgba(243,230,223,.7);border-left:1px solid rgba(243,230,223,.4);padding-left:10px;animation:fxBar 6s 1s infinite}
.nx__tag b{font:400 18px "Cormorant Garamond",Georgia,serif;color:#f3e6df}
.nx__gal{padding:26px 0}.nx__gh{padding:0 28px}.nx__gh small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#e59aa0}.nx__gh h4{margin:6px 0 18px;font:300 34px "Cormorant Garamond",Georgia,serif;color:#f3e6df}.nx__gh h4 i{color:#e59aa0}
.nx__track{display:flex;gap:16px;width:max-content;padding-left:28px;animation:nsMq 30s linear infinite}
.nx__card{width:170px;display:grid;gap:3px;font-size:11px;color:rgba(243,230,223,.6)}
.nx__ci{height:220px;border-radius:90px 90px 12px 12px;background:radial-gradient(80% 70% at 50% 40%,#3a2329,#1b1316);display:grid;place-items:center;margin-bottom:8px;box-shadow:inset 0 0 0 1px rgba(243,194,189,.12)}
.nx__card b{font:400 18px "Cormorant Garamond",Georgia,serif;color:#f3e6df}
.nxp{position:relative;height:100%;background:radial-gradient(90% 60% at 50% 40%,#2a1a1f,#120d0f);color:#f3e6df;padding:22px 14px;box-sizing:border-box;display:grid;align-content:start;gap:8px;text-align:center}
.nxp .fxp__l{color:#f3e6df}.nxp .fxp__l i{color:#e59aa0}
.nxp__st{position:relative;height:200px}.nxp__st .fbq--n{width:170px;height:204px;left:50%;margin-left:-85px}
.nxp h4{margin:0;font:300 24px/1 "Cormorant Garamond",Georgia,serif;color:#f3e6df!important}.nxp h4 i{color:#e59aa0!important}
.nxp .nx__btn{justify-self:center}
/* ===== F3 builder ===== */
.bx{height:100%;background:#f6efe7;color:#2c1218;font-family:"Inter",var(--f-body)}
.bx__g{display:grid;grid-template-columns:1fr 1fr;padding:0 28px;gap:10px;align-items:start}
.bx__l small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#9c2f45}
.bx__l h3{margin:8px 0 16px;font:400 40px/.98 "Cormorant Garamond",Georgia,serif}.bx__l h3 i{color:#9c2f45}
.bx__step{display:flex;align-items:center;gap:8px;font:600 11px "Inter",sans-serif;margin:10px 0 8px;color:#6b4a50}.bx__step span{width:18px;height:18px;border-radius:50%;background:#2c1218;color:#f6efe7;display:grid;place-items:center;font-size:10px}
.bx__chips{display:flex;flex-wrap:wrap;gap:6px}
.bx__chips button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:500 11px "Inter",sans-serif;padding:6px 11px;border-radius:999px;border:1px solid rgba(44,18,24,.18);background:#fbf7f2;transition:all .25s}
.bx__chips button i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.bx__chips button.on{background:#2c1218;color:#f6efe7;border-color:#2c1218}
.bx__chips.sm button{font-size:9px;padding:4px 7px}
.bx__size{display:flex;gap:6px}.bx__size button{all:unset;cursor:pointer;width:34px;height:30px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(44,18,24,.18);font:600 11px "Inter",sans-serif}.bx__size button.on{background:#2c1218;color:#f6efe7}
.bx__tot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(44,18,24,.12)}
.bx__tot small{display:block;font-size:10px;color:#6b4a50}.bx__tot b{font:400 30px "Cormorant Garamond",Georgia,serif}
.bx__del{margin-top:10px;display:flex;align-items:center;gap:6px;font-size:10.5px;color:#6b4a50}.bx__del b{font-family:var(--f-mono);color:#9c2f45}
.bx__r{position:relative;height:372px;display:grid;place-items:center}
.bx__pod{position:absolute;left:50%;bottom:6px;width:240px;height:240px;margin-left:-120px;border-radius:50%;background:radial-gradient(circle,#fbe9e3,#f1dcd0 60%,transparent 70%)}
.fbq--b{position:relative;width:280px;height:336px}
.bs{transform-box:fill-box;transform-origin:50% 100%;opacity:0;transform:translateY(-60px) scale(.6);transition:opacity .5s,transform .7s cubic-bezier(.3,1.5,.5,1)}
.bs.in{opacity:1;transform:none}
.bs-wrap{opacity:.95}
.bx__cnt{position:absolute;right:6px;top:10px;font:600 10.5px var(--f-mono);background:#2c1218;color:#f6efe7;padding:5px 9px;border-radius:999px}
.bxp{height:100%;background:#f6efe7;color:#2c1218;padding:22px 12px;box-sizing:border-box;display:grid;align-content:start;gap:8px;text-align:center}
.bxp small{font:500 8px "Inter",sans-serif;letter-spacing:.28em;color:#9c2f45}
.bxp__st{height:190px;display:grid;place-items:center}.bxp__st .fbq--b{width:160px;height:192px}
.bxp .bx__chips{justify-content:center}
.bxp__bar{display:flex;justify-content:space-between;align-items:center;background:#2c1218;color:#f6efe7;border-radius:14px;padding:8px 12px;margin-top:6px}.bxp__bar b{font:400 18px "Cormorant Garamond",Georgia,serif}.bxp__bar u{text-decoration:none;background:#f2b9b4;color:#2c1218;font-size:10px;font-weight:600;padding:4px 10px;border-radius:999px}
/* ===== Clinic face map ===== */
.cm{padding:22px 28px!important}
.cm__h small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#a08c74}.cm__h h4{margin:6px 0 10px;font:300 26px "Fraunces",Georgia,serif;color:#2a2420!important}.cm__h h4 i{color:#a08c74!important}
.cm__g{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:center}
.cm__face{height:320px;border-radius:50%;background:radial-gradient(70% 60% at 40% 30%,#fbf8f4,#e6ddd2 70%,#d9cdbf)}
.cm__ln{fill:none;stroke:#2a2420;stroke-width:1.4;stroke-linecap:round}.cm__ln.h{stroke:#a08c74}
.cm__sp{cursor:pointer}.cm__sp .r{fill:rgba(160,140,116,.18);stroke:#a08c74;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:cmPulse 2.4s infinite}.cm__sp .d{fill:#a08c74}
.cm__sp.on .r{fill:rgba(42,36,32,.15);stroke:#2a2420}.cm__sp.on .d{fill:#2a2420}
@keyframes cmPulse{50%{transform:scale(1.35);opacity:.6}}
.cm__cards{position:relative;height:300px}
.cm__card{position:absolute;inset:0 0 50px 0;background:rgba(255,255,255,.65);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:20px;padding:22px;display:grid;align-content:start;gap:10px;opacity:0;transform:translateY(10px);transition:all .45s;box-shadow:0 30px 50px -30px rgba(80,60,40,.4)}
.cm__card.on{opacity:1;transform:none}
.cm__card small{font:500 9.5px "Inter",sans-serif;letter-spacing:.28em;color:#a08c74}
.cm__card b{font:300 30px/1.05 "Fraunces",Georgia,serif;color:#2a2420}
.cm__meta{display:flex;gap:22px;padding:12px 0;border-top:1px solid rgba(42,36,32,.12);border-bottom:1px solid rgba(42,36,32,.12)}
.cm__meta span{display:grid;font-size:14px;color:#2a2420}.cm__meta em{font-style:normal;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:#7a6e64}
.cm__card u{text-decoration:none;justify-self:start;background:#2a2420;color:#eee8e1;font-size:11px;padding:9px 14px;border-radius:999px}
.cm__list{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;flex-wrap:wrap}
.cm__list span{cursor:pointer;font-size:10.5px;padding:6px 10px;border-radius:999px;border:1px solid rgba(42,36,32,.18);color:#7a6e64;transition:all .25s}.cm__list span.on{background:#2a2420;color:#eee8e1;border-color:#2a2420}
/* ===== Real estate ===== */
.re{position:relative;height:100%;background:#0f1418;color:#e9e4dc;font-family:"Inter",var(--f-body);overflow:hidden}
.re__nav{display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11px;letter-spacing:.06em;color:rgba(233,228,220,.6);position:relative;z-index:3}
.re__nav b{font:600 13px "Inter",sans-serif;letter-spacing:.24em;color:#e9e4dc;margin-right:auto}.re__nav b em{font-style:normal;color:#c7a46b;margin:0 4px}
.re__nav u{text-decoration:none;background:#c7a46b;color:#0f1418;font-weight:600;padding:8px 14px;border-radius:999px}
.re__g{display:grid;grid-template-columns:.95fr 1.05fr;padding:0 0 0 28px;gap:10px;height:380px}
.re__l small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#c7a46b}
.re__l h3{margin:10px 0 12px;font:300 46px/.98 "Fraunces",Georgia,serif}.re__l h3 i{color:#c7a46b}
.re__l p{font-size:12px;line-height:1.6;color:rgba(233,228,220,.6);max-width:260px;margin:0 0 18px}
.re__filters{display:flex;align-items:center;gap:6px;font-size:10.5px;color:rgba(233,228,220,.6)}.re__filters span{margin-right:4px}
.re__filters button{all:unset;cursor:pointer;min-width:28px;text-align:center;padding:6px 9px;border-radius:9px;border:1px solid rgba(233,228,220,.18);font:600 11px "Inter",sans-serif;color:#e9e4dc;transition:all .25s}.re__filters button.on{background:#e9e4dc;color:#0f1418}
.re__legend{display:flex;gap:14px;margin-top:16px;font-size:10.5px;color:rgba(233,228,220,.6)}.re__legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.re__legend .a::before{background:#7fc49a}.re__legend .r::before{background:#c7a46b}.re__legend .s::before{background:rgba(233,228,220,.18)}.re__legend b{color:#e9e4dc}
.re__b{position:relative;overflow:hidden}
.re__sky{position:absolute;inset:0;background:linear-gradient(180deg,#1d2a36,#0f1418 80%);animation:reSky 14s ease-in-out infinite}
@keyframes reSky{0%,40%{background-color:#1d2a36;filter:brightness(1.25) saturate(1.1)}55%,90%{filter:brightness(.7)}}
.re__sun{position:absolute;right:40px;top:30px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#ffe2ad,#e6a95c 60%,transparent 70%);animation:reSun 14s ease-in-out infinite}
@keyframes reSun{0%,40%{transform:none;opacity:1}55%,90%{transform:translateY(80px);opacity:0}}
.re__bld{position:absolute;left:50%;bottom:44px;width:250px;margin-left:-140px;transform:perspective(900px) rotateY(-14deg);transform-origin:left}
.re__roof{height:16px;background:linear-gradient(180deg,#2a3440,#1c242d);border-radius:4px 4px 0 0;margin:0 -6px}
.re__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:6px;background:linear-gradient(180deg,#26303b,#1a222a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.re__grid .u{height:22px;border-radius:2px;cursor:pointer;transition:all .3s;position:relative}
.re__grid .u.a{background:rgba(127,196,154,.55);box-shadow:inset 0 0 0 1px rgba(127,196,154,.8)}
.re__grid .u.r{background:rgba(199,164,107,.45)}
.re__grid .u.s{background:rgba(233,228,220,.08)}
.re__grid .u.lit{background:linear-gradient(180deg,#ffd994,#e6a95c)!important;box-shadow:0 0 10px rgba(255,200,120,.6)}
.re__grid .u.dim{opacity:.18}
.re__grid .u.sel{outline:2px solid #fff;outline-offset:1px;z-index:2}
.re__grid.sm .u{height:12px}
.re__base{height:30px;background:#141b22;display:grid;place-items:center;font:600 9px "Inter",sans-serif;letter-spacing:.4em;color:rgba(233,228,220,.4)}
.re__river{position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(180deg,#1b2b38,#12202b);overflow:hidden}
.re__river::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.08) 18px 30px);animation:reWave 6s linear infinite;mask-image:linear-gradient(180deg,#000,transparent)}
@keyframes reWave{to{transform:translateX(-60px)}}
.re__card{position:absolute;left:14px;top:20px;z-index:3;display:flex;gap:12px;align-items:center;background:rgba(15,20,24,.75);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px -20px #000;transition:transform .3s}
.re__card small{font-size:10px;color:rgba(233,228,220,.6)}.re__card b{display:block;font-size:13px;margin:2px 0}.re__card strong{display:block;font:300 22px "Fraunces",Georgia,serif;color:#c7a46b}.re__card em{font-style:normal;font-size:9.5px;color:#7fc49a}
.re__plan{width:62px;height:62px;display:grid;grid-template-areas:"a a b" "c d b";gap:3px;padding:4px;border:1px solid rgba(233,228,220,.3);border-radius:6px}.re__plan i{border:1px solid rgba(233,228,220,.35);border-radius:2px;background:rgba(199,164,107,.12)}
.re__card.pop{animation:rePop .4s}@keyframes rePop{40%{transform:scale(1.04)}}
.rep{height:100%;background:#0f1418;color:#e9e4dc;padding:22px 12px;box-sizing:border-box;display:grid;align-content:start;gap:10px;text-align:center}
.rep > b{font:600 10px "Inter",sans-serif;letter-spacing:.3em}.rep h4{margin:0;font:300 22px/1 "Fraunces",Georgia,serif;color:#e9e4dc!important}.rep h4 i{color:#c7a46b!important}
.rep__bld{padding:0 10px}.rep__card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px}.rep__card small{display:block;font-size:10px;color:rgba(233,228,220,.6)}.rep__card b{font:300 18px "Fraunces",Georgia,serif;color:#c7a46b}
.rep > u{text-decoration:none;background:#c7a46b;color:#0f1418;font-size:10.5px;font-weight:600;padding:9px;border-radius:999px}
/* ===== Warehouse ===== */
.wh{height:100%;background:#16181b;color:#ecebe7;font-family:"Inter",var(--f-body);overflow:hidden}
.wh__nav{display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11px;color:rgba(236,235,231,.6)}
.wh__nav b{font:700 13px "Inter",sans-serif;letter-spacing:.14em;color:#ecebe7;margin-right:auto}.wh__nav b span,.whp b span{color:#F5C518}
.wh__nav u{text-decoration:none;background:#F5C518;color:#16181b;font-weight:700;padding:8px 14px;border-radius:8px}
.wh__g{display:grid;grid-template-columns:.9fr 1.1fr;padding:0 0 0 28px;gap:6px}
.wh__l small{font:600 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#F5C518}
.wh__l h3{margin:10px 0 12px;font:700 40px/.98 "Inter",sans-serif;letter-spacing:-.03em}.wh__l h3 i{font-style:normal;color:#F5C518}
.wh__l p{font-size:12px;line-height:1.6;color:rgba(236,235,231,.6);max-width:250px;margin:0 0 16px}
.wh__calc{background:#1f2226;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;max-width:270px}
.wh__row{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:rgba(236,235,231,.6)}.wh__row b{font:700 16px "Inter",sans-serif;color:#ecebe7}.wh__row strong{font:700 24px "Inter",sans-serif;color:#F5C518}
.wh__row.t{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.wh__slider{position:relative;height:6px;border-radius:999px;background:rgba(255,255,255,.1);margin:12px 0 4px}.wh__slider i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#F5C518;width:30%}.wh__slider span{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(245,197,24,.3);left:30%}
.wh__r{position:relative;height:380px}
.wh__iso{position:absolute;left:50%;top:50%;width:330px;height:220px;margin:-130px 0 0 -170px;transform:rotateX(58deg) rotateZ(-40deg);transform-style:preserve-3d}
.wh__floor{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:3px;width:100%;height:100%;padding:6px;box-sizing:border-box;background:#22262b;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.06),20px 30px 40px rgba(0,0,0,.5)}
.wh__floor .w{border-radius:2px;background:rgba(255,255,255,.05);transition:all .5s}
.wh__floor .w.aisle{background:transparent;box-shadow:inset 0 0 0 1px rgba(245,197,24,.12)}
.wh__floor .w.h1{background:#8a7a4a;box-shadow:-2px 2px 0 #6a5d36,-3px 3px 0 #5a4f2d}
.wh__floor .w.h2{background:#c9a94a;box-shadow:-2px 2px 0 #9c8336,-4px 4px 0 #8a742f,-5px 5px 0 #6f5d26}
.wh__floor .w.h3{background:#F5C518;box-shadow:-2px 2px 0 #c49d12,-4px 4px 0 #b08d10,-6px 6px 0 #9c7d0e,-7px 7px 0 #7c630b}
.wh__floor .w.new{animation:whNew .8s}@keyframes whNew{0%{transform:translateZ(30px);opacity:0}100%{transform:none;opacity:1}}
.wh__fork{position:absolute;width:12px;height:16px;border-radius:2px;background:#ff7a3d;box-shadow:0 0 12px #ff7a3d,-2px 2px 0 #b8521f;left:28%;top:4%;transition:left 1.2s linear,top 1.2s linear}
.wh__gauge{position:absolute;right:20px;top:16px;display:flex;gap:10px;align-items:center;background:rgba(31,34,38,.85);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px}
.wh__gauge svg{width:48px;height:48px;color:#fff}.wh__gauge b{display:block;font:700 18px "Inter",sans-serif}.wh__gauge small{font-size:10px;color:rgba(236,235,231,.6)}
.wh__gv{transition:stroke-dasharray .8s}
.wh__live{position:absolute;left:10px;bottom:22px;display:flex;align-items:center;gap:8px;font:500 10.5px var(--f-mono);background:rgba(31,34,38,.85);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px}.wh__live i{width:7px;height:7px;border-radius:50%;background:#7fd37a;box-shadow:0 0 8px #7fd37a;animation:hxP 1.2s infinite}
.whp{height:100%;background:#16181b;color:#ecebe7;padding:22px 12px;box-sizing:border-box;display:grid;align-content:start;gap:12px}
.whp > b{font:700 11px "Inter",sans-serif;letter-spacing:.14em}.whp h4{margin:0;font:700 22px/1 "Inter",sans-serif;letter-spacing:-.02em;color:#ecebe7!important}.whp h4 i{font-style:normal;color:#F5C518!important}
.whp__g{position:relative;justify-self:center;width:110px;height:110px}.whp__g svg{width:100%;height:100%}.whp__g span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:700 22px "Inter",sans-serif}.whp__g small{display:block;font-size:9px;color:rgba(236,235,231,.6);font-weight:400}
.whp__row{display:flex;justify-content:space-between;font-size:11px;background:#1f2226;border-radius:10px;padding:9px 10px}.whp__row b{color:#F5C518}
.whp > u{text-decoration:none;text-align:center;background:#F5C518;color:#16181b;font-size:11px;font-weight:700;padding:10px;border-radius:8px}
/* ===== Logistics ===== */
.lg{height:100%;background:#0a1220;color:#e6ecf5;font-family:"Inter",var(--f-body);overflow:hidden}
.lg__nav{display:flex;align-items:center;gap:22px;padding:18px 28px;font-size:11px;color:rgba(230,236,245,.6)}
.lg__nav b{font:800 15px "Inter",sans-serif;letter-spacing:.06em;color:#e6ecf5;margin-right:auto}.lg__nav b em,.lgp > b em{font-style:normal;color:#ff7a3d}
.lg__nav u{text-decoration:none;background:#ff7a3d;color:#0a1220;font-weight:700;padding:8px 14px;border-radius:8px}
.lg__g{display:grid;grid-template-columns:.85fr 1.15fr;padding:0 0 0 28px}
.lg__l small{font:600 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#ff7a3d}
.lg__l h3{margin:10px 0 12px;font:800 40px/.98 "Inter",sans-serif;letter-spacing:-.03em}.lg__l h3 i{font-style:normal;color:#ff7a3d}
.lg__l p{font-size:12px;line-height:1.6;color:rgba(230,236,245,.6);max-width:240px;margin:0 0 14px}
.lg__kpi{display:flex;gap:22px;margin-bottom:14px}.lg__kpi b{display:block;font:800 22px "Inter",sans-serif}.lg__kpi span{font-size:10px;color:rgba(230,236,245,.55)}
.lg__track{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;max-width:260px}
.lg__th{display:flex;justify-content:space-between;font-size:11px;color:rgba(230,236,245,.65)}.lg__th b{color:#e6ecf5}.lg__th em{font-style:normal;color:#ff7a3d;font-weight:700}
.lg__bar{height:5px;border-radius:999px;background:rgba(255,255,255,.1);margin:10px 0 8px;overflow:hidden}.lg__bar i{display:block;height:100%;width:10%;border-radius:999px;background:linear-gradient(90deg,#ff7a3d,#ffb36b);box-shadow:0 0 10px #ff7a3d;transition:width .8s}
.lg__stg{display:flex;justify-content:space-between;font-size:9.5px;color:rgba(230,236,245,.4)}.lg__stg span.on{color:#e6ecf5;font-weight:600}
.lg__map{position:relative;height:380px}
.lg__svg{width:100%;height:100%}
.lg__dots circle{fill:rgba(140,170,220,.22)}
.lg__rt{fill:none;stroke:rgba(255,122,61,.45);stroke-width:1.4;stroke-dasharray:4 5;animation:lgDash 1.2s linear infinite}
@keyframes lgDash{to{stroke-dashoffset:-18}}
.lg__tr{fill:#ffb36b;filter:drop-shadow(0 0 5px #ff7a3d)}
.lg__c circle{fill:#e6ecf5}.lg__c text{font:600 8.5px "Inter",sans-serif;fill:rgba(230,236,245,.75)}
.lg__c.hq circle{fill:#ff7a3d}.lg__c.hq text{fill:#fff;font-size:10px}
.lg__pulse{fill:none!important;stroke:#ff7a3d;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:zqRing 1.8s infinite}
.lgp{height:100%;background:#0a1220;color:#e6ecf5;padding:22px 12px;box-sizing:border-box;display:grid;align-content:start;gap:8px}
.lgp > b{font:800 12px "Inter",sans-serif;letter-spacing:.06em}.lgp small{font:600 8px "Inter",sans-serif;letter-spacing:.28em;color:#ff7a3d}
.lgp__map{height:190px}.lgp__map svg{width:100%;height:100%}
.lgp__c{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;font-size:10px}.lgp__c span{color:rgba(230,236,245,.6)}.lgp__c b{display:block;font-size:12px;margin:2px 0}.lgp__c em{font-style:normal;color:#ff7a3d;font-weight:700}
.rep{grid-auto-rows:min-content}
.rep__bld{overflow:hidden;border-radius:6px}
.rep__card{display:grid;gap:2px}
.rep > u{display:block;text-align:center}
.rep h4,.rep__card b,.rep__card small{text-decoration:none}
.nx__scroll{width:100%;min-width:0}.nx__track{max-width:none}
/* layout: browser and phone no longer overlap content */
.zcs--v2 .zcs__sc{width:830px}
.zcs--v2 .zcs__br{width:640px}
.zcs--v2 .zcs__ph{right:0;top:96px}
/* ===== merged flowers ===== */
.pf{position:relative;background:#f6efe7;color:#2c1218;font-family:"Inter",var(--f-body);overflow:hidden;height:100%}
.pf__scroll{animation:pfScroll 21s cubic-bezier(.7,0,.25,1) infinite;position:relative;z-index:2}
@keyframes pfScroll{0%,30%{transform:translateY(0)}36%,63%{transform:translateY(-440px)}69%,94%{transform:translateY(-880px)}100%{transform:translateY(0)}}
.pf section{height:440px;position:relative;box-sizing:border-box;padding:0!important}
.pf .f-pet{z-index:5}
.pf__light{position:absolute;z-index:1;width:380px;height:380px;margin:-190px 0 0 -190px;left:var(--mx,55%);top:var(--my,45%);border-radius:50%;background:radial-gradient(circle,rgba(242,185,180,.35),transparent 65%);pointer-events:none;transition:left .3s ease-out,top .3s ease-out}
.pf__big{position:absolute;left:0;top:140px;display:flex;gap:28px;width:max-content;white-space:nowrap;font:italic 300 120px/1 "Cormorant Garamond",Georgia,serif;color:rgba(156,47,69,.07);animation:nsMq 40s linear infinite}
.pf__nav{position:relative;z-index:3;display:flex;align-items:center;gap:20px;padding:18px 26px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#6b4a50}
.pf__nav b{font:500 21px "Cormorant Garamond",Georgia,serif!important;letter-spacing:.01em;text-transform:none;color:#2c1218;margin-right:auto}.pf__nav b i{font-style:italic;color:#9c2f45}
.pf__stage{position:absolute;left:50%;top:56px;width:300px;height:360px;margin-left:-150px;z-index:2}
.pf__stage::before{content:"";position:absolute;left:12%;right:12%;bottom:5%;height:36px;border-radius:50%;background:radial-gradient(closest-side,rgba(90,31,43,.22),transparent)}
.pf .fbq--n{filter:drop-shadow(0 18px 30px rgba(90,31,43,.18))}
.pf__l{position:absolute;left:26px;bottom:36px;z-index:3}
.pf__l small,.pf .nx__gh small{font:500 9.5px "Inter",sans-serif;letter-spacing:.3em;color:#9c2f45}
.pf__l h3{margin:10px 0 0;font:400 44px/.98 "Cormorant Garamond",Georgia,serif;color:#2c1218}.pf__l h3 i{color:#9c2f45}
.pf__r{position:absolute;right:26px;bottom:40px;z-index:3;width:180px;display:grid;gap:14px;justify-items:start}
.pf__r p{margin:0;font-size:11px;line-height:1.6;color:#6b4a50}
.pf__btn{text-decoration:none;display:inline-flex;gap:10px;align-items:center;color:#f6efe7;background:#2c1218;font:500 11px "Inter",sans-serif;padding:10px 16px;border-radius:999px;position:relative;overflow:hidden}.pf__btn i{font-style:normal}
.pf__btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25),transparent 70%);transform:translateX(-120%);animation:fxSh 3.5s 1.5s infinite}
.pf__tag{position:absolute;right:31%;top:96px;z-index:3;display:grid;font-size:10px;color:#6b4a50;border-left:1px solid rgba(44,18,24,.35);padding-left:10px}
.pf__tag b{font:400 18px "Cormorant Garamond",Georgia,serif;color:#2c1218}
.pf__build{background:transparent}.pf__build .bx__g{padding-top:30px}
.pf__gal{padding:26px 0!important}.pf .nx__gh h4{margin:6px 0 18px;font:400 34px "Cormorant Garamond",Georgia,serif;color:#2c1218!important}.pf .nx__gh h4 i{color:#9c2f45!important}
.pf .nx__card{color:#6b4a50}.pf .nx__card b{color:#2c1218}
.pf__ci{height:220px;border-radius:90px 90px 12px 12px;background:linear-gradient(180deg,#f1e1d6,#ead4c6);display:grid;place-items:center;margin-bottom:8px}
.pfp{position:relative;height:100%;background:#f6efe7;color:#2c1218;padding:22px 14px;box-sizing:border-box;display:grid;align-content:start;justify-items:center;gap:6px;text-align:center;overflow:hidden}
.pfp__l{font:500 16px "Cormorant Garamond",Georgia,serif!important;color:#2c1218}.pfp__l i{font-style:italic;color:#9c2f45}
.pfp__st{position:relative;width:100%;height:190px}.pfp__st .fbq--n{position:absolute;width:160px;height:192px;left:50%;margin-left:-80px;top:0}
.pfp small{font:500 8px "Inter",sans-serif;letter-spacing:.28em;color:#9c2f45}
.pfp h4{margin:0 0 6px;font:400 25px/1 "Cormorant Garamond",Georgia,serif!important;color:#2c1218!important}.pfp h4 i{color:#9c2f45!important}
.pfp .pf__btn{padding:9px 14px;font-size:10px}
/* ===== clinic face ===== */
.fc{width:100%;height:100%}
.fc__ln{fill:none;stroke:#3a302a;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cxDraw 3s .2s cubic-bezier(.6,0,.2,1) forwards}
.fc__ln.h{stroke:#b39d84;stroke-width:1;animation-duration:3.6s;animation-delay:.6s}
.fc__ln.s{animation-delay:1.6s;animation-duration:1.6s}.fc__ln.l{stroke:#9c5a52}
.cx__oval .fc{padding:24px 18px 0;box-sizing:border-box}
.cxp__oval .fc{padding:10px 8px 0;box-sizing:border-box}
.cm__face .fc{padding:18px 30px 0;box-sizing:border-box}
.fc--map .fc__ln{animation:none;stroke-dashoffset:0}
/* ===== real estate v2 ===== */
.re2 .re__step{display:flex;align-items:center;gap:8px;font:600 11px "Inter",sans-serif;margin:12px 0 8px;color:#e9e4dc}.re2 .re__step span{width:18px;height:18px;border-radius:50%;background:#c7a46b;color:#0f1418;display:grid;place-items:center;font-size:10px}
.re2 .re__l p{margin-bottom:8px}
.re__moon{position:absolute;right:56px;top:26px;width:30px;height:30px;border-radius:50%;box-shadow:inset -7px -3px 0 #f2e6c9;opacity:0;animation:reMoon 14s ease-in-out infinite}
@keyframes reMoon{0%,45%{opacity:0;transform:translateY(-20px)}58%,90%{opacity:1;transform:none}}
.re__hint{position:absolute;left:14px;top:14px;z-index:3;font:500 10px var(--f-mono);color:rgba(233,228,220,.7);background:rgba(15,20,24,.6);border:1px solid rgba(255,255,255,.12);padding:4px 9px;border-radius:999px}
.re__bld2{position:absolute;left:30px;bottom:44px;display:flex;align-items:flex-end;gap:0}
.re__floors{display:grid;grid-template-rows:repeat(10,26px);gap:0;padding:22px 6px 30px 0;font:500 8.5px var(--f-mono);color:rgba(233,228,220,.45);text-align:right}
.re__floors span{line-height:26px}.re__floors span.on{color:#c7a46b}
.re__front{width:200px}
.re__front .re__grid .u{height:22px}
.re__side{width:56px;height:286px;margin-bottom:30px;transform:skewY(-28deg);transform-origin:left bottom;background:linear-gradient(180deg,#1c242c,#121920);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.re__sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:28px 6px 6px}.re__sgrid i{height:22px;border-radius:2px;background:rgba(233,228,220,.06)}.re__sgrid i.a{background:rgba(127,196,154,.3)}.re__sgrid i.r{background:rgba(199,164,107,.25)}
.re__grid .u.row{box-shadow:0 0 0 1px rgba(199,164,107,.6)}
.re__card2{position:absolute;right:14px;top:14px;width:176px;z-index:4;background:rgba(15,20,24,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;display:grid;gap:8px;box-shadow:0 20px 40px -20px #000;font-size:10.5px}
.re__card2.pop{animation:rePop .4s}
.re__ch{display:flex;justify-content:space-between;align-items:center}.re__ch b{font-size:12px}
.re__st{font-size:9px;font-weight:700;color:#0f1418;background:#7fc49a;padding:2px 7px;border-radius:999px}
.re__fp{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:42px 30px;gap:3px;padding:4px;border:1px solid rgba(233,228,220,.3);border-radius:6px}
.re__fp i{position:relative;border:1px solid rgba(233,228,220,.35);border-radius:2px;background:rgba(199,164,107,.1);display:grid;place-items:center}.re__fp i em{font-style:normal;font-size:7.5px;color:rgba(233,228,220,.7)}
.re__fp .lv{grid-row:span 2;background:rgba(199,164,107,.18)}
.re__cm{display:flex;justify-content:space-between;color:rgba(233,228,220,.65)}
.re__card2 strong{font:300 22px "Fraunces",Georgia,serif;color:#c7a46b}
.re__card2 u{text-decoration:none;text-align:center;background:#c7a46b;color:#0f1418;font-weight:600;padding:7px;border-radius:999px}
.re2 .re__g{grid-template-columns:.85fr 1.15fr}
/* ===== warehouse v2 ===== */
.wh__dock{position:absolute;left:0;right:0;bottom:-40px;height:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 10px}
.wh__bay{position:relative;border-radius:3px;background:#1b1e22;box-shadow:inset 0 0 0 1px rgba(245,197,24,.25);overflow:visible}
.wh__bay em{position:absolute;left:3px;top:2px;font:600 6px var(--f-mono);font-style:normal;color:rgba(245,197,24,.7)}
.wh__door{position:absolute;left:4px;right:4px;top:0;height:4px;background:#F5C518}
.wh__truck{position:absolute;left:50%;top:8px;width:18px;height:40px;margin-left:-9px;border-radius:3px;background:linear-gradient(180deg,#e8e6e0 0 70%,#4b8fd6 70%);box-shadow:-2px 2px 0 #9a9890;animation:whTruck 7s var(--d) ease-in-out infinite}
@keyframes whTruck{0%{transform:translateY(60px);opacity:0}12%{opacity:1}25%,62%{transform:translateY(0)}80%{transform:translateY(60px);opacity:1}86%,100%{transform:translateY(60px);opacity:0}}
.wh__kpis{position:absolute;left:10px;top:16px;display:flex;gap:6px}
.wh__kpis div{background:rgba(31,34,38,.85);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 10px}
.wh__kpis small{display:block;font-size:8.5px;color:rgba(236,235,231,.55)}.wh__kpis b{font:700 14px "Inter",sans-serif}
.zcs--v2 .wh__gauge{top:auto;bottom:22px;right:12px}
.zcs--v2 .wh__live{bottom:auto;top:66px;left:10px}
/* ===== logistics v2 ===== */
.lg2{perspective:900px}
.lg__tilt{width:100%;height:100%;transform:rotateX(26deg) rotateZ(-4deg) scale(1.05);transform-origin:50% 60%;transition:transform .4s ease-out}
.lg__glow{fill:none;stroke:url(#lgg);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:26 400;stroke-dashoffset:26;animation:lgGlow 2.8s var(--d) linear infinite;filter:drop-shadow(0 0 4px #ff7a3d)}
@keyframes lgGlow{to{stroke-dashoffset:-400}}
.lg__rt.hl{stroke:#ffb36b;stroke-width:2.2;stroke-dasharray:none}
.lg__pop{position:absolute;z-index:3;left:50%;top:16px;transform:translateX(-50%);display:grid;gap:2px;text-align:center;background:rgba(10,18,32,.85);backdrop-filter:blur(8px);border:1px solid rgba(255,122,61,.4);border-radius:12px;padding:8px 14px;font-size:10px;color:rgba(230,236,245,.7);transition:opacity .3s}
.lg__pop b{font-size:13px;color:#fff}
.lg__road{position:absolute;right:12px;bottom:16px;display:flex;align-items:center;gap:8px;font-size:10px;color:rgba(230,236,245,.65);background:rgba(10,18,32,.85);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px}
.lg__road i{width:7px;height:7px;border-radius:50%;background:#7fd37a;box-shadow:0 0 8px #7fd37a;animation:hxP 1.2s infinite}.lg__road b{font:800 16px "Inter",sans-serif;color:#fff}
.re2 .re__g{grid-template-columns:.72fr 1.28fr}
.re2 .re__l h3{font-size:40px}
.re__front{width:170px}
.re__front .re__grid{gap:3px;padding:5px}
.re__card2{width:158px;right:10px}
.re__bld2{left:18px}
.cm__sp .r{fill:rgba(160,140,116,.12)}
.re__front{width:148px}.re__side{width:36px}.re__sgrid{grid-template-columns:repeat(2,1fr)}
.re__bld2{left:10px}
.re__front .re__grid .u{height:22px}
.re__cm{flex-direction:column;gap:2px}
.re2 .re__g{grid-template-columns:.6fr 1.4fr}
.re2 .re__l h3{font-size:36px}
.re2 .re__filters button{min-width:22px;padding:5px 7px}
.re2 .re__l p{font-size:11px}
/* clinic badges */
.cx__badges{display:flex;gap:6px;flex-wrap:wrap;margin:-10px 0 16px}.cx__badges span{font-size:9.5px;letter-spacing:.06em;color:#7a6e64;border:1px solid rgba(42,36,32,.18);padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.4)}
.cx__badges span::before{content:"✓ ";color:#a08c74}
/* flowers review */
.pf__rev{position:absolute;left:26px;top:78px;z-index:3;display:grid;gap:2px;max-width:170px;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:9px 12px;box-shadow:0 14px 30px -18px rgba(90,31,43,.45);animation:cxFloat 8s ease-in-out infinite}
.pf__rev span{font-size:10px;color:#c9965f;letter-spacing:1px}.pf__rev b{font:italic 400 14px/1.2 "Cormorant Garamond",Georgia,serif;color:#2c1218}.pf__rev small{font-size:9.5px;color:#6b4a50}
/* real estate: realistic facade */
.re__pent{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:60%;margin:0 auto;padding:4px 6px 0;background:linear-gradient(180deg,#2b3540,#222b34);border-radius:3px 3px 0 0;position:relative}
.re__pent::after{content:"";position:absolute;left:-14px;right:-14px;bottom:-4px;height:6px;background:repeating-linear-gradient(90deg,rgba(233,228,220,.35) 0 1px,transparent 1px 6px);border-top:1px solid rgba(233,228,220,.35)}
.re__pent i{height:16px;background:linear-gradient(180deg,rgba(255,214,150,.55),rgba(255,180,100,.25));border-radius:1px}
.re__roof{height:8px;background:#38424d;border-radius:0;margin:0 -4px}
.re2 .re__grid{background:linear-gradient(90deg,#2a333d,#232b33);gap:5px 4px;padding:6px 6px 4px}
.re2 .re__grid .u{border-radius:1px;position:relative}
.re2 .re__grid .u::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(15,20,24,.55)}
.re2 .re__grid .u::after{content:"";position:absolute;left:-2px;right:-2px;bottom:-4px;height:4px;border-top:1px solid rgba(233,228,220,.45);background:repeating-linear-gradient(90deg,rgba(233,228,220,.35) 0 1px,transparent 1px 4px)}
.re2 .re__grid .u.a{background:linear-gradient(180deg,rgba(150,214,175,.7),rgba(100,170,130,.55))}
.re2 .re__grid .u.r{background:linear-gradient(180deg,rgba(214,182,124,.6),rgba(170,140,90,.45))}
.re2 .re__grid .u.s{background:linear-gradient(180deg,rgba(110,140,170,.22),rgba(70,90,110,.18))}
.re2 .re__grid .u.lit{background:linear-gradient(180deg,#ffdca0,#e9a85a)!important}
.re__lobby{height:30px;display:grid;grid-template-columns:1fr 26px 1fr;gap:4px;padding:4px 6px 0;background:#1a2129;position:relative}
.re__lobby i{border-radius:2px 2px 0 0}.re__lobby i.g{background:linear-gradient(180deg,rgba(255,214,150,.45),rgba(255,180,100,.2))}.re__lobby i.d{background:linear-gradient(180deg,#ffd38a,#c8873c);box-shadow:0 0 12px rgba(255,190,110,.6)}
.re__lobby span{position:absolute;left:0;right:0;top:-12px;text-align:center;font:600 6.5px "Inter",sans-serif;letter-spacing:.45em;color:rgba(233,228,220,.55)}
.re__trees{position:absolute;left:0;right:0;bottom:40px;height:30px;pointer-events:none;z-index:2}
.re__trees i{position:absolute;bottom:0;width:22px;height:30px;transform:scale(var(--s));transform-origin:bottom}
.re__trees i::before{content:"";position:absolute;left:3px;right:3px;top:0;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4f7d5c,#24402f)}
.re__trees i::after{content:"";position:absolute;left:10px;bottom:0;width:2px;height:10px;background:#3a2f26}
.re__side{background:linear-gradient(180deg,#1b232b,#11171d)}
.re__sgrid i{position:relative}.re__sgrid i::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:rgba(233,228,220,.25)}
/* logistics land */
.lg__land{fill:rgba(140,170,220,.05);stroke:rgba(140,170,220,.35);stroke-width:.7;stroke-linejoin:round}
.lg__dots circle{fill:rgba(140,170,220,.2)}
.zcs--v2 .cx__txt h3{font-size:40px;margin:10px 0}
.zcs--v2 .cx__txt p{margin:0 0 12px;font-size:11.5px}
.zcs--v2 .cx__badges{margin:0 0 12px}
.zcs--v2 .cx__stats{padding-top:10px;gap:20px}.zcs--v2 .cx__stats b{font-size:20px}
.zcs--v2 .cx__nav{padding-top:14px;padding-bottom:10px}
/* keep browser content and phone apart */
.zcs--v2 .zcs__sc{width:870px}
.zcs--v2 .zcs__ph{right:0}
.zcs__vp{contain:paint;isolation:isolate}
.pf__gal .nx__track{will-change:transform}
/* real estate: back to plain squares, keep building details */
.re2 .re__grid .u::before,.re2 .re__grid .u::after{display:none}
.re2 .re__grid{gap:4px;padding:6px}
.re2 .re__grid .u{border-radius:2px}
.re2 .re__grid .u.a{background:rgba(127,196,154,.55);box-shadow:inset 0 0 0 1px rgba(127,196,154,.8)}
.re2 .re__grid .u.r{background:rgba(199,164,107,.45)}
.re2 .re__grid .u.s{background:rgba(233,228,220,.08)}
.re2 .re__grid .u.lit{background:linear-gradient(180deg,#ffd994,#e6a95c)!important;box-shadow:0 0 10px rgba(255,200,120,.6)}
.re2 .re__grid .u.sel{outline:2px solid #fff;outline-offset:1px}
.zk{height:650px;align-content:start;padding-top:10px}
.zk__lab{display:flex;align-items:baseline;gap:8px;font:600 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.zk__lab b{font:700 22px var(--f-display);color:var(--fg);letter-spacing:0}.zk__lab em{font-style:normal}
.zk__wrap{position:relative;width:870px;height:520px;perspective:1600px}
.zk__s{position:absolute;inset:0;pointer-events:none;visibility:hidden}
.zk__s.on,.zk__s.leave{visibility:visible}
.zk__s.on{pointer-events:auto;z-index:2}.zk__s.leave{z-index:1}
.zk__s:not(.on):not(.leave) *{animation-play-state:paused!important}
.zk__s .zcs__br,.zk__s .zcs__ph{will-change:transform,opacity}
/* tabs */
.zk__tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:870px;margin-top:8px}
.zk__t{all:unset;cursor:pointer;display:grid;gap:8px;font:600 12px var(--f-body);color:var(--muted);padding:8px 10px;border-radius:12px;transition:color .3s,background .3s}
.zk__t:hover{color:var(--fg)}
.zk__t.on{color:var(--fg);background:color-mix(in srgb,var(--cta-bg) 12%,transparent)}
.zk__t.on span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cta-bg);margin-right:7px;vertical-align:1px;box-shadow:0 0 8px var(--cta-bg)}
.zk__t i{height:3px;border-radius:3px;background:color-mix(in srgb,var(--fg) 14%,transparent);position:relative;overflow:hidden}
.zk__t i b{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--cta-bg);display:block}
.zk__t.done i b{width:100%;opacity:.45}
/* fade */
.zk--fade .zk__s .zcs__br{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .7s}
.zk--fade .zk__s .zcs__ph{transition:opacity .7s .15s ease,transform .9s .15s cubic-bezier(.2,.8,.2,1),filter .7s .15s}
.zk--fade .zk__s:not(.on) .zcs__br,.zk--fade .zk__s:not(.on) .zcs__ph{opacity:0;transform:scale(.97) translateY(10px)!important;filter:blur(6px)}
.zk--fade .zk__s.leave .zcs__br,.zk--fade .zk__s.leave .zcs__ph{transform:scale(1.02)!important}
/* deck */
.zk--deck .zk__s{visibility:visible}
.zk--deck .zk__s .zcs__br,.zk--deck .zk__s .zcs__ph{transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .6s,filter .9s}
.zk--deck .zk__s.q1{z-index:1}.zk--deck .zk__s.q1 .zcs__br{transform:translate(26px,-22px) scale(.95)!important;filter:brightness(.55)}
.zk--deck .zk__s.q2 .zcs__br{transform:translate(50px,-42px) scale(.9)!important;filter:brightness(.35)}
.zk--deck .zk__s.q1 .zcs__ph,.zk--deck .zk__s.q2 .zcs__ph,.zk--deck .zk__s.q3 .zcs__ph,.zk--deck .zk__s.q3 .zcs__br{opacity:0}
.zk--deck .zk__s.q3 .zcs__br{transform:translate(50px,-42px) scale(.9)!important}
.zk--deck .zk__s.leave .zcs__br{transform:translate(-120px,60px) rotate(-5deg) scale(.95)!important;opacity:0}
.zk--deck .zk__s.leave .zcs__ph{transform:translate(-80px,80px) rotate(-8deg)!important;opacity:0}
.zk--deck .zk__s.q2,.zk--deck .zk__s.q3{z-index:0}
/* flip */
.zk--flip .zk__s{transform-style:preserve-3d}
.zk--flip .zk__s .zcs__br{transform-origin:0% 50%;transition:transform 1s cubic-bezier(.65,0,.25,1),opacity 1s;backface-visibility:hidden}
.zk--flip .zk__s .zcs__ph{transition:transform 1s .1s cubic-bezier(.65,0,.25,1),opacity .8s .1s;backface-visibility:hidden}
.zk--flip .zk__s:not(.on) .zcs__br{transform:rotateY(70deg) translateX(40px)!important;opacity:0}
.zk--flip .zk__s:not(.on) .zcs__ph{transform:rotateY(60deg) translateX(60px)!important;opacity:0}
.zk--flip .zk__s.leave .zcs__br{transform:rotateY(-80deg)!important;opacity:0}
.zk--flip .zk__s.leave .zcs__ph{transform:rotateY(-70deg) translateX(-40px)!important;opacity:0}
.zk--mix .zk__wrap{margin-top:46px;height:500px}
.zk--mix{height:700px}
.zk--mix .zk__s{visibility:visible}
.zk--mix .zk__s.qx{visibility:hidden}
.zk--mix .zk__s .zcs__br{transition:transform .95s cubic-bezier(.2,.8,.2,1),opacity .7s ease,filter .8s ease}
.zk--mix .zk__s .zcs__ph{transition:transform .9s .18s cubic-bezier(.2,.8,.2,1),opacity .7s .18s ease,filter .7s .18s}
.zk--mix .zk__s.on{z-index:3}
.zk--mix .zk__s.leave{z-index:4}
.zk--mix .zk__s.q1{z-index:2}.zk--mix .zk__s.q2{z-index:1}.zk--mix .zk__s.qx{z-index:0}
.zk--mix .zk__s.q1 .zcs__br{transform:translate(30px,-26px) scale(.95)!important;filter:brightness(.5) blur(.6px);opacity:1}
.zk--mix .zk__s.q2 .zcs__br,.zk--mix .zk__s.qx .zcs__br{transform:translate(58px,-50px) scale(.9)!important;filter:brightness(.3) blur(1px);opacity:1}
.zk--mix .zk__s.qx .zcs__br{opacity:0}
.zk--mix .zk__s:not(.on) .zcs__ph{opacity:0;transform:scale(.97) translateY(12px)!important;filter:blur(6px)}
.zk--mix .zk__s.leave .zcs__br{opacity:0;transform:scale(1.03)!important;filter:blur(8px)}
.zk--mix .zk__s.leave .zcs__ph{opacity:0;transform:scale(1.03)!important;filter:blur(6px)}
/* 7-second story for each site inside the carousel */
.zk .pf__scroll{animation:pfK 7s cubic-bezier(.7,0,.25,1) forwards}
@keyframes pfK{0%,27%{transform:translateY(0)}35%,62%{transform:translateY(-440px)}70%,100%{transform:translateY(-880px)}}
.zk .cx__scroll{animation:cxK 7s cubic-bezier(.7,0,.25,1) forwards}
@keyframes cxK{0%,38%{transform:translateY(0)}48%,100%{transform:translateY(-440px)}}
.zk .re__sky,.zk .re__sun,.zk .re__moon{animation-duration:7s}
.zk .fc__ln{animation-duration:1.6s}.zk .fc__ln.h{animation-duration:2s;animation-delay:.3s}.zk .fc__ln.s{animation-delay:.9s;animation-duration:1s}
/* flowers: 1.5s hero → 2s builder → 1s gallery (≈5.8s total) */
.zk .pf__scroll{animation:pfK2 5.8s cubic-bezier(.7,0,.25,1) forwards}
@keyframes pfK2{0%,26%{transform:translateY(0)}36%,70%{transform:translateY(-440px)}80%,100%{transform:translateY(-880px)}}
.zk .cx__scroll{animation:cxK2 5s cubic-bezier(.7,0,.25,1) forwards}
@keyframes cxK2{0%,36%{transform:translateY(0)}48%,100%{transform:translateY(-440px)}}
.zk .re__sky,.zk .re__sun,.zk .re__moon{animation-duration:5s}

.pzk{position:relative;min-width:0;overflow:visible}
.pzk .zk{position:absolute;left:0;top:0;width:900px;height:700px;transform:scale(var(--zs,1));transform-origin:0 0;display:block;padding:0;background:none;overflow:visible}
.pzk .zk__lab{display:none}
.pzk .zk--mix .zk__wrap{margin-top:56px}
.p-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
@media (max-width:980px){.p-head{grid-template-columns:minmax(0,1fr)}}



/* ===== r62 sites hero: layout L1 ===== */
.p-head{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px}
.p-head .p-hero h1{font-size:clamp(38px,3.8vw,54px)}
.p-head .p-hero .lead{font-size:16.5px}
.pzk .zk{width:790px;height:640px}
.pzk .zcs--v2 .zcs__sc,.pzk .zk__wrap,.pzk .zk__tabs{width:790px!important}
.btn--2l{padding:12px 22px 12px 26px;gap:14px;text-align:left}
.btn2l{display:grid;line-height:1.2}
.btn2l small{font-size:11.5px;font-weight:500;opacity:.72;letter-spacing:.01em}
@media (max-width:980px){.p-head{grid-template-columns:minmax(0,1fr)}}

/* r63: dark only */

/* r64: services v2 */
.svg-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:34px 0 14px}
.svg-h:first-of-type{margin-top:8px}
.svg-h h3{margin:0;font:600 21px/1.2 var(--f-display)}
.svg-h p{margin:0;color:var(--muted);font-size:14.5px}
.svcs--x{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.svc--x{display:flex;flex-direction:column;gap:10px}
.svc--x .svc__f{margin-top:auto}
.svc__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.svc--x .svc__ic{margin-bottom:0}
.svc__lv{display:inline-flex;align-items:center;gap:4px;font:500 11px var(--f-mono);color:var(--muted)}
.svc__lv small{margin-right:4px;font:inherit;text-transform:uppercase;letter-spacing:.08em}
.svc__lv i{width:16px;height:6px;border-radius:3px;background:var(--line)}
.svc__lv i.on{background:var(--leaf)}
.svc__tag{font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,transparent);padding:5px 10px;border-radius:999px}
.svc__l{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:7px}
.svc__l li{position:relative;padding-left:22px;font-size:14px;line-height:1.4;color:var(--fg)}
.svc__l li::before{content:"";position:absolute;left:2px;top:4px;width:11px;height:6px;border-left:2px solid var(--leaf);border-bottom:2px solid var(--leaf);transform:rotate(-45deg)}
.svc__t span{font:inherit}
.svc--hot{border-color:color-mix(in srgb,var(--leaf) 40%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--leaf) 9%,var(--surface)),var(--surface) 60%)}
.svc--wide{margin-top:16px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:30px;border-color:color-mix(in srgb,var(--leaf) 40%,var(--line));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--leaf) 12%,var(--surface)),var(--surface) 55%)}
.svc--wide .svw__a > b{font-size:24px}
.svw__a{display:flex;flex-direction:column;gap:12px}
.svw__b{display:flex;flex-direction:column;gap:10px}
.svc--wide .svc__l{grid-template-columns:1fr 1fr;gap:10px 16px}
.svc--wide .svc__t{white-space:normal}
@media (max-width:980px){.svcs--x{grid-template-columns:repeat(2,minmax(0,1fr))}.svc--wide{grid-template-columns:1fr}}
@media (max-width:620px){.svcs--x{grid-template-columns:minmax(0,1fr)}.svc--wide .svc__l{grid-template-columns:1fr}}
/* mini previews */
.pv{height:96px;border-radius:14px;background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid var(--line);position:relative;overflow:hidden;margin:2px 0 2px}
.pv1__ph{position:absolute;left:50%;top:12px;width:62px;height:110px;margin-left:-31px;border-radius:12px;border:2px solid color-mix(in srgb,var(--fg) 30%,transparent);display:flex;flex-direction:column;gap:6px;padding:10px 7px}
.pv1__ph b{height:10px;border-radius:6px;width:70%;background:var(--line);opacity:0;animation:pv1 4s infinite}
.pv1__ph b:nth-child(2){align-self:flex-end;background:var(--leaf);animation-delay:.8s}
.pv1__ph b:nth-child(3){width:55%;animation-delay:1.6s}
@keyframes pv1{0%{opacity:0;transform:translateY(6px)}12%,80%{opacity:1;transform:none}92%,100%{opacity:0}}
.pv2{display:flex;align-items:flex-end;gap:7px;padding:14px 18px}
.pv2 i{flex:1;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--leaf) 70%,transparent);height:20%;animation:pv2 3.2s ease-in-out infinite}
.pv2 i:nth-child(2){animation-delay:.2s}.pv2 i:nth-child(3){animation-delay:.4s}.pv2 i:nth-child(4){animation-delay:.6s}.pv2 i:nth-child(5){animation-delay:.8s;background:var(--leaf)}
@keyframes pv2{0%,100%{height:22%}50%{height:var(--h,80%)}}
.pv2 i:nth-child(1){--h:40%}.pv2 i:nth-child(2){--h:55%}.pv2 i:nth-child(3){--h:48%}.pv2 i:nth-child(4){--h:70%}.pv2 i:nth-child(5){--h:92%}
.pv2 em{position:absolute;right:14px;top:12px;width:54px;height:20px;border-radius:7px;background:var(--surface);border:1px solid var(--line);animation:pv2b 3.2s infinite}
@keyframes pv2b{0%,30%{opacity:0;transform:translateY(-6px)}45%,85%{opacity:1;transform:none}100%{opacity:0}}
.pv3{perspective:400px}
.pv3__c{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:9px;background:linear-gradient(135deg,var(--leaf),color-mix(in srgb,var(--leaf) 30%,#000));box-shadow:0 0 30px color-mix(in srgb,var(--leaf) 60%,transparent);animation:pv3c 6s linear infinite}
@keyframes pv3c{to{transform:rotateX(360deg) rotateY(720deg)}}
.pv3 i{position:absolute;left:50%;top:50%;width:150px;height:46px;margin:-23px 0 0 -75px;border:1px solid color-mix(in srgb,var(--leaf) 40%,transparent);border-radius:50%;animation:pv3o 5s linear infinite}
.pv3 i::after{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--leaf)}
.pv3 i:nth-of-type(2){transform:rotate(60deg);animation-duration:7s}
.pv3 i:nth-of-type(3){transform:rotate(-60deg);animation-duration:9s}
@keyframes pv3o{from{rotate:0deg}to{rotate:360deg}}
.pv4 span{position:absolute;left:18px;right:18px;top:0;display:grid;gap:8px;padding-top:10px;animation:pv4 4s ease-in-out infinite}
.pv4 i{height:24px;border-radius:7px;background:var(--line)}
.pv4 i:nth-child(2){background:color-mix(in srgb,var(--leaf) 55%,transparent);width:80%}
@keyframes pv4{0%,15%{transform:translateY(40px);opacity:.3}50%,80%{transform:translateY(-6px);opacity:1}100%{transform:translateY(-40px);opacity:0}}
@media (prefers-reduced-motion:reduce){.pv *{animation:none!important}}
.svc--wide{grid-template-rows:auto;align-items:start}
.pv5 span{position:absolute;left:16px;right:16px;top:14px;display:grid;gap:7px}
.pv5 span i{height:16px;border-radius:5px;background:var(--line);animation:pv5 3.6s ease-in-out infinite}
.pv5 span i:nth-child(1){width:60%}.pv5 span i:nth-child(2){animation-delay:.25s}.pv5 span i:nth-child(3){width:75%;animation-delay:.5s}
@keyframes pv5{0%,20%{background:var(--line);transform:none}45%,70%{background:color-mix(in srgb,var(--leaf) 60%,transparent);transform:translateX(6px)}100%{background:var(--line);transform:none}}
.pv5 em{position:absolute;width:12px;height:12px;border-left:2px solid var(--fg);border-top:2px solid var(--fg);transform:rotate(-20deg);left:30%;top:70%;animation:pv5c 3.6s ease-in-out infinite}
@keyframes pv5c{0%,10%{left:20%;top:80%}50%,70%{left:62%;top:40%}100%{left:20%;top:80%}}
.pv6{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:14px}
.pv6 i{border-radius:7px;background:var(--line);animation:pv6 4.2s infinite}
.pv6 i:nth-child(2){animation-delay:.3s}.pv6 i:nth-child(3){animation-delay:.6s}.pv6 i:nth-child(4){animation-delay:.9s}.pv6 i:nth-child(5){animation-delay:1.2s}.pv6 i:nth-child(6){animation-delay:1.5s}
@keyframes pv6{0%,10%{background:var(--line)}30%,80%{background:linear-gradient(160deg,color-mix(in srgb,var(--leaf) 75%,transparent),color-mix(in srgb,var(--leaf) 20%,transparent))}100%{background:var(--line)}}
.pv7 span{position:absolute;inset:0;background:linear-gradient(180deg,#6f8fb0 0 38%,#b49a7c 38% 100%)}
.pv7__a{filter:grayscale(.8) brightness(.55)}
.pv7__b{clip-path:inset(0 0 0 50%);animation:pv7 4s ease-in-out infinite;background:linear-gradient(180deg,#7fc0f0 0 38%,#e8c79a 38% 100%)!important}
.pv7 span::after{content:"";position:absolute;left:18%;top:28%;width:22%;height:42%;border-radius:4px;background:rgba(255,255,255,.35)}
.pv7 em{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4);animation:pv7e 4s ease-in-out infinite}
@keyframes pv7{0%,100%{clip-path:inset(0 0 0 75%)}50%{clip-path:inset(0 0 0 22%)}}
@keyframes pv7e{0%,100%{left:75%}50%{left:22%}}
.pv8__w{position:absolute;left:0;right:0;top:0;height:62%;background:color-mix(in srgb,var(--fg) 6%,transparent)}
.pv8__l{position:absolute;right:16%;top:14px;width:20px;height:38px;border-radius:10px 10px 2px 2px;background:var(--leaf);opacity:0;animation:pv8 4s infinite;animation-delay:.4s}
.pv8__s{position:absolute;left:18%;bottom:14px;width:46%;height:30px;border-radius:9px 9px 4px 4px;background:color-mix(in srgb,var(--leaf) 75%,transparent);opacity:0;animation:pv8 4s infinite}
.pv8__s i{position:absolute;left:-8px;right:-8px;bottom:0;height:16px;border-radius:6px;background:color-mix(in srgb,var(--leaf) 55%,#000)}
@keyframes pv8{0%,15%{opacity:0;transform:translateY(-10px)}35%,85%{opacity:1;transform:none}100%{opacity:0}}
.pv9__ph{position:absolute;left:24%;top:12px;width:56px;height:96px;border-radius:11px;border:2px solid color-mix(in srgb,var(--fg) 30%,transparent);display:grid;align-content:start;gap:5px;padding:9px 7px}
.pv9__ph i{height:14px;border-radius:4px;background:var(--line);animation:pv9 3.6s infinite}
.pv9__ph i:nth-child(2){animation-delay:.4s}.pv9__ph i:nth-child(3){animation-delay:.8s}
@keyframes pv9{0%,100%{background:var(--line)}40%,60%{background:color-mix(in srgb,var(--leaf) 60%,transparent)}}
.pv9__qr{position:absolute;right:22%;top:24px;width:48px;height:48px;border-radius:6px;background:conic-gradient(var(--fg) 25%,transparent 0 50%,var(--fg) 0 75%,transparent 0) 0 0/12px 12px;opacity:.8;outline:3px solid var(--fg);outline-offset:3px}
/* r64: bigger hero cards, left column untouched */
@media (min-width:1181px){.zq.hq .zq__sc{transform:scale(1.16) rotateX(10deg) rotateY(-16deg) rotateZ(2deg)}}
@media (min-width:981px) and (max-width:1180px){.zq.hq .zq__sc{transform:scale(1.0) rotateX(10deg) rotateY(-14deg)}}
@media (min-width:561px) and (max-width:980px){.zq.hq .zq__sc{transform:scale(.92)}}
@media (min-width:561px){.zq.hq{overflow:visible;background:none}}
@media (min-width:1181px){.zq.hq .zq__sc{transform:scale(1.12) rotateX(10deg) rotateY(-16deg) rotateZ(2deg)}}
/* r65: scale var for hover tilt */
.zq.hq{--zs:1}
@media (min-width:1181px){.zq.hq{--zs:1.12}}
@media (min-width:561px) and (max-width:980px){.zq.hq{--zs:.92}}

/* r66 */
.mp__sc > section{margin:0}
.mp__sc > .mp__p1{padding:0!important}
.bx__chips button,.bx__size button,.bx [data-badd]{cursor:pointer}
.zq__dots{display:none!important}
/* G4 breathing glow behind cards */
.zq.hq{isolation:isolate}.zq.hq .zq__sc{z-index:1}
.zq.hq .zr2__glow{z-index:0;left:-8%;right:-12%;top:-6%;bottom:-14%;height:auto;background:radial-gradient(closest-side,color-mix(in srgb,var(--cta-bg) 62%,transparent),transparent);filter:blur(36px);animation:gvBreath 4s ease-in-out infinite}
@keyframes gvBreath{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}
@media (max-width:560px){.zq.hq .zr2__glow{left:0;right:0;top:10%;bottom:0}}


/* ===== r64 multi-page carousel sites ===== */
.mp__sc{position:relative}
.mp__sc > section{height:440px;box-sizing:border-box;position:relative;overflow:hidden}
.zk .mp__sc{animation:mpK 8s cubic-bezier(.7,0,.25,1) forwards}
@keyframes mpK{0%,30%{transform:translateY(0)}37.5%,65%{transform:translateY(-440px)}72.5%,100%{transform:translateY(-880px)}}
.mp__p{padding:30px 34px 26px;font-family:"Inter",sans-serif}
.mp__p2{--b:2.8s}.mp__p3{--b:5.6s}
.mp__h small{font:600 9.5px "Inter",sans-serif;letter-spacing:.3em}
.mp__h h4{margin:8px 0 18px;font-size:28px;line-height:1.02;letter-spacing:-.02em}
@keyframes mpUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mpIn{from{opacity:0}to{opacity:1}}
@keyframes mpPop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes mpDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.mp__h{animation:mpUp .6s calc(var(--b) - .2s) both}

/* real estate */
.rp2,.rp3{color:#e9e4dc}
.rp2 .mp__h small,.rp3 .mp__h small{color:#c7a46b}
.rp2 .mp__h h4,.rp3 .mp__h h4{font:300 31px/1 "Fraunces",Georgia,serif;letter-spacing:-.01em}
.rp2 .mp__h h4 i,.rp3 .mp__h h4 i{color:#c7a46b}
.rp2__g{display:grid;grid-template-columns:300px 186px;gap:22px;align-items:start}
.rp2__plan{position:relative;border:1px solid rgba(233,228,220,.12);border-radius:14px;padding:12px;background:rgba(233,228,220,.03)}
.rp2__plan svg{display:block;width:100%;height:auto}
.rp2__walls path{stroke-dasharray:1;stroke-dashoffset:1;animation:mpDraw 1.1s ease-out var(--b) forwards}
.rp2__rooms rect{opacity:0;animation:mpIn .5s calc(var(--b) + .7s) forwards}
.rp2__furn > *{opacity:0;animation:mpPop .45s calc(var(--b) + 1s) both}
.rp2__furn > *:nth-child(2n){animation-delay:calc(var(--b) + 1.15s)}.rp2__furn > *:nth-child(3n){animation-delay:calc(var(--b) + 1.3s)}
.rp2__lbl{opacity:0;animation:mpIn .5s calc(var(--b) + 1.1s) forwards}
.rp2__sun{opacity:0;animation:mpIn .8s calc(var(--b) + 1.3s) forwards}
.rp2__tour{position:absolute;left:14px;bottom:-12px;display:inline-flex;align-items:center;gap:6px;background:#0f1418;border:1px solid #c7a46b;color:#c7a46b;font:600 10px "Inter",sans-serif;padding:5px 10px;border-radius:999px;animation:mpUp .5s calc(var(--b) + 1.4s) both}
.rp2__tour i{width:7px;height:7px;border-radius:50%;background:#7fc49a;box-shadow:0 0 0 0 rgba(127,196,154,.6);animation:mpPulse 1.4s infinite}
@keyframes mpPulse{0%{box-shadow:0 0 0 0 rgba(127,196,154,.6)}100%{box-shadow:0 0 0 8px rgba(127,196,154,0)}}
.rp2__card{border:1px solid rgba(233,228,220,.14);border-radius:14px;padding:14px;background:#141b20;display:grid;gap:7px;animation:mpUp .6s calc(var(--b) + .3s) both}
.rp2__row{display:flex;justify-content:space-between;font-size:11px;color:rgba(233,228,220,.6)}.rp2__row b{color:#e9e4dc}
.rp2__price{border-top:1px solid rgba(233,228,220,.12);padding-top:8px;margin-top:2px}
.rp2__price small{font-size:8.5px;letter-spacing:.25em;color:#c7a46b}.rp2__price b{display:block;font:400 25px "Fraunces",Georgia,serif;color:#c7a46b}
.rp2__mort{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:10.5px;color:rgba(233,228,220,.6)}
.rp2__mort b{color:#7fc49a;font-size:14px}.rp2__mort em{font-style:normal}
.rp2__mort i{flex-basis:100%;height:4px;border-radius:2px;background:rgba(233,228,220,.1);overflow:hidden}
.rp2__mort i u{display:block;height:100%;width:0;background:#7fc49a;animation:mpBar 1.2s calc(var(--b) + .9s) ease-out forwards}
@keyframes mpBar{to{width:64%}}
.rp2__btn{margin-top:4px;text-align:center;background:#c7a46b;color:#0f1418;font-weight:700;font-size:11.5px;padding:9px;border-radius:999px;animation:mpBtn 2s calc(var(--b) + 1.6s) infinite}
@keyframes mpBtn{0%,100%{box-shadow:0 0 0 0 rgba(199,164,107,.5)}50%{box-shadow:0 0 0 6px rgba(199,164,107,0)}}

.rp3__g{display:grid;grid-template-columns:318px 172px;gap:20px;align-items:start}
.rp3__map{position:relative;height:236px;border-radius:14px;overflow:hidden;border:1px solid rgba(233,228,220,.12);background:#121a20;animation:mpIn .6s var(--b) both}
.rp3__map svg{position:absolute;inset:0;width:100%;height:100%}
.rp3__home{position:absolute;left:44%;top:46%;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%)}
.rp3__home i{width:16px;height:16px;border-radius:50%;background:#c7a46b;border:3px solid #0f1418;box-shadow:0 0 0 0 rgba(199,164,107,.7);animation:mpPulseG 1.6s infinite}
@keyframes mpPulseG{0%{box-shadow:0 0 0 0 rgba(199,164,107,.7)}100%{box-shadow:0 0 0 18px rgba(199,164,107,0)}}
.rp3__home b{font:700 8.5px "Inter",sans-serif;letter-spacing:.2em;background:#0f1418;padding:3px 6px;border-radius:4px}
.rp3__poi{position:absolute;display:inline-flex;align-items:center;gap:6px;background:rgba(15,20,24,.92);border:1px solid rgba(233,228,220,.18);font-size:10px;padding:4px 8px 4px 4px;border-radius:999px;white-space:nowrap;opacity:0;animation:mpPop .45s both}
.rp3__poi i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 8.5px "Inter",sans-serif;font-style:normal;background:#c7a46b;color:#0f1418}
.rp3__poi.a{left:8%;top:12%;animation-delay:calc(var(--b) + .4s)}.rp3__poi.a i{background:#7c5cd6;color:#fff}
.rp3__poi.b{right:5%;top:20%;animation-delay:calc(var(--b) + .65s)}.rp3__poi.b i{background:#7fc49a}
.rp3__poi.c{left:6%;bottom:30%;animation-delay:calc(var(--b) + .9s)}
.rp3__poi.d{right:8%;bottom:9%;animation-delay:calc(var(--b) + 1.15s)}.rp3__poi.d i{background:#e9e4dc}
.rp3__book{border:1px solid rgba(233,228,220,.14);border-radius:14px;padding:13px;background:#141b20;display:grid;gap:10px;position:relative;animation:mpUp .6s calc(var(--b) + .2s) both}
.rp3__book small{font-size:8.5px;letter-spacing:.25em;color:#c7a46b}
.rp3__days{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.rp3__days span{display:grid;justify-items:center;font-size:8.5px;color:rgba(233,228,220,.55);padding:5px 0;border-radius:8px;border:1px solid rgba(233,228,220,.1)}
.rp3__days b{font-size:13px;color:#e9e4dc}
.rp3__days .on{background:#c7a46b;border-color:#c7a46b;color:#0f1418}.rp3__days .on b{color:#0f1418}
.rp3__slots{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.rp3__slots i{font-style:normal;text-align:center;font-size:10.5px;padding:6px 0;border-radius:8px;border:1px solid rgba(233,228,220,.14)}
.rp3__slots i.no{opacity:.3;text-decoration:line-through}
.rp3__slots i.sel2{animation:rpPick .4s calc(var(--b) + .8s) both}
@keyframes rpPick{to{background:#7fc49a;border-color:#7fc49a;color:#0f1418;font-weight:700}}
.rp3__ok{display:flex;gap:8px;align-items:center;background:rgba(127,196,154,.12);border:1px solid rgba(127,196,154,.4);border-radius:10px;padding:8px;animation:mpUp .5s calc(var(--b) + 1.2s) both}
.rp3__ok b{width:22px;height:22px;flex:none;border-radius:50%;background:#7fc49a;color:#0f1418;display:grid;place-items:center}
.rp3__ok strong{display:block;font-size:11px}.rp3__ok span{font-size:9.5px;color:rgba(233,228,220,.6)}

/* warehouse */
.wp2,.wp3{color:#ecebe7}
.wp2 .mp__h small,.wp3 .mp__h small{color:#F5C518}
.wp2 .mp__h h4,.wp3 .mp__h h4{font:700 30px/1 "Inter",sans-serif;letter-spacing:-.03em}
.wp2 .mp__h h4 i,.wp3 .mp__h h4 i{font-style:normal;color:#F5C518}
.wp2__flow{position:relative;display:grid;align-items:start;grid-template-columns:repeat(4,1fr);gap:10px;padding-bottom:58px;max-width:500px}
.wp2__st{border:1px solid rgba(236,235,231,.12);background:#1d2024;border-radius:12px;padding:10px;display:grid;gap:2px;animation:mpUp .5s both}
.wp2__st span{font:700 9px "Inter",sans-serif;color:#F5C518}.wp2__st b{font-size:13px}.wp2__st em{font-style:normal;font-size:9.5px;color:rgba(236,235,231,.55)}
.wp2__st.q1{animation-delay:calc(var(--b) + .1s)}.wp2__st.q2{animation-delay:calc(var(--b) + .25s)}.wp2__st.q3{animation-delay:calc(var(--b) + .4s)}.wp2__st.q4{animation-delay:calc(var(--b) + .55s)}
.wp2__st.q4{border-color:#F5C518;box-shadow:0 0 0 1px #F5C518 inset}
.wp2__belt{position:absolute;left:0;right:0;bottom:8px;height:36px;border-radius:8px;background:repeating-linear-gradient(90deg,#24282d 0 14px,#1d2024 14px 28px);overflow:hidden;animation:mpIn .4s calc(var(--b) + .5s) both, wpBelt .6s linear infinite}
@keyframes wpBelt{to{background-position:28px 0}}
.wp2__run{position:absolute;left:0;top:6px;display:flex;gap:46px;animation:wpRun 4s linear infinite}
@keyframes wpRun{from{transform:translateX(-140px)}to{transform:translateX(220px)}}
.wp2__box{width:26px;height:22px;border-radius:3px;background:#c99a55;position:relative;flex:none}
.wp2__box::after{content:"";position:absolute;left:0;right:0;top:9px;height:4px;background:#F5C518}
.wp2__kpi{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:34px;margin-top:16px;animation:mpUp .5s calc(var(--b) + .8s) both}
.wp2__kpi b{display:block;font:700 24px "Inter",sans-serif;letter-spacing:-.02em}.wp2__kpi span{font-size:10px;color:rgba(236,235,231,.55)}
.wp2__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;animation:mpUp .5s calc(var(--b) + 1s) both}
.wp2__chips span{font-size:10px;border:1px solid rgba(236,235,231,.18);padding:5px 10px;border-radius:999px}
.wp3__g{display:grid;grid-template-columns:300px 186px;gap:16px}
.wp3__tbl{border:1px solid rgba(236,235,231,.12);border-radius:12px;background:#1d2024;padding:6px 12px;animation:mpUp .5s var(--b) both}
.wp3__tr{display:grid;grid-template-columns:1.4fr .6fr 70px;align-items:center;gap:8px;font-size:11px;padding:7px 0;border-bottom:1px solid rgba(236,235,231,.07)}
.wp3__tr:last-child{border-bottom:0}
.wp3__tr.th{font-size:8.5px;letter-spacing:.2em;color:rgba(236,235,231,.45)}
.wp3__tr b{font-variant-numeric:tabular-nums}
.wp3__tr i{height:5px;border-radius:3px;background:rgba(236,235,231,.1);position:relative;overflow:hidden}
.wp3__tr i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:#F5C518;animation:wpW .9s calc(var(--b) + .4s) ease-out forwards}
@keyframes wpW{to{width:var(--w)}}
.wp3__tr.low{color:#ff8a7a}.wp3__tr.low i::after{background:#ff5f4a}
.wp3__tr.low span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff5f4a;margin-right:6px;animation:mpBlink 1s infinite}
@keyframes mpBlink{50%{opacity:.2}}
.wp3__side{display:grid;gap:10px;align-content:start;animation:mpUp .5s calc(var(--b) + .2s) both}
.wp3__sens{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wp3__sens div,.wp3__ch{border:1px solid rgba(236,235,231,.12);border-radius:12px;background:#1d2024;padding:9px 10px}
.wp3__sens small,.wp3__ch small{font-size:8px;letter-spacing:.18em;color:rgba(236,235,231,.5)}
.wp3__sens b{display:block;font-size:16px;margin-top:2px}
.wp3__ch svg{display:block;width:100%;height:62px;margin-top:6px}
.wp3__ln{stroke-dasharray:1;stroke-dashoffset:1;animation:mpDraw 1.2s calc(var(--b) + .5s) ease-out forwards}
.wp3__ar{opacity:0;animation:mpIn .6s calc(var(--b) + 1.2s) forwards}
.wp3__toast{position:absolute;left:34px;bottom:22px;display:flex;align-items:center;gap:10px;background:#26292e;border:1px solid rgba(255,95,74,.5);border-radius:12px;padding:9px 12px;box-shadow:0 14px 30px rgba(0,0,0,.45);animation:mpUp .5s calc(var(--b) + 1.1s) both}
.wp3__toast i{width:22px;height:22px;border-radius:50%;background:#ff5f4a;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px}
.wp3__toast b{display:block;font-size:11px}.wp3__toast span{font-size:9.5px;color:rgba(236,235,231,.6)}
.wp3__toast u{text-decoration:none;background:#F5C518;color:#16181b;font-weight:700;font-size:10.5px;padding:6px 10px;border-radius:7px;margin-left:6px}

/* logistics */
.lp2,.lp3{color:#e6ecf5}
.lp2 .mp__h small,.lp3 .mp__h small{color:#ff7a3d}
.lp2 .mp__h h4,.lp3 .mp__h h4{font:800 30px/1 "Inter",sans-serif;letter-spacing:-.03em}
.lp2 .mp__h h4 i,.lp3 .mp__h h4 i{font-style:normal;color:#ff7a3d}
.lp2__g{display:grid;grid-template-columns:300px 190px;gap:16px;align-items:start}
.lp2__form{display:grid;gap:10px;animation:mpUp .5s var(--b) both}
.lp2__route,.lp2__row{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;border:1px solid rgba(230,236,245,.12);background:#101b2d;border-radius:12px;padding:10px 12px}
.lp2__row{grid-template-columns:1fr 1fr}
.lp2__route small,.lp2__row small{font-size:8px;letter-spacing:.2em;color:rgba(230,236,245,.5)}
.lp2__route b,.lp2__row b{display:block;font-size:12.5px;margin-top:2px}
.lp2__arr{width:34px;height:2px;background:rgba(230,236,245,.2);position:relative;overflow:hidden}
.lp2__arr i{position:absolute;left:-12px;top:0;width:12px;height:2px;background:#ff7a3d;animation:lpArr 1.2s linear infinite}
@keyframes lpArr{to{left:34px}}
.lp2__to span{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #ff7a3d;width:0;animation:lpType .7s steps(10) calc(var(--b) + .3s) forwards,mpBlink .8s 4}
@keyframes lpType{to{width:10ch}}
.lp2__trucks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lp2__trucks span{border:1px solid rgba(230,236,245,.14);border-radius:10px;padding:8px;font-size:9.5px;color:rgba(230,236,245,.55)}
.lp2__trucks b{display:block;font-size:11.5px;color:#e6ecf5}
.lp2__trucks .sel2{animation:lpPick .35s calc(var(--b) + .9s) both}
@keyframes lpPick{to{border-color:#ff7a3d;background:rgba(255,122,61,.12);box-shadow:0 0 0 1px #ff7a3d inset}}
.lp2__res{border:1px solid rgba(255,122,61,.45);border-radius:14px;padding:14px;background:linear-gradient(160deg,rgba(255,122,61,.14),#101b2d 60%);display:grid;gap:8px;animation:mpUp .5s calc(var(--b) + .2s) both}
.lp2__res small{font-size:8.5px;letter-spacing:.22em;color:#ff7a3d}
.lp2__res > b{font:800 32px "Inter",sans-serif;letter-spacing:-.03em}
.lp2__meta{display:grid;gap:3px;font-size:10.5px;color:rgba(230,236,245,.6)}.lp2__meta em{font-style:normal;color:#e6ecf5;font-weight:600}
.lp2__btn{text-align:center;background:#ff7a3d;color:#0a1220;font-weight:800;font-size:11.5px;padding:9px;border-radius:9px;animation:mpBtnO 2s calc(var(--b) + 1.4s) infinite}
@keyframes mpBtnO{0%,100%{box-shadow:0 0 0 0 rgba(255,122,61,.55)}50%{box-shadow:0 0 0 6px rgba(255,122,61,0)}}
.lp2__fix{font-size:9px;color:rgba(230,236,245,.5);text-align:center}
.lp3__g{display:grid;grid-template-columns:270px 220px;gap:20px;align-items:start}
.lp3__tl{position:relative;padding-left:22px;display:grid;gap:14px}
.lp3__tl::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:rgba(230,236,245,.12)}
.lp3__tl::after{content:"";position:absolute;left:6px;top:6px;width:2px;height:0;background:#ff7a3d;animation:lpLine 1.2s calc(var(--b) + .2s) ease-out forwards}
@keyframes lpLine{to{height:66%}}
.lp3__ev{position:relative;opacity:0;animation:mpUp .45s both}
.lp3__ev:nth-child(1){animation-delay:calc(var(--b) + .1s)}.lp3__ev:nth-child(2){animation-delay:calc(var(--b) + .4s)}.lp3__ev:nth-child(3){animation-delay:calc(var(--b) + .7s)}.lp3__ev:nth-child(4){animation-delay:calc(var(--b) + 1s)}
.lp3__ev i{position:absolute;left:-22px;top:2px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(230,236,245,.3);background:#0a1220;z-index:1}
.lp3__ev.done i{background:#ff7a3d;border-color:#ff7a3d}
.lp3__ev.now i{border-color:#ff7a3d;animation:lpNow 1.3s infinite}
@keyframes lpNow{0%{box-shadow:0 0 0 0 rgba(255,122,61,.7)}100%{box-shadow:0 0 0 10px rgba(255,122,61,0)}}
.lp3__ev b{display:block;font-size:12.5px}.lp3__ev span{font-size:10px;color:rgba(230,236,245,.55)}
.lp3__ev.now b{color:#ff7a3d}
.lp3__side{display:grid;gap:10px;animation:mpUp .5s calc(var(--b) + .3s) both}
.lp3__drv{display:flex;align-items:center;gap:10px;border:1px solid rgba(230,236,245,.12);background:#101b2d;border-radius:12px;padding:10px}
.lp3__av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff7a3d,#ffb38a);color:#0a1220;font:800 11px "Inter",sans-serif;display:grid;place-items:center}
.lp3__drv b{display:block;font-size:12px}.lp3__drv small{font-size:9.5px;color:rgba(230,236,245,.55)}
.lp3__drv u{margin-left:auto;text-decoration:none;font-size:10px;font-weight:700;border:1px solid #ff7a3d;color:#ff7a3d;padding:5px 10px;border-radius:7px}
.lp3__docs{display:flex;gap:6px}
.lp3__docs span{font-size:10px;font-weight:600;padding:5px 9px;border-radius:7px;border:1px solid rgba(230,236,245,.14)}
.lp3__docs .ok::before{content:"✓ ";color:#5fd38d}.lp3__docs .wait{color:rgba(230,236,245,.5)}.lp3__docs .wait::before{content:"• ";color:#ff7a3d}
.lp3__mini{position:relative;border:1px solid rgba(230,236,245,.12);background:#101b2d;border-radius:12px;padding:8px}
.lp3__mini svg{display:block;width:100%;height:auto}
.lp3__rt{stroke-dashoffset:1;animation:mpIn .4s var(--b) both}
.lp3__truck{position:absolute;width:12px;height:12px;border-radius:3px;background:#ff7a3d;box-shadow:0 0 12px #ff7a3d;offset-path:path("M10 55C50 50 70 20 110 28S170 18 190 12");offset-distance:0%;left:8px;top:8px;animation:lpTruck 3s calc(var(--b) + .3s) ease-in-out both}
@keyframes lpTruck{to{offset-distance:58%}}
@media (prefers-reduced-motion:reduce){.mp__sc *{animation-duration:.01s!important;animation-delay:0s!important}}

/* ===== r65 richer pages ===== */
.lp2__pop{order:9;display:flex;flex-wrap:wrap;align-items:center;gap:5px;animation:mpUp .5s calc(var(--b) + 1.1s) both}.lp2__pop small{font-size:8px;letter-spacing:.2em;color:rgba(230,236,245,.45);margin-right:2px}.lp2__pop span{font-size:9.5px;border:1px solid rgba(230,236,245,.14);border-radius:999px;padding:4px 8px;color:rgba(230,236,245,.75)}
.lp2__form{display:flex;flex-direction:column}
.mp__p{padding:26px 34px 20px}
.mp__h h4{margin:7px 0 14px}
/* RE p2 */
.rp2__g{grid-template-columns:304px 190px;gap:18px}
.rp2__lc{display:grid;gap:10px}
.rp2__plan{padding:10px 12px 12px}
.rp2__tabs{display:flex;align-items:center;gap:4px;margin-bottom:6px;animation:mpIn .4s var(--b) both}
.rp2__tabs span{font-size:9.5px;padding:3px 9px;border-radius:999px;color:rgba(233,228,220,.6);border:1px solid rgba(233,228,220,.12)}
.rp2__tabs span.on{background:#e9e4dc;color:#0f1418;border-color:#e9e4dc;font-weight:600}
.rp2__tabs em{margin-left:auto;font:600 9px "Inter",sans-serif;font-style:normal;color:#c7a46b;letter-spacing:.1em}
.rp2__plan svg{height:186px}
.rp2__win{opacity:0;animation:mpIn .4s calc(var(--b) + .9s) forwards}
.rp2__dim{opacity:0;animation:mpIn .4s calc(var(--b) + 1.2s) forwards}
.rp2__tour{bottom:auto;top:8px;left:auto;right:12px;display:none}
.rp2__feat{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rp2__feat span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:9.5px;line-height:1.2;color:rgba(233,228,220,.8);border:1px solid rgba(233,228,220,.12);background:#141b20;border-radius:10px;padding:7px 8px;opacity:0;animation:mpUp .4s both}
.rp2__feat span svg{color:#c7a46b}
.rp2__feat span:nth-child(1){animation-delay:calc(var(--b) + .9s)}.rp2__feat span:nth-child(2){animation-delay:calc(var(--b) + 1s)}.rp2__feat span:nth-child(3){animation-delay:calc(var(--b) + 1.1s)}.rp2__feat span:nth-child(4){animation-delay:calc(var(--b) + 1.2s)}
.rp2__card{gap:6px;padding:12px 14px}
.rp2__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.rp2__av{font:700 9px "Inter",sans-serif;color:#0f1418;background:#7fc49a;padding:3px 8px;border-radius:999px}
.rp2__live{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:rgba(233,228,220,.6)}
.rp2__live i{width:6px;height:6px;border-radius:50%;background:#ff7a6a;animation:mpBlink 1.2s infinite}
.rp2__price em{display:block;font-style:normal;font-size:9.5px;color:rgba(233,228,220,.5)}
.rp2__price b{font-size:26px;line-height:1.1}
/* RE p3 */
.rp3__g{grid-template-columns:318px 176px;gap:18px}
.rp3__lc,.rp3__rc{display:grid;gap:10px;align-content:start}
.rp3__map{height:214px}
.rp3__walk{stroke-dashoffset:1;opacity:0;animation:mpIn .3s calc(var(--b) + .3s) forwards}
.rp3__ring{position:absolute;left:44%;top:46%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:1.5px dashed rgba(199,164,107,.55);background:radial-gradient(circle,rgba(199,164,107,.12),transparent 70%);transform:scale(.2);opacity:0;animation:rpRing .9s calc(var(--b) + .2s) cubic-bezier(.2,1,.3,1) forwards}
@keyframes rpRing{to{transform:none;opacity:1}}
.rp3__scale{position:absolute;left:10px;bottom:8px;font:600 8.5px "Inter",sans-serif;letter-spacing:.12em;color:#c7a46b;background:rgba(15,20,24,.85);padding:3px 7px;border-radius:5px;text-transform:uppercase}
.rp3__tr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rp3__tr div{border:1px solid rgba(233,228,220,.12);background:#141b20;border-radius:10px;padding:7px 9px;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;opacity:0;animation:mpUp .4s both}
.rp3__tr div:nth-child(1){animation-delay:calc(var(--b) + .8s)}.rp3__tr div:nth-child(2){animation-delay:calc(var(--b) + .9s)}.rp3__tr div:nth-child(3){animation-delay:calc(var(--b) + 1s)}
.rp3__tr svg{color:#c7a46b;grid-row:span 2}
.rp3__tr b{font-size:13px}.rp3__tr span{font-size:8.5px;color:rgba(233,228,220,.55);grid-column:2}
.rp3__book{gap:8px;padding:11px}
.rp3__agent{display:flex;align-items:center;gap:8px;border:1px solid rgba(233,228,220,.14);border-radius:12px;padding:8px 10px;background:#141b20;animation:mpUp .5s calc(var(--b) + 1.3s) both}
.rp3__ph{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c7a46b,#e9d3a7);color:#0f1418;font:800 10px "Inter",sans-serif;display:grid;place-items:center;flex:none}
.rp3__agent b{display:block;font-size:11px}.rp3__agent small{font-size:8.5px;color:rgba(233,228,220,.55)}
.rp3__agent u{margin-left:auto;text-decoration:none;font-size:9.5px;font-weight:700;color:#c7a46b;border:1px solid #c7a46b;padding:4px 8px;border-radius:999px}
/* WH p2 */
.wp2__flow{max-width:none;width:500px;padding-bottom:52px}
.wp2__st{padding:9px 10px}
.wp2__belt{height:34px}
.wp2__scan{position:absolute;left:58%;top:-6px;bottom:-6px;width:2px;background:#ff5f4a;box-shadow:0 0 10px 2px rgba(255,95,74,.7);animation:mpBlink .9s infinite}
.wp2__bot{display:grid;grid-template-columns:262px 226px;gap:12px;margin-top:12px;width:500px}
.wp2__lc{display:grid;gap:10px;align-content:start}
.wp2__kpi{margin-top:0;gap:20px}
.wp2__kpi b{font-size:22px}
.wp2__chips{margin-top:0}
.wp2__cut{display:flex;align-items:center;gap:7px;font-size:10.5px;color:rgba(236,235,231,.7);border:1px dashed rgba(245,197,24,.4);border-radius:10px;padding:8px 10px;animation:mpUp .5s calc(var(--b) + 1.1s) both}
.wp2__cut i{width:8px;height:8px;border-radius:50%;background:#F5C518;box-shadow:0 0 8px #F5C518}
.wp2__cut b{color:#F5C518}
.wp2__live{border:1px solid rgba(236,235,231,.12);background:#1d2024;border-radius:12px;padding:10px 12px;display:grid;gap:6px;align-content:start;animation:mpUp .5s calc(var(--b) + .6s) both}
.wp2__live small{display:flex;align-items:center;gap:6px;font-size:8.5px;letter-spacing:.2em;color:rgba(236,235,231,.5)}
.wp2__live small i{width:6px;height:6px;border-radius:50%;background:#5fd38d;animation:mpBlink 1s infinite}
.wp2__ord{display:grid;grid-template-columns:58px 1fr auto;align-items:center;font-size:10.5px;padding:5px 0;border-top:1px solid rgba(236,235,231,.06);opacity:0;animation:wpOrd .45s both}
.wp2__ord:nth-of-type(1){animation-delay:calc(var(--b) + .8s)}.wp2__ord:nth-of-type(2){animation-delay:calc(var(--b) + 1s)}.wp2__ord:nth-of-type(3){animation-delay:calc(var(--b) + 1.2s)}.wp2__ord:nth-of-type(4){animation-delay:calc(var(--b) + 1.4s)}
@keyframes wpOrd{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.wp2__ord b{font-family:"JetBrains Mono",monospace;font-size:10px}.wp2__ord span{color:rgba(236,235,231,.6)}
.wp2__ord em{font-style:normal;font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px}
.wp2__ord .pk{background:rgba(245,197,24,.16);color:#F5C518}.wp2__ord .pc{background:rgba(138,180,248,.16);color:#8ab4f8}.wp2__ord .sh{background:rgba(95,211,141,.16);color:#5fd38d}.wp2__ord .nw{background:rgba(236,235,231,.1);color:#ecebe7}
/* WH p3 */
.wp3__g{grid-template-columns:304px 190px;gap:14px}
.wp3__lc{display:grid;gap:10px;align-content:start}
.wp3__toast{position:static;box-shadow:none}
.wp3__sens div{position:relative}
.wp3__sens svg{position:absolute;right:8px;top:9px;color:#F5C518}
.wp3__ch svg{height:52px}
.wp3__days{display:grid;grid-template-columns:repeat(7,1fr);font-size:7.5px;color:rgba(236,235,231,.4);margin-top:3px;text-align:center}
.wp3__in{border:1px solid rgba(245,197,24,.35);border-radius:12px;background:rgba(245,197,24,.06);padding:9px 10px;display:grid;gap:4px;animation:mpUp .5s calc(var(--b) + .9s) both}
.wp3__inh{display:flex;align-items:center;gap:6px;font-size:11px}.wp3__inh svg{color:#F5C518}.wp3__inh em{margin-left:auto;font-style:normal;font-weight:700;color:#F5C518}
.wp3__in span{font-size:9.5px;color:rgba(236,235,231,.55)}
.wp3__in i{height:4px;border-radius:2px;background:rgba(236,235,231,.1);overflow:hidden}
.wp3__in i u{display:block;height:100%;width:0;background:#F5C518;animation:wpIn 1.4s calc(var(--b) + 1.1s) ease-out forwards}
@keyframes wpIn{to{width:72%}}
/* LG p2 */
.lp2__g{grid-template-columns:306px 190px;gap:14px}
.lp2__form{gap:8px}
.lp2__route,.lp2__row{padding:8px 12px}
.lp2__lane{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid rgba(230,236,245,.12);background:#101b2d;border-radius:12px;padding:10px 12px 18px;position:relative;animation:mpUp .5s calc(var(--b) + .7s) both}
.lp2__c{font-size:10px;font-weight:600}
.lp2__ln{position:relative;height:2px;background:repeating-linear-gradient(90deg,rgba(230,236,245,.35) 0 4px,transparent 4px 8px)}
.lp2__ln em{position:absolute;top:6px;transform:translateX(-50%);font-style:normal;font-size:8px;color:rgba(230,236,245,.5);white-space:nowrap}
.lp2__ln em::before{content:"";position:absolute;left:50%;top:-9px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:rgba(230,236,245,.6)}
.lp2__tk{position:absolute;top:-5px;left:0;width:18px;height:10px;border-radius:3px;background:#ff7a3d;box-shadow:0 0 10px #ff7a3d;animation:lpTk 2.4s calc(var(--b) + .8s) ease-in-out both}
@keyframes lpTk{from{left:0}to{left:calc(100% - 18px)}}
.lp2__lane > b{position:absolute;right:12px;bottom:3px;font-size:8.5px;color:#ff7a3d}
.lp2__rc{display:grid;gap:8px;align-content:start}
.lp2__res{gap:6px;padding:12px}
.lp2__inc{display:grid;gap:5px;border:1px solid rgba(230,236,245,.1);border-radius:12px;padding:9px 11px;background:#101b2d;animation:mpUp .5s calc(var(--b) + 1s) both}
.lp2__inc span{display:flex;align-items:center;gap:6px;font-size:10px;color:rgba(230,236,245,.75)}
.lp2__inc svg{color:#5fd38d}
/* LG p3 */
.lp3__g{grid-template-columns:282px 214px;gap:16px}
.lp3__lc{display:grid;gap:12px;align-content:start}
.lp3__tl{gap:11px}
.lp3__temp{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;border:1px solid rgba(95,211,141,.3);background:rgba(95,211,141,.06);border-radius:12px;padding:8px 10px;animation:mpUp .5s calc(var(--b) + 1.1s) both}
.lp3__temp > svg:first-child{color:#5fd38d}
.lp3__temp b{display:block;font-size:13px;color:#5fd38d}.lp3__temp span{font-size:8.5px;color:rgba(230,236,245,.55)}
.lp3__temp svg:last-child{width:100%;height:28px}
.lp3__tl2{stroke-dasharray:1;stroke-dashoffset:1;animation:mpDraw 1.2s calc(var(--b) + 1.2s) forwards}
.lp3__side{gap:8px}
.lp3__eta{border:1px solid rgba(255,122,61,.45);background:linear-gradient(150deg,rgba(255,122,61,.16),#101b2d 70%);border-radius:12px;padding:9px 12px}
.lp3__eta small{font-size:8px;letter-spacing:.22em;color:#ff7a3d}.lp3__eta b{display:block;font:800 21px "Inter",sans-serif;letter-spacing:-.02em}.lp3__eta span{font-size:9px;color:rgba(230,236,245,.55)}
.lp3__drv{padding:8px 10px}
.lp3__mini{padding:4px 8px}
.lp3__mini svg{height:46px}
.lp3__ntf{display:flex;align-items:center;gap:6px;font-size:10px;color:rgba(230,236,245,.75)}
.lp3__ntf svg{color:#ff7a3d}.lp3__ntf b{color:#e6ecf5}
.lp3__sw{margin-left:auto;width:26px;height:15px;border-radius:999px;background:#ff7a3d;position:relative}
.lp3__sw::after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#0a1220}

.mp__sc > section{margin:0}
.mp__sc > .mp__p1{padding:0!important}
.zcs .mp__sc > .mp__p{padding:30px 34px 20px}

/* r67: always dark, whatever the OS or host says */
:root{color-scheme:dark}

/* r78 light theme */
:root[data-theme="light"]{--bg:#ECE1D6;--surface:#F4EBE2;--tint:#E9DCCF;--line:#DCCCBD;--fg:#2B1E17;--muted:#776256;--leaf:#A8641F;--sage:#865019;--chip:#E8D3BC;--chip-fg:#8A5419;--cta-bg:#E0A04A;--cta-bg-hover:#D18F37;--cta-fg:#1E150C;--forest:#2B1E17;--forest-deep:#24180F;--on-forest:#F6ECE0;--shadow:0 18px 40px -22px rgba(90,55,30,.32);color-scheme:light}
/* ===== CL7-C light theme: full styling, no white ===== */
:root[data-theme="light"]{--surface:#F3EAE1;--line:#DECFC1;--tint:#E9DCCF;--chip:#E8D3BC;--chip-fg:#8A5419;--on-forest:#F6ECE0;--forest:#2B1E17;--forest-deep:#24180F;--shadow:0 18px 40px -22px rgba(90,55,30,.32)}
:root[data-theme="light"] body{color:var(--fg)}
/* header */
:root[data-theme="light"] .bar{background:color-mix(in srgb,#EFE5DC 86%,transparent);border-bottom-color:#DCCBBB}
:root[data-theme="light"] .lang-dd__btn{background:#E9DCCF;border-color:#D6C3B1}
:root[data-theme="light"] .lang-dd__menu{background:#F3EAE1;border-color:#D6C3B1;box-shadow:0 20px 40px -18px rgba(90,55,30,.35)}
/* buttons */
:root[data-theme="light"] .btn-link{color:#2B1E17;border-color:#C9A27A}
:root[data-theme="light"] .btn-hero,:root[data-theme="light"] .bar-cta{box-shadow:0 12px 26px -12px rgba(200,120,40,.55)}
/* pricing pills on dark card: active = amber */
:root[data-theme="light"] .q4__tabs button.on{background:#E0A04A!important;color:#1E150C!important;border-color:#E0A04A!important}
:root[data-theme="light"] .pc3__main{box-shadow:0 30px 60px -30px rgba(60,30,10,.6)}
/* cards: soft clay, warm borders, warm shadow */
:root[data-theme="light"] .pc3__card.k2:not(.k2i),:root[data-theme="light"] .hy,:root[data-theme="light"] .svc,:root[data-theme="light"] .tier:not(.tier--hi),:root[data-theme="light"] .xc,:root[data-theme="light"] .cmp-box,:root[data-theme="light"] .care5,:root[data-theme="light"] .how5{background:var(--surface);border-color:var(--line);box-shadow:0 1px 0 rgba(255,250,244,.6) inset,0 16px 34px -26px rgba(90,55,30,.45)}
:root[data-theme="light"] .svc:hover,:root[data-theme="light"] .pc3__card.k2:hover{border-color:#C9A27A}
/* icon tiles: amber on warm sand */
:root[data-theme="light"] .hy__ic,:root[data-theme="light"] .svc__ic,:root[data-theme="light"] .ce5__ic{background:#E8D3BC!important;color:#8A5419!important}
:root[data-theme="light"] .svc__lv i{background:#D9C3AE}:root[data-theme="light"] .svc__lv i.on{background:#B8741F}
:root[data-theme="light"] .svc__l li::before{border-color:#B8741F}
:root[data-theme="light"] .svc__tag{color:#8A5419;border-color:#C9A27A}
:root[data-theme="light"] .svc--wide{background:radial-gradient(120% 140% at 0% 0%,#F0DFC9,var(--surface) 60%)}
:root[data-theme="light"] .svc--hot{background:linear-gradient(160deg,#F0DFC9,var(--surface) 60%)}
:root[data-theme="light"] .pv{background:#E6D6C8;border-color:#D6C3B1}
:root[data-theme="light"] .svc__b{border-color:#C9A27A;color:#2B1E17}
:root[data-theme="light"] .svc__b:hover{background:#2B1E17;color:#F6ECE0;border-color:#2B1E17}
/* how-we-work steps */
:root[data-theme="light"] .hy__s.on{background:#E0A04A!important;color:#1E150C!important;border-color:#E0A04A!important}
:root[data-theme="light"] .hy__s.on .hy__ic{background:#1E150C!important;color:#F0C27E!important}
/* period switch / toggles */
:root[data-theme="light"] .period__seg{background:#E6D6C8;border-color:#D6C3B1}
:root[data-theme="light"] .cmp-toggle,:root[data-theme="light"] .how5__more{background:#E9DCCF;border-color:#C9A27A;color:#2B1E17}
/* tables */
:root[data-theme="light"] .cmp th,:root[data-theme="light"] .cmp td{border-color:#DECFC1}
/* whatsapp chat mock: cream bubbles instead of white */
:root[data-theme="light"] .wp__m.in,:root[data-theme="light"] .wp__day,:root[data-theme="light"] .wp__typing,:root[data-theme="light"] .wp__fld{background:#F6EEE4!important}
:root[data-theme="light"] .wp__top,:root[data-theme="light"] .wp__in{background:#EADDCF!important}
/* FAQ */
:root[data-theme="light"] #faq details,:root[data-theme="light"] #faq .qa{border-color:#D6C3B1}
/* contact block */
:root[data-theme="light"] .contact{background:linear-gradient(135deg,#F2E7DC,#E9D8C6)!important;border:1px solid #D6C3B1;box-shadow:0 30px 60px -36px rgba(90,55,30,.5)}
:root[data-theme="light"] .contact h2{color:#2B1E17}
:root[data-theme="light"] .gw--white{background:#2B1E17!important;color:#F6ECE0!important;border-color:#2B1E17!important;box-shadow:0 18px 30px -18px rgba(43,30,23,.7)!important}
:root[data-theme="light"] .gw--white small{color:#C9B49F!important}
:root[data-theme="light"] .ce5{border-color:#C9A27A!important;background:rgba(239,229,220,.5)}
:root[data-theme="light"] .nm__cp{border-color:#C9A27A;color:#8A5419}
/* footer */
:root[data-theme="light"] .ft{background:#E6D6C8!important;border-top:1px solid #D6C3B1}
:root[data-theme="light"] .ft__panel{background:#EFE5DC!important;border-color:#D6C3B1!important}
/* page heads on inner pages */
:root[data-theme="light"] .dzv > *,:root[data-theme="light"] .aiv > *{background:#F3EAE1;border-color:#D6C3B1}
:root[data-theme="light"] .dzv__logo{background:#F2E9DA!important}
:root[data-theme="light"] .aiv__m--bot{background:#2B1E17!important;color:#F6ECE0!important}
/* text tones */
:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .mono.eyebrow{color:#A8641F}
:root[data-theme="light"] .sec-head h2{color:#2B1E17}
:root[data-theme="light"] .tier--hi{background:linear-gradient(170deg,#33241A,#24180F)!important;border-color:#24180F!important;box-shadow:0 30px 60px -30px rgba(60,30,10,.65)!important}
:root[data-theme="light"] .k2i small,:root[data-theme="light"] .k2i .pc3__l{filter:brightness(.7)}
:root[data-theme="light"] .aiv__call{background:#2B1E17!important;color:#F6ECE0!important;border-color:#2B1E17!important}:root[data-theme="light"] .aiv__call small{color:#C9B49F}


:root[data-theme="light"] body{background:var(--bg)}
:root[data-theme="light"] .bar{background:color-mix(in srgb,var(--bg) 88%,transparent)}
:root[data-theme="light"] .ft{background:var(--bg)!important}
:root[data-theme="light"] .ft__panel{background:var(--surface)!important}
:root[data-theme="light"] .hqw{--bg:#141414;--surface:#1C1C1D;--tint:#26221C;--line:#33302C;--fg:#EEEBE6;--muted:#ADA79E;--forest:#3A3B40;--forest-deep:#26272B;--leaf:#E0A04A;--sage:#F0C27E;--chip:#2E261B;--chip-fg:#F0C27E;--cta-bg:#E0A04A;--cta-bg-hover:#EDB467;--cta-fg:#141414}
:root[data-theme="light"] .hqw .zq__c{box-shadow:0 34px 60px -26px rgba(70,40,25,.55),0 0 0 1px rgba(0,0,0,.25)!important}
:root[data-theme="light"] .hqw .zq__c.p1,:root[data-theme="light"] .hqw .zq__c.p2{filter:none!important}
:root[data-theme="light"] .zq.hq .zr2__glow{opacity:.7}
/* theme toggle */
.theme-t{display:grid!important}
.theme-t .i-sun{display:block!important}.theme-t .i-moon{display:none!important}
:root[data-theme="light"] .theme-t .i-sun{display:none!important}:root[data-theme="light"] .theme-t .i-moon{display:block!important}
/* /r78 */
/* r79 design page */
.svcs--x.svcs--4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1100px){.svcs--x.svcs--4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){.svcs--x.svcs--4{grid-template-columns:minmax(0,1fr)!important}}
.dzr{margin-top:34px;border:1px dashed color-mix(in srgb,var(--leaf) 45%,var(--line));border-radius:22px;padding:26px 28px;background:linear-gradient(160deg,color-mix(in srgb,var(--leaf) 6%,var(--surface)),var(--bg) 70%)}
.dzr__h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.dzr__h h3{margin:0;font:600 22px/1.2 var(--f-display)}.dzr__h p{margin:6px 0 0;color:var(--muted);font-size:14.5px}
.dzr__tag{font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--leaf);border:1px solid color-mix(in srgb,var(--leaf) 45%,transparent);padding:6px 11px;border-radius:999px;white-space:nowrap}
.dzr__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.dzr__it{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.dzr__ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--cta-bg) 15%,transparent);color:var(--leaf)}
.dzr__ic svg{width:18px;height:18px}
.dzr__it b{display:block;font-size:15px}.dzr__it small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:3px}
.dzr__f{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.dzr__b{background:var(--cta-bg);color:var(--cta-fg)!important;border-color:var(--cta-bg)}
.dzr__b:hover{background:var(--cta-bg-hover);border-color:var(--cta-bg-hover)}
@media (max-width:900px){.dzr__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dzr__g{grid-template-columns:minmax(0,1fr)}.dzr{padding:20px}}
@media (min-width:981px){.p-head:has(> .dzv){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.p-head:has(> .dzv) .p-cta{flex-wrap:nowrap}}


/* r82 */
@media (min-width:981px){.p-head:has(> .aiv){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.p-head:has(> .aiv) .p-cta{flex-wrap:nowrap}}
.svc__top--lv{justify-content:center;margin-bottom:2px}
.svc__lvp{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--leaf) 40%,var(--line));background:color-mix(in srgb,var(--leaf) 9%,transparent);font:600 13px var(--f-body);color:var(--fg)}
.svc__lvp small{font:inherit;color:var(--muted);margin-right:2px}
.svc__lvp b{font:700 14px var(--f-display);color:var(--leaf)}
.svc__lvp em{font-style:normal;color:var(--muted)}
.svc__lvb{display:inline-flex;gap:3px;margin-left:8px}
.svc__lvb i{width:14px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--fg) 14%,transparent)}
.svc__lvb i.on{background:var(--leaf);box-shadow:0 0 8px color-mix(in srgb,var(--leaf) 60%,transparent)}
#process .aist2{margin-top:6px}
#pfaq .fb-side{display:grid;gap:12px;align-content:start}
#pfaq .fb-side h2{margin:0}#pfaq .fb-side p{margin:0;color:var(--muted)}
.pfaq__b{justify-self:start;display:inline-flex;gap:8px}
/* r82 end */


/* ===== r81 live previews ===== */
.svc--x .px{position:relative;height:var(--ph,172px);border-radius:14px;overflow:hidden;margin:2px 0 4px;background:radial-gradient(120% 120% at 50% 0%,#1f1d1a 0%,#121212 70%);border:1px solid #2c2925;color:#EEEBE6;font-family:var(--f-body);isolation:isolate}
.svcs--4 .px{--ph:150px}
.svc--x .px *{box-sizing:border-box}
.svc--x .pv{display:none}
@media (prefers-reduced-motion:reduce){.px *{animation:none!important}}
/* an1 light: chat + booking toast */
.pa1__ph{position:absolute;left:50%;top:16px;width:118px;height:190px;margin-left:-59px;border-radius:18px;background:#191919;border:2px solid #3a3530;padding:8px 7px;display:flex;flex-direction:column;gap:5px;box-shadow:0 20px 40px -18px #000}
.pa1__bar{display:flex;align-items:center;gap:5px;font-size:7.5px;padding-bottom:4px;border-bottom:1px solid #2c2925}.pa1__bar i{width:12px;height:12px;border-radius:50%;background:#E0A04A}
.pa1__m{max-width:86%;font-size:7.5px;line-height:1.3;padding:5px 7px;border-radius:9px;opacity:0;animation:pa1M 7s infinite both}
.pa1__m.in{background:#2a2723;align-self:flex-start;border-bottom-left-radius:3px}
.pa1__m.out{background:#E0A04A;color:#1a120a;align-self:flex-end;border-bottom-right-radius:3px;font-weight:600}
.pa1__m.m2{animation-delay:1s}.pa1__m.m3{animation-delay:2.2s}
@keyframes pa1M{0%{opacity:0;transform:translateY(6px) scale(.95)}6%,82%{opacity:1;transform:none}92%,100%{opacity:0}}
.pa1__ty{display:flex;gap:3px;padding:6px 8px;background:#2a2723;border-radius:9px;align-self:flex-end;opacity:0;animation:pa1T 7s infinite 3.2s}
.pa1__ty i{width:4px;height:4px;border-radius:50%;background:#ADA79E;animation:pa1D .9s infinite}.pa1__ty i:nth-child(2){animation-delay:.15s}.pa1__ty i:nth-child(3){animation-delay:.3s}
@keyframes pa1T{0%,2%{opacity:0}6%,16%{opacity:1}20%,100%{opacity:0}}
@keyframes pa1D{50%{transform:translateY(-3px);opacity:.4}}
.pa1__toast{position:absolute;right:12px;top:14px;display:flex;align-items:center;gap:7px;background:rgba(32,30,27,.92);border:1px solid #3a3530;border-radius:11px;padding:6px 9px;box-shadow:0 12px 24px -10px #000;opacity:0;animation:pa1Toast 7s infinite 4.4s}
.pa1__toast span{width:18px;height:18px;border-radius:50%;background:#7FC49A;color:#0f1a12;display:grid;place-items:center;font-size:10px;font-weight:800}
.pa1__toast b{display:block;font-size:9px}.pa1__toast small{font-size:7.5px;color:#ADA79E}
@keyframes pa1Toast{0%{opacity:0;transform:translateY(-10px)}6%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-6px)}}
.pa1__cnt{position:absolute;left:12px;bottom:12px;display:grid}
.pa1__cnt small{font-size:7.5px;color:#ADA79E}
.pa1__cnt b{position:relative;height:22px;overflow:hidden;font:700 20px/22px var(--f-display);color:#F7C987}
.pa1__cnt b span{display:block;animation:pa1C 7s infinite 4.4s}
@keyframes pa1C{0%,4%{transform:translateY(0)}10%,92%{transform:translateY(-22px)}100%{transform:translateY(0)}}
/* an2 medium: rotating data cards */
.pa2__c{position:absolute;left:50%;top:50%;width:150px;height:100px;margin:-50px 0 0 -75px;background:#1d1c1a;border:1px solid #33302C;border-radius:12px;padding:9px 10px;box-shadow:0 16px 30px -14px #000;animation:pa2S 7.5s infinite cubic-bezier(.7,0,.3,1)}
.pa2__c small{font-size:7.5px;color:#ADA79E}
.pa2__c b{position:absolute;right:10px;top:7px;font:700 13px var(--f-display);color:#F7C987}
.pa2__c svg{position:absolute;left:10px;right:10px;bottom:10px;width:calc(100% - 20px);height:58px}
.pa2__ln{stroke-dasharray:1;stroke-dashoffset:1;animation:pa2L 7.5s infinite}
@keyframes pa2L{0%,4%{stroke-dashoffset:1}22%,100%{stroke-dashoffset:0}}
.pa2__c.c2{animation-delay:-2.5s}.pa2__c.c3{animation-delay:-5s}
@keyframes pa2S{0%,28%{transform:translate(8px,10px) scale(1);z-index:3;opacity:1;filter:none}33%,61%{transform:translate(-44px,-18px) scale(.82);z-index:2;opacity:.85;filter:brightness(.6)}66%,95%{transform:translate(44px,-30px) scale(.7);z-index:1;opacity:.7;filter:brightness(.45)}100%{transform:translate(8px,10px) scale(1);z-index:3;opacity:1}}
.pa2__bars{position:absolute;left:10px;right:10px;bottom:10px;height:56px;display:flex;gap:6px;align-items:flex-end}
.pa2__bars i{flex:1;height:var(--h);border-radius:4px 4px 2px 2px;background:linear-gradient(#F7C987,#E0A04A55)}
.pa2__bars i:last-child{background:linear-gradient(#ffe2b0,#E0A04A);box-shadow:0 0 12px #E0A04A88}
.pa2__dots{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:7px}
.pa2__dots i{width:4px;height:4px;border-radius:50%;background:#4a453f;animation:pa2P 2.4s infinite}
.pa2__dots i:nth-child(3n){animation-delay:.6s}.pa2__dots i:nth-child(5n){animation-delay:1.2s;background:#E0A04A}.pa2__dots i:nth-child(7n){animation-delay:1.8s}
@keyframes pa2P{50%{background:#F7C987;box-shadow:0 0 6px #E0A04A}}
.pa2__c.c3 b em{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7FC49A;margin-right:5px;vertical-align:2px;animation:pa1D 1.2s infinite}
/* an3 large: 3D scene */
.px-an3{background:radial-gradient(80% 70% at 50% 35%,#2a2015 0%,#121212 70%)}
.pa3__floor{position:absolute;left:-40%;right:-40%;bottom:-30px;height:120px;background-image:linear-gradient(#E0A04A33 1px,transparent 1px),linear-gradient(90deg,#E0A04A33 1px,transparent 1px);background-size:22px 22px;transform:perspective(220px) rotateX(64deg);transform-origin:50% 100%;animation:pa3F 2.4s linear infinite;-webkit-mask:linear-gradient(transparent,#000 60%);mask:linear-gradient(transparent,#000 60%)}
@keyframes pa3F{to{background-position:0 22px}}
.pa3__sun{position:absolute;left:50%;top:30px;width:110px;height:110px;margin-left:-55px;border-radius:50%;background:radial-gradient(circle,#E0A04A55,transparent 65%);filter:blur(4px)}
.pa3__scene{position:absolute;left:50%;top:44%;width:0;height:0;perspective:500px}
.pa3__cube{position:absolute;left:-23px;top:-23px;width:46px;height:46px;transform-style:preserve-3d;animation:pa3C 9s linear infinite}
.pa3__cube i{position:absolute;inset:0;border:1px solid #F7C98799;background:linear-gradient(135deg,#E0A04Acc,#6b4313cc);box-shadow:inset 0 0 18px #ffe2b066}
.pa3__cube .f1{transform:translateZ(23px)}.pa3__cube .f2{transform:rotateY(180deg) translateZ(23px)}.pa3__cube .f3{transform:rotateY(90deg) translateZ(23px)}.pa3__cube .f4{transform:rotateY(-90deg) translateZ(23px)}.pa3__cube .f5{transform:rotateX(90deg) translateZ(23px);background:#F7C987cc}.pa3__cube .f6{transform:rotateX(-90deg) translateZ(23px)}
@keyframes pa3C{0%{transform:rotateX(-22deg) rotateY(0) translateY(0)}50%{transform:rotateX(-22deg) rotateY(180deg) translateY(-8px)}100%{transform:rotateX(-22deg) rotateY(360deg) translateY(0)}}
.pa3__ring{position:absolute;left:-75px;top:-24px;width:150px;height:48px;border:1px solid #E0A04A66;border-radius:50%;animation:pa3R 6s linear infinite}
.pa3__ring.r2{left:-60px;top:-38px;width:120px;height:76px;transform:rotate(-58deg);animation-duration:8s;border-color:#F2E9DA44}
.pa3__ring i{position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#F7C987;box-shadow:0 0 10px #E0A04A}
@keyframes pa3R{to{rotate:360deg}}
.pa3__ring.r2{animation-name:pa3R2}@keyframes pa3R2{from{transform:rotate(-58deg)}to{transform:rotate(302deg)}}
.pa3__sh{position:absolute;left:50%;top:68%;width:70px;height:12px;margin-left:-35px;border-radius:50%;background:radial-gradient(#000c,transparent 70%);animation:pa3Sh 9s ease-in-out infinite}
@keyframes pa3Sh{50%{transform:scale(.8);opacity:.6}}
.pa3__p i{position:absolute;width:3px;height:3px;border-radius:50%;background:#F7C987;opacity:0;animation:pa3Pt 4s infinite}
.pa3__p i:nth-child(1){left:20%;top:70%}.pa3__p i:nth-child(2){left:30%;top:40%;animation-delay:.4s}.pa3__p i:nth-child(3){left:72%;top:60%;animation-delay:.8s}.pa3__p i:nth-child(4){left:80%;top:30%;animation-delay:1.2s}.pa3__p i:nth-child(5){left:60%;top:80%;animation-delay:1.6s}.pa3__p i:nth-child(6){left:15%;top:30%;animation-delay:2s}.pa3__p i:nth-child(7){left:45%;top:20%;animation-delay:2.4s}.pa3__p i:nth-child(8){left:88%;top:75%;animation-delay:2.8s}.pa3__p i:nth-child(9){left:38%;top:85%;animation-delay:3.2s}.pa3__p i:nth-child(10){left:65%;top:15%;animation-delay:3.6s}
@keyframes pa3Pt{0%{opacity:0;transform:translateY(8px)}30%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}
.pa3__tag{position:absolute;right:10px;top:10px;font:600 8.5px var(--f-body);color:#F7C987;background:#E0A04A1f;border:1px solid #E0A04A55;padding:3px 8px;border-radius:999px}
/* room drawing (photo + staging) */
.pr{position:absolute;inset:0}
.pr__wall{position:absolute;inset:0 0 34% 0;background:linear-gradient(#e8dccb,#d9c8b2)}
.pr__floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:repeating-linear-gradient(90deg,#b98a5a 0 26px,#a97a4c 26px 27px)}
.pr__win{position:absolute;left:12%;top:12%;width:26%;height:44%;border:4px solid #f4ede2;background:linear-gradient(#8fc3ea,#cfe6f5);box-shadow:0 0 0 1px #c7b59c}
.pr__win i{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:#f4ede2}
.pr__sofa{position:absolute;left:44%;bottom:22%;width:40%;height:22%}
.pr__sofa i:first-child{position:absolute;inset:0 0 35% 0;border-radius:8px 8px 3px 3px;background:#6E8B4E}
.pr__sofa i:last-child{position:absolute;left:-4%;right:-4%;bottom:0;height:55%;border-radius:6px;background:#5d7742}
.pr__lamp{position:absolute;left:88%;bottom:22%;width:3px;height:42%;background:#3a2e22}
.pr__lamp i{position:absolute;left:-9px;top:-10px;width:21px;height:12px;border-radius:10px 10px 2px 2px;background:#F2E9DA;box-shadow:0 6px 18px #ffd99488}
.pr__plant{position:absolute;left:38%;bottom:22%;width:12px;height:16px;background:#c6764a;border-radius:2px 2px 4px 4px}
.pr__plant i{position:absolute;left:-8px;top:-20px;width:28px;height:24px;border-radius:50%;background:radial-gradient(#5f8a46,#3c5f2c)}
.pr__art{position:absolute;left:52%;top:16%;width:20%;height:22%;background:linear-gradient(135deg,#E0A04A,#9c5b2e);border:3px solid #f4ede2}
/* pho before/after */
.pp__lyr{position:absolute;inset:0}
.pp__b .pr{filter:brightness(.55) saturate(.35) contrast(.9) sepia(.25);transform:rotate(-3deg) scale(1.08)}
.pp__a{clip-path:inset(0 0 0 50%);animation:ppC 6s ease-in-out infinite}
.pp__a .pr{filter:saturate(1.12) brightness(1.05)}
@keyframes ppC{0%,100%{clip-path:inset(0 0 0 78%)}45%,55%{clip-path:inset(0 0 0 18%)}}
.pp__h{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 10px #0008;animation:ppH 6s ease-in-out infinite}
.pp__h i{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;box-shadow:0 4px 12px #0007}
.pp__h i::before,.pp__h i::after{content:"";position:absolute;top:8px;border:4px solid transparent}
.pp__h i::before{left:2px;border-right-color:#3a2e22}.pp__h i::after{right:2px;border-left-color:#3a2e22}
@keyframes ppH{0%,100%{left:78%}45%,55%{left:18%}}
.pp__lb{position:absolute;bottom:8px;font:700 9px var(--f-body);padding:3px 8px;border-radius:999px;background:#000a;color:#fff}
.pp__lb.l{left:8px}.pp__lb.r{right:8px;background:#E0A04A;color:#1a120a}
.pp__spark{position:absolute;width:10px;height:10px;background:radial-gradient(#fff,transparent 70%);animation:ppS 3s infinite}
.pp__spark.s1{left:22%;top:20%}.pp__spark.s2{left:30%;top:38%;animation-delay:1.4s}
@keyframes ppS{0%,100%{transform:scale(.2);opacity:0}50%{transform:scale(1.4);opacity:1}}
/* stg staging */
.ps__wall{position:absolute;inset:0 0 36% 0;background:linear-gradient(#e6dccf,#d6c6b2)}
.ps__floor{position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(#c49a6c,#a77c50)}
.ps__win{position:absolute;left:8%;top:12%;width:22%;height:46%;border:4px solid #f4ede2;background:linear-gradient(#9fcbed,#d6eaf6)}
.ps__win i{position:absolute;left:0;right:0;top:50%;height:3px;background:#f4ede2}
.ps__it{position:absolute;opacity:0;animation:psIn 8s infinite both}
@keyframes psIn{0%{opacity:0;transform:translateY(-18px)}5%{opacity:1;transform:translateY(2px)}7%,84%{opacity:1;transform:none}92%,100%{opacity:0;transform:none}}
.ps__it.rug{left:30%;right:14%;bottom:8%;height:18%;border-radius:50%;background:radial-gradient(#efe4d2,#d8c6ab);animation-delay:.3s}
.ps__it.art{left:52%;top:12%;width:26%;height:26%;border:3px solid #3a2e22;background:linear-gradient(135deg,#6E8B4E,#E0A04A 60%,#F2E9DA);animation-delay:.8s}
.ps__it.sofa{left:40%;bottom:22%;width:44%;height:24%;animation-delay:1.3s}
.ps__it.sofa i:first-child{position:absolute;inset:0 0 38% 0;border-radius:9px 9px 3px 3px;background:#8a6a4e}
.ps__it.sofa i:last-child{position:absolute;left:-5%;right:-5%;bottom:0;height:55%;border-radius:7px;background:#755640;box-shadow:0 8px 12px -6px #0006}
.ps__it.table{left:52%;bottom:9%;width:20%;height:8%;border-radius:50%;background:#3a2e22;box-shadow:0 6px 8px -4px #0008;animation-delay:1.8s}
.ps__it.lamp{left:88%;bottom:22%;width:3px;height:46%;background:#2b2118;animation-delay:2.3s}
.ps__it.lamp i{position:absolute;left:-10px;top:-10px;width:23px;height:13px;border-radius:12px 12px 2px 2px;background:#F2E9DA;box-shadow:0 8px 22px #ffd994}
.ps__it.plant{left:32%;bottom:20%;width:13px;height:18px;background:#c6764a;border-radius:2px 2px 4px 4px;animation-delay:2.8s}
.ps__it.plant i{position:absolute;left:-10px;top:-24px;width:32px;height:28px;border-radius:50%;background:radial-gradient(#6f9a52,#3c5f2c)}
.ps__chip{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:5px;font:600 8.5px var(--f-body);background:#000b;color:#fff;padding:4px 9px;border-radius:999px;animation:psChip 8s infinite}
.ps__chip i{width:6px;height:6px;border-radius:50%;background:#7FC49A}
@keyframes psChip{0%,40%{opacity:0}46%,86%{opacity:1}92%,100%{opacity:0}}
/* menu qr */
.pm__qr{position:absolute;left:12%;top:50%;width:76px;height:76px;margin-top:-38px;padding:7px;background:#F2E9DA;border-radius:8px}
.pm__code{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;width:100%;height:100%}
.pm__code i{background:transparent;border-radius:1px}.pm__code i.on{background:#1a1a1a}
.pm__scan{position:absolute;left:-4px;right:-4px;height:2px;top:10%;background:#E0A04A;box-shadow:0 0 10px 2px #E0A04A;animation:pmS 2.2s ease-in-out infinite alternate}
@keyframes pmS{to{top:88%}}
.pm__c{position:absolute;width:12px;height:12px;border:2px solid #E0A04A}
.pm__c.tl{left:-8px;top:-8px;border-right:0;border-bottom:0}.pm__c.tr{right:-8px;top:-8px;border-left:0;border-bottom:0}.pm__c.bl{left:-8px;bottom:-8px;border-right:0;border-top:0}.pm__c.br{right:-8px;bottom:-8px;border-left:0;border-top:0}
.pm__ph{position:absolute;right:10%;top:12px;width:112px;bottom:-24px;border-radius:16px;background:#F2E9DA;border:3px solid #2b2118;padding:9px 8px;color:#2b2118;box-shadow:0 20px 40px -16px #000}
.pm__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pm__top b{font:italic 700 9px Georgia,serif}
.pm__lng{display:flex;gap:2px}.pm__lng i{font:700 6.5px var(--f-body);font-style:normal;padding:2px 3px;border-radius:4px;animation:pmL 6s infinite}
.pm__lng i:nth-child(2){animation-delay:2s}.pm__lng i:nth-child(3){animation-delay:4s}
@keyframes pmL{0%,30%{background:#2b2118;color:#F2E9DA}34%,100%{background:transparent;color:#2b2118}}
.pm__list{height:100%;overflow:hidden}
.pm__run{animation:pmR 9s linear infinite}
@keyframes pmR{to{transform:translateY(-50%)}}
.pm__row{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid #2b211814}
.pm__row i{width:20px;height:20px;border-radius:6px;background:radial-gradient(circle at 35% 35%,#fff6,transparent 50%),var(--c)}
.pm__row b{display:block;font-size:7.5px}.pm__row small{font-size:6.5px;color:#7a6556}.pm__row em{font:700 7.5px var(--f-body);font-style:normal;color:#9c5b2e}
/* social templates */
.pso__head{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:8px}
.pso__av{width:26px;height:26px;border-radius:50%;background:conic-gradient(#E0A04A,#F7C987,#9c5b2e,#E0A04A);padding:2px;animation:psoR 3s linear infinite}
.pso__av::after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:#2b2118;border:2px solid #121212}
@keyframes psoR{to{filter:hue-rotate(20deg)}}
.pso__st{display:flex;gap:8px}.pso__st b{font:700 8px var(--f-body);color:#EEEBE6}
.pso__grid{position:absolute;left:12px;top:46px;width:54%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.pso__grid i{aspect-ratio:1;border-radius:3px;position:relative;opacity:0;animation:psoT 8s infinite both}
.pso__grid i span{position:absolute;inset:22% 18%;border-radius:2px}
.pso__grid .t1{background:#E0A04A;animation-delay:.2s}.pso__grid .t1 span{background:#2b2118;inset:60% 18% 18%}
.pso__grid .t2{background:#2b2118;animation-delay:.4s}.pso__grid .t2 span{border:2px solid #E0A04A;border-radius:50%}
.pso__grid .t3{background:#F2E9DA;animation-delay:.6s}.pso__grid .t3 span{background:linear-gradient(#6E8B4E,#6E8B4E) 0 0/100% 40% no-repeat}
.pso__grid .t4{background:#3a2e22;animation-delay:.8s}.pso__grid .t4 span{background:repeating-linear-gradient(90deg,#F7C987 0 2px,transparent 2px 5px)}
.pso__grid .t5{background:#E0A04A;animation-delay:1s}.pso__grid .t5 span{background:#F2E9DA;border-radius:50%;inset:25%}
.pso__grid .t6{background:#F2E9DA;animation-delay:1.2s}.pso__grid .t6 span{background:#2b2118;inset:20% 30% 50% 20%}
.pso__grid .t7{background:#6E8B4E;animation-delay:1.4s}.pso__grid .t7 span{background:#F2E9DA;inset:40% 20%}
.pso__grid .t8{background:#2b2118;animation-delay:1.6s}.pso__grid .t8 span{background:linear-gradient(135deg,#E0A04A,#9c5b2e)}
.pso__grid .t9{background:#d9b88e;animation-delay:1.8s}.pso__grid .t9 span{border:2px solid #2b2118}
@keyframes psoT{0%{opacity:0;transform:scale(.6)}6%,86%{opacity:1;transform:none}94%,100%{opacity:0}}
.pso__story{position:absolute;right:12px;top:12px;bottom:12px;width:34%;border-radius:10px;background:linear-gradient(160deg,#E0A04A,#9c5b2e);padding:8px;display:flex;flex-direction:column;justify-content:flex-end;color:#1a120a}
.pso__bars{position:absolute;left:7px;right:7px;top:7px;display:flex;gap:3px}
.pso__bars i{flex:1;height:2px;background:#ffffff55;border-radius:2px;overflow:hidden;position:relative}
.pso__bars i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left;animation:psoB 6s infinite linear}
.pso__bars i:nth-child(2)::after{animation-delay:2s}.pso__bars i:nth-child(3)::after{animation-delay:4s}
@keyframes psoB{0%{transform:scaleX(0)}33%,100%{transform:scaleX(1)}}
.pso__story b{font:700 11px/1.1 var(--f-display)}.pso__story small{font-size:7.5px}
/* brand board */
.svc--wide .px-br{--ph:150px;margin-top:6px}
.pb__mark{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px}
.pb__mark svg{width:40px;height:40px}.pb__mark b{font:italic 700 13px Georgia,serif;color:#F2E9DA}
.pb__r1,.pb__r2{stroke-dasharray:1;stroke-dashoffset:1;animation:pbD 6s infinite}.pb__r2{animation-delay:.4s}
@keyframes pbD{0%{stroke-dashoffset:1}25%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
.pb__pal{position:absolute;left:14px;bottom:14px;display:flex;gap:5px}
.pb__pal i{width:22px;height:30px;border-radius:6px;background:var(--c);border:1px solid #ffffff1a;animation:pbP 6s infinite both}
.pb__pal i:nth-child(2){animation-delay:.15s}.pb__pal i:nth-child(3){animation-delay:.3s}.pb__pal i:nth-child(4){animation-delay:.45s}
@keyframes pbP{0%{transform:translateY(10px);opacity:0}10%,88%{transform:none;opacity:1}100%{opacity:0}}
.pb__type{position:absolute;left:44%;top:14px;display:flex;align-items:center;gap:6px}
.pb__type b{font:400 30px/1 Georgia,serif;color:#F2E9DA}.pb__type small{font:500 8px/1.3 var(--f-mono);color:#ADA79E}
.pb__card{position:absolute;left:40%;bottom:14px;width:96px;height:56px;border-radius:7px;background:#F2E9DA;padding:8px;color:#3A2E22;transform:rotate(-6deg);box-shadow:0 12px 22px -10px #000;animation:pbCard 6s infinite both}
.pb__card span{position:absolute;right:8px;top:8px;width:14px;height:14px;border-radius:50%;border:2px solid #E0A04A}
.pb__card b{display:block;margin-top:16px;font:italic 700 9px Georgia,serif}.pb__card small{font-size:6.5px;color:#6E8B4E}
@keyframes pbCard{0%,10%{opacity:0;transform:rotate(-6deg) translateY(16px)}20%,88%{opacity:1;transform:rotate(-6deg)}100%{opacity:0}}
.pb__cup{position:absolute;right:30%;bottom:14px;width:34px;height:42px;border-radius:4px 4px 10px 10px;background:#3A2E22;animation:pbCard 6s infinite both;animation-delay:.3s}
.pb__cup i{position:absolute;left:50%;top:12px;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:2px solid #E0A04A}
.pb__ig{position:absolute;right:14px;top:14px;bottom:14px;width:23%;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;align-content:center}
.pb__ig i{aspect-ratio:1;border-radius:4px;background:#2b2118;animation:pbP 6s infinite both}
.pb__ig i:nth-child(1){background:#E0A04A;animation-delay:.6s}.pb__ig i:nth-child(2){animation-delay:.7s}.pb__ig i:nth-child(3){background:#6E8B4E;animation-delay:.8s}.pb__ig i:nth-child(4){background:#F2E9DA;animation-delay:.9s}.pb__ig i:nth-child(5){animation-delay:1s}.pb__ig i:nth-child(6){background:#d9b88e;animation-delay:1.1s}
/* AI chat widget */
.px-ach .pc__site{position:absolute;inset:12px 12px 12px 12px;border-radius:9px;background:#1b1a18;border:1px solid #2c2925;padding:8px}
.pc__site i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3a3530;margin-right:3px}
.pc__site span{display:block;height:6px;border-radius:3px;background:#2c2925;margin-top:8px}.pc__site .w1{width:50%;height:10px;background:#3a3530}.pc__site .w2{width:70%}.pc__site .w3{width:40%}
.pc__w{position:absolute;right:22px;bottom:18px;width:62%;border-radius:12px;background:#22201d;border:1px solid #3a3530;padding:8px;display:flex;flex-direction:column;gap:5px;box-shadow:0 18px 30px -12px #000;transform-origin:bottom right;animation:pcW 7s infinite}
@keyframes pcW{0%{transform:scale(.4);opacity:0}6%,90%{transform:none;opacity:1}100%{opacity:0}}
.pc__wh{display:flex;align-items:center;gap:5px;font-size:8px;padding-bottom:5px;border-bottom:1px solid #33302C}
.pc__wh i{width:8px;height:8px;border-radius:50%;background:#E0A04A}.pc__wh small{margin-left:auto;color:#7FC49A;font-size:7px}
.pc__m{font-size:7.5px;line-height:1.3;padding:5px 7px;border-radius:8px;max-width:88%;opacity:0;animation:pa1M 7s infinite both}
.pc__m.in{background:#33302C;align-self:flex-end}.pc__m.out{background:#E0A04A;color:#1a120a;font-weight:600}
.pc__m.a{animation-delay:.6s}.pc__m.b{animation-delay:2.4s}
.pc__ty{display:flex;gap:3px;padding:5px 7px;background:#33302C;border-radius:8px;align-self:flex-start;opacity:0;animation:pa1T 7s infinite 1.3s}
.pc__ty i{width:4px;height:4px;border-radius:50%;background:#ADA79E;animation:pa1D .9s infinite}.pc__ty i:nth-child(2){animation-delay:.15s}.pc__ty i:nth-child(3){animation-delay:.3s}
.pc__fab{position:absolute;right:10px;bottom:6px;width:16px;height:16px;border-radius:50%;background:#E0A04A;box-shadow:0 0 0 0 #E0A04A88;animation:mpPulse 1.6s infinite}
/* AI messengers hub */
.pg__ch{position:absolute;left:12px;display:flex;align-items:center;gap:6px;background:#1d1c1a;border:1px solid #33302C;border-radius:10px;padding:6px 8px;width:42%;font-size:8.5px}
.pg__ch.wa{top:14px}.pg__ch.tg{top:50%;margin-top:-15px}.pg__ch.ig{bottom:14px}
.pg__ch i{width:14px;height:14px;border-radius:5px;flex:none}
.pg__ch.wa i{background:#25D366}.pg__ch.tg i{background:#2AABEE}.pg__ch.ig i{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.pg__ch em{margin-left:auto;font:700 7.5px var(--f-body);font-style:normal;background:#E0A04A;color:#1a120a;border-radius:999px;padding:1px 5px;animation:pgE 4s infinite}
.pg__ch.tg em{animation-delay:1.3s}.pg__ch.ig em{animation-delay:2.6s}
@keyframes pgE{0%,60%{transform:scale(1)}66%{transform:scale(1.4)}72%,100%{transform:scale(0);opacity:0}}
.pg__lines{position:absolute;inset:0;width:100%;height:100%}
.pg__lines path{fill:none;stroke:#E0A04A;stroke-width:1.4;stroke-dasharray:.06 .04;animation:pgL 1.4s linear infinite}
@keyframes pgL{to{stroke-dashoffset:-.1}}
.pg__ai{position:absolute;right:16%;top:50%;width:46px;height:46px;margin:-23px -23px 0 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe2b0,#E0A04A 55%,#8a5419);display:grid;place-items:center;box-shadow:0 0 0 6px #E0A04A22,0 0 30px #E0A04A88;animation:pgA 2s ease-in-out infinite}
.pg__ai span{font:800 12px var(--f-display);color:#1a120a}
@keyframes pgA{50%{box-shadow:0 0 0 12px #E0A04A11,0 0 40px #E0A04Aaa}}
.pg__ok{position:absolute;right:8px;bottom:10px;font:600 8px var(--f-body);color:#7FC49A;background:#7FC49A1a;border:1px solid #7FC49A55;padding:3px 7px;border-radius:999px}
/* AI reviews */
.pv__card{position:absolute;left:12px;right:12px;top:12px;background:#1d1c1a;border:1px solid #33302C;border-radius:10px;padding:8px}
.pv__h{display:flex;align-items:center;gap:6px}
.pv__av{width:20px;height:20px;border-radius:50%;background:#6E8B4E;display:grid;place-items:center;font:700 9px var(--f-body);color:#fff}
.pv__h b{display:block;font-size:8.5px}.pv__h small{font-size:7px;color:#ADA79E}
.pv__st{margin-left:auto;display:flex;gap:2px}
.pv__st i{width:9px;height:9px;background:#4a453f;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:pvS 7s infinite both}
.pv__st i:nth-child(1){animation-delay:.2s}.pv__st i:nth-child(2){animation-delay:.35s}.pv__st i:nth-child(3){animation-delay:.5s}.pv__st i:nth-child(4){animation-delay:.65s}
@keyframes pvS{0%,3%{background:#4a453f}6%,95%{background:#F7C987}}
.pv__card p{margin:6px 0 0;font-size:7.5px;line-height:1.35;color:#d8d2c8}
.pv__rep{position:absolute;left:28px;right:12px;bottom:28px;background:#E0A04A14;border:1px solid #E0A04A44;border-radius:10px;padding:7px 8px;display:grid;gap:4px}
.pv__rep small{font-size:7px;color:#F7C987}
.pv__ln{height:5px;border-radius:3px;background:#E0A04A88;transform-origin:left;transform:scaleX(0);animation:pvL 7s infinite both}
.pv__ln.l1{animation-delay:1.2s}.pv__ln.l2{animation-delay:1.9s;width:85%}.pv__ln.l3{animation-delay:2.6s;width:55%}
@keyframes pvL{0%{transform:scaleX(0)}10%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.pv__ok{position:absolute;right:12px;bottom:8px;font:600 8px var(--f-body);color:#7FC49A;opacity:0;animation:pa1Toast 7s infinite 3.4s}
/* AI booking */
.pk__cal{position:absolute;left:12px;top:12px;width:52%;background:#1d1c1a;border:1px solid #33302C;border-radius:10px;padding:8px}
.pk__mh{display:flex;justify-content:space-between;font-size:8.5px;margin-bottom:6px}.pk__mh span{color:#ADA79E;font-size:8px}
.pk__days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.pk__days i{font:600 7px var(--f-body);font-style:normal;text-align:center;padding:3px 0;border-radius:4px;color:#d8d2c8}
.pk__days i.off{color:#5a554e}
.pk__days i.pk{animation:pkD 7s infinite}
@keyframes pkD{0%,10%{background:transparent;color:#d8d2c8}14%,94%{background:#E0A04A;color:#1a120a}}
.pk__slots{position:absolute;right:12px;top:12px;width:34%;display:grid;gap:4px}
.pk__slots i{font:600 8px var(--f-body);font-style:normal;text-align:center;padding:5px 0;border-radius:7px;border:1px solid #33302C}
.pk__slots i.x{opacity:.35;text-decoration:line-through}
.pk__slots i.pk{animation:pkS 7s infinite}
@keyframes pkS{0%,26%{background:transparent;color:#EEEBE6;border-color:#33302C}30%,94%{background:#7FC49A;color:#0f1a12;border-color:#7FC49A}}
.pk__ok{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;gap:7px;background:#7FC49A14;border:1px solid #7FC49A55;border-radius:10px;padding:6px 8px;opacity:0;animation:pa1Toast 7s infinite 2.4s}
.pk__ok span{width:16px;height:16px;border-radius:50%;background:#7FC49A;color:#0f1a12;display:grid;place-items:center;font-size:9px;font-weight:800}
.pk__ok b{display:block;font-size:8.5px}.pk__ok small{font-size:7px;color:#ADA79E}
/* AI reminders */
.pn__ph{position:absolute;left:50%;top:10px;width:150px;bottom:-30px;margin-left:-75px;border-radius:20px;background:linear-gradient(160deg,#2b2118,#151515);border:2px solid #3a3530;padding:10px 8px}
.pn__time{display:block;text-align:center;font:300 22px var(--f-display);color:#EEEBE6;margin-bottom:6px}
.pn__n{background:#2c2925ee;border-radius:11px;padding:7px;animation:pnN 7s infinite both}
@keyframes pnN{0%{opacity:0;transform:translateY(-12px) scale(.96)}6%,90%{opacity:1;transform:none}100%{opacity:0}}
.pn__nh{display:flex;align-items:center;gap:4px;font-size:7.5px}.pn__nh i{width:10px;height:10px;border-radius:3px;background:#E0A04A}.pn__nh small{margin-left:auto;color:#ADA79E;font-size:6.5px}
.pn__n p{margin:4px 0 6px;font-size:7.5px;line-height:1.3;color:#d8d2c8}
.pn__bt{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.pn__bt span{font:600 7px var(--f-body);text-align:center;padding:4px 0;border-radius:6px;background:#3a3530}
.pn__bt .y{animation:pnY 7s infinite}
@keyframes pnY{0%,34%{background:#3a3530;color:#EEEBE6}38%,90%{background:#7FC49A;color:#0f1a12}}
.pn__done{margin-top:6px;text-align:center;font:600 8px var(--f-body);color:#7FC49A;opacity:0;animation:pa1Toast 7s infinite 2.8s}
/* AI voice */
.pw__call{position:absolute;left:12px;right:12px;top:12px;display:flex;align-items:center;gap:8px;background:#2b2118;border:1px solid #3a3530;border-radius:12px;padding:7px 9px}
.pw__ic{width:22px;height:22px;border-radius:50%;background:#2fa37f;box-shadow:0 0 0 0 #2fa37f88;animation:mpPulse 1.4s infinite}
.pw__call b{display:block;font-size:9px}.pw__call small{font:500 7.5px var(--f-mono);color:#ADA79E}.pw__call em{font-style:normal}
.pw__wave{position:absolute;left:12px;right:12px;top:58px;height:40px;display:flex;align-items:center;gap:3px}
.pw__wave i{flex:1;height:30%;border-radius:2px;background:linear-gradient(#F7C987,#E0A04A);animation:pwW 1.1s ease-in-out infinite}
.pw__wave i:nth-child(odd){animation-delay:.15s}.pw__wave i:nth-child(3n){animation-delay:.3s}.pw__wave i:nth-child(4n){animation-delay:.45s}.pw__wave i:nth-child(5n){animation-delay:.6s}
@keyframes pwW{50%{height:100%}}
.pw__tx{position:absolute;left:12px;right:12px;bottom:10px;height:30px;overflow:hidden}
.pw__tx span{position:absolute;left:0;right:0;font-size:8px;line-height:1.3;padding:4px 8px;border-radius:8px;opacity:0;animation:pwT 8s infinite both}
.pw__tx .t1{background:#33302C;color:#EEEBE6}.pw__tx .t2{background:#E0A04A;color:#1a120a;font-weight:600;animation-delay:4s}
@keyframes pwT{0%{opacity:0;transform:translateY(10px)}6%,44%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-10px)}}
/* AI analytics */
.pa__ch{position:absolute;left:12px;top:12px;bottom:12px;width:56%;background:#1d1c1a;border:1px solid #33302C;border-radius:10px;padding:8px}
.pa__ch small{font-size:7.5px;color:#ADA79E}
.pa__bars{position:absolute;left:10px;right:10px;bottom:10px;top:28px;display:flex;align-items:flex-end;gap:5px}
.pa__bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(#7FC49A,#7FC49A33);height:0;animation:paB 7s infinite both}
.pa__bars i:nth-child(6){background:linear-gradient(#F7C987,#E0A04A55)}
.pa__bars i:nth-child(2){animation-delay:.1s}.pa__bars i:nth-child(3){animation-delay:.2s}.pa__bars i:nth-child(4){animation-delay:.3s}.pa__bars i:nth-child(5){animation-delay:.4s}.pa__bars i:nth-child(6){animation-delay:.5s}.pa__bars i:nth-child(7){animation-delay:.6s}
@keyframes paB{0%{height:0}12%,92%{height:var(--h)}100%{height:0}}
.pa__donut{position:absolute;right:14px;top:12px;width:66px;text-align:center}
.pa__donut svg{width:66px;height:66px;transform:rotate(-90deg)}
.pa__seg{stroke-dashoffset:100;animation:paD 7s infinite both}
.pa__seg.s2{animation-name:paD2}
@keyframes paD{0%{stroke-dasharray:0 100}14%,92%{stroke-dasharray:68 32}100%{stroke-dasharray:0 100}}
@keyframes paD2{0%,8%{stroke-dasharray:0 100}22%,92%{stroke-dasharray:22 78}100%{stroke-dasharray:0 100}}
.pa__donut b{position:absolute;left:0;right:0;top:22px;font:700 12px var(--f-display);color:#7FC49A}
.pa__donut small{font-size:7px;color:#ADA79E}
.pa__tags{position:absolute;right:10px;bottom:12px;width:36%;display:flex;flex-wrap:wrap;gap:3px;justify-content:center}
.pa__tags span{font:600 7px var(--f-body);padding:2px 6px;border-radius:999px;background:#E0A04A1f;color:#F7C987;border:1px solid #E0A04A44}
/* AI knowledge bot */
.pd__doc{position:absolute;width:44%;background:#1d1c1a;border:1px solid #33302C;border-radius:8px;padding:7px;display:grid;gap:4px}
.pd__doc.d1{left:12px;top:12px;z-index:2}.pd__doc.d2{left:22px;top:24px;opacity:.5}
.pd__doc b{font-size:7.5px;color:#F7C987}
.pd__doc span{height:4px;border-radius:2px;background:#3a3530}
.pd__doc span.h{background:#E0A04A;animation:pdH 6s infinite}
@keyframes pdH{0%,30%{background:#3a3530}36%,90%{background:#E0A04A;box-shadow:0 0 8px #E0A04A}}
.pd__q{position:absolute;right:12px;top:16px;font-size:8px;background:#33302C;padding:5px 8px;border-radius:9px 9px 2px 9px;animation:pa1M 6s infinite both}
.pd__a{position:absolute;right:12px;bottom:12px;width:52%;background:#E0A04A;color:#1a120a;border-radius:9px 9px 9px 2px;padding:7px 8px;display:grid;gap:4px;opacity:0;animation:pa1M 6s infinite both 2.2s}
.pd__ln{height:4px;border-radius:2px;background:#1a120a66}.pd__ln.s{width:65%}
.pd__a em{font:700 7px var(--f-body);font-style:normal;background:#1a120a22;padding:2px 5px;border-radius:4px;justify-self:start}
/* AI steps */
.aist2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.aist2::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:2px;background:linear-gradient(90deg,var(--leaf),color-mix(in srgb,var(--leaf) 25%,transparent))}
.aist2 li{position:relative;display:grid;gap:8px;align-content:start}
.aist2__n{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:700 16px var(--f-display);background:var(--bg);border:2px solid var(--leaf);color:var(--leaf)}
.aist2 li:last-child .aist2__n{background:var(--leaf);color:var(--cta-fg)}
.aist2__t{justify-self:start;font:600 11.5px var(--f-body);color:var(--leaf);background:color-mix(in srgb,var(--leaf) 12%,transparent);padding:3px 9px;border-radius:999px;margin-top:6px}
.aist2 b{font:600 17px/1.25 var(--f-display)}
.aist2 p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.aist2__sum{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 18px;color:var(--muted);font-size:14.5px}
.aist2__sum b{color:var(--fg)}
@media (max-width:900px){.aist2{grid-template-columns:minmax(0,1fr);gap:18px}.aist2::before{left:23px;right:auto;top:24px;bottom:24px;width:2px;height:auto;background:linear-gradient(var(--leaf),color-mix(in srgb,var(--leaf) 25%,transparent))}.aist2 li{grid-template-columns:48px 1fr;column-gap:16px}.aist2 li > :not(.aist2__n){grid-column:2}.aist2__n{grid-row:span 3}}

/* ===== r83 ===== */
/* media-first cards */
.svc--m{padding-top:0;overflow:hidden}
.svc--m .svc__media{position:relative;margin:0 -24px 8px}
.svc--m .svc__media .px{margin:0;border:0;border-bottom:1px solid #2c2925;border-radius:0;--ph:196px}
.svcs--4 .svc--m .svc__media .px{--ph:176px}
.svcs--2 .svc--m .svc__media .px{--ph:176px}
.svc__chip{position:absolute;left:12px;top:12px;z-index:5;display:inline-flex;align-items:center;gap:7px;font:600 11.5px var(--f-body);color:#EEEBE6;background:rgba(18,18,18,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);padding:6px 11px;border-radius:999px}
.svc__chip .svc__lvb{margin-left:2px}.svc__chip .svc__lvb i{width:12px;height:5px}
.svc__chip b{font:700 12px var(--f-display);color:#F7C987}
.svc__chip em{font-style:normal;color:#ADA79E}
.svc--m .pa3__tag{display:none}
.svc--m.svc--hot{border-color:color-mix(in srgb,var(--leaf) 40%,var(--line))}
/* food before/after */
.pf2{position:absolute;inset:0}
.pf2__tbl{position:absolute;inset:0;background:repeating-linear-gradient(100deg,#6b4a32 0 18px,#5d3f2a 18px 20px)}
.pf2__plate{position:absolute;left:50%;top:50%;width:118px;height:118px;margin:-59px 0 0 -59px;border-radius:50%;background:radial-gradient(circle,#f4ede2 0 58%,#e6dccd 59% 64%,#f4ede2 65%);box-shadow:0 14px 26px -10px #000a}
.pf2__plate i{position:absolute;border-radius:50%}
.pf2__plate .a{left:30%;top:28%;width:42%;height:36%;background:radial-gradient(circle at 40% 35%,#f0c27e,#c98a3a 70%)}
.pf2__plate .b{left:56%;top:44%;width:22%;height:20%;background:#6E8B4E}
.pf2__plate .c{left:26%;top:56%;width:22%;height:18%;background:#b8473a}
.pf2__plate .d{left:46%;top:22%;width:10%;height:10%;background:#7FC49A}
.pf2__plate .e{left:40%;top:66%;width:28%;height:12%;background:#F2E9DA;border-radius:40%}
.pf2__cup{position:absolute;right:9%;top:16%;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#5a3a22 0 42%,#f4ede2 44% 70%,#d8ccbc 72%)}
.pf2__fork{position:absolute;left:9%;top:24%;width:8px;height:78px;border-radius:4px;background:linear-gradient(#cfc8bd,#9e978c)}
.px-food .pp__b .pf2{filter:brightness(.6) saturate(.35) contrast(.85) sepia(.3);transform:rotate(-4deg) scale(1.06)}
.px-food .pp__a .pf2{filter:saturate(1.25) brightness(1.06) contrast(1.05)}
.pf2__steam{position:absolute;left:46%;top:16%;width:6px;height:26px;border-radius:6px;background:linear-gradient(transparent,#ffffff88,transparent);filter:blur(2px);animation:pfSt 2.4s ease-in-out infinite}
.pf2__steam.s2{left:52%;animation-delay:.8s}.pf2__steam.s3{left:58%;animation-delay:1.6s}
@keyframes pfSt{0%{opacity:0;transform:translateY(10px) scaleX(.8)}40%{opacity:1}100%{opacity:0;transform:translateY(-16px) scaleX(1.4)}}
/* brand bento */
.svc--wide.svc--brand{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0;padding:0;overflow:hidden;background:linear-gradient(140deg,#1d1914,#151515 60%)}
.svc--brand .svw__m{position:relative;padding:18px;border-right:1px solid color-mix(in srgb,var(--leaf) 25%,var(--line));background:radial-gradient(90% 90% at 30% 20%,#2a2015,#121212 70%)}
.svc--brand .svw__c{padding:28px 30px;display:flex;flex-direction:column;gap:12px}
.svc--brand .svw__c > b{font:600 26px/1.15 var(--f-display)}
.svc--brand .svw__c > p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.svc--brand .svc__l{grid-template-columns:1fr 1fr;gap:9px 16px;margin:6px 0 4px}
.svc--brand .svc__f{margin-top:auto}
.svc--brand .svc__t{white-space:normal}
.pbx{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:150px 150px;gap:10px;height:100%}
.pbx__t{position:relative;border-radius:14px;overflow:hidden;background:#1b1916;border:1px solid #2c2925;opacity:0;animation:pbxIn 9s infinite both}
@keyframes pbxIn{0%{opacity:0;transform:translateY(10px) scale(.97)}5%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
.t-logo{grid-row:span 2;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 40%,#3a2a18,#1b1916 70%)}
.t-logo svg{width:120px;height:90px}
.pbx__r1,.pbx__r2{stroke-dasharray:1;stroke-dashoffset:1;animation:pbD2 9s infinite}.pbx__r2{animation-delay:.5s}
@keyframes pbD2{0%,4%{stroke-dashoffset:1}22%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
.t-logo b{font:italic 700 22px Georgia,serif;color:#F2E9DA}.t-logo small{font:500 10px var(--f-body);letter-spacing:.3em;color:#E0A04A;text-transform:uppercase}
.t-pal{display:grid;grid-template-columns:repeat(4,1fr);padding:0;animation-delay:.3s}
.t-pal i{background:var(--c);position:relative;transform-origin:bottom;animation:pbxBar 9s infinite both}
.t-pal i:nth-child(2){animation-delay:.1s}.t-pal i:nth-child(3){animation-delay:.2s}.t-pal i:nth-child(4){animation-delay:.3s}
@keyframes pbxBar{0%,4%{transform:scaleY(0)}12%,92%{transform:scaleY(1)}100%{transform:scaleY(0)}}
.t-pal em{position:absolute;left:6px;bottom:8px;font:600 8px var(--f-mono);font-style:normal;color:#fff;mix-blend-mode:difference;writing-mode:vertical-rl;transform:rotate(180deg)}
.t-type{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;animation-delay:.6s;background:#F2E9DA;color:#3A2E22}
.t-type b{font:400 56px/1 Georgia,serif}.t-type span{font:italic 14px Georgia,serif}.t-type .s{font:500 12px var(--f-body);font-style:normal;color:#6E8B4E}
.t-card{animation-delay:.9s;perspective:400px;background:radial-gradient(circle at 50% 30%,#2a2420,#161514)}
.pbx__bc{position:absolute;left:50%;top:50%;width:122px;height:72px;margin:-36px 0 0 -61px;border-radius:7px;padding:10px;backface-visibility:hidden;animation:pbxFlip 6s ease-in-out infinite;box-shadow:0 14px 24px -12px #000}
.pbx__bc.f{background:#F2E9DA;color:#3A2E22}.pbx__bc.bk{background:#3A2E22;color:#F2E9DA;animation-name:pbxFlipB}
.pbx__bc span{position:absolute;right:10px;top:10px;width:16px;height:16px;border-radius:50%;border:2.5px solid #E0A04A}
.pbx__bc b{display:block;margin-top:22px;font:italic 700 12px Georgia,serif}.pbx__bc small{font-size:7.5px;opacity:.75}
.pbx__bc.bk b{margin-top:16px}
@keyframes pbxFlip{0%,40%{transform:rotateY(0)}50%,90%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes pbxFlipB{0%,40%{transform:rotateY(-180deg)}50%,90%{transform:rotateY(0)}100%{transform:rotateY(180deg)}}
.t-phone{animation-delay:1.2s;background:radial-gradient(circle at 50% 30%,#2b2118,#151413)}
.pbx__ph{position:absolute;left:50%;top:14px;bottom:-20px;width:92px;margin-left:-46px;border-radius:16px;background:#121212;border:2px solid #3a3530;padding:8px 6px}
.pbx__phh{display:flex;align-items:center;gap:5px;margin-bottom:6px}.pbx__phh span{width:16px;height:16px;border-radius:50%;background:conic-gradient(#E0A04A,#F7C987,#9c5b2e,#E0A04A)}.pbx__phh b{font:600 7.5px var(--f-body);color:#EEEBE6}
.pbx__ig{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.pbx__ig i{aspect-ratio:1;border-radius:2px;animation:psoT 9s infinite both}
.pbx__ig .g1{background:#E0A04A;animation-delay:1.6s}.pbx__ig .g2{background:#3A2E22;animation-delay:1.75s}.pbx__ig .g3{background:#F2E9DA;animation-delay:1.9s}.pbx__ig .g4{background:#6E8B4E;animation-delay:2.05s}.pbx__ig .g5{background:linear-gradient(135deg,#E0A04A,#9c5b2e);animation-delay:2.2s}.pbx__ig .g6{background:#d9b88e;animation-delay:2.35s}
.t-shop{animation-delay:1.5s;background:linear-gradient(#20262b,#151515)}
.pbx__awn{position:absolute;left:12%;right:12%;top:26px;height:22px;background:repeating-linear-gradient(90deg,#E0A04A 0 12px,#F2E9DA 12px 24px);border-radius:3px 3px 0 0;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)}
.pbx__sign{position:absolute;left:12%;right:12%;top:52px;text-align:center;font:italic 700 12px Georgia,serif;color:#F2E9DA;background:#3A2E22;padding:4px 0;border-radius:3px;box-shadow:0 0 18px #E0A04A55;animation:pbxGlow 3s infinite}
@keyframes pbxGlow{50%{box-shadow:0 0 28px #E0A04Aaa;color:#ffe2b0}}
.pbx__win{position:absolute;left:12%;top:84px;width:44%;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#3A2E22;padding:4px}
.pbx__win i{background:linear-gradient(#ffe2b0aa,#E0A04A55)}
.pbx__door{position:absolute;right:12%;top:84px;width:28%;bottom:0;background:#6E8B4E;border:4px solid #3A2E22}
.t-cup{animation-delay:1.8s;background:radial-gradient(circle at 50% 40%,#2a2420,#161514)}
.pbx__cupb{position:absolute;left:24%;bottom:20px;width:46px;height:64px;border-radius:4px 4px 12px 12px;background:#F2E9DA;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
.pbx__cupb::before{content:"";position:absolute;left:-3px;right:-3px;top:-8px;height:10px;border-radius:4px;background:#3A2E22}
.pbx__cupb i{position:absolute;left:50%;top:22px;width:20px;height:20px;margin-left:-10px;border-radius:50%;border:3px solid #E0A04A}
.pbx__bag{position:absolute;right:20%;bottom:20px;width:46px;height:56px;background:#c49a6c;border-radius:3px}
.pbx__bag::before{content:"";position:absolute;left:12px;right:12px;top:-12px;height:16px;border:3px solid #8a6a4e;border-bottom:0;border-radius:10px 10px 0 0}
.pbx__bag i{position:absolute;left:50%;top:18px;width:18px;height:18px;margin-left:-9px;border-radius:50%;border:3px solid #3A2E22}
@media (max-width:980px){.svc--wide.svc--brand{grid-template-columns:1fr}.svc--brand .svw__m{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:620px){.pbx{grid-template-columns:1fr 1fr;grid-template-rows:140px 140px 140px}.t-logo{grid-row:span 1;grid-column:span 2}.svc--brand .svc__l{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pbx *{animation:none!important;opacity:1!important}}

.svcs--x.svcs--2{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media (max-width:620px){.svcs--x.svcs--2{grid-template-columns:minmax(0,1fr)!important}}
.dzr--4 .dzr__g{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.dzr--4 .dzr__g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.dzr--4 .dzr__g{grid-template-columns:minmax(0,1fr)}}
/* r81 end */

/* r84 */
.svc--m .svc__media{padding-top:46px;background:#1f1d1a}
.svc--m .svc__media .px{--ph:168px!important;background:radial-gradient(120% 120% at 50% 0%,#1f1d1a 0%,#121212 75%)}
.svc--m .svc__media .svc__chip{top:10px;left:14px}
@media (min-width:901px){.svc--wide.svc--brand{align-items:stretch}.svc--brand .svw__m{align-self:stretch;display:flex}.svc--brand .svw__m .px,.svc--brand .svw__m > *{flex:1}.svc--brand .pbx{grid-template-columns:1.25fr 1fr 1fr 1fr;grid-template-rows:minmax(170px,1fr) minmax(170px,1fr)}}
/* /r84 */

/* r85 */

/* bkt brand bento */
.bkt{display:flex;flex-direction:column;gap:10px;height:100%;min-height:420px}
.bkt__stage{position:relative;flex:1;min-height:350px}
.bkt__set{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;pointer-events:none}
.bkt__t{position:relative;border-radius:14px;overflow:hidden;background:#1a1917;border:1px solid rgba(255,255,255,.06);opacity:0;transform:translateY(16px) scale(.95);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*35ms)}
.bkt__set.on .bkt__t{opacity:1;transform:none;transition-delay:calc(.3s + var(--i)*90ms)}
.bkt-h{font:600 1em var(--f-body)}
.bkt__set[data-b="bb"] .bkt-h{font-family:Georgia,serif;font-style:italic;font-weight:700}
.bkt__set[data-b="lu"] .bkt-h{font-family:var(--f-body);font-weight:300;letter-spacing:.32em}
.bkt__set[data-b="cm"] .bkt-h{font-family:var(--f-display);font-weight:600;letter-spacing:.06em}
.bkt-logo{grid-row:span 2;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:radial-gradient(120% 90% at 50% 30%,color-mix(in srgb,var(--d) 90%,#fff 10%),color-mix(in srgb,var(--d) 55%,#000) 75%)}
.bkt-logo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--a) 28%,transparent),transparent 55%);opacity:.6;pointer-events:none}
.bkt__logo{width:62%;max-width:140px;height:auto;position:relative;z-index:1}
.bkt-logo b{position:relative;z-index:1;font-size:clamp(17px,1.8vw,23px);color:var(--l);line-height:1.1}
.bkt-logo small{position:relative;z-index:1;font:600 9.5px var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--a)}
.bkt-dr{stroke-dasharray:1;stroke-dashoffset:1}
.bkt__set.on .bkt-dr{animation:bktDraw 1.3s .55s cubic-bezier(.6,0,.3,1) forwards}
.bkt__set.on .bkt-dr2{animation-delay:.85s}.bkt__set.on .bkt-dr3{animation-delay:1.05s}
.bkt-dot{opacity:0}.bkt__set.on .bkt-dot{animation:bktPop .4s 1.5s both}
@keyframes bktDraw{to{stroke-dashoffset:0}}
@keyframes bktPop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}100%{opacity:1;transform:none}}
.bkt__mini .bkt-dr{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}.bkt__mini .bkt-dot{opacity:1;animation:none!important}
.bkt-pal{display:grid;grid-template-columns:repeat(4,1fr);padding:0;border:0}
.bkt-pal i{position:relative;transform:scaleY(0);transform-origin:bottom}
.bkt__set.on .bkt-pal i{animation:bktBar .6s calc(.55s + var(--j)*.09s) cubic-bezier(.2,.8,.2,1) forwards}
@keyframes bktBar{to{transform:none}}
.bkt-pal em{position:absolute;left:7px;bottom:9px;font:600 8.5px var(--f-mono);font-style:normal;color:#fff;mix-blend-mode:difference;writing-mode:vertical-rl;transform:rotate(180deg)}
.bkt-type{display:flex;flex-direction:column;justify-content:flex-end;padding:14px 16px;background:var(--l);color:var(--d);border:0}
.bkt-type b{font-size:clamp(40px,4.2vw,58px);line-height:1;margin-bottom:auto;padding-top:6px}
.bkt__set[data-b="lu"] .bkt-type b{letter-spacing:.02em}
.bkt-type span{font:500 12.5px var(--f-body)}.bkt-type .s{color:var(--s);font-size:11.5px}
.bkt-cardt{perspective:500px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--d) 40%,#2a2724),#151413)}
.bkt__card{position:absolute;left:50%;top:50%;width:min(80%,140px);aspect-ratio:1.7;transform:translate(-50%,-50%);transform-style:preserve-3d}
.bkt__set.on .bkt__card{animation:bktFlip 6s 1.6s ease-in-out infinite}
@keyframes bktFlip{0%,38%{transform:translate(-50%,-50%) rotateY(0)}50%,88%{transform:translate(-50%,-50%) rotateY(180deg)}100%{transform:translate(-50%,-50%) rotateY(360deg)}}
.bkt__cf,.bkt__cb{position:absolute;inset:0;border-radius:7px;padding:9px 10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 16px 26px -14px #000;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}
.bkt__cf{background:var(--l);color:var(--d)}
.bkt__cf .bkt__mini{position:absolute;right:8px;top:7px;width:30px;height:auto}
.bkt__cf b{font-size:11.5px;line-height:1.1}.bkt__cf small,.bkt__cb small{font:500 7.5px var(--f-body);opacity:.75}
.bkt__cb{background:var(--d);color:var(--l);transform:rotateY(180deg)}
.bkt__cb b{font:600 10px var(--f-body);margin-bottom:2px}
.bkt-phone{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--d) 50%,#2a2622),#151413)}
.bkt__ph{position:absolute;left:50%;top:14px;bottom:-24px;width:min(70%,104px);transform:translateX(-50%);border-radius:16px;background:#101010;border:2px solid #3a3530;padding:9px 7px}
.bkt__phh{display:flex;align-items:center;gap:5px;margin-bottom:5px}
.bkt__phh span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:0 0 0 1.5px var(--a)}
.bkt__phh .bkt__mini{width:14px;height:auto}
.bkt__phh b{font:600 7.5px var(--f-body);color:#EEEBE6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkt__phs{display:flex;gap:4px;margin-bottom:6px}.bkt__phs i{flex:1;height:4px;border-radius:2px;background:#2a2826}
.bkt__ig{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.bkt__ig i{aspect-ratio:1;border-radius:2px;opacity:0}
.bkt__set.on .bkt__ig i{animation:bktPop .35s calc(1.1s + var(--j)*.1s) both}
.bkt-sign{background:linear-gradient(#1d232a,#141414)}
.bkt-merch{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--d) 45%,#2a2622),#151413)}
.bkt__svg{position:absolute;inset:8px 6px 0;width:calc(100% - 12px);height:calc(100% - 8px)}
.bkt-glow{animation:bktGlow 3s ease-in-out infinite}
@keyframes bktGlow{50%{filter:drop-shadow(0 0 7px var(--a))}}
.bkt-steam path{animation:bktSteam 2.6s ease-in-out infinite}.bkt-steam path+path{animation-delay:1.1s}
@keyframes bktSteam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.6}100%{opacity:0;transform:translateY(-10px)}}
.bkt-swing{transform-origin:58px 62px;animation:bktSwing 3.4s ease-in-out infinite}
@keyframes bktSwing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.bkt-swing2{transform-origin:120px 140px;animation:bktSwing2 4s ease-in-out infinite}
@keyframes bktSwing2{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}
.bkt__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bkt__nav button{all:unset;box-sizing:border-box;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid #2c2925;background:#171615;cursor:pointer;transition:border-color .25s,background .25s}
.bkt__nav button:hover{border-color:#3a3631}
.bkt__nav button.on{border-color:color-mix(in srgb,var(--a) 45%,#2c2925);background:#1d1b18}
.bkt__nav button:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}
.bkt__sw{display:flex;flex:none}.bkt__sw i{width:12px;height:12px;border-radius:50%;margin-left:-4px;box-shadow:0 0 0 2px #171615}.bkt__sw i:first-child{margin-left:0}
.bkt__nm{display:grid;min-width:0;line-height:1.2}.bkt__nm b{font:600 12.5px var(--f-body);color:#EEEBE6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bkt__nm small{font-size:11px;color:#8f8981;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkt__pg{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--a)}
.bkt__nav button.on .bkt__pg{animation:bktProg var(--bktdur,7s) linear forwards}
.bkt.paused .bkt__nav button.on .bkt__pg{animation-play-state:paused}
@keyframes bktProg{to{width:100%}}
@media (max-width:620px){
 .bkt{min-height:0}.bkt__stage{min-height:0;height:560px;flex:none}
 .bkt__set{grid-template-columns:1fr 1fr;grid-template-rows:150px repeat(3,minmax(0,1fr))}
 .bkt-logo{grid-row:auto;grid-column:span 2}.bkt__logo{width:auto;height:64px}
 .bkt__nm small{display:none}.bkt__sw{display:none}.bkt__nav button{padding:10px 8px;justify-content:center;text-align:center}.bkt__nm b{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.bkt__t,.bkt__set.on .bkt__t{transition:opacity .2s}.bkt *{animation-duration:.01s!important;animation-iteration-count:1!important}}

.svc--brand .svw__m{display:flex}
.svc--brand .svw__m > .bkt{flex:1;min-width:0}
@media (min-width:981px){.svc--brand .bkt{min-height:430px}}
.dzso{margin-bottom:8px}
.xgrid--so{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:900px){.xgrid--so{grid-template-columns:minmax(0,1fr)}}
/* how -> contact closer */
#how:has(+ #contact){padding-bottom:24px}
#how + #contact{padding-top:24px}
/* sites hero: smaller CTA + link to how */
.p-cta--sm{flex-wrap:wrap;gap:10px 16px}.p-cta--sm > *{white-space:nowrap;flex:none}
.p-cta--sm .btn--2l{padding:10px 15px 10px 19px;gap:10px;font-size:14.5px}@media (min-width:901px){.p-cta--sm{flex-wrap:nowrap;width:max-content;gap:14px}}
.p-cta--sm .btn2l small{font-size:11px}
.p-cta--sm .btn-link{font-size:14.5px;padding:10px 2px;gap:6px}
@media (max-width:420px){.p-cta--sm{flex-wrap:wrap}}

/* /r85 */

/* r87 */

/* dch design hero */
.p-head:has(> .dch){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
@media (min-width:981px){.p-head:has(> .dch) .p-cta{flex-wrap:nowrap}}
@media (max-width:980px){.p-head:has(> .dch){grid-template-columns:1fr}}
@property --qd{syntax:'<color>';inherits:true;initial-value:#3A2E22}
@property --qs{syntax:'<color>';inherits:true;initial-value:#6E8B4E}
@property --qa{syntax:'<color>';inherits:true;initial-value:#E0A04A}
@property --ql{syntax:'<color>';inherits:true;initial-value:#F2E9DA}
.dch{--d:var(--qd);--s:var(--qs);--a:var(--qa);--l:var(--ql);transition:--qd .9s,--qs .9s,--qa .9s,--ql .9s;display:flex;flex-direction:column;gap:12px;min-height:0!important;margin-top:8px}
.dch .vb{display:none}.dch[data-b="bb"] .vb-bb,.dch[data-b="lu"] .vb-lu,.dch[data-b="cm"] .vb-cm{display:contents}
.dch[data-b="bb"] .dch-h{font-family:Georgia,serif;font-style:italic;font-weight:700}
.dch[data-b="lu"] .dch-h{font-family:var(--f-body);font-weight:300;letter-spacing:.3em}
.dch[data-b="cm"] .dch-h{font-family:var(--f-display);font-weight:600;letter-spacing:.06em}
.dch .bkt-dr{stroke-dasharray:none;stroke-dashoffset:0}.dch .bkt-dot{opacity:1}.dch .bkt__ig i{opacity:1}
.dch__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dch__st{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#1c1b19;border:1px solid #2c2925}
.dch__st i{font-style:normal;font:600 12px var(--f-body);padding:5px 13px;border-radius:999px;color:#8f8981;transition:background .35s,color .35s}
.dch:not(.ord) .dch__st .s0,.dch.ord .dch__st .s1{background:var(--cta-bg,#E0A04A);color:#141414}
.dch__cap{position:relative;color:var(--muted);font-size:13.5px;min-height:1.4em;flex:1}
.dch__cap span{position:absolute;left:0;top:0;white-space:nowrap;transition:opacity .4s}
.dch .c1,.dch.ord .c0{opacity:0}.dch.ord .c1{opacity:1}
.dch__wrap{perspective:1400px}
.dch__stage{position:relative;aspect-ratio:1.22;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dch__it{position:absolute;left:var(--cx);top:var(--cy);width:var(--w);height:var(--h);transform:rotate(var(--cr)) scale(.74);transition:left 1.1s cubic-bezier(.7,0,.2,1),top 1.1s cubic-bezier(.7,0,.2,1),transform 1.1s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*55ms)}
.dch.ord .dch__it{left:var(--ox);top:var(--oy);transform:translateZ(calc(var(--i)*3px))}
.dch .ca,.dch .co{position:absolute;inset:0;border-radius:14px;overflow:hidden;transition:opacity .55s;transition-delay:calc(.3s + var(--i)*55ms)}
.dch .co{opacity:0;background:#1a1917;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 36px -20px #000}.dch.ord .co{opacity:1}.dch.ord .ca{opacity:0}
.dch .ca{box-shadow:0 16px 30px -16px rgba(0,0,0,.7)}
.dch .ca1{background:#2b54c9;display:grid;place-items:center;font:700 30px "Comic Sans MS",cursive;color:#ff4d4d;text-shadow:2px 2px 0 #ffe14d}.dch .ca1 em{position:absolute;right:12px;top:8px;font-style:normal;color:#ffe14d;font-size:26px}
.dch .ca2{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.dch .ca2 i{border-radius:50%}.dch .ca2 i:nth-child(1){background:#ff3b3b}.dch .ca2 i:nth-child(2){background:#22c55e}.dch .ca2 i:nth-child(3){background:#3b82f6}.dch .ca2 i:nth-child(4){background:#facc15}.dch .ca2 i:nth-child(5){background:#a855f7}.dch .ca2 i:nth-child(6){background:#06b6d4}
.dch .ca3{background:#b6ff3b;color:#7c3aed;display:grid;place-items:center;align-content:center}.dch .ca3 b{font:900 44px Impact,"Arial Black",sans-serif}.dch .ca3 small{font:10px "Times New Roman",serif;color:#111}
.dch .ca4{background:#ffd1e8;border:3px dashed #0a7;display:flex;flex-direction:column;justify-content:center;padding:10px;font-family:"Times New Roman",serif;color:#0a7}.dch .ca4 b{font-size:15px}.dch .ca4 small{font:italic 10px "Courier New",monospace;color:#e11d48}
.dch .ca5{background:#9ad0ff;display:grid;place-items:center}.dch .ca5 svg{width:42%}
.dch .ca6{background:#111;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:10px 16px}.dch .ca6 i:nth-child(1){background:#ff6b6b}.dch .ca6 i:nth-child(2){background:#4ecdc4}.dch .ca6 i:nth-child(3){background:#ffe66d}.dch .ca6 i:nth-child(4){background:#a8e6cf}.dch .ca6 i:nth-child(5){background:#ff8b94}.dch .ca6 i:nth-child(6){background:#5e60ce}
.dch .ca7{background:#3b0764;display:grid;place-items:center;font:700 15px "Courier New",monospace;color:#facc15;text-shadow:0 0 10px #f0f}
.dch .ca8{background:radial-gradient(circle,#e11d48 22%,transparent 24%) 0 0/18px 18px,radial-gradient(circle,#22c55e 22%,transparent 24%) 9px 9px/18px 18px,#fff7ae}
.dch .co-logo{display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--qd) 88%,#fff 12%),color-mix(in srgb,var(--qd) 60%,#000))}
.dch .co-logo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--qa) 30%,transparent),transparent 55%);pointer-events:none}
.dch__lg{width:52%;height:auto;position:relative;z-index:1}
.dch .co-logo b{position:relative;z-index:1;color:var(--ql);font-size:clamp(17px,2vw,24px);line-height:1.1}
.dch .co-logo small{position:relative;z-index:1;font:600 9px var(--f-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--qa)}
.dch .co-pal{display:grid;grid-template-columns:repeat(4,1fr);border:0}
.dch .co-type{background:var(--ql);color:var(--qd);display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;border:0}.dch .co-type b{font-size:clamp(30px,3.4vw,44px);line-height:1;margin-bottom:auto}.dch .co-type small{font:500 10.5px var(--f-body);color:var(--qs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dch .co-card{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#2a2724,#151413)}.dch .co-card .bkt__cf{position:relative;inset:auto;width:82%;aspect-ratio:1.7;transform:rotate(-6deg)}
.dch .co-card .bkt__cf b{font-size:10px}.dch .co-card .bkt__mini{width:22px}
.dch .co-svg .bkt__svg{inset:6px 4px 0}.dch .co-sign{background:linear-gradient(#1d232a,#141414)}
.dch .co-phone .bkt__ph{top:10px;bottom:-30px;width:72%}
.dch .co-pat{background:repeating-linear-gradient(45deg,var(--qd) 0 12px,var(--ql) 12px 24px)}
.dch .co-pat::after{content:"";position:absolute;inset:26%;border-radius:50%;background:var(--qa);box-shadow:0 0 0 9px var(--qd)}
.dch__bn{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 12px var(--f-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.dch__dots{display:flex;gap:6px}.dch__dots i{width:22px;height:4px;border-radius:2px;opacity:.35;transition:opacity .3s,width .3s}
.dch[data-bi="0"] .dch__dots i:nth-child(1),.dch[data-bi="1"] .dch__dots i:nth-child(2),.dch[data-bi="2"] .dch__dots i:nth-child(3){opacity:1;width:34px}
@media (max-width:980px){.dch{margin-top:28px}}
@media (prefers-reduced-motion:reduce){.dch__it,.dch .ca,.dch .co{transition:none}}

/* level chip centered: name + bars */
.svc__chip--c{left:50%!important;transform:translateX(-50%);gap:8px}
.svc__lvn{font:600 11.5px var(--f-body);color:#EEEBE6}
/* social panel inside request block */
.dzs{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:center;background:color-mix(in srgb,var(--surface) 70%,#000 30%);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:18px 0 22px;overflow:hidden;position:relative}
.dzs::before{content:"";position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--leaf) 22%,transparent),transparent);pointer-events:none}
.dzs__b{position:relative}
.dzs__k{display:inline-block;font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-bottom:8px}
.dzs h4{margin:0 0 6px;font:600 20px/1.25 var(--f-display)}
.dzs__b > p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
.dzs__l{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}
.dzs__i{font:600 13px var(--f-body);padding:8px 13px;border-radius:999px;background:var(--tint);border:1px solid var(--line);color:var(--fg)}
.dzs__n{margin:0!important;font-size:13.5px!important;color:var(--sage)!important}
.dzs__ph{position:relative;justify-self:center;width:170px;height:230px;border-radius:26px;background:#101010;border:2px solid #3a3530;padding:14px 12px;box-shadow:0 30px 50px -26px #000;transform:rotate(4deg);margin-bottom:-60px}
.dzs__pr{display:flex;gap:9px;align-items:center}.dzs__av{width:36px;height:36px;border-radius:50%;background:conic-gradient(var(--leaf),#F7C987,#9c5b2e,var(--leaf));box-shadow:0 0 0 2px #101010,0 0 0 3.5px var(--leaf)}
.dzs__pr b{display:block;width:62px;height:6px;border-radius:3px;background:#3a3631}.dzs__pr i{display:block;width:40px;height:5px;border-radius:3px;background:#2a2826;margin-top:5px}
.dzs__st{display:flex;gap:6px;margin:12px 0 10px}.dzs__st i{flex:1;height:14px;border-radius:4px;background:#1f1d1b}
.dzs__hl{display:flex;gap:7px;margin-bottom:10px}.dzs__hl i{width:24px;height:24px;border-radius:50%;border:1.5px solid #4a443d;background:#1b1917}
.dzs__g{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.dzs__g i{aspect-ratio:1;border-radius:3px;background:#2a2622;animation:dzsP 6s infinite}
.dzs__g i:nth-child(1){background:var(--leaf)}.dzs__g i:nth-child(2){background:#3A2E22;animation-delay:.4s}.dzs__g i:nth-child(3){background:#F2E9DA;animation-delay:.8s}.dzs__g i:nth-child(4){background:#6E8B4E;animation-delay:1.2s}.dzs__g i:nth-child(5){background:linear-gradient(135deg,var(--leaf),#6E8B4E);animation-delay:1.6s}.dzs__g i:nth-child(6){background:#d9b88e;animation-delay:2s}
@keyframes dzsP{0%,80%,100%{opacity:1}88%{opacity:.4}}
.dzr__k{display:block;font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
@media (max-width:760px){.dzs{grid-template-columns:1fr}.dzs__ph{display:none}}

/* /r87 */

/* r86 home price overview + faq tabs */
.po__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.po__tabs,.fq__tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line);flex-wrap:wrap}
.po__tab,.fq__tab{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:600 14.5px var(--f-body);color:var(--muted);padding:9px 16px;border-radius:999px;transition:background .2s,color .2s}
.po__tab em,.fq__tab em{font:600 11px var(--f-mono);font-style:normal;padding:2px 7px;border-radius:999px;background:var(--tint);color:var(--muted)}
.po__tab:hover,.fq__tab:hover{color:var(--fg)}
.po__tab.on,.fq__tab.on{background:var(--cta-bg);color:var(--cta-fg)}
.po__tab.on em,.fq__tab.on em{background:rgba(0,0,0,.14);color:var(--cta-fg)}
.po__tab:focus-visible,.fq__tab:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}
.po{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:8px 28px 24px}
.po__pane{display:none}.po__pane.on{display:block;animation:poIn .35s ease}
@keyframes poIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.po__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.po__r{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:padding .2s}
.po__r:hover{padding-left:6px}.po__r:hover .po__m b{color:var(--sage)}
.po__m{display:grid;gap:3px;min-width:0}.po__m b{font:600 16px var(--f-body);transition:color .2s}.po__m span{font-size:13.5px;color:var(--muted);line-height:1.45}
.po__p{display:grid;justify-items:end;gap:2px;text-align:right;flex:none}
.po__v{font:600 20px/1.1 var(--f-display);white-space:nowrap}.po__v small{font:500 12px var(--f-body);color:var(--muted)}
.po__t{font:500 11.5px var(--f-mono);color:var(--muted);white-space:nowrap}
.po__f{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding-top:20px}
.po__note{color:var(--muted);font-size:14.5px;max-width:60ch}
.po__btn{padding:12px 22px}
@media (max-width:900px){.po__list{grid-template-columns:minmax(0,1fr)}.po{padding:4px 18px 20px}}
@media (max-width:520px){.po__r{align-items:flex-start;flex-direction:column;gap:6px}.po__p{justify-items:start;text-align:left;display:flex;gap:10px;align-items:baseline}.po__tabs,.fq__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-radius:16px;box-sizing:border-box}.fq__tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.po__tab,.fq__tab{justify-content:center;text-align:center;padding:9px 6px;font-size:13px;border-radius:12px;line-height:1.2}.po__tab em,.fq__tab em{display:none}}
.fq__tabs{margin-bottom:10px}

/* /r86 */

/* r89 */

/* status chips on service cards */
.svc__chip--st{gap:7px;padding:4px 12px 4px 4px}
.svc__chip--st .ki{width:22px;height:22px;border-radius:50%;background:#2E261B;color:#F0C27E;display:grid;place-items:center;margin-right:-4px;box-shadow:0 0 0 2px #1a1816}
.svc__chip--st .kw{font:600 11.5px var(--f-body);color:#EEEBE6;margin-left:8px;white-space:nowrap}
.svc__chip--st .kdot2{width:7px;height:7px;border-radius:50%;background:#4ade80;margin-left:1px;animation:stPulse 1.6s infinite}
@keyframes stPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 7px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.svc__chip--st .ksep{width:1px;height:12px;background:rgba(255,255,255,.18)}
.svc__chip--st .kmet{display:inline-flex;align-items:center;gap:4px;font:700 11.5px var(--f-body);color:#F7C987;white-space:nowrap}
/* compact chips in 4-col */
.svcs--4 .svc__chip--st .ki + .ki{display:none}.svcs--4 .svc__chip--st{gap:5px;padding-right:10px}.svcs--4 .svc__chip--st .kw{margin-left:4px;font-size:11px}.svcs--4 .svc__chip--st .kmet{font-size:11px}.svcs--4 .svc__chip--st .kmet svg{display:none}
/* home FAQ: chips with icons and counts */
.fq__tabs{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;background:none!important;border:0!important;border-radius:0!important;width:auto!important;margin-bottom:12px}
.fq__tab{display:inline-flex!important;align-items:center;gap:8px;font:600 14px var(--f-body)!important;padding:9px 12px 9px 14px!important;border-radius:999px!important;border:1px solid var(--line)!important;color:var(--muted);transition:all .25s}
.fq__tab svg{color:var(--leaf)}
.fq__tab em{display:inline-block!important;font:700 10.5px var(--f-mono)!important;padding:2px 7px!important;border-radius:999px;background:var(--tint)!important;color:var(--muted)!important}
.fq__tab:hover{border-color:#4a453f!important;color:var(--fg)}
.fq__tab.on{background:var(--leaf)!important;border-color:var(--leaf)!important;color:#141414!important}.fq__tab.on svg{color:#141414}.fq__tab.on em{background:rgba(0,0,0,.18)!important;color:#141414!important}
/* extras on sites page */
#x-grid.xgrid.xg89{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;background:none;border:0}
.xb{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:22px;background:radial-gradient(120% 90% at 100% 0%,#33261a,var(--surface) 60%);border:1px solid color-mix(in srgb,var(--leaf) 35%,var(--line))}
.xb__h{display:flex;align-items:center;gap:12px}.xb__h > div{display:grid}.xb__h b{font:600 19px var(--f-display)}.xb__h small{color:var(--muted);font-size:13.5px}
.xb__ic{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#E0A04A,#9c5b2e);color:#141414;display:grid;place-items:center;flex:none;box-shadow:0 8px 18px -8px rgba(224,160,74,.6)}
.xb__o{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}
.xo{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.22);border:1px solid var(--line);color:inherit;text-decoration:none;transition:transform .25s,border-color .25s}
.xo:hover,.e1c:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--leaf) 50%,var(--line))}
.xo--hi{border-color:color-mix(in srgb,var(--leaf) 60%,var(--line))}
.xo .em{height:112px}
.xo__b{display:flex;flex-direction:column;gap:5px;padding:14px 16px 16px;flex:1}
.xo__k{font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.xo__b b{font-size:15.5px}.xo__b p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.xo__f{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.xo__f small{flex:1;color:var(--muted);font:500 11.5px var(--f-mono)}
.e1c{display:flex;flex-direction:column;border-radius:20px;background:var(--surface);border:1px solid var(--line);overflow:hidden;color:inherit;text-decoration:none;transition:transform .25s,border-color .25s}
.e1c__b{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.e1c__b b{font-size:15.5px}.e1c__b p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.e1c__f{display:flex;align-items:baseline;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.e1c__f small{color:var(--muted);font:500 11.5px var(--f-mono);flex:1}
.e1c__v{font:600 20px var(--f-display);white-space:nowrap}.e1c__v small{font:500 12px var(--f-body);color:var(--muted)}
.e1c__go{width:30px;height:30px;border-radius:50%;background:var(--tint);display:grid;place-items:center;align-self:center}
.em{position:relative;height:130px;background:radial-gradient(90% 90% at 50% 0%,#2a2018,#141312);border-bottom:1px solid var(--line);overflow:hidden;font-family:var(--f-body)}
.em-cal .em__site{position:absolute;left:14px;top:16px;width:58%;padding:10px;border-radius:10px;background:#F2E9DA;display:grid;gap:6px}.em-cal .em__site i{height:6px;border-radius:3px;background:#d9cbb8}.em-cal .em__site span{justify-self:start;font:700 9px var(--f-body);background:#E0A04A;color:#2b1e17;padding:5px 9px;border-radius:999px;animation:emP 2.4s infinite}
@keyframes emP{50%{box-shadow:0 0 0 6px rgba(224,160,74,.25)}}
.em-cal .em__pop{position:absolute;right:12px;bottom:12px;width:52%;padding:9px;border-radius:10px;background:#232221;border:1px solid #3a3631;box-shadow:0 14px 24px -10px #000;animation:emUp 4s ease-in-out infinite}
@keyframes emUp{0%,20%{transform:translateY(8px);opacity:0}30%,90%{transform:none;opacity:1}100%{opacity:0}}
.em-cal .em__pop b{font:600 10px var(--f-body);color:#EEEBE6}.em-cal .em__pop div{display:flex;gap:4px;margin-top:6px}.em-cal .em__pop i{font-style:normal;font:600 9px var(--f-mono);padding:4px 6px;border-radius:6px;background:#1a1917;color:#ADA79E}.em-cal .em__pop i.on{background:#E0A04A;color:#141414}
.em-chk{display:grid;align-content:center;gap:7px;padding:14px 18px}.em-chk span{display:flex;align-items:center;gap:8px;font:600 11.5px var(--f-body);color:#EEEBE6;opacity:0;animation:emC 5s infinite}
.em-chk span:nth-child(2){animation-delay:.5s}.em-chk span:nth-child(3){animation-delay:1s}.em-chk span:nth-child(4){animation-delay:1.5s}
.em-chk i{font-style:normal;width:16px;height:16px;border-radius:50%;background:#3FA69B;color:#0b1f1d;display:grid;place-items:center;font-size:9px;font-weight:700}
@keyframes emC{0%,6%{opacity:0;transform:translateX(-6px)}12%,88%{opacity:1;transform:none}100%{opacity:0}}
.em-map{background:#1d2a22}.em__road{position:absolute;left:-10%;right:-10%;top:40%;height:10px;background:#2c3b31;transform:rotate(-12deg)}.em__road.r2{top:10%;left:52%;right:auto;width:10px;height:140%;transform:rotate(18deg)}
.em__pin{position:absolute;left:48%;top:22%;width:22px;height:22px;border-radius:50% 50% 50% 0;background:#e34b3a;transform:rotate(-45deg);box-shadow:0 6px 10px rgba(0,0,0,.4);animation:emPin 2.4s ease-in-out infinite}.em__pin::after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}
@keyframes emPin{50%{translate:0 -5px}}
.em__gc{position:absolute;left:12px;right:12px;bottom:10px;padding:8px 10px;border-radius:10px;background:#F2F2F2;color:#1a1a1a;display:grid}.em__gc b{font-size:11px}.em__gc small{font-size:9.5px;color:#2f7a4a}
.em-mail{display:grid;align-content:center;gap:6px;padding:14px}.em__row{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:#1d1c1a;font:500 10.5px var(--f-mono);color:#ADA79E;white-space:nowrap;overflow:hidden}.em__row i{font-style:normal;width:20px;height:20px;border-radius:6px;background:#2E261B;color:#F7C987;display:grid;place-items:center;flex:none}
.em__row.on{background:#2E261B;color:#F7E3C2;box-shadow:inset 0 0 0 1px #5a4528}
@media (max-width:1000px){#x-grid.xgrid.xg89{grid-template-columns:1fr 1fr}.xb{grid-column:1/-1}}
@media (max-width:620px){#x-grid.xgrid.xg89{grid-template-columns:1fr}.xb__o{grid-template-columns:1fr}}

/* /r89 */















/* r99 design hero */
.dzh{position:relative;min-width:0}
@media (max-width:700px){.dzh{margin-top:56px}.dzh .bk{aspect-ratio:.86}.dzh .bk__x3 .x3__sc{transform:scale(.7);transform-origin:50% 55%}.dzh .x3.ex.x3--L6 .x3__lb{right:auto;left:5%;top:auto;bottom:5%;width:auto}.dzh .x3--L6 .x3__lb b{font-size:34px}.dzh .bk__pn{display:none}.dzh .bk{grid-template-columns:34px minmax(0,1fr) 0px}}
.x3{position:relative;aspect-ratio:1.18;border-radius:18px;overflow:hidden;background:radial-gradient(70% 70% at 42% 55%,#1c1430,#08070c 75%);border:1px solid #2c2925;font-family:var(--f-body)}
.x3__pt{position:absolute;inset:0;width:100%;height:100%}
.x3__sc{position:absolute;inset:0;perspective:1400px}
.x3__ring{position:absolute;left:12%;top:60%;width:60%;height:26%;border-radius:50%;border:1px solid rgba(212,255,58,.25);box-shadow:0 0 40px rgba(123,92,255,.35),inset 0 0 40px rgba(123,92,255,.25);transform:rotateX(70deg);animation:x3R 6s linear infinite}
.x3__iso{position:absolute;left:40%;top:70%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(58deg + var(--mx,0deg))) rotateZ(calc(-42deg + var(--my,0deg)));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.x3__spin{position:absolute;transform-style:preserve-3d;animation:x3Orb 14s linear infinite}
.x3__set{position:absolute;transform-style:preserve-3d;opacity:0;transition:opacity .4s}
.x3__set.on{opacity:1}
.x3__l{position:absolute;width:170px;height:170px;left:-85px;top:-85px;border-radius:14px;transform:translateZ(calc(var(--n)*4px));transition:transform 1.2s cubic-bezier(.34,1.35,.5,1);transition-delay:calc((5 - var(--n))*45ms);box-shadow:0 0 0 1px rgba(255,255,255,.12),-12px 12px 26px -8px rgba(0,0,0,.7);overflow:hidden}
.x3.ex .x3__l{transform:translateZ(calc(var(--n)*58px)) rotateZ(calc((var(--n) - 2.5)*9deg)) translateX(calc((var(--n) - 2.5)*6px));transition-delay:calc(var(--n)*90ms)}
.x3__l::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,61,245,.25) 42%,rgba(61,214,255,.3) 50%,rgba(212,255,58,.25) 58%,transparent 70%);background-size:300% 100%;mix-blend-mode:screen;opacity:0;transition:opacity .5s}
.x3.ex .x3__l::before{opacity:1;animation:x3Holo 2.4s linear infinite}
.x3__mk{position:absolute;right:-1px;top:-1px;width:1px;height:1px}
.x3h{font-family:var(--F);font-weight:var(--FW);font-style:var(--FS)}
.x3__l0{background:#0e0d12;display:grid;align-content:end;padding:12px}
.x3__grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/16px 16px}
.x3__dim{position:absolute;left:9px;top:8px;font:600 7.5px var(--f-mono);color:var(--A)}
.x3__l0 b{position:relative;font-size:22px;color:#EEEBE6;letter-spacing:-.02em}
.x3__l1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.x3__l2{background:var(--A);color:var(--C);padding:12px;display:flex;flex-direction:column}
.x3__l2 b{font-size:76px;line-height:.9}
.x3__l2 p{margin:auto 0 0;font-size:13px}
.x3__l3{background:var(--C)}
.x3__blob{position:absolute;border-radius:50%;filter:blur(14px);animation:pmMove 6s ease-in-out infinite;mix-blend-mode:screen}
.x3__blob.b1{left:-10%;top:-10%;width:70%;height:70%;background:var(--A)}
.x3__blob.b2{right:-10%;bottom:-10%;width:70%;height:70%;background:var(--B);animation-delay:-2s}
.x3__blob.b3{left:30%;top:30%;width:40%;height:40%;background:var(--D);animation-delay:-4s}
.x3__l4{background:rgba(14,13,18,.92)}
.x3__ph{position:absolute;left:12px;top:12px;width:62px;height:100px;border-radius:10px;background:var(--B);padding:8px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 18px -8px #000}
.x3__ph b{font-size:13px;color:var(--C);line-height:.9}
.x3__ph i{height:5px;border-radius:3px;background:var(--C);opacity:.3}
.x3__tk{position:absolute;right:10px;bottom:14px;width:84px;padding:8px;border-radius:6px;background:var(--A);color:var(--C);display:grid;box-shadow:0 10px 18px -8px #000}
.x3__tk b{font-size:12px}
.x3__tk span{font:700 6px var(--f-mono)}
.x3__l5{background:transparent;box-shadow:none;overflow:visible;display:grid;place-items:center}
.x3__ext{position:relative;width:100px;height:100px;transform-style:preserve-3d;animation:x3Spin 5s linear infinite}
.x3__ext b{position:absolute;inset:0;display:grid;place-items:center;font-size:96px;line-height:1;color:var(--A);transform:translateZ(calc(var(--e)*2px));opacity:calc(.25 + var(--e)*.075);text-shadow:0 0 calc(var(--e)*3px) var(--A)}
.x3__ext b:last-child{color:#fff;-webkit-text-stroke:2px var(--A)}
.x3__beam{position:absolute;width:220px;height:220px;left:-110px;top:-110px;border-radius:20px;background:linear-gradient(135deg,transparent 30%,rgba(212,255,58,.25),transparent 70%);box-shadow:0 0 0 1px rgba(212,255,58,.45),0 0 40px rgba(212,255,58,.35);transform:translateZ(-20px);opacity:0;pointer-events:none}
.x3.ex .x3__beam{animation:x3Beam 2s ease-in-out .35s}
.x3__shock{position:absolute;left:42%;top:64%;width:10px;height:10px;margin:-5px;border-radius:50%;border:2px solid rgba(212,255,58,.9);opacity:0;transform:scale(1) rotateX(65deg)}
.x3__shock.go{animation:x3Sh .9s ease-out}
.x3__ln{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .3s}
.x3.ex .x3__ln{opacity:1;transition-delay:.8s}
.x3__ln path{fill:none;stroke:rgba(212,255,58,.7);stroke-width:1;stroke-dasharray:3 3;animation:x3D 1s linear infinite}
.x3__ln circle{fill:#D4FF3A}
.x3__lb{position:absolute;right:4%;top:calc(80% - var(--n)*13%);display:flex;align-items:center;gap:8px;font:600 11px var(--f-body);color:#EEEBE6;padding:5px 10px 5px 6px;border-radius:999px;background:rgba(14,13,18,.8);border:1px solid #2c2925;opacity:0;transform:translateX(10px);transition:opacity .3s,transform .3s}
.x3__lb b{font:700 9px var(--f-mono);color:#0b0b0f;background:#D4FF3A;border-radius:999px;padding:3px 6px}
.x3.ex .x3__lb{opacity:1;transform:none;transition:opacity .45s,transform .45s;transition-delay:calc(.5s + var(--n)*90ms)}
.x3__cap{position:absolute;left:5%;top:5%;display:grid;gap:2px}
.x3__cap b{font:800 22px "Unbounded",sans-serif;color:#EEEBE6;letter-spacing:-.02em}
.x3__tg{font:600 10px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#D4FF3A}
.x3__st{position:absolute;left:5%;top:calc(5% + 48px);font:700 10px var(--f-mono);letter-spacing:.16em;color:#8f8981}
.x3.ex .x3__ph::before{content:""}
.x3__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.x3--aura{background:#0a0910}
.x3--aura .x3__bg i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:pmMove 9s ease-in-out infinite;transition:background 1s}
.x3--aura .a1{left:-10%;top:-10%;width:60%;height:60%;background:var(--A,#D4FF3A)}
.x3--aura .a2{right:-15%;top:20%;width:60%;height:70%;background:var(--B,#FF3D8B);animation-delay:-3s!important}
.x3--aura .a3{left:20%;bottom:-25%;width:60%;height:55%;background:var(--D,#7B5CFF);animation-delay:-6s!important}
.x3--aura .x3__ring{border-color:rgba(255,255,255,.25)}
.x3__big{position:absolute;left:50%;top:22%;transform:translateX(-50%);font:900 26cqw/1 "Unbounded",sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);white-space:nowrap;transition:-webkit-text-stroke-color .6s}
.x3__floor{position:absolute;left:-50%;right:-50%;bottom:-10%;height:55%;background:linear-gradient(var(--A,#D4FF3A) 1px,transparent 1px) 0 0/100% 34px,linear-gradient(90deg,var(--A,#D4FF3A) 1px,transparent 1px) 0 0/48px 100%;opacity:.28;transform:perspective(380px) rotateX(62deg);transform-origin:top;animation:x3Fl 2.4s linear infinite;-webkit-mask:linear-gradient(transparent,#000 40%);mask:linear-gradient(transparent,#000 40%)}
.x3--b2 .x3__l{transition:none!important;animation:none!important;will-change:transform}
.x3--b2 .x3__set{transition:opacity 1.4s ease}
.x3--b2 .x3__spin{animation-duration:36s}
.x3--b2 .x3__shock{display:none}
.x3--b2 .x3__beam{animation:x3Beam 9s ease-in-out infinite}
.x3--b2 .x3__l::before{opacity:1;animation:x3Holo 3s linear infinite}
.x3--b2 .x3__l.hl{box-shadow:0 0 0 2px var(--A),0 0 34px -4px var(--A),-12px 12px 26px -8px rgba(0,0,0,.7)}
.x3--b2 .x3__ln{opacity:1!important;transition:none!important}
.x3--b2 .x3__lb{transition:opacity .5s,transform .5s,color .4s,background .4s,border-color .4s!important}
/* L6 one big caption at a time */
.x3--L6 .x3__lb{right:5%;top:36%;left:auto;width:170px;display:grid;justify-items:start;gap:4px;padding:0;background:none;border:0;border-radius:0;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)!important}
.x3--L6 .x3__lb b{background:none;padding:0;font:800 48px/1 "Unbounded",sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px var(--A)}
.x3--L6 .x3__lb strong{font:700 22px/1.05 "Unbounded",sans-serif;letter-spacing:-.03em;color:#fff}
.x3--L6 .x3__lb small{font:500 11.5px/1.35 var(--f-body);color:rgba(255,255,255,.65)}
.x3.ex.x3--L6 .x3__lb{opacity:0;transform:translateY(16px)}
.x3.ex.x3--L6 .x3__lb.hl{opacity:1;transform:none}
.x3__dt{display:flex;gap:5px;margin-top:10px}
.x3__dt i{width:14px;height:3px;border-radius:2px;background:rgba(255,255,255,.2)}
.x3__dt i.on{background:var(--A);width:26px}
.x3--L6 .x3__ln path{stroke:var(--A);stroke-dasharray:none;stroke-width:1.4;animation:none;opacity:0;transition:opacity .4s}
.x3--L6 .x3__ln path.hl{opacity:1;filter:drop-shadow(0 0 5px var(--A))}
.x3--L6 .x3__ln circle{fill:var(--A);opacity:0}
.x3--L6 .x3__ln circle.hl{opacity:1}
.bk{position:relative;aspect-ratio:1.18;border-radius:18px;overflow:hidden;background:#0e0e10;border:1px solid #2c2925;display:grid;grid-template-columns:40px minmax(0,1fr) 140px;grid-template-rows:38px minmax(0,1fr) 40px;font-family:var(--f-body);color:#EEEBE6}
.bk__bar{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:0 10px 0 12px;border-bottom:1px solid #232120;background:#131315}
.bk__dots{display:flex;gap:5px}
.bk__dots i{width:9px;height:9px;border-radius:50%;background:#2c2a28}
.bk__ttl{flex:1;text-align:center;font:600 12px var(--f-body);color:#cfcac2}
.bk__ttl span{color:var(--A,#D4FF3A)}
.bk__stt{font:600 9.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8b867e}
.bk__btn{font:700 11px var(--f-body);padding:6px 11px;border-radius:8px;background:#232126;color:#cfcac2;transition:all .3s}
.bk.is-ex .bk__btn{background:var(--A,#D4FF3A);color:#0b0b0f;box-shadow:0 0 18px color-mix(in srgb,var(--A,#D4FF3A) 60%,transparent)}
.bk__tools{display:flex;flex-direction:column;align-items:center;gap:7px;padding-top:12px;border-right:1px solid #232120;background:#121214}
.bk__tools i{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#6f6a63;transition:all .25s}
.bk__tools svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.bk__tools i.on{background:var(--A,#D4FF3A);color:#0b0b0f}
.bk__stage{position:relative;overflow:hidden;background:radial-gradient(#1c1b20 1px,transparent 1.3px) 0 0/14px 14px,#0b0b0d}
.bk__floor{position:absolute;left:-40%;right:-40%;bottom:-25%;height:70%;background:linear-gradient(color-mix(in srgb,var(--A,#D4FF3A) 40%,transparent) 1px,transparent 1px) 0 0/100% 26px,linear-gradient(90deg,color-mix(in srgb,var(--A,#D4FF3A) 40%,transparent) 1px,transparent 1px) 0 0/34px 100%;transform:perspective(320px) rotateX(64deg);transform-origin:top;-webkit-mask:linear-gradient(transparent,#000 50%);mask:linear-gradient(transparent,#000 50%);opacity:0;transition:opacity 1s}
.bk.is-ex .bk__floor{opacity:.3}
.bk__x3{position:absolute!important;inset:0;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.bk__x3 .x3__bg{opacity:0;transition:opacity 1.2s}
.bk.is-ex .bk__x3 .x3__bg{opacity:.7}
.bk__x3 .x3__iso{transition:none!important}
.bk__spin{animation:none!important}
.bk__x3 .x3__l{transition:none!important;animation:none!important;will-change:transform,opacity}
.bk__x3 .x3__l.wire{background:transparent!important;box-shadow:0 0 0 1.5px var(--A),0 0 18px -4px var(--A)!important}
.bk__x3 .x3__l.wire > *{opacity:0}
.bk__x3 .x3__l.hl{box-shadow:0 0 0 2px var(--A),0 0 30px -4px var(--A),-12px 12px 26px -8px rgba(0,0,0,.7)!important}
.bk__x3 .x3__l::before{opacity:1;animation:x3Holo 3s linear infinite}
.bk__ln{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.bk__ln path{fill:none;stroke:var(--A);stroke-width:1.3;filter:drop-shadow(0 0 4px var(--A))}
.bk__ln circle{fill:var(--A)}
.bk__hud{position:absolute;left:10px;top:10px;display:grid;gap:4px;z-index:3}
.bk__hud span{font:600 8.5px var(--f-mono);letter-spacing:.12em;color:#6f6a63}
.bk__hud b{color:#cfcac2;font-weight:700}
.bk__scan{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--A,#D4FF3A),transparent);box-shadow:0 0 14px var(--A,#D4FF3A);opacity:0;z-index:2}
.bk__pn{border-left:1px solid #232120;background:#121214;padding:10px 10px;display:flex;flex-direction:column;gap:5px;overflow:hidden}
.bk__pn small{font:700 8.5px var(--f-mono);letter-spacing:.14em;color:#6f6a63;margin-top:3px}
.bk__ly{position:relative;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:2px 6px;padding:5px 6px;border-radius:7px;font:500 11px var(--f-body);color:#5f5a54;transition:all .3s}
.bk__ly em{font:600 8.5px var(--f-mono);font-style:normal}
.bk__ly u{grid-column:1/-1;height:2px;border-radius:2px;background:#1f1e22;overflow:hidden;text-decoration:none}
.bk__ly u b{display:block;height:100%;width:0;background:var(--A,#D4FF3A)}
.bk__ly.done{color:#d8d3cb}
.bk__ly.cur{background:rgba(255,255,255,.05);color:#fff}
.bk__ly.hl{background:color-mix(in srgb,var(--A,#D4FF3A) 16%,transparent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--A,#D4FF3A) 60%,transparent)}
.bk__ly.hl em{color:var(--A,#D4FF3A)}
.bk__row{display:flex;justify-content:space-between;font:500 10.5px var(--f-body);color:#8b867e}
.bk__row b{font:600 10.5px var(--f-mono);color:#cfcac2}
.bk__bar2{height:3px;border-radius:2px;background:#1f1e22;overflow:hidden}
.bk__bar2 i{display:block;height:100%;width:0;background:var(--A,#D4FF3A)}
.bk__tl{grid-column:2/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 12px;border-top:1px solid #232120;background:#121214;font:600 9.5px var(--f-mono);letter-spacing:.08em;color:#8b867e}
.bk__tl div{height:4px;border-radius:2px;background:#1f1e22;overflow:hidden}
.bk__tl i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--A,#D4FF3A),var(--B,#FF3D8B))}
.bk__tl em{font-style:normal;color:#cfcac2}
.bk__fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.bk__val{font:600 9.5px/1.3 var(--f-mono);color:var(--A,#D4FF3A);min-height:24px;padding:4px 6px;border-radius:6px;background:#1a191d;border:1px solid #26242a;word-break:break-word}
.bk__x3 .x3__l.pop > *{animation:bkPop .55s cubic-bezier(.2,1.5,.4,1) both}
.bk__x3 .x3__l.pop > :nth-child(2){animation-delay:.08s}
.bk__x3 .x3__l.pop > :nth-child(3){animation-delay:.16s}
.bk__x3 .x3__l.pop > :nth-child(4){animation-delay:.24s}
.bk__x3 .x3__l.pop > :nth-child(5){animation-delay:.32s}
.bk__x3 .x3__l.pop > :nth-child(6){animation-delay:.4s}
.bk__toast{position:absolute;left:calc(40px + (100% - 180px)/2);bottom:54px;transform:translate(-50%,10px);display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#EEEBE6;color:#141414;font:600 12px var(--f-body);box-shadow:0 14px 30px -10px #000;opacity:0;transition:opacity .4s,transform .4s;white-space:nowrap;z-index:7}
.bk__toast i{width:16px;height:16px;border-radius:50%;background:#2f7a4a;color:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}
.bk__toast.on{opacity:1;transform:translate(-50%,0)}
.bk__cur{position:absolute;left:0;top:0;z-index:6;pointer-events:none;will-change:transform}
.bk__cur em{position:absolute;left:18px;top:16px;font:700 10px var(--f-body);font-style:normal;background:var(--B,#FF3D8B);color:#0b0b0f;padding:2px 7px;border-radius:999px;white-space:nowrap}
.bk__cur::after{content:"";position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:50%;border:2px solid var(--B,#FF3D8B);opacity:0}
.bk__cur.clk::after{animation:nwClk .5s ease-out}
.bk--combo{transition:grid-template-columns 1.2s cubic-bezier(.7,0,.2,1),grid-template-rows 1.2s cubic-bezier(.7,0,.2,1),background-color 1s,border-color 1s}
.bk--combo > .bk__bar,.bk--combo > .bk__tools,.bk--combo > .bk__pn,.bk--combo > .bk__tl{min-width:0;min-height:0;overflow:hidden;transition:opacity .5s}
.bk--combo.is-full{grid-template-columns:0px minmax(0,1fr) 0px;grid-template-rows:0px minmax(0,1fr) 0px;background-color:transparent;border-color:transparent}
.bk--combo.is-full > .bk__bar,.bk--combo.is-full > .bk__tools,.bk--combo.is-full > .bk__pn,.bk--combo.is-full > .bk__tl{opacity:0}
.bk--combo .bk__stage{background:transparent}
.bk--combo .bk__stage::before{content:"";position:absolute;inset:0;background:radial-gradient(#1c1b20 1px,transparent 1.3px) 0 0/14px 14px,#0b0b0d;transition:opacity 1s}
.bk--combo.is-full .bk__stage::before{opacity:0}
.bk--combo.is-full .bk__hud,.bk--combo.is-full .bk__floor,.bk--combo.is-full .bk__cur{opacity:0!important;transition:opacity .6s}
.bk--combo .bk__x3 .x3__bg{inset:-4%;-webkit-mask:radial-gradient(closest-side,#000 35%,transparent 98%);mask:radial-gradient(closest-side,#000 35%,transparent 98%)}
.bk--combo.is-full .bk__x3 .x3__bg{opacity:1}
.bk--combo:not(.is-full) .x3__lb{opacity:0!important;transition:opacity .3s!important}
.bk__cap{position:absolute;left:6%;top:6%;display:grid;gap:3px;z-index:3;opacity:0;transform:translateY(-6px);transition:opacity .7s .5s,transform .7s .5s}
.bk__cap b{font:700 20px var(--f-display);color:#fff}
.bk__cap span{font:700 9.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--A)}
.bk--combo.is-full .bk__cap{opacity:1;transform:none}
.x3__ext b svg{width:78px;height:78px;fill:currentColor;overflow:visible;filter:drop-shadow(0 0 calc(var(--e)*1.6px) var(--A))}
.x3__ext b:last-child svg{fill:#fff;stroke:var(--A);stroke-width:3;filter:drop-shadow(0 0 12px var(--A))}
.x3__ext b{-webkit-text-stroke:0!important}
.bk--combo .bk__x3 .x3__bg{inset:-22%!important;-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%)!important;mask:radial-gradient(closest-side,#000 30%,transparent 100%)!important}
.bk--combo.is-full{overflow:visible}
.bk--combo.is-full .bk__stage{overflow:visible}
.bk--combo .bk__fx{-webkit-mask:radial-gradient(closest-side,#000 60%,transparent);mask:radial-gradient(closest-side,#000 60%,transparent)}
.gy__row{display:grid;grid-template-columns:200px repeat(3,minmax(0,1fr));gap:14px;align-items:center}
.gy__lb{display:grid;gap:4px}
.gy__lb b{font:700 14px var(--f-display);color:#fff}
.gy__lb span{font-size:12.5px;color:var(--muted)}
.gy__cell{height:170px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,color-mix(in srgb,var(--A) 22%,#0b0b0f),#0b0b0f 75%);border:1px solid #232120;perspective:500px;overflow:hidden}
.gy__c{width:120px;height:120px;display:grid;place-items:center;transform:rotateX(18deg) rotateY(-14deg);animation:gyF 6s ease-in-out infinite;position:relative}
.gy__s{width:70px;height:70px;fill:var(--A);filter:drop-shadow(0 0 14px var(--A))}
.gy--seal .gy__ring{position:absolute;inset:-12%;width:124%;height:124%;animation:gsR 18s linear infinite}
.gy--seal text{font:700 13px var(--f-mono);letter-spacing:.2em;fill:var(--A)}
.gy--seal{border-radius:50%;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--A) 60%,transparent)}
.gy--seal .gy__s{width:52px;height:52px}
.gy--lock{width:150px;height:auto;padding:14px 12px;border-radius:12px;background:var(--C);box-shadow:0 0 0 1px color-mix(in srgb,var(--A) 40%,transparent),0 20px 30px -14px #000;grid-template-columns:auto 1fr;gap:2px 10px;justify-items:start}
.gy--lock .gy__s{grid-row:1/3;width:40px;height:40px}
.gy--lock b{font:900 20px "Unbounded",sans-serif;color:var(--B);letter-spacing:-.02em}
.gy--lock small{font:700 7px var(--f-mono);letter-spacing:.14em;color:var(--A)}
.gy--app i{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--A),var(--D));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 30px -10px #000}
.gy--app .gy__s{fill:#fff;width:54px;height:54px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.gy--pat{width:130px;height:130px;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;border-radius:12px;background:var(--C);overflow:hidden}
.gy--pat .gy__s{width:32px;height:32px;filter:none;opacity:.9}
.gy--pat .gy__s:nth-child(even){fill:var(--D);transform:rotate(180deg)}
.gy--holo i{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 0deg,#ff3df5,#3dd6ff,#d4ff3a,#ffb03d,#ff3df5);animation:gsR 6s linear infinite;box-shadow:0 0 30px -4px var(--A)}
.gy--holo i::before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:var(--C)}
.gy--holo .gy__s{position:relative;animation:gsR 6s linear infinite reverse}
@media (max-width:900px){.gy__row{grid-template-columns:repeat(3,minmax(0,1fr))}.gy__lb{grid-column:1/-1}}
.x3__l5 .tl5{animation:none!important;transform:none!important}
.x3__l5 .gy--lock{width:158px;padding:16px 14px}
.x3__l5 .gy--lock b{font-size:21px}
.x3__l5 .gy--app i{width:104px;height:104px;border-radius:26px}
.x3__l5 .gy--app .gy__s{width:58px;height:58px}
.x3__l5 .tl5{box-shadow:0 0 0 1px color-mix(in srgb,var(--A) 50%,transparent),0 0 40px -6px var(--A),0 20px 30px -14px #000}
.x3__l5 .gy--app{box-shadow:none}
.x3__l5 .gy--app i{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 40px -6px var(--A),0 20px 30px -12px #000}
.bk--combo.is-full .bk__floor{opacity:0!important;transition:none!important;visibility:hidden}
.bk--combo .bk__x3 .x3__bg{inset:-3% -6%!important;-webkit-mask:radial-gradient(closest-side,#000 25%,transparent 100%)!important;mask:radial-gradient(closest-side,#000 25%,transparent 100%)!important}
@keyframes pmMove{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(18%,10%) scale(1.15)}66%{transform:translate(-8%,16%) scale(.9)}}
@keyframes x3R{to{transform:rotateX(70deg) rotateZ(360deg)}}
@keyframes x3Orb{to{transform:rotateZ(360deg)}}
@keyframes x3Holo{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes x3Spin{to{transform:rotateZ(360deg)}}
@keyframes x3Beam{0%{transform:translateZ(-20px);opacity:0}15%,85%{opacity:1}100%{transform:translateZ(300px);opacity:0}}
@keyframes x3Sh{0%{opacity:1;transform:rotateX(65deg) scale(1)}100%{opacity:0;transform:rotateX(65deg) scale(46)}}
@keyframes x3D{to{stroke-dashoffset:-12}}
@keyframes x3Fl{to{background-position:0 34px,0 0}}
@keyframes bkPop{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:none}}
@keyframes gyF{50%{transform:rotateX(10deg) rotateY(14deg) translateY(-4px)}}
@keyframes nwClk{0%{opacity:1;transform:scale(.4)}100%{opacity:0;transform:scale(1.4)}}
/* /r99 */


















/* r101 layouts */
.wrap{max-width:1280px}
.lay-lab{margin:28px 0 10px;font:700 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#F7C987}
@media (min-width:901px){
#prices .r92[data-lay="3"] .r93__big{grid-template-columns:minmax(272px,.8fr) minmax(0,1.2fr);gap:26px;padding:28px 16px 28px 28px}
#prices .r92[data-lay="3"] .r92__site{margin:0}
#prices .r92[data-ft] .r93__tb b{white-space:nowrap;font-size:16px}
#prices .r92[data-ft="a"] .r93__tb{padding:13px 20px 15px}
#prices .r92[data-ft="b"] .r93__big{padding:22px 16px 22px 26px}
#prices .r92[data-ft="b"] .r93__tx{gap:6px}
#prices .r92[data-ft="b"] .r93__tb{grid-template-columns:minmax(0,1fr) auto;padding:11px 18px 12px;row-gap:1px}
#prices .r92[data-ft="b"] .r93__tb .r93__p{grid-row:2;grid-column:2;font-size:19px;align-self:baseline}
#prices .r92[data-ft="b"] .r93__tb b{grid-row:2;align-self:baseline}
}
/* /r101 */

/* r102 ai hero */
.aih{position:relative;min-width:0;padding-top:24px}
.aih .sp{max-width:560px;margin-left:auto}
.sp{position:relative;aspect-ratio:1.15;border-radius:18px;overflow:hidden;background:radial-gradient(60% 60% at 50% 42%,#140f0a,#050505 75%);border:1px solid #2c2925;font-family:var(--f-body);cursor:crosshair}
.sp__cv{position:absolute;inset:0;width:100%;height:100%}
.sp__call{position:absolute;left:4%;top:5%;display:flex;align-items:center;gap:8px;font:600 11.5px var(--f-body);color:#EEEBE6;padding:7px 12px;border-radius:999px;background:rgba(23,58,49,.85);border:1px solid #2f6b5a;z-index:2}
.sp__call i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:kpulse 1.6s infinite}
.sp__call b{font:600 11.5px var(--f-mono);color:#9ad3b7}
.sp__ch{position:absolute;inset:0;pointer-events:none}
.sp__chip{position:absolute;display:grid;gap:1px;padding:8px 12px;border-radius:12px;background:rgba(24,22,20,.85);backdrop-filter:blur(8px);border:1px solid #5a4528;box-shadow:0 14px 24px -12px #000,0 0 24px -6px rgba(224,160,74,.5);animation:hpsIn .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:center}
.sp__chip small{font:600 8.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#8f8981}
.sp__chip b{font:600 13px var(--f-body);color:#F7C987}
.sp__chip.ok{border-color:#2f6b5a;background:rgba(23,58,49,.9);box-shadow:0 0 30px -6px rgba(74,222,128,.6)}
.sp__chip.ok b{color:#9ad3b7}
.sp__sub{position:absolute;left:8%;right:8%;bottom:6%;text-align:center;z-index:2}
.sp__sub small{font:600 9.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#E0A04A}
.sp[data-sp="c"] .sp__sub small{color:#8cc4ef}
.sp__sub p{margin:4px 0 0;font:500 15px/1.45 var(--f-body);color:#EEEBE6;text-shadow:0 2px 12px #000;min-height:2.9em}
.sp3__hud{position:absolute;right:4%;top:5%;display:grid;gap:5px;justify-items:end;z-index:2}
.sp3__hud span{display:flex;align-items:center;gap:6px;font:600 10.5px var(--f-mono);color:#ADA79E;padding:5px 9px;border-radius:999px;background:rgba(20,18,16,.7);border:1px solid #2c2925}
.sp3__hud i{width:6px;height:6px;border-radius:50%;background:#8cc4ef;box-shadow:0 0 6px #8cc4ef}
.sp3__hud b{color:#F7C987;font-weight:700}
.sp4--free{background:transparent;border:0;border-radius:0;overflow:visible;aspect-ratio:1.05}
.sp4--free .sp__cv{-webkit-mask:radial-gradient(70% 66% at 50% 45%,#000 55%,transparent 100%);mask:radial-gradient(70% 66% at 50% 45%,#000 55%,transparent 100%)}
.sp4--free .sp__call{left:0;top:0}
.sp4--free .sp3__hud{right:0;top:0}
.sp4 .sp__sub p{font:500 16px/1.45 var(--f-body);letter-spacing:.005em;-webkit-font-smoothing:antialiased}
.sp4 .sp__chip b{font:600 13.5px var(--f-body)}
.sp5 .sp3__hud b{color:var(--spa)}
.sp5 .sp3__hud i{background:var(--spc);box-shadow:0 0 6px var(--spc)}
.sp5__codes{gap:3px!important;padding:4px 6px!important}
.sp5__codes em{font:700 9.5px var(--f-mono);font-style:normal;color:#6f6a63;padding:2px 4px;border-radius:5px;transition:color .2s,background .2s}
.sp5__codes em.on{color:#0b0b0d;background:var(--spa)}
.sp5__codes em.scan{color:#fff;background:rgba(255,255,255,.14)}
.sp5__codes small{font:600 9px var(--f-mono);color:#8b867e;margin-left:2px}
.sp5 .sp__chip{border-color:color-mix(in srgb,var(--spa) 40%,#2c2925);box-shadow:0 14px 24px -12px #000,0 0 24px -6px color-mix(in srgb,var(--spa) 50%,transparent)}
.sp5 .sp__chip b{color:var(--spa)}
.sp5 .sp__chip.ok b{color:#9ad3b7}
.sp9 .sp__cv{position:absolute!important;left:-15%!important;top:-15%!important;width:130%!important;height:130%!important;-webkit-mask:radial-gradient(closest-side,#000 60%,transparent 100%)!important;mask:radial-gradient(closest-side,#000 60%,transparent 100%)!important}
.sp9{overflow:visible!important}


/* /r102 */



/* r97 home prices */
.si{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.r92i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--leaf);background:var(--tint);border:1px solid color-mix(in srgb,var(--leaf) 30%,var(--line))}
.q2c--hi .r92i{background:linear-gradient(135deg,#E0A04A,#9c5b2e);color:#141414;border:0}
.r92l li{padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.r92l li:last-child{border-bottom:0}
.r92l__t{flex:1;color:var(--fg)}
.r92l li b{color:var(--sage)}
.q2c--hi .r92l li .si{color:var(--sage);border-color:color-mix(in srgb,var(--leaf) 35%,var(--line))}
.r92care{color:var(--muted)}
/* p3 */
.r93{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}
.r93__big{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:center;padding:28px;border-radius:24px;background:radial-gradient(120% 120% at 100% 0%,#3d2b17,#1d1a17 55%,#161514);border:1px solid color-mix(in srgb,var(--leaf) 45%,var(--line));color:inherit;text-decoration:none;box-shadow:0 40px 80px -50px rgba(224,160,74,.6)}
.r93__tx{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}
.r93__tag{align-self:flex-start;font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#141414;background:var(--leaf);padding:5px 10px;border-radius:999px;margin-bottom:6px}
.r93__k{font:600 11.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.r93__tx > b{font:600 26px/1.15 var(--f-display)}
.r93__v{font:600 56px/1 var(--f-display);background:linear-gradient(180deg,#fff,#F7C987);-webkit-background-clip:text;background-clip:text;color:transparent}
.r93__tx p{margin:4px 0;color:var(--muted);font-size:14px;line-height:1.55}
.r93__alt{display:flex;flex-wrap:wrap;gap:6px}
.r93__alt span{font-size:12.5px;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.2)}
.r93__alt b{color:var(--fg);margin-left:3px}
.r93__go{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:600;font-size:14.5px;border-bottom:2px solid color-mix(in srgb,var(--leaf) 55%,transparent);align-self:flex-start;padding-bottom:4px}
.r93__col{display:grid;gap:12px}
.r93__t{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .25s,transform .25s}
.r93__t:hover{border-color:color-mix(in srgb,var(--leaf) 45%,var(--line));transform:translateY(-3px)}
.r93__t > .av,.r93__t > .dv{height:150px;border-radius:0;border:0;border-bottom:1px solid var(--line)}
.r93__tb{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:16px 20px 18px;align-items:end}
.r93__tb .r93__k{grid-column:1}
.r93__tb b{font:600 17px var(--f-display);grid-column:1}
.r93__p{grid-row:1/3;grid-column:2;font:600 24px var(--f-display);white-space:nowrap}
.r93__p small{font:500 12px var(--f-body);color:var(--muted)}
.r93__trust{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;padding:14px 20px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.015)}
.r93__trust span{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}
.r93__trust .si{color:var(--sage)}
@property --p1{syntax:'<color>';inherits:true;initial-value:#C8553D}
@property --p2{syntax:'<color>';inherits:true;initial-value:#F4E4CF}
@property --p3{syntax:'<color>';inherits:true;initial-value:#2F3A2A}
@property --p4{syntax:'<color>';inherits:true;initial-value:#E9A86A}
@media (max-width:900px){.r91,.r93{grid-template-columns:1fr}.r93__big{grid-template-columns:1fr}}
.q2c li > .si{flex:none!important}
.r93__trust .tr{display:inline-flex;align-items:center;gap:10px;line-height:1}
.r93__trust .tr .si{width:28px;height:28px;flex:none}
.r93__trust .tr .si svg{display:block}
.r93__trust .tr em{font-style:normal}
.r93__from{font:500 18px var(--f-body);-webkit-text-fill-color:var(--muted);margin-right:8px;vertical-align:middle}
@property --acc{syntax:'<color>';inherits:true;initial-value:#E0A04A}
@property --a{syntax:'<color>';inherits:true;initial-value:#C8553D}
@property --b{syntax:'<color>';inherits:true;initial-value:#F4E4CF}
@property --c{syntax:'<color>';inherits:true;initial-value:#2F3A2A}
.r92{grid-template-columns:1.85fr 1fr}
.r92 .r93__big{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:14px;padding:28px 0 28px 28px}
.r92__site{position:relative;min-width:0;align-self:center;margin-right:-6px}
.pz92{position:relative;width:100%;overflow:visible}
.pz92 .zk{width:840px!important;height:548px!important}
.pz92 .zk__wrap{margin-top:46px!important;width:790px!important}
.pz92 .zk__tabs,.pz92 .zk__lab{display:none!important}
.r92 .r93__go{text-decoration:none;color:inherit}
/* design switch */
.r92__dz{position:relative;height:150px;border-bottom:1px solid var(--line);overflow:hidden}
.r92__dz > *{position:absolute;inset:0}
/* AI compact */
.a4{position:relative;height:150px;overflow:hidden;background:radial-gradient(60% 120% at 50% 50%,#17140f,#0b0b0d 75%);border-bottom:1px solid var(--line)}
.a4 canvas{position:absolute;inset:0;width:100%;height:100%}
.a4__st{position:absolute;left:12px;bottom:9px;display:flex;align-items:center;gap:6px;font:600 10px var(--f-body);color:#ADA79E;z-index:1}
.a4__st i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.a4__st b{font:700 11px var(--f-mono);color:#F7C987}
.a4__ch{position:absolute;right:12px;top:10px;display:flex;align-items:center;gap:6px;font:600 9.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:#cfcac2;padding:4px 9px;border-radius:999px;background:rgba(20,18,16,.75);border:1px solid #2c2925;transition:opacity .3s}
.a4__ch i{width:6px;height:6px;border-radius:50%;background:#8cc4ef;box-shadow:0 0 6px #8cc4ef;transition:background .3s,box-shadow .3s}
.a4__ch.ai i{background:#F7C987;box-shadow:0 0 6px #F7C987}
.a4__tk{position:absolute;left:44%;right:12px;top:16px;bottom:30px;overflow:hidden;display:none;-webkit-mask:linear-gradient(transparent,#000 30%,#000 75%,transparent);mask:linear-gradient(transparent,#000 30%,#000 75%,transparent)}
.a4__tk div{display:grid;grid-template-columns:38px 1fr;gap:6px;font:500 10px/1.25 var(--f-mono);color:#8b867e;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:transform .5s cubic-bezier(.2,.8,.2,1),color .4s}
.a4__tk div b{color:#6f6a63;font-weight:600}
.a4__tk div.new{color:#EEEBE6}
.a4__tk div.new em{color:#4ade80;font-style:normal}
.a4__tk em{font-style:normal;color:#F7C987}
.a4__rp{position:absolute;right:12px;bottom:9px;font:600 9.5px var(--f-mono);color:#8b867e;letter-spacing:.06em;display:none}
.a4__rp b{color:#F7C987}
.a4[data-v="4"] .a4__tk{display:block}
.a4[data-v="4"] .a4__ch{display:none}
.a4[data-v="3"] .a4__rp{display:block}
.a4[data-v="2"] .a4__ch{display:none}
.r93__trust .tr .si{display:grid!important;place-items:center!important;gap:0!important;padding:0!important}
.a4__tk{left:38%!important}
.a4__tk .r{border:0;padding:0;transition:none;color:inherit;display:grid;align-items:center}
.a4__tk .r .q{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.a4__tk .r .cc{font-style:normal}
/* 1 terminal */
.a4[data-tv="1"] .a4__tk{display:grid;align-content:start;gap:0}
.a4[data-tv="1"] .r{grid-template-columns:34px 26px minmax(0,1fr) auto;gap:6px;font:500 10px/1 var(--f-mono);color:#8b867e;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.a4[data-tv="1"] .r .tm{color:#5f5a54;font-weight:600}
.a4[data-tv="1"] .r .cc{color:var(--cc);font-weight:700}
.a4[data-tv="1"] .r .rs{font-style:normal;color:#F7C987}
.a4[data-tv="1"] .r.in{animation:tk1 .5s cubic-bezier(.2,.8,.2,1)}
.a4[data-tv="1"] .r.in .q{color:#EEEBE6}
/* 2 cards */
.a4[data-tv="2"] .a4__tk{display:grid;align-content:start;gap:5px;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.a4[data-tv="2"] .r{grid-template-columns:20px minmax(0,1fr) auto;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font:600 10.5px/1.2 var(--f-body);color:#d8d3cb}
.a4[data-tv="2"] .r .tm{display:none}
.a4[data-tv="2"] .r .cc{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--cc) 22%,transparent);color:var(--cc);font:700 7.5px var(--f-mono)}
.a4[data-tv="2"] .r .rs{font:700 9px var(--f-body);font-style:normal;color:#9df0bd;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);padding:3px 7px;border-radius:999px;white-space:nowrap}
.a4[data-tv="2"] .r.in{animation:tk2 .55s cubic-bezier(.2,1.2,.3,1);border-color:rgba(247,201,135,.35)}
/* 3 timeline */
.a4[data-tv="3"] .a4__tk{display:grid;align-content:start;padding-left:14px}
.a4[data-tv="3"] .a4__tk::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:linear-gradient(rgba(247,201,135,.6),rgba(255,255,255,.08))}
.a4[data-tv="3"] .r{position:relative;grid-template-columns:auto auto;justify-content:start;gap:2px 8px;padding:4px 0 7px;font:500 10.5px/1.25 var(--f-body);color:#bdb7ae}
.a4[data-tv="3"] .r::before{content:"";position:absolute;left:-13px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--cc);box-shadow:0 0 0 3px #0b0b0d,0 0 8px var(--cc)}
.a4[data-tv="3"] .r .tm{grid-column:1/-1;font:600 8.5px var(--f-mono);letter-spacing:.08em;color:#6f6a63;order:-1}
.a4[data-tv="3"] .r .cc{display:none}
.a4[data-tv="3"] .r .q{color:#EEEBE6}
.a4[data-tv="3"] .r .rs{font-style:normal;color:#F7C987}
.a4[data-tv="3"] .r .rs::before{content:"→ ";color:#6f6a63}
.a4[data-tv="3"] .r.in{animation:tk3 .5s ease-out}
/* 4 departure board */
.a4[data-tv="4"] .a4__tk{display:grid;align-content:start;gap:3px;perspective:400px}
.a4[data-tv="4"] .r{grid-template-columns:34px 30px minmax(0,1fr) auto;gap:5px;font:700 9.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#F7C987;background:#0f0e0c;border:1px solid #221f1b;padding:6px 6px;border-radius:4px}
.a4[data-tv="4"] .r .tm{color:#8b867e}
.a4[data-tv="4"] .r .cc{color:var(--cc)}
.a4[data-tv="4"] .r .q{color:#d8d3cb}
.a4[data-tv="4"] .r .rs{font-style:normal;color:#4ade80}
.a4[data-tv="4"] .r.in{animation:tk4 .6s cubic-bezier(.3,1.4,.4,1);transform-origin:50% 0}
.a4__hd{position:absolute;top:10px;font:600 9px var(--f-mono);letter-spacing:.08em;color:#6f6a63;display:none;white-space:nowrap}
.a4[data-v="4"] .a4__hd{display:block}
/* terminal */
.a4[data-tv="1"] .a4__hd{left:38%}
.a4[data-tv="1"] .a4__hd::after{content:"▍";color:#4ade80;animation:tkBl 1s steps(1) infinite;margin-left:3px}
.a4[data-tv="1"] .a4__tk{top:28px!important;left:38%!important}
.a4[data-tv="1"] .a4__tk::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.a4[data-tv="1"] .r{grid-template-columns:10px 32px 24px minmax(0,1fr) auto!important;padding:6px 0!important}
.a4[data-tv="1"] .r::before{content:"›";color:#4ade80;font-weight:700}
.a4[data-tv="1"] .r .rs{color:#4ade80!important}
.a4[data-tv="1"] .r .rs.inf{color:#F7C987!important}
.a4[data-tv="1"] .r.in{background:linear-gradient(90deg,rgba(74,222,128,.08),transparent 70%)}
.a4__tk .car{display:inline-block;width:6px;height:10px;background:#4ade80;vertical-align:-1px;margin-left:1px;animation:tkBl .6s steps(1) infinite}
/* timeline */
.a4[data-tv="3"] .a4__hd{left:47%;display:flex;align-items:center;gap:6px;color:#8b867e}
.a4[data-tv="3"] .a4__hd::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:tkBl 1.2s ease-in-out infinite}
.a4[data-tv="3"] .a4__tk{top:28px!important;left:47%!important;right:14px!important}
.a4[data-tv="3"] .r{grid-template-columns:minmax(0,1fr) auto!important;gap:1px 10px!important;padding:3px 0 8px!important}
.a4[data-tv="3"] .r .tm{grid-column:1/-1}
.a4[data-tv="3"] .r .rs{justify-self:end;font:700 10px var(--f-body)!important;padding:2px 8px;border-radius:999px;background:rgba(247,201,135,.1);border:1px solid rgba(247,201,135,.3)}
.a4[data-tv="3"] .r .rs::before{content:none!important}
.a4[data-tv="3"] .r .rs.ok{color:#9df0bd!important;background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.35)}
.a4[data-tv="3"] .r.in::before{animation:tkPing 1.2s ease-out}
/* board */
.a4[data-tv="4"] .a4__hd{left:36%;right:12px;display:grid;grid-template-columns:34px 30px minmax(0,1fr) auto;gap:5px;padding:0 7px;font-size:7.5px;letter-spacing:.16em}
.a4[data-tv="4"] .a4__tk{top:24px!important;left:36%!important;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}
.a4[data-tv="4"] .r{position:relative;background:linear-gradient(#141310 50%,#0d0c0a 50%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.a4[data-tv="4"] .r::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.7)}
.a4[data-tv="4"] .r .rs.inf{color:#F7C987!important}
/* design: chaos → poster */
.dz5{--A:#C8553D;--B:#F4E4CF;--C:#2F3A2A;--D:#E9A86A;--F:Georgia,serif;--FS:italic;--FW:700;background:radial-gradient(90% 120% at 30% 0%,#1d1a17,#0e0d0c 70%);overflow:hidden}
.dz5 *{box-sizing:border-box}
.dz5__st{position:absolute;inset:0}
.dz5__st > i{position:absolute;display:block;border-radius:7px;overflow:hidden;transition:transform .9s cubic-bezier(.3,1.3,.4,1),background-color .6s,filter .6s,border-radius .6s;transition-delay:calc(var(--i)*55ms);transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(.86);filter:saturate(.2) brightness(.8);box-shadow:0 10px 18px -8px #000}
.dz5.ord .dz5__st > i{transform:none;filter:none}
.dz5 .t{top:9%;width:10.4%;height:46%;left:calc(4% + var(--i)*11.1%);background:var(--A);display:grid;place-items:center;perspective:200px}
.dz5 .t:nth-child(even){background:var(--B)}
.dz5 .t b{font-family:var(--F);font-style:var(--FS);font-weight:var(--FW);font-size:34px;line-height:1;color:var(--C);transition:font .3s}
.dz5:not(.ord) .t:nth-child(1) b{font-family:Impact,sans-serif;font-style:normal}
.dz5:not(.ord) .t:nth-child(2) b{font-family:"Comic Sans MS",cursive;font-style:normal}
.dz5:not(.ord) .t:nth-child(3) b{font-family:"Times New Roman",serif;font-style:normal;font-weight:400}
.dz5:not(.ord) .t:nth-child(4) b{font-family:"Courier New",monospace;font-style:normal}
.dz5:not(.ord) .t:nth-child(2){background:#5aa0d6}
.dz5:not(.ord) .t:nth-child(3){background:#e6d84a}
.dz5:not(.ord) .t:nth-child(4){background:#9b59b6}
.dz5.flip .t b{animation:dz5F .7s cubic-bezier(.3,1.2,.4,1) both;animation-delay:calc(var(--i)*90ms)}
.dz5 .g{left:4%;top:60%;width:55%;height:32%;background:radial-gradient(circle at 25% 40%,var(--D),transparent 60%),radial-gradient(circle at 80% 70%,var(--A),transparent 60%),var(--C);display:grid;align-content:center}
.dz5 .g span{display:block;white-space:nowrap;font-family:var(--F);font-style:var(--FS);font-weight:var(--FW);font-size:16px;line-height:1;color:transparent;-webkit-text-stroke:.8px color-mix(in srgb,var(--B) 55%,transparent);animation:dz5M 8s linear infinite}
.dz5 .g span+span{animation-direction:reverse}
.dz5 .g em{position:absolute;right:6px;top:4px;font:800 11px var(--f-body);font-style:normal;color:var(--B)}
.dz5 .aa{left:62%;top:9%;width:34%;height:50%;background:var(--B);padding:6px 8px;display:flex;flex-direction:column;justify-content:space-between}
.dz5 .aa b{font-family:var(--F);font-style:var(--FS);font-weight:var(--FW);font-size:30px;line-height:1;color:var(--C)}
.dz5 .aa small{font:600 7.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--C);opacity:.7}
.dz5 .pal5{left:62%;top:64%;width:34%;height:28%;display:grid!important;grid-template-columns:repeat(4,1fr)}
.dz5 .pal5 s{text-decoration:none;transition:background .6s}
.dz5 .pal5 s:nth-child(1){background:var(--A)}
.dz5 .pal5 s:nth-child(2){background:var(--B)}
.dz5 .pal5 s:nth-child(3){background:var(--C)}
.dz5 .pal5 s:nth-child(4){background:var(--D)}
.dz5:not(.ord) .pal5 s:nth-child(1){background:#e74c3c}
.dz5:not(.ord) .pal5 s:nth-child(2){background:#2ecc71}
.dz5:not(.ord) .pal5 s:nth-child(3){background:#f1c40f}
.dz5:not(.ord) .pal5 s:nth-child(4){background:#3498db}
.dz5__sw{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 48%,transparent 60%);transform:translateX(-120%)}
.dz5.sweep .dz5__sw{animation:dz5S 1.1s ease-in-out}
.dz5__tag{position:absolute;right:6px;bottom:4px;display:flex;gap:3px;font:700 7.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;z-index:2}
.dz5__tag em{font-style:normal;padding:2px 5px;border-radius:999px;color:#8b867e;background:rgba(0,0,0,.5);transition:all .3s}
.dz5:not(.ord) .dz5__tag .b,.dz5.ord .dz5__tag .a{color:#141414;background:#F7C987}
.dz5 .t{top:9%!important;height:82%!important}
.dz5 .t b{font-size:48px!important}
@keyframes tk1{from{opacity:0;transform:translateY(-10px)}}
@keyframes tk2{from{opacity:0;transform:translateY(-8px) scale(.92)}}
@keyframes tk3{from{opacity:0;transform:translateX(8px)}}
@keyframes tk4{from{transform:rotateX(-90deg);opacity:.2}}
@keyframes tkBl{50%{opacity:0}}
@keyframes tkPing{0%{box-shadow:0 0 0 3px #0b0b0d,0 0 0 3px var(--cc)}100%{box-shadow:0 0 0 3px #0b0b0d,0 0 0 14px transparent}}
@keyframes dz5F{0%{transform:rotateY(0)}50%{transform:rotateY(90deg);color:transparent;-webkit-text-stroke:1.5px var(--C)}100%{transform:rotateY(0)}}
@keyframes dz5M{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dz5S{to{transform:translateX(120%)}}
.r92__dz[data-dzw="2"] .dv3{display:none}
#prices .r93{margin-top:8px}
#prices .r93__alt em{font-style:normal}
#prices .r93__alt{display:grid;grid-template-columns:repeat(2,max-content);gap:6px}#prices .r93__alt span{white-space:nowrap}
@media (min-width:901px){#prices .r93.r92{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr)}#prices .r92 .r93__big{grid-template-columns:minmax(272px,.7fr) minmax(0,1.3fr)}#prices .r93__alt span{font-size:12px;padding:5px 9px}#prices .r93__tx > b{font-size:24px;white-space:nowrap}}
@media (max-width:900px){#prices .r93.r92{grid-template-columns:minmax(0,1fr)}#prices .r92 .r93__big{grid-template-columns:minmax(0,1fr);padding:24px 22px}#prices .r92__site{margin:0}#prices .r93__v{font-size:48px}}
@media (max-width:520px){#prices .r93__trust{flex-direction:column;align-items:flex-start}#prices .a4[data-tv="4"] .a4__tk,#prices .a4[data-tv="4"] .a4__hd{left:40%!important}}
/* /r97 */










/* r112 ai */
@media (min-width:981px){.aih .sp{margin-inline:auto;translate:0 44px}}
@media (min-width:900px){.aih .sp__chip{white-space:nowrap}}
/* /r112 ai */

/* r112 dz */
.dzh .bk--combo{scale:.84;transform-origin:50% 50%;transition:grid-template-columns 1.2s cubic-bezier(.7,0,.2,1),grid-template-rows 1.2s cubic-bezier(.7,0,.2,1),background-color 1s,border-color 1s,scale 1.2s cubic-bezier(.7,0,.2,1)}
.dzh .bk--combo.is-full{scale:1}
/* /r112 dz */

/* r111 home hero */
@property --qza{syntax:'<angle>';inherits:false;initial-value:0deg}
.hqx .gl__cv{position:absolute;inset:0;width:100%;height:100%}
.hqx .gl2{position:relative;aspect-ratio:1.15;border-radius:18px;overflow:hidden;background:radial-gradient(80% 70% at 55% 60%,#0c1430,#03040a 75%);border:1px solid #2c2925;font-family:var(--f-body)}
.hqx .gl2__hd{position:absolute;left:5%;top:5%;display:grid;gap:6px;color:#EEEBE6;z-index:2}
.hqx .gl2__hd b{font:700 clamp(30px,4.6vw,50px)/1 var(--f-mono)}
.hqx .gl2__hd span{font:600 13px var(--f-body);color:#ADA79E}
.hqx .gl2__hd em{font-style:normal;color:#F7C987}
.hqx .gl2__q,.hqx .gl2__a{position:absolute;z-index:3;max-width:56%;padding:9px 13px;border-radius:14px;font:500 12.5px/1.4 var(--f-body);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .35s,transform .35s;box-shadow:0 14px 28px -12px #000;white-space:nowrap}
.hqx .gl2__q{background:rgba(238,235,230,.96);color:#141414;border-bottom-left-radius:4px}
.hqx .gl2__a{background:#E0A04A;color:#141414;font-weight:600;border-bottom-right-radius:4px}
.hqx .gl2__q.on,.hqx .gl2__a.on{opacity:1;transform:none}
.hqx .gl2__q small,.hqx .gl2__a small{display:flex;align-items:center;gap:6px;font:600 9px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:3px}
.hqx .gl2__st{position:absolute;left:5%;right:5%;bottom:4.5%;display:flex;gap:10px;z-index:2}
.hqx .gl2__st div{flex:1;display:grid;gap:1px;padding:8px 12px;border-radius:12px;background:rgba(10,14,30,.72);backdrop-filter:blur(8px);border:1px solid #1d2546}
.hqx .gl2__st b{font:700 18px var(--f-mono);color:#F7C987}
.hqx .gl2__st small{font:600 10px var(--f-body);color:#8f97b8}
.hqx .gl3--free{background:transparent;border:0;border-radius:0;overflow:visible;aspect-ratio:1.05}
.hqx .gl3--free .gl__cv{-webkit-mask:radial-gradient(75% 70% at 55% 55%,#000 60%,transparent 100%);mask:radial-gradient(75% 70% at 55% 55%,#000 60%,transparent 100%)}
.hqx .gl3--free .gl2__hd{left:0;top:0}
.hqx .gl3--free .gl2__st{left:0;right:0;bottom:0}
.hqx .gl3--free .gl2__st div{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.hqx .gl4 .gl__cv{position:absolute;left:-22%;top:-22%;width:144%;height:144%;-webkit-mask:radial-gradient(closest-side,#000 72%,transparent 100%);mask:radial-gradient(closest-side,#000 72%,transparent 100%)}
.hqx .gl4{overflow:visible!important}
.hqx .gl6 .gl2__q,.hqx .gl6 .gl2__a{display:none!important}
.hqx .gs2 .gl2__hd,.hqx .gs2 .gl2__st{transition:opacity .5s}
.hqx .gs2.in-call .gl2__hd,.hqx .gs2.in-call .gl2__st{opacity:0}
.hqx .gs3 .gl2__hd,.hqx .gs3 .gl2__st{transition:opacity .5s}
.hqx .gs3.in-call .gl2__hd,.hqx .gs3.in-call .gl2__st{opacity:0}
.hqx .hh__vis{position:relative;min-height:470px}
.hqx .hh__vis .hqw{position:relative;z-index:2}
.hqx .glh .gl2__hd,.hqx .glh .gl2__st,.hqx .glh .gl2__q,.hqx .glh .gl2__a{display:none!important}
.hqx .hh--2 .hh__vis{overflow:hidden;-webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent);padding-bottom:40px}
.hqx .qz__vis{position:relative;min-height:520px}
.hqx .qz__gl{position:absolute;z-index:1;pointer-events:none}
.hqx .qz__gl > *{position:absolute!important;inset:0;width:100%;height:100%;aspect-ratio:auto!important}
.hqx .qz__fx{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.hqx .qzw{position:absolute;z-index:4;width:206px;padding:13px 15px 14px;border-radius:16px;background:rgba(18,18,21,.72);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px -24px #000;transition:border-color .4s,box-shadow .4s,transform .4s}
.hqx .qzw.hit{border-color:rgba(247,201,135,.7);box-shadow:0 0 0 1px rgba(247,201,135,.35),0 0 36px -6px rgba(247,201,135,.55),0 24px 50px -24px #000;transform:translateY(-2px)}
.hqx .qzw__h{display:flex;align-items:center;gap:7px;font:700 9px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#8b867e}
.hqx .qzw__h .dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.hqx .qzw__n{display:block;font:700 30px/1.05 var(--f-display);color:#fff;margin-top:6px;letter-spacing:-.02em}
.hqx .qzw__s{display:block;font:500 11.5px var(--f-body);color:#ADA79E;margin-top:3px;transition:color .3s}
.hqx .qzw.hit .qzw__s{color:#F7C987}
.hqx .qzw__row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hqx .qzw__row em{font:700 11px var(--f-mono);font-style:normal;color:#9df0bd;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);padding:3px 7px;border-radius:999px;margin-bottom:4px}
.hqx .qzw__sp{display:block;width:100%;height:30px;margin-top:8px}
.hqx .qzw__sp path{fill:none;stroke:#F7C987;stroke-width:1.6;vector-effect:non-scaling-stroke}
.hqx .qzw__bars{display:flex;align-items:flex-end;gap:3px;height:34px;margin-bottom:4px}
.hqx .qzw__bars i{width:7px;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(#F7C987,#a8601e);transition:height .6s cubic-bezier(.3,1.4,.4,1)}
.hqx .qzw__h{display:flex;align-items:center;gap:8px;font:700 9px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#9b958c}
.hqx .qzw__h > span:not(.qzw__ic){flex:1;white-space:nowrap}
.hqx .qzw__h .qzw__ic{flex:none}
.hqx .qzw__ic{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(247,201,135,.1);border:1px solid rgba(247,201,135,.22);color:#F7C987}
.hqx .qzw__ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hqx .qzw__dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:tkBl 1.4s ease-in-out infinite}
.hqx .qzw__up{font:700 9.5px var(--f-mono);font-style:normal;letter-spacing:0;color:#9df0bd;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);padding:2px 6px;border-radius:999px}
.hqx .qzw__s{display:block;font:500 11.5px var(--f-body);color:#ADA79E;margin-top:3px}
.hqx .qzw__g{color:#F7C987}
.hqx .qzw__sp{display:block;width:100%;height:34px;margin-top:8px}
.hqx .qzw__sp .l{fill:none;stroke:#F7C987;stroke-width:1.8;vector-effect:non-scaling-stroke}
.hqx .qzw__sp .a{fill:url(#qzg)}
.hqx .qzw__feed{display:flex;gap:5px;margin-top:9px;overflow:hidden;height:22px}
.hqx .qzw__feed span{flex:none;font:600 10.5px var(--f-body);color:#d8d3cb;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);animation:qzIn .5s cubic-bezier(.2,1.3,.4,1)}
.hqx .qzw__feed span:first-child{color:#141414;background:#F7C987;border-color:#F7C987}
.hqx .qzw__row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.hqx .qzw__bars{display:flex;align-items:flex-end;gap:3px;height:36px;margin-bottom:5px}
.hqx .qzw__bars i{width:8px;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(#FFE0A8,#b86a22);transition:height .7s cubic-bezier(.3,1.4,.4,1)}
.hqx .qzw__bars i:last-child{box-shadow:0 0 12px rgba(247,201,135,.6)}
.hqx .qzw__plus{position:absolute;right:14px;top:40px;font:800 13px var(--f-display);font-style:normal;color:#9df0bd;opacity:0;pointer-events:none}
.hqx .qzw__plus.go{animation:qzP 1s ease-out}
.hqx .qz4__live{position:absolute;z-index:5;right:0;top:0;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 12px;border-radius:999px;background:rgba(16,15,18,.78);border:1px solid rgba(255,90,90,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px -10px rgba(255,90,90,.45)}
.hqx .qz4__live i{width:8px;height:8px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 0 rgba(255,90,90,.6);animation:qzLive 1.6s ease-out infinite}
.hqx .qz4__live b{font:800 11px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#ff7a7a}
.hqx .qz4__live span{font:700 11px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#EEEBE6}
.hqx .qz4__live u{text-decoration:none;font:600 10.5px var(--f-mono);color:#8b867e;padding-left:9px;border-left:1px solid rgba(255,255,255,.12)}
.qz5 .qz__vis{min-height:560px;perspective:1400px}
.hqx .qz5__tilt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .25s ease-out}
.qz5 .qzw{width:216px;padding:14px 16px 15px;border-radius:18px;background:linear-gradient(160deg,rgba(34,30,26,.82),rgba(14,14,17,.82));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -28px #000;overflow:hidden;animation:qzBob 6s ease-in-out infinite}
.qz5 .qzw--l{animation-delay:-2s}
.qz5 .qzw--s{animation-delay:-4s;width:256px}
.qz5 .qzw::before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,201,135,.7),transparent);opacity:.5;transition:opacity .4s}
.qz5 .qzw.hit::before{opacity:1}
.qz5 .qzw.hit{border-color:rgba(247,201,135,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(247,201,135,.25),0 0 40px -8px rgba(247,201,135,.5),0 30px 60px -28px #000}
.qz5 .qzw__n{display:block;font:700 32px/1.05 var(--f-display);color:#fff;margin-top:8px;letter-spacing:-.02em}
.hqx .qz5__live{padding:6px 11px 6px 10px!important;gap:7px!important}
.hqx .qz5__live b{font-size:10px!important}
.hqx .qz5__live span{font-size:10px!important}
.hqx .qz5__live u{font-size:9.5px!important;padding-left:7px!important}
.hqx .qz5__live i{width:7px!important;height:7px!important}
.hqx .qz5__tk{position:absolute;z-index:6;left:50%;bottom:4px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(16,15,18,.7);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 11px var(--f-mono);color:#cfcac2;white-space:nowrap}
.hqx .qz5__tk i{width:6px;height:6px;border-radius:50%;background:#F7C987;box-shadow:0 0 8px #F7C987}
.hqx .qz5__tk span{display:inline-block;animation:qzIn .45s cubic-bezier(.2,1.3,.4,1)}
.qz5--1 .qz__gl{left:4%;top:3%;width:98%;height:98%}
.qz5--1 .qzw--v{left:0;top:9%}
.qz5--1 .qzw--l{right:0;top:33%}
.qz5--1 .qzw--s{left:3%;bottom:7%}
.qz5--1 .qz5__live{right:0;top:0;left:auto}
.hqx .qz__fx2{z-index:8!important}
.hqx .lq{position:absolute;inset:13%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.05),transparent 60%)}
.hqx .lq__f{position:absolute;left:0;right:0;bottom:0;height:calc(var(--p)*100%);background:linear-gradient(color-mix(in srgb,var(--k) 58%,transparent),color-mix(in srgb,var(--k) 8%,transparent));transition:height .9s cubic-bezier(.3,1.3,.4,1)}
.hqx .lq__w{position:absolute;left:0;bottom:calc(100% - 1px);width:200%;height:12px;fill:color-mix(in srgb,var(--k) 58%,transparent);animation:lqW 3.2s linear infinite;transform-origin:50% 100%}
.hqx .lq__w.lq__w2{opacity:.45;height:9px;animation-duration:5.4s;animation-direction:reverse}
.hqx .hit .lq__w{animation:lqW 3.2s linear infinite,lqS .9s ease-out}
.hqx .hit .lq__w.lq__w2{animation:lqW 5.4s linear infinite reverse,lqS 1.1s ease-out}
.hqx .lq__b{position:absolute;bottom:0;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--k) 60%,#fff);opacity:0;animation:lqB 3.4s ease-in infinite}
.hqx .hd{transform-origin:64px 64px;transform:rotate(calc(var(--p)*360deg));transition:transform .9s cubic-bezier(.3,1.3,.4,1)}
.hqx .hd circle{fill:#fff;filter:drop-shadow(0 0 4px var(--k)) drop-shadow(0 0 10px var(--k))}
.hqx .sg{fill:none;stroke:color-mix(in srgb,var(--k) 40%,transparent);stroke-width:4;stroke-dasharray:1.4 4.6;transform-origin:64px 64px;animation:gsR 40s linear infinite}
.hqx .lq__w{height:15px}
.hqx .lq__w.lq__w2{height:11px}
.qzH .qzw{width:262px!important;padding-left:90px!important;min-height:108px}
.qzH .qzw--v{--k:#9fc3ff}
.qzH .qzw--l{--k:#F7C987}
.qzH .qzw--s{--k:#7fe0a6;width:282px!important}
.qzH .qzw__h .qzw__ic{display:none}
.qzH .qzw__n{font-size:28px!important}
.qzH .qzw--s .qzw__n{font-size:24px!important}
.qzH .qzw__bars i{width:7px}
.qzH .hr{position:absolute;left:12px;top:50%;width:68px;height:68px;margin-top:-34px}
.qzH .hr > svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.qzH .hr .t{fill:none;stroke:rgba(255,255,255,.08);stroke-width:8}
.qzH .hr .v{fill:none;stroke:var(--k);stroke-width:8;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:calc(339.3*(1 - var(--p)));transition:stroke-dashoffset .9s cubic-bezier(.3,1.3,.4,1);filter:drop-shadow(0 0 5px var(--k))}
.qzH .hr__ic{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.qzH .hr__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--k))}
.qzH .qzw::after{content:"";position:absolute;left:0;top:0;bottom:0;width:120px;background:radial-gradient(circle at 50px 50%,color-mix(in srgb,var(--k) 18%,transparent),transparent 70%);pointer-events:none;opacity:.6;transition:opacity .4s}
.qzH .qzw.hit::after{opacity:1}
.qzH .qzw.hit{border-color:color-mix(in srgb,var(--k) 55%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 44px -10px var(--k),0 30px 60px -28px #000!important}
.qzH .qzw::before{background:linear-gradient(90deg,transparent,var(--k),transparent)!important}
.qzH .qzw__plus{top:14px!important}
.qzH .qzw--v{top:4%!important}
.qzH .qzw--l{top:34%!important}
.qzH .qzw--s{left:0!important;bottom:9%!important}
.qzH .qzw--l{top:9%!important}
.qzH .qzw--v{top:3%!important}
.hqx .qk{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.hqx .qk span{display:flex;flex-direction:column;gap:1px;padding:6px 8px 5px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font:600 8.5px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#8d877e;white-space:nowrap}
.hqx .qk b{font:700 14px/1.1 var(--f-display);letter-spacing:-.01em;text-transform:none;color:#f1ede7;transition:color .3s}
.hqx .qk b.up{color:var(--k,#F7C987);text-shadow:0 0 12px var(--k,#F7C987)}
.qzK .qzw__sp{background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 16px);border-bottom:1px solid rgba(255,255,255,.08)}
.hqx .qsd{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--k,#F7C987) 35%,transparent),0 0 12px var(--k,#F7C987);pointer-events:none;transition:left .6s,top .6s;z-index:2}
.qzK .qzw__sp .l{stroke:var(--k,#F7C987)}
.qzK .qzw__plus{top:48px!important;right:18px!important}
.qzK .qzw{width:268px!important}
.qzK .qzw--s{width:286px!important}
.qzK .qzw--v{top:0!important}
.qzK .qzw--l{top:9%!important}
.qzK .qzw--s{bottom:8%!important}
.qzK .qzw .hr{top:16px;margin-top:0}
.qzK .qzw .qk,.qzK .qzw .qf{margin-left:-78px}
.hqx .qz__st{position:absolute;left:-60px;right:-40px;top:-50px;bottom:-30px;width:calc(100% + 100px);height:calc(100% + 80px);z-index:0;pointer-events:none;-webkit-mask:radial-gradient(closest-side,#000 72%,transparent);mask:radial-gradient(closest-side,#000 72%,transparent)}
.qzS .qzw{width:236px!important;padding:12px 13px 12px 78px!important;min-height:0;border-radius:16px}
.qzS .qzw--s{width:256px!important}
.qzS .qzw .hr{left:10px;top:13px;width:58px;height:58px}
.qzS .hr__ic svg{width:17px;height:17px}
.qzS .qzw__h{font-size:8px;gap:6px}
.qzS .qzw__n{font-size:24px!important;margin-top:6px}
.qzS .qzw--s .qzw__n{font-size:21px!important}
.qzS .qzw__s{font-size:10.5px}
.qzS .qzw__sp{height:28px;margin-top:6px}
.qzS .qzw__feed{margin-top:7px;height:20px}
.qzS .qzw__feed span{font-size:9.5px;padding:2px 8px}
.qzS .qzw__bars{height:30px}
.qzS .qzw__bars i{width:6px}
.qzS .qzw .qk{margin-left:-66px;margin-top:9px;gap:5px}
.qzS .qk span{padding:5px 7px 4px;font-size:7.5px}
.qzS .qk b{font-size:12.5px}
.qzS .qzw__plus{top:40px!important;right:14px!important;font-size:12px}
.qzS .qzw--s .qzw__plus{top:12px!important}
.qzS .qzw--v{top:0!important}
.qzS .qzw--l{top:9%!important}
.qzS .qzw--s{bottom:9%!important}
.qzJ .qzw{--mx:50%;--my:-40%;background:radial-gradient(240px circle at var(--mx) var(--my),rgba(255,236,205,.14),transparent 60%),linear-gradient(160deg,rgba(34,30,26,.8),rgba(14,14,17,.8))!important;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);transition:scale .35s cubic-bezier(.3,1.5,.4,1),box-shadow .4s,border-color .4s;transform:translateZ(22px)}
.qzJ .qzw--l{transform:translateZ(40px)}
.qzJ .qzw--s{transform:translateZ(30px)}
.qzJ .qzw::after{content:"";position:absolute;inset:0;left:0;top:0;bottom:0;width:auto;border-radius:inherit;padding:1.3px;opacity:1;background:conic-gradient(from var(--qza),transparent 0 66%,color-mix(in srgb,var(--k) 20%,transparent) 74%,var(--k) 86%,#fff 87.5%,transparent 89%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:qzA 5.5s linear infinite;pointer-events:none}
.qzJ .qzw--l::after{animation-delay:-1.8s}
.qzJ .qzw--s::after{animation-delay:-3.6s}
.qzJ .qzw.hit::after{animation-duration:1.4s}
.qzJ .qzw.hit{scale:1.035}
.qzJ .qzw__sh{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(105deg,transparent 38%,rgba(255,240,215,.16) 48%,rgba(255,255,255,.05) 52%,transparent 62%);transform:translateX(-130%);animation:qzSh2 8s ease-in-out infinite}
.qzJ .qzw--l .qzw__sh{animation-delay:-2.7s}
.qzJ .qzw--s .qzw__sh{animation-delay:-5.3s}
.qzJ .qzw.hit .qzw__sh{animation:qzSh .8s ease-out}
.qzJ .qzw__gr{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;opacity:.5;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%)}
.qzT1 .qz5__tk{display:none!important}
.hqx .qzc{position:absolute;z-index:7;pointer-events:none;display:flex;align-items:center;gap:7px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(14,14,18,.72);border:1px solid color-mix(in srgb,var(--k) 45%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 18px -6px var(--k),0 10px 24px -12px #000;font:600 10.5px var(--f-mono);color:#ece7df;white-space:nowrap;transform:translate(-50%,-100%) translateY(-16px);animation:qzcIn 2.6s cubic-bezier(.2,1.2,.4,1) forwards}
.hqx .qzc i{width:6px;height:6px;border-radius:50%;background:var(--k);box-shadow:0 0 8px var(--k)}
.hqx .qzc b{color:var(--k);font-weight:700}
.hqx .qzc::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:14px;background:linear-gradient(var(--k),transparent);opacity:.8}
@keyframes tkBl{50%{opacity:0}}
@keyframes gsR{to{transform:rotate(360deg)}}
@keyframes qzIn{from{opacity:0;transform:translateX(-10px) scale(.9)}}
@keyframes qzP{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}100%{opacity:0;transform:translateY(-18px)}}
@keyframes qzLive{0%{box-shadow:0 0 0 0 rgba(255,90,90,.6)}100%{box-shadow:0 0 0 10px rgba(255,90,90,0)}}
@keyframes qzBob{50%{translate:0 -7px}}
@keyframes qzA{to{--qza:360deg}}
@keyframes lqW{to{transform:translateX(-50%)}}
@keyframes lqS{0%{scale:1 1}25%{scale:1 2.8}55%{scale:1 .6}80%{scale:1 1.4}100%{scale:1 1}}
@keyframes lqB{0%{bottom:0;opacity:0}20%{opacity:.85}100%{bottom:calc(var(--p)*86%);opacity:0}}
@keyframes qzSh{to{transform:translateX(120%)}}
@keyframes qzSh2{0%,72%{transform:translateX(-130%)}92%,100%{transform:translateX(130%)}}
@keyframes qzcIn{0%{opacity:0;translate:0 8px;scale:.85}12%{opacity:1;translate:0 0;scale:1}78%{opacity:1}100%{opacity:0;translate:0 -6px}}
@media (min-width:981px){.hero:has(.hqx){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px}}
.hqx{position:relative;min-width:0}
html:has(.hqx),body:has(.hqx){overflow-x:clip}
.hqx .qz__st{right:0!important;width:calc(100% + 60px)!important}
.hqx .hh__vis{width:100%}
@media (max-width:980px){.hqx .qz__vis{max-width:620px;margin-inline:auto}.hqx{overflow-x:clip;overflow-clip-margin:0}}
@media (max-width:640px){
 .hqx .qz__vis{min-height:430px}
 .hqx .qzw{width:176px!important;padding:10px 10px 10px 58px!important;border-radius:14px}
 .hqx .qzw--s{width:186px!important}
 .hqx .qzw .hr{left:8px;top:10px;width:42px;height:42px}
 .hqx .hr__ic svg{width:13px;height:13px}
 .hqx .qzw__h{font-size:7px;letter-spacing:.1em}
 .hqx .qzw__n{font-size:19px!important;margin-top:4px}.hqx .qzw--s .qzw__n{font-size:17px!important}
 .hqx .qzw__s,.hqx .qzw__sp,.hqx .qzw__bars,.hqx .qk,.hqx .qzw__up,.hqx .qsd{display:none!important}
 .hqx .qzw__feed{margin-top:5px;height:18px}.hqx .qzw__feed span{font-size:8.5px;padding:2px 6px}
 .hqx .qzw__plus{top:8px!important;right:8px!important;font-size:10px}
 .hqx .qzw--v{top:0!important}.hqx .qzw--l{top:15%!important}.hqx .qzw--s{bottom:4%!important}
 .hqx .qz5__live{display:none!important}
 .hqx .qzc{font-size:9px}
}
/* /r111 */

/* r113 cta row */
@media (min-width:981px){.p-head:has(> .aih) .p-cta,.p-head:has(> .dzh) .p-cta{flex-wrap:nowrap}.p-head:has(> .aih) .p-cta > *,.p-head:has(> .dzh) .p-cta > *{white-space:nowrap;flex:none}}
html:has(.aih),body:has(.aih){overflow-x:clip}
/* /r113 cta row */

/* r114 */
.hero .lead .lb{display:none}
@media (min-width:1181px){.hero .lead .lb{display:inline}.hero .lead{max-width:none}}
@media (min-width:981px){.aih .sp{translate:72px 44px}}
/* /r114 */




/* r114 privacy */
.xp{max-width:1100px;margin:0 auto;color:#EEEBE6;font-family:var(--f-body)}
.xp-back{display:inline-block;color:#ADA79E;text-decoration:none;font-size:14px;margin-bottom:18px}
.xp-hero{position:relative;display:flex;gap:22px;align-items:center;padding:34px 34px;border-radius:26px;overflow:hidden;background:radial-gradient(90% 140% at 100% 0%,rgba(224,160,74,.18),transparent 55%),linear-gradient(160deg,#211d19,#151416);border:1px solid rgba(255,255,255,.08)}
.xp-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:1px dashed rgba(247,201,135,.18);animation:xpRot 40s linear infinite}
@keyframes xpRot{to{transform:rotate(360deg)}}
.xp-sh2{flex:none;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#F7C987;background:rgba(224,160,74,.12);box-shadow:0 0 0 1px rgba(247,201,135,.25),0 0 40px -8px rgba(224,160,74,.6)}
.xp-hero small{font:700 10px var(--f-mono);letter-spacing:.16em;color:#E0A04A}
.xp-hero h1{font:600 clamp(28px,3.6vw,46px)/1.05 var(--f-display);margin:6px 0 8px;letter-spacing:-.02em}
.xp-hero p{margin:0;color:#ADA79E;font:500 13px var(--f-mono)}
.xp-sum{margin:14px 0 28px;padding:20px 22px;border-radius:22px;background:#1a1918;border:1px solid rgba(255,255,255,.07)}
.xp-sum > b{display:block;font:700 10px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#8d877e;margin-bottom:14px}
.xp-sum > div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.xp-sum span{display:grid;grid-template-columns:24px 1fr;gap:2px 10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}
.xp-sum i{grid-row:span 2;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;color:#141414;background:#7fe0a6;box-shadow:0 0 14px -2px rgba(127,224,166,.6)}
.xp-sum span b{font-size:14px;line-height:1.25}.xp-sum span em{font-style:normal;font-size:12.5px;color:#8d877e;line-height:1.35}
.xp-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.xp-toc{position:sticky;top:90px;display:grid;gap:2px;padding:16px 10px;border-radius:20px;background:#181716;border:1px solid rgba(255,255,255,.06)}
.xp-toc small{font:700 10px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#8d877e;padding:0 10px 8px}
.xp-toc a{display:flex;gap:10px;padding:8px 10px;border-radius:10px;color:#ADA79E;text-decoration:none;font-size:13.5px;line-height:1.3;transition:.25s}
.xp-toc a span{font:700 10.5px var(--f-mono);color:#6f6a63;padding-top:2px}
.xp-toc a:hover{color:#EEEBE6;background:rgba(255,255,255,.03)}
.xp-toc a.on{color:#141414;background:#F7C987}.xp-toc a.on span{color:#7a4e14}
.xp-prog{height:3px;margin:10px 10px 0;border-radius:2px;background:#2a2725;overflow:hidden}.xp-prog u{display:block;height:100%;width:0;background:linear-gradient(90deg,#E0A04A,#7fe0a6)}
.xp-body{display:grid;gap:14px}
.xp-s{scroll-margin-top:90px;padding:24px 26px;border-radius:22px;background:linear-gradient(160deg,rgba(34,30,26,.6),rgba(18,18,20,.8));border:1px solid rgba(255,255,255,.07);transition:border-color .4s,box-shadow .4s}
.xp-s.on{border-color:rgba(247,201,135,.35);box-shadow:0 0 50px -24px rgba(224,160,74,.6)}
.xp-sh{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.xp-sh .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#F7C987;background:rgba(224,160,74,.1);flex:none}
.xp-sh .n{font:700 11px var(--f-mono);color:#8d877e}
.xp-sh h2{margin:0;font:600 19px var(--f-display);color:#EEEBE6}
.xp-sb{color:#c9c3ba;font-size:15px;line-height:1.65}
.xp-sb p{margin:0 0 10px}.xp-sb p:last-child{margin:0}
.xp-sb ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
.xp-sb li{position:relative;padding-left:22px}.xp-sb li::before{content:"";position:absolute;left:4px;top:.6em;width:7px;height:7px;border-radius:2px;background:#E0A04A;transform:rotate(45deg)}
.xp-sb a{color:#F7C987;text-decoration:none;border-bottom:1px solid rgba(247,201,135,.4)}
.xp-sb .blank{color:#8d877e}
.xp-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 26px;border-radius:22px;background:radial-gradient(80% 120% at 0% 100%,rgba(224,160,74,.18),transparent 60%),#1d1a17;border:1px solid rgba(247,201,135,.3)}
.xp-cta b{font:600 18px var(--f-display)}.xp-cta p{margin:4px 0 0;color:#ADA79E;font-size:14px}
.xp-cta a{padding:12px 18px;border-radius:999px;background:#E0A04A;color:#141414;font-weight:700;text-decoration:none;font-size:14px}
@media (max-width:900px){.xp-grid{grid-template-columns:1fr}.xp-toc{display:none}.xp-sum > div{grid-template-columns:1fr 1fr}.xp-hero{padding:24px;flex-direction:column;align-items:flex-start}}
@media (max-width:520px){.xp-sum > div{grid-template-columns:1fr}.xp-s{padding:18px}}
.xp-hero{background:linear-gradient(160deg,#1d1d1f,#161617)!important}
.xp-hero::after{border-color:rgba(255,255,255,.08)!important}
.xp-sh2{color:#EEEBE6!important;background:rgba(255,255,255,.05)!important;box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}
.xp-hero small{color:#8d877e!important}
.xp-sum i{background:transparent!important;color:#7fe0a6!important;box-shadow:inset 0 0 0 1.5px rgba(127,224,166,.6)!important}
.xp-toc a.on{color:#EEEBE6!important;background:rgba(255,255,255,.05)!important;box-shadow:inset 2px 0 0 #E0A04A}
.xp-toc a.on span{color:#E0A04A!important}
.xp-s{background:#19191a!important;border-color:rgba(255,255,255,.06)!important}
.xp-s.on{border-color:rgba(255,255,255,.16)!important;box-shadow:none!important}
.xp-sh .ic{color:#ADA79E!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)}
.xp-sh .n{font:600 22px var(--f-display)!important;color:#55524e!important}
.xp-sb li::before{background:#6f6a63!important;border-radius:50%!important;transform:none!important;width:5px!important;height:5px!important}
.xp-sb a{color:#EEEBE6!important;border-bottom-color:rgba(255,255,255,.3)!important}
.xp-cta{background:#1d1d1f!important;border-color:rgba(255,255,255,.1)!important}
.xp-cta a{background:#EEEBE6!important}
.xp-prog u{background:#EEEBE6!important}
.xp-s.on{border-color:rgba(255,255,255,.22)!important;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 60px -18px rgba(247,201,135,.35),0 30px 60px -30px #000!important;background:radial-gradient(120% 90% at 0% 0%,rgba(247,201,135,.07),transparent 55%),#1b1b1c!important}.xp-s{transition:border-color .5s,box-shadow .5s,background .5s}
#lg-body{display:grid;gap:14px}.xp{padding-block:24px 64px}
.xp-sh h2{scroll-margin-top:90px}
:root[data-theme="light"] .xp{color:var(--fg)}
:root[data-theme="light"] .xp-hero{background:radial-gradient(90% 140% at 100% 0%,rgba(224,160,74,.16),transparent 55%),var(--surface);border-color:var(--line)}:root[data-theme="light"] .xp-hero p,:root[data-theme="light"] .xp-back{color:var(--muted)}:root[data-theme="light"] .xp-sum,:root[data-theme="light"] .xp-toc,:root[data-theme="light"] .xp-s{background:var(--surface);border-color:var(--line)}:root[data-theme="light"] .xp-sum span{background:rgba(0,0,0,.025);border-color:var(--line)}:root[data-theme="light"] .xp-sum span em,:root[data-theme="light"] .xp-toc a,:root[data-theme="light"] .xp-sb{color:var(--muted)}:root[data-theme="light"] .xp-sh h2,:root[data-theme="light"] .xp-sum span b{color:var(--fg)}:root[data-theme="light"] .xp-toc a:hover{color:var(--fg);background:rgba(0,0,0,.04)}:root[data-theme="light"] .xp-sb a{color:#a5641c}:root[data-theme="light"] .xp-cta{background:radial-gradient(80% 120% at 0% 100%,rgba(224,160,74,.18),transparent 60%),var(--surface)}:root[data-theme="light"] .xp-cta p{color:var(--muted)}:root[data-theme="light"] .xp-prog{background:var(--line)}:root[data-theme="light"] .xp-sh .ic,:root[data-theme="light"] .xp-sh2{color:#b8741f}
:root[data-theme="light"] .xp-hero,:root[data-theme="light"] .xp-s,:root[data-theme="light"] .xp-cta{background:var(--surface)!important;border-color:var(--line)!important}:root[data-theme="light"] .xp-s.on{border-color:rgba(160,110,40,.45)!important;box-shadow:0 0 50px -20px rgba(224,160,74,.45)!important}:root[data-theme="light"] .xp-sh2,:root[data-theme="light"] .xp-sh .ic{color:#6b5a45!important;background:rgba(0,0,0,.04)!important}:root[data-theme="light"] .xp-toc a.on{color:var(--fg)!important;background:rgba(0,0,0,.05)!important}:root[data-theme="light"] .xp-sb a{color:var(--fg)!important;border-bottom-color:rgba(0,0,0,.3)!important}:root[data-theme="light"] .xp-cta a{background:#2a2420!important;color:#fff!important}:root[data-theme="light"] .xp-prog u{background:#2a2420!important}:root[data-theme="light"] .xp-sh .n{color:#b9b1a6!important}
/* /r114 privacy */

/* r116 mobile menu */
.mnav-btn{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:transparent;cursor:pointer;flex:none;position:relative;padding:0}
.mnav-btn span{position:absolute;left:11px;right:11px;height:1.8px;border-radius:2px;background:var(--fg);transition:transform .3s cubic-bezier(.3,1.4,.4,1),opacity .2s,top .3s}
.mnav-btn span:nth-child(1){top:13px}.mnav-btn span:nth-child(2){top:19px}.mnav-btn span:nth-child(3){top:25px}
.mnav-open .mnav-btn span:nth-child(1){top:19px;transform:rotate(45deg)}.mnav-open .mnav-btn span:nth-child(2){opacity:0}.mnav-open .mnav-btn span:nth-child(3){top:19px;transform:rotate(-45deg)}
.mnav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);opacity:0;transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;max-height:calc(100dvh - 64px);overflow:auto}
.mnav-open .mnav{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
.mnav__in{display:grid;gap:14px;padding-block:14px 22px}
.mnav__links{display:grid;gap:4px}
.mnav__a{display:flex;align-items:center;gap:10px;padding:14px 14px;border-radius:14px;color:var(--fg);text-decoration:none;font:600 18px var(--f-display);border:1px solid transparent;opacity:0;transform:translateY(6px);transition:opacity .3s calc(var(--i)*40ms),transform .35s calc(var(--i)*40ms),background .2s}
.mnav-open .mnav__a{opacity:1;transform:none}
.mnav__a:hover,.mnav__a.on{background:color-mix(in srgb,var(--fg) 6%,transparent);border-color:var(--line)}
.mnav__a.on{color:var(--leaf)}
.mnav__a svg{width:18px;height:18px}
.mnav__cta{display:flex!important;width:100%;box-sizing:border-box;background:var(--cta-bg)!important;color:var(--cta-fg)!important;text-decoration:none;font-weight:700;justify-content:center;align-items:center;gap:8px;padding:14px 18px!important;font-size:16px!important;border-radius:999px}
@media (max-width:980px){.mnav-btn{display:block}.bar .wrap{gap:10px}.bar .lang-dd{margin-left:auto}}
@media (max-width:980px){.bar .nav{display:none!important}}
html.mnav-open{overflow:hidden}
@media (min-width:981px){.mnav{display:none}}
.bar .mnav__in{display:grid;gap:14px;align-items:stretch}
.mnav__cta b{font-weight:700}
/* /r116 mobile menu */