:root{
  --paper:#F6F5F1; --card:#FFFFFF; --ink:#14150F; --muted:#5E6157; --line:#E4E2DA; --tint:#EFEDE6;
  --accent:#F26A1B; --accent-d:#D9570E; --accent-soft:#FFE9DC; --live:#1F9D6B;
  --serif:'Source Serif 4',Georgia,serif; --sans:'Onest',system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --r:22px; --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.55;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
[hidden]{display:none!important}
.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.wrap--narrow{width:min(820px,calc(100% - 40px))}

/* progress */
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:60;background:transparent}
.progress i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}

/* nav */
.nav{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.nav.is-stuck{background:rgba(246,245,241,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px;transition:height .3s}
.nav.is-stuck .nav__in{height:60px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:19px;letter-spacing:-.01em}
.logo__mark{width:26px;height:26px;fill:var(--ink)}
.logo__mark circle{transition:transform .5s var(--ease),fill .3s;transform-box:fill-box;transform-origin:center}
.logo__mark .o{fill:var(--accent)}
.logo:hover .logo__mark circle{animation:dotpop .9s var(--ease) both}
.logo:hover .logo__mark circle:nth-child(2){animation-delay:.05s}.logo:hover .logo__mark circle:nth-child(3){animation-delay:.1s}
.logo:hover .logo__mark circle:nth-child(4){animation-delay:.15s}.logo:hover .logo__mark circle:nth-child(5){animation-delay:.2s}
.logo:hover .logo__mark circle:nth-child(6){animation-delay:.25s}.logo:hover .logo__mark circle:nth-child(7){animation-delay:.3s}
.logo:hover .logo__mark circle:nth-child(8){animation-delay:.35s}.logo:hover .logo__mark circle:nth-child(9){animation-delay:.4s}
@keyframes dotpop{40%{transform:scale(1.5)}}
.logo--s{font-size:16px}.logo--s .logo__mark{width:20px;height:20px}
.nav__links{display:flex;gap:30px;font-size:15px;color:var(--muted)}
.nav__links a{position:relative;padding:6px 0;transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav__links a:hover,.nav__links a.is-on{color:var(--ink)}
.nav__links a:hover::after,.nav__links a.is-on::after{transform:scaleX(1)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;border-radius:999px;padding:15px 26px;font-weight:500;font-size:16px;line-height:1;white-space:nowrap;transition:transform .25s var(--ease),background .2s,box-shadow .25s,color .2s}
.btn--sm{padding:11px 20px;font-size:15px}
.btn--lg{padding:18px 34px;font-size:17px}
.btn--block{width:100%}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:#2a2c22}
.btn--accent{background:var(--accent);color:#fff;box-shadow:0 8px 24px -10px rgba(242,106,27,.7)}
.btn--accent:hover{background:var(--accent-d);box-shadow:0 12px 30px -10px rgba(242,106,27,.8)}
.btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn__sub{font-family:var(--mono);font-size:12px;opacity:.85;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.2)}
.btn:active{transform:scale(.97)}

/* type */
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.022em;line-height:1.04;font-feature-settings:"locl" 0}
h1{font-size:clamp(2.6rem,5.4vw,4.7rem)}
h2{font-size:clamp(2.1rem,4.4vw,3.6rem)}
h1 em,h2 em{font-style:italic;color:var(--accent)}
h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.lead{font-size:clamp(1.02rem,1.4vw,1.18rem);color:var(--muted);max-width:33em;margin-top:20px}
.sub{color:var(--muted);font-size:1.1rem;max-width:36em;margin-top:18px}
.sub--l{color:#B9B8AE}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.eyebrow--l{color:#9C9B91}
.fine{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:38em}
.sec--dark .fine{color:#9C9B91}

/* word reveal (Cyrillic-safe) */
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.14em 0 .08em;margin:-.14em 0 -.08em}
.wi{display:inline-block;transform:translateY(112%);transition:transform .9s var(--ease);transition-delay:calc(var(--i)*55ms)}
.in .wi{transform:none}
h1[data-split],h2[data-split]{padding-top:.12em;margin-top:-.12em}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none}

/* hero */
.hero{position:relative;padding:0;overflow:hidden}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.55;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 30%,#000 30%,transparent 100%)}
.hero__in{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:32px;align-items:center;padding-block:8px 0}
.pill{display:inline-flex;align-items:center;gap:10px;font-size:14px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:20px;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 rgba(31,157,107,.5);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 9px rgba(31,157,107,0)}100%{box-shadow:0 0 0 0 rgba(31,157,107,0)}}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ticks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14.5px;color:var(--muted)}
.ticks li::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.6 7.3l2.2 2.2 4.6-4.8' fill='none' stroke='%23F26A1B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

.hero__visual{position:relative}
.phone{background:var(--card);border-radius:28px;padding:20px;width:100%;max-width:470px;margin-inline:auto;box-shadow:0 1px 0 var(--line),0 30px 70px -30px rgba(20,21,15,.28),0 0 0 1px var(--line);min-height:500px;display:flex;flex-direction:column}
.phone__bar{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}
.phone__live{display:inline-flex;align-items:center;gap:8px}
.phone__live i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:ping 2s infinite}
.phone__time{font-family:var(--mono);color:var(--muted);font-size:13px}
.phone__tag{margin-top:12px;font-family:var(--mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 10px;background:var(--tint);border-radius:8px;align-self:flex-start}
.wave{display:flex;align-items:center;gap:3px;height:46px;margin:18px 0 8px}
.wave i{flex:1;height:6px;border-radius:3px;background:var(--line);transition:background .3s}
.wave.is-ai i{background:var(--accent);animation:bar .9s ease-in-out infinite alternate}
.wave.is-cl i{background:var(--ink);animation:bar 1.1s ease-in-out infinite alternate}
@keyframes bar{from{height:6px}to{height:var(--h,34px)}}
.chat{display:flex;flex-direction:column;gap:10px;flex:1;min-height:210px}
.msg{max-width:86%;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.4;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.msg.show{opacity:1;transform:none}
.msg--cl{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.msg--ai{align-self:flex-start;background:var(--tint);border-bottom-left-radius:6px}
.msg small{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-bottom:3px}
.summary{margin-top:14px;border-radius:16px;background:var(--accent-soft);padding:14px 16px;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.summary.show{opacity:1;transform:none}
.summary__head{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--accent-d)}
.summary__ic{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px}
.summary dl{display:grid;gap:4px;margin-top:10px;font-size:14px}
.summary dl div{display:flex;justify-content:space-between;gap:14px}
.summary dt{color:var(--muted)}.summary dd{font-weight:500;text-align:right}
.float{position:absolute;background:var(--card);border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px -18px rgba(20,21,15,.3),0 0 0 1px var(--line);display:flex;flex-direction:column;line-height:1.2;animation:bob 6s ease-in-out infinite}
.float b{font-family:var(--mono);font-size:20px;font-weight:500}
.float span{font-size:12.5px;color:var(--muted)}
.float--a{left:-6px;top:120px}
.float--b{right:-8px;top:300px;animation-delay:-3s}
@keyframes bob{50%{transform:translateY(-10px)}}

.marquee{border-block:1px solid var(--line);background:var(--card);overflow:hidden;white-space:nowrap}
.marquee__track{display:inline-flex;animation:slide 40s linear infinite}
.marquee span{font-family:var(--serif);font-style:italic;font-size:1.3rem;padding:20px 26px;color:var(--muted);display:inline-flex;align-items:center;gap:52px}
.marquee span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
@keyframes slide{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:clamp(72px,10vw,128px) 0}
.sec--tint{background:var(--tint)}
.sec--dark{background:var(--ink);color:#fff}
.sec__head{margin-bottom:48px;max-width:860px}

/* calculator */
.calc{display:grid;grid-template-columns:1.15fr .85fr;background:var(--card);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.calc__in{padding:38px;display:grid;gap:30px}
.rng{display:grid;gap:14px}
.rng__t{display:flex;justify-content:space-between;gap:16px;font-size:15.5px;color:var(--muted)}
.rng__t b{font-family:var(--mono);font-weight:500;color:var(--ink);font-size:17px;white-space:nowrap}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--accent) var(--p,30%),var(--line) var(--p,30%));outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 4px 12px -2px rgba(242,106,27,.5);transition:transform .2s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--accent)}
.calc__out{padding:38px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:14px;position:relative;overflow:hidden}
.calc__out::before{content:"";position:absolute;width:320px;height:320px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(242,106,27,.55),transparent 65%);animation:drift 9s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(-40px,60px)}}
.calc__lbl{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:#B9B8AE;position:relative}
.calc__num{font-family:var(--serif);font-size:clamp(3rem,6vw,4.6rem);line-height:1;letter-spacing:-.03em;position:relative}
.calc__num small{font-family:var(--sans);font-size:1.05rem;letter-spacing:0;color:#B9B8AE}
.calc__note{color:#B9B8AE;font-size:15px;position:relative;margin-bottom:6px}
.calc__out .btn{align-self:flex-start;position:relative;background:#fff;color:var(--ink)}
.calc__out .btn:hover{background:var(--accent-soft)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.card{background:var(--card);border-radius:var(--r);padding:28px;box-shadow:0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--ink),0 22px 40px -26px rgba(20,21,15,.4)}
.card__n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-d);font-family:var(--mono);font-size:14px;margin-bottom:18px}
.card p{color:var(--muted);margin-top:8px;font-size:15.5px}

/* steps */
.steps{list-style:none;position:relative;display:grid;gap:22px;padding-left:0;max-width:880px}
.steps::before,.steps::after{content:"";position:absolute;left:29px;top:30px;bottom:30px;width:2px}
.steps::before{background:var(--line)}
.steps::after{background:var(--accent);transform-origin:top;transform:scaleY(var(--p,0))}
.step{position:relative;display:grid;grid-template-columns:60px 1fr;gap:26px;align-items:start;background:var(--card);border-radius:var(--r);padding:26px 30px 26px 0;box-shadow:0 0 0 1px var(--line)}
.step__n{position:relative;z-index:1;margin-left:0;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px var(--line);font-family:var(--mono);font-size:16px;transition:background .4s,color .4s,box-shadow .4s}
.step.on .step__n{background:var(--accent);color:#fff;box-shadow:0 0 0 6px var(--accent-soft)}
.step p{color:var(--muted);margin-top:8px;max-width:38em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.panel{background:var(--card);border-radius:var(--r);padding:30px;box-shadow:0 0 0 1px var(--line)}
.panel ul{list-style:none;display:grid;gap:12px;margin-top:20px}
.panel li{position:relative;padding-left:30px;color:var(--ink);font-size:16px}
.panel li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:11px}
.panel--yes li::before{background-color:#DDF3E8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.2 7.3l2.4 2.4 5.2-5.4' fill='none' stroke='%231F9D6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.panel--no li::before{background-color:#F6DEDA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 4l6 6M10 4l-6 6' fill='none' stroke='%23C4402F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.badge{display:inline-block;font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:99px}
.badge--yes{background:#DDF3E8;color:#17724D}.badge--no{background:#F6DEDA;color:#9E2F20}

/* demo */
.demo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.demo__copy .fine{margin-top:22px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chips li{padding:10px 16px;border-radius:99px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;color:var(--muted);transition:box-shadow .2s,color .2s}
.chips li:hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink)}
.stage{background:var(--card);border-radius:30px;padding:36px 28px 30px;box-shadow:0 0 0 1px var(--line),0 40px 80px -50px rgba(20,21,15,.4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.orb{position:relative;width:min(240px,62vw);aspect-ratio:1;border-radius:50%;isolation:isolate;--v:0;transform:scale(calc(1 + var(--v)*.14));transition:transform .08s linear}
.orb i{position:absolute;inset:0;border-radius:50%;filter:blur(14px);opacity:.9;mix-blend-mode:multiply}
.orb i:nth-child(1){background:radial-gradient(circle at 30% 30%,#FF9A5A,transparent 60%);animation:o1 7s ease-in-out infinite alternate}
.orb i:nth-child(2){background:radial-gradient(circle at 70% 40%,#FFD28A,transparent 55%);animation:o2 9s ease-in-out infinite alternate}
.orb i:nth-child(3){background:radial-gradient(circle at 50% 78%,#F26A1B,transparent 60%);animation:o3 8s ease-in-out infinite alternate}
.orb b{position:absolute;inset:-14px;border-radius:50%;border:2px solid var(--accent);opacity:0;z-index:-1}
@keyframes o1{to{transform:translate(18%,12%) scale(1.12)}}
@keyframes o2{to{transform:translate(-16%,18%) scale(.92)}}
@keyframes o3{to{transform:translate(10%,-18%) scale(1.1)}}
.stage[data-state=connecting] .orb i{animation-duration:2s}
.stage[data-state=listening] .orb b{opacity:.5;border-color:var(--live);animation:ring 2s ease-out infinite}
.stage[data-state=speaking] .orb i{animation-duration:2.6s}
.stage[data-state=speaking] .orb b{opacity:.5;animation:ring 1.4s ease-out infinite}
@keyframes ring{from{transform:scale(.92);opacity:.6}to{transform:scale(1.18);opacity:0}}
.stage__status{font-size:15px;color:var(--muted)}
.stage__timer{font-family:var(--mono);font-size:15px;padding:6px 14px;border-radius:99px;background:var(--tint)}
.stage[data-state=listening] .stage__timer,.stage[data-state=speaking] .stage__timer{background:var(--accent-soft);color:var(--accent-d)}
.stage[data-state=listening] #talk,.stage[data-state=speaking] #talk,.stage[data-state=connecting] #talk{background:var(--ink);box-shadow:none}
.live{width:100%;display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto;text-align:left;scroll-behavior:smooth}
.live .msg{opacity:1;transform:none;font-size:14.5px}
.stage__err{font-size:14.5px;color:#9E2F20;background:#F6DEDA;padding:10px 14px;border-radius:12px}

/* offer */
.offer{display:grid;grid-template-columns:1.1fr .9fr;background:var(--card);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.offer__l{padding:40px}
.offer__r{padding:40px;background:var(--paper);border-left:1px solid var(--line)}
.offer__tag{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-d)}
.path{list-style:none;margin-top:26px;display:grid;gap:0;counter-reset:p}
.path li{position:relative;padding:0 0 28px 54px;counter-increment:p}
.path li:last-child{padding-bottom:0}
.path li::before{content:counter(p);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:14px}
.path li::after{content:"";position:absolute;left:17px;top:40px;bottom:6px;width:2px;background:var(--line)}
.path li:last-child::after{display:none}
.path b{display:block;font-size:18px;font-weight:600}
.path span{display:block;color:var(--muted);margin-top:4px}
.price{display:flex;align-items:baseline;gap:10px}
.price__n{font-family:var(--serif);font-size:clamp(3.4rem,6vw,5rem);letter-spacing:-.04em;line-height:1}
.price__u{font-size:1.1rem;color:var(--muted)}
.price__s{margin-top:6px;color:var(--muted)}
.incl{list-style:none;display:grid;gap:11px;margin:26px 0 28px}
.incl li{position:relative;padding-left:28px;font-size:15.5px}
.incl li::before{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.4 7.3l2.4 2.4 4.9-5' fill='none' stroke='%23F26A1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}

/* faq */
.faq{display:grid;gap:12px}
.faq details{background:var(--card);border-radius:18px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .25s}
.faq details[open]{box-shadow:0 0 0 1px var(--ink)}
.faq summary{list-style:none;cursor:pointer;padding:22px 26px;font-weight:500;font-size:17px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);font-size:24px;color:var(--accent);transition:transform .35s var(--ease);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 26px 24px;color:var(--muted);max-width:44em;animation:fade .5s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(-6px)}}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sec--dark h2 em{color:#FF9A5A}
.form{display:grid;gap:16px;background:#1D1E17;border-radius:var(--r);padding:30px;box-shadow:0 0 0 1px #2D2E25}
.form label{display:grid;gap:8px;font-size:14px;color:#B9B8AE}
.form input,.form select{width:100%;background:#12130D;border:1px solid #34352B;border-radius:12px;padding:14px 16px;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s;font-size:16px}
.form input:focus,.form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(242,106,27,.2)}
.form input.bad{border-color:#E5604B}
.form__msg{font-size:14.5px;color:#9FE0C2}

.foot{padding:30px 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.foot__in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.foot .logo{color:var(--ink)}

.dock{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(246,245,241,.95) 40%);z-index:55;transform:translateY(120%);transition:transform .4s var(--ease);display:none}
.dock.show{transform:none}

/* responsive */
@media (max-width:980px){
  .hero__in,.demo,.contact,.offer,.calc{grid-template-columns:1fr}
  .hero__in{gap:40px}
  .nav__links{display:none}
  .offer__r{border-left:0;border-top:1px solid var(--line)}
  .float--a{left:-8px}.float--b{right:-8px}
}
@media (max-width:720px){
  body{font-size:16.5px}
  .trio,.split{grid-template-columns:1fr}
  .calc__in,.calc__out,.offer__l,.offer__r{padding:26px}
  .step{grid-template-columns:48px 1fr;gap:16px;padding:20px 20px 20px 0}
  .step__n{width:48px;height:48px;font-size:14px}
  .steps::before,.steps::after{left:23px}
  .dock{display:block}
  .foot{padding-bottom:90px}
  .phone{min-height:0}
  .float{display:none}
  .nav .btn{display:none}
  .hero__cta .btn{flex:1}
}

/* reduced motion: soften, never hide content */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .wi{transform:none;transition:opacity .5s;opacity:0}.in .wi{opacity:1}
  .reveal{transform:none;transition:opacity .6s}
  .marquee__track{animation-duration:120s}
  .float,.orb i,.calc__out::before{animation-duration:20s}
}

/* hero hand + phone */
.hero__visual{align-self:end}
.hand{position:relative;width:min(100%,430px);height:560px;margin-inline:auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.hand img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(20,21,15,.18));transform-origin:50% 100%;animation:handfloat 7s ease-in-out infinite}
@keyframes handfloat{50%{transform:translateY(-8px) rotate(-.6deg)}}
.hand__screen{position:absolute;left:17.6%;top:1.1%;width:42.2%;height:44.4%;border-radius:9.5% / 4.6%;overflow:hidden;container-type:inline-size;background:linear-gradient(180deg,#fff,#FFF3EA);z-index:2}
.scr{height:100%;display:flex;flex-direction:column;align-items:center;padding:13cqw 6cqw 6cqw;text-align:center}
.scr__top{display:inline-flex;align-items:center;gap:2cqw;font-size:4.4cqw;color:var(--muted);font-weight:500;margin-top:1cqw}
.scr__top i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--live);animation:ping 2s infinite}
.scr__orb{position:relative;width:40cqw;aspect-ratio:1;margin:6cqw 0 4cqw;isolation:isolate}
.scr__orb i{position:absolute;inset:0;border-radius:50%;filter:blur(2.4cqw);mix-blend-mode:multiply}
.scr__orb i:nth-child(1){background:radial-gradient(circle at 30% 30%,#FF9A5A,transparent 62%);animation:o1 5s ease-in-out infinite alternate}
.scr__orb i:nth-child(2){background:radial-gradient(circle at 70% 40%,#FFD28A,transparent 56%);animation:o2 6s ease-in-out infinite alternate}
.scr__orb i:nth-child(3){background:radial-gradient(circle at 50% 78%,#F26A1B,transparent 62%);animation:o3 5.5s ease-in-out infinite alternate}
.scr__name{font-family:var(--serif);font-size:9.5cqw;line-height:1;letter-spacing:-.02em;font-feature-settings:"locl" 0}
.scr__role{font-size:3.7cqw;color:var(--muted);margin-top:1.6cqw}
.scr__wave{display:flex;align-items:center;gap:.9cqw;height:9cqw;margin-top:5cqw}
.scr__wave i{width:1.1cqw;height:1.6cqw;border-radius:1cqw;background:var(--accent);animation:bar2 .9s ease-in-out infinite alternate}
.scr__wave i:nth-child(3n){animation-duration:.6s}.scr__wave i:nth-child(3n+1){animation-duration:1.1s;animation-delay:-.3s}.scr__wave i:nth-child(4n){animation-delay:-.5s}
@keyframes bar2{to{height:8cqw}}
.scr__time{font-family:var(--mono);font-size:4.4cqw;color:var(--muted);margin-top:3cqw}
.scr__row{display:flex;gap:12cqw;margin-top:auto}
.scr__btn{display:grid;place-items:center;width:13cqw;height:13cqw;border-radius:50%;font-size:5.5cqw;color:#fff}
.scr__btn--no{background:#E5604B}.scr__btn--yes{background:var(--live);animation:ping 2s infinite}

/* primer */
.sec--primer{padding-top:clamp(56px,8vw,100px)}
.primer{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.primer__card{display:flex;justify-content:center}

/* guarantee */
.sec--guar{background:linear-gradient(180deg,var(--paper),#FFF1E6 40%,#FFF1E6 70%,var(--paper));overflow:hidden}
.guar{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.seal{position:relative;width:min(340px,76vw);aspect-ratio:1;margin-inline:auto}
.seal::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#FFE0CC 70%);box-shadow:0 30px 60px -30px rgba(242,106,27,.55),inset 0 0 0 1.5px rgba(242,106,27,.35)}
.seal__ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 28s linear infinite}
.seal__ring text{font-family:var(--mono);font-size:15px;fill:var(--accent-d)}
@keyframes spin{to{transform:rotate(360deg)}}
.seal__core{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.seal__core b{font-family:var(--serif);font-weight:400;font-size:clamp(6rem,14vw,9.5rem);line-height:.9;letter-spacing:-.05em;color:var(--ink);font-feature-settings:"locl" 0}
.seal__core span{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--accent);margin-top:-6px}
.days{display:grid;grid-template-columns:repeat(15,1fr);gap:7px;margin-top:34px;max-width:560px}
.days i{aspect-ratio:1;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1.5px #F2D3BD;transition:background .35s,box-shadow .35s,transform .35s var(--ease);transition-delay:calc(var(--k)*28ms)}
.days.in i{background:var(--accent);box-shadow:none}
.days.in i:last-child{background:var(--ink);transform:scale(1.12)}
.guar__pts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;padding-top:26px;border-top:1px solid #F2D3BD}
.guar__pts b{display:block;font-size:16.5px}
.guar__pts span{display:block;color:var(--muted);font-size:14.5px;margin-top:4px}

@media (max-width:980px){
  .hero__in{grid-template-columns:1fr;gap:12px;padding-block:8px 0}
  .hand{height:470px;width:min(100%,360px)}
  .primer,.guar{grid-template-columns:1fr;gap:40px}
  .float--a{left:2%;top:90px}.float--b{right:2%;top:240px}
}
@media (max-width:720px){
  .hand{height:420px;width:min(92%,320px)}
  .float{display:none}
  .days{grid-template-columns:repeat(10,1fr)}
  .guar__pts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .hand img{animation-duration:20s}.seal__ring{animation-duration:90s}
}

.hand__in{position:relative;padding-top:10px}
.hand__screen{top:calc(1.1% + 10px)}
.hand__screen::after{content:"";position:absolute;top:1.4%;left:50%;transform:translateX(-50%);width:32%;height:4.4%;background:#050505;border-radius:99px;z-index:3}
.scr{padding-top:16cqw}


/* ===== v9 redesign ===== */
.logo img{height:26px;width:auto;display:block}
.nav.is-stuck .logo img{height:24px}

/* hero: hand is static, no halo, no fade */
.hand{-webkit-mask-image:none;mask-image:none}
.hand img{animation:none!important;filter:none!important;transform:none!important}
.float{animation:none}

/* ---- scenes A/B/C ---- */
.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;align-items:start}
.scene{position:relative;background:var(--card);border-radius:28px;padding:12px 12px 30px;box-shadow:0 0 0 1px var(--line),0 30px 50px -40px rgba(20,21,15,.5)}
.scene:nth-child(1){--rot:-1.6deg;--bg:#FFE4D2;--ac:#F26A1B}
.scene:nth-child(2){--rot:0deg;--bg:#FFEFBE;--ac:#E08A00;margin-top:34px}
.scene:nth-child(3){--rot:1.6deg;--bg:#FFDCE7;--ac:#F0356F}
.scene.reveal{opacity:1;transform:rotate(var(--rot));transition:transform .5s var(--ease),box-shadow .4s}
.scene.reveal:not(.in){opacity:0}
.scene.reveal.in{animation:sceneIn 1s var(--ease) backwards;animation-delay:var(--d,0ms)}
.scene.reveal.in:hover{transform:rotate(0) translateY(-8px);box-shadow:0 0 0 1px var(--ink),0 40px 60px -36px rgba(20,21,15,.55)}
@keyframes sceneIn{from{opacity:0;transform:translateY(60px) rotate(calc(var(--rot) * 4))}}
.scene h3{margin:24px 14px 0;font-size:1.22rem}
.scene p{margin:8px 14px 0;color:var(--muted);font-size:15.5px}
.scene__letter{position:absolute;z-index:3;top:26px;left:30px;font-family:var(--serif);font-style:italic;font-size:3rem;line-height:1;color:transparent;-webkit-text-stroke:1.4px var(--ink);transition:color .4s}
.scene:hover .scene__letter{color:var(--ink)}
.art{position:relative;height:244px;border-radius:20px;background:var(--bg);overflow:hidden;isolation:isolate}
.art::before,.art::after{content:"";position:absolute;border-radius:50%;z-index:-1;background:rgba(255,255,255,.55)}
.art::before{width:200px;height:200px;right:-70px;top:-80px}
.art::after{width:150px;height:150px;left:-50px;bottom:-70px;background:rgba(255,255,255,.35)}
.scene:not(.in) *{animation-play-state:paused!important}

/* A: ringing phone + missed chips */
.ring{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px}
.ring i{position:absolute;inset:0;border-radius:50%;border:2px solid var(--ac);opacity:0;animation:ringp 2.4s ease-out infinite}
.ring i:nth-child(2){animation-delay:.8s}.ring i:nth-child(3){animation-delay:1.6s}
@keyframes ringp{from{transform:scale(1);opacity:.75}to{transform:scale(2.7);opacity:0}}
.ring__ph{position:absolute;inset:0;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;animation:shake 2.4s infinite;box-shadow:0 14px 26px -10px rgba(20,21,15,.6)}
.ring__ph svg{width:36px;height:36px}
@keyframes shake{0%,32%,100%{transform:rotate(0)}4%{transform:rotate(-16deg)}9%{transform:rotate(16deg)}14%{transform:rotate(-12deg)}19%{transform:rotate(12deg)}24%{transform:rotate(-6deg)}28%{transform:rotate(5deg)}}
.chip{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:9px 13px 9px 9px;box-shadow:0 14px 28px -14px rgba(20,21,15,.4);font-size:12.5px;line-height:1.25;opacity:0}
.chip b{display:block;font-weight:600}.chip small{color:var(--muted);font-size:11.5px}
.chip .x{width:26px;height:26px;border-radius:9px;background:#F6DEDA;color:#C4402F;display:grid;place-items:center;font-size:12px;flex:none}
.chip--m1{right:12px;top:22px;animation:chipin 6s var(--ease) infinite .6s}
.chip--m2{left:12px;bottom:18px;animation:chipin 6s var(--ease) infinite 3.2s}
@keyframes chipin{0%{opacity:0;transform:translateY(16px) scale(.9)}10%,52%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-8px)}}

/* B: 24h timeline */
.day{position:absolute;left:20px;right:20px;top:78px;bottom:42px}
.day__bars{display:flex;gap:3px;align-items:flex-end;height:100%}
.day__bars i{flex:1;height:34%;border-radius:5px;background:rgba(20,21,15,.14)}
.day__bars i.w{height:64%;background:var(--ink)}
.day__now{position:absolute;top:-12px;bottom:-4px;left:0;width:2px;background:var(--ac);animation:scan 7s linear infinite}
.day__now::before{content:"";position:absolute;left:-5px;top:-2px;width:12px;height:12px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 5px rgba(224,138,0,.25)}
@keyframes scan{from{left:0}to{left:calc(100% - 2px)}}
.day__call{position:absolute;bottom:58px;transform:translateX(-50%);padding:5px 9px 5px 8px;border-radius:99px;background:#fff;color:#B3321F;font-family:var(--mono);font-size:11.5px;box-shadow:0 10px 20px -10px rgba(20,21,15,.45);opacity:0;white-space:nowrap}
.day__call::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#E5604B;margin-right:6px;vertical-align:1px}
.day__call.c1{left:27%;animation:pop 7s infinite 1.7s}
.day__call.c2{left:80%;bottom:60px;animation:pop 7s infinite 5.4s}
.day__call.c3{left:auto;right:0;transform:none;bottom:104px;animation:pop3 7s infinite 6.3s}
@keyframes pop{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.6)}4%{opacity:1;transform:translateX(-50%) scale(1.12)}8%,34%{opacity:1;transform:translateX(-50%)}44%,100%{opacity:0;transform:translateX(-50%) translateY(-6px)}}
@keyframes pop3{0%{opacity:0;transform:translateY(10px) scale(.6)}4%{opacity:1;transform:scale(1.12)}8%,34%{opacity:1;transform:none}44%,100%{opacity:0;transform:translateY(-6px)}}
.day__lbl{position:absolute;left:0;right:0;bottom:-26px;height:18px;font-family:var(--mono);font-size:11px;color:rgba(20,21,15,.6)}
.day__lbl span{position:absolute;top:0}
.day__lbl span:first-child{left:0}.day__lbl span:nth-child(3){right:0}
.day__lbl .work{left:37.5%;width:37.5%;text-align:center;color:var(--ink);border-top:1.5px solid var(--ink);padding-top:3px;top:-4px}

/* C: lines */
.lines{position:absolute;left:16px;right:16px;top:74px;bottom:16px;display:grid;gap:9px;align-content:end}
.ln{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:9px 12px;box-shadow:0 10px 24px -16px rgba(20,21,15,.4);font-size:12px}
.ln__n{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.ln em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap}
.ln__w{display:flex;gap:3px;align-items:center;height:20px;overflow:hidden}
.ln__w i{flex:none;width:3px;height:4px;border-radius:2px;background:var(--ink);animation:bar3 .9s ease-in-out infinite alternate}
.ln__w i:nth-child(odd){animation-delay:-.4s}.ln__w i:nth-child(3n){animation-duration:.6s}.ln__w i:nth-child(4n){animation-duration:1.2s}
@keyframes bar3{to{height:18px}}
.ln__p{position:relative;height:22px}
.ln__p span{position:absolute;left:0;top:0;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:500;white-space:nowrap;opacity:0}
.ln__p .p1{background:#FFE9DC;color:#B24A0C;animation:p1 5s infinite}
.ln__p .p2{background:#F6DEDA;color:#9E2F20;animation:p2 5s infinite}
@keyframes p1{0%{opacity:0;transform:translateX(-8px)}6%,40%{opacity:1;transform:none}44%{transform:translateX(3px)}48%{transform:translateX(-3px)}52%,100%{opacity:0}}
@keyframes p2{0%,50%{opacity:0;transform:scale(.8)}56%,92%{opacity:1;transform:none}100%{opacity:0}}
.ln__miss{animation:p2 5s infinite;opacity:0;color:#9E2F20!important}
.ln--3{background:var(--ink);color:#fff}
.ln--3 .ln__n{color:rgba(255,255,255,.55)}
.ln__p--ok span{opacity:1;background:#2A2C22;color:#8FE8BC;animation:none}
.ln__ok{color:#8FE8BC!important;font-size:14px!important}

/* ---- how it works: flow with connectors ---- */
.flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:88px;margin-top:8px}
.fl{position:relative}
.fl.reveal{opacity:1;transform:none;transition:none}
.fl.reveal:not(.in){opacity:0}
.fl.reveal.in{animation:flIn .9s var(--ease) backwards;animation-delay:var(--d,0ms)}
@keyframes flIn{from{opacity:0;transform:translateY(40px)}}
.fl:not(.in) *{animation-play-state:paused!important}
.fl__panel{position:relative;height:248px;border-radius:26px;color:#fff;overflow:hidden;isolation:isolate;background:#14150F radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.4px) 0 0/16px 16px;box-shadow:0 34px 50px -36px rgba(20,21,15,.7)}
.fl__panel::before,.fl__panel::after{content:"";position:absolute;border-radius:50%;filter:blur(34px);z-index:-1}
.fl__panel::before{width:240px;height:240px;left:-70px;top:-100px;background:rgba(255,130,30,.32)}
.fl__panel::after{width:200px;height:200px;right:-60px;bottom:-90px;background:rgba(255,50,120,.3)}
.fl__meta{padding:24px 4px 0}
.fl__n{display:inline-flex;font-family:var(--mono);font-size:12.5px;padding:4px 11px;border-radius:99px;background:linear-gradient(90deg,#FF9A1F,#FF3D7F);color:#fff;margin-bottom:12px}
.fl__meta p{color:var(--muted);margin-top:8px;font-size:15.5px}
.fl__link{position:absolute;right:-88px;top:106px;width:88px;height:36px;z-index:4}
.fl__link svg{overflow:visible}
.dash{animation:dash .9s linear infinite}
@keyframes dash{to{stroke-dashoffset:-16}}

/* panel 1: knowledge */
.kb{position:absolute;inset:28px 44px 64px 26px;display:flex;align-items:center;justify-content:space-between}
.kb__src{display:grid;gap:10px}
.file{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-family:var(--mono);font-size:12px;animation:fileGo 5s ease-in-out infinite}
.file::before{content:"";width:8px;height:11px;border-radius:2px;background:#FF9A1F}
.file.f2{animation-delay:.5s}.file.f3{animation-delay:1s}
@keyframes fileGo{0%,10%{transform:none;opacity:1}42%{transform:translateX(96px) scale(.6);opacity:0}43%,62%{transform:translateX(-12px);opacity:0}82%,100%{transform:none;opacity:1}}
.kb__orb{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 200deg,#FF9A1F,#FF3D7F,#FF9A1F);animation:orbp 5s ease-in-out infinite}
.kb__orb::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#14150F}
.kb__orb b{position:relative;font-family:var(--serif);font-size:2rem;font-weight:400;font-feature-settings:"locl" 0}
.kb__orb i{position:absolute;inset:-8px;border-radius:50%;border:1.5px solid rgba(255,154,31,.6);animation:ringk 2.5s ease-out infinite}
@keyframes ringk{from{transform:scale(.9);opacity:.8}to{transform:scale(1.5);opacity:0}}
@keyframes orbp{0%,100%{transform:scale(1)}45%,60%{transform:scale(1.1)}}
.kb__bar{position:absolute;left:26px;right:26px;bottom:22px;display:grid;gap:8px;font-size:12px;color:rgba(255,255,255,.65)}
.kb__bar div{height:6px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.kb__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FF9A1F,#FF3D7F);transform-origin:left;animation:fill 5s ease-in-out infinite}
@keyframes fill{0%,10%{transform:scaleX(0)}55%,88%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:.2}}

/* panel 2: forwarding toggles */
.fw{position:absolute;inset:24px 22px 20px;display:grid;gap:9px;align-content:center}
.fw__num{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;padding:0 4px}
.fw__num small{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em}
.fw__num b{font-family:var(--mono);font-weight:500;font-size:16px}
.tg{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:13.5px}
.tg i{position:relative;flex:none;width:40px;height:23px;border-radius:99px;background:rgba(255,255,255,.22);animation:tgbg 5.5s infinite}
.tg i::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;animation:tgdot 5.5s infinite}
.tg.t2 i,.tg.t2 i::after{animation-delay:.5s}.tg.t3 i,.tg.t3 i::after{animation-delay:1s}
@keyframes tgbg{0%,8%{background:rgba(255,255,255,.22)}16%,80%{background:#2FD08A}92%,100%{background:rgba(255,255,255,.22)}}
@keyframes tgdot{0%,8%{transform:none}16%,80%{transform:translateX(17px)}92%,100%{transform:none}}

/* panel 3: notification */
.nt{position:absolute;left:26px;right:26px;top:28px;background:#fff;color:var(--ink);border-radius:18px;padding:13px 15px;box-shadow:0 24px 40px -18px rgba(0,0,0,.7);animation:ntin 6s var(--ease) infinite}
.nt--back{top:42px;left:38px;right:38px;height:160px;opacity:.5;background:#E9E6DF;animation:none;box-shadow:none}
@keyframes ntin{0%{opacity:0;transform:translateY(46px) scale(.96)}12%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}
.nt__h{display:flex;align-items:center;gap:8px;font-size:12.5px}
.nt__h small{margin-left:auto;color:var(--muted)}
.nt__ic{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#FF9A1F,#FF3D7F);color:#fff;font-weight:700;font-size:12px}
.nt__t{font-weight:600;font-size:14px;margin:9px 0 6px}
.nt dl{display:grid;gap:3px;font-size:12.5px}
.nt dl div{display:flex;justify-content:space-between;gap:10px}
.nt dt{color:var(--muted)}.nt dd{font-weight:500;text-align:right}
.nt__b{display:flex;gap:8px;margin-top:10px;font-size:12px}
.nt__b span{padding:5px 11px;border-radius:99px;background:var(--ink);color:#fff}
.nt__b .nt__ok{background:#DDF3E8;color:#17724D;animation:okin 6s infinite}
@keyframes okin{0%,36%{opacity:0;transform:scale(.8)}44%,100%{opacity:1;transform:none}}

/* ---- demo: twisted pointer arrow (mobile) ---- */
.pointer{display:none;position:relative;width:230px;height:150px;margin:-4px auto -6px;pointer-events:none}
.pointer svg{overflow:visible;animation:nudge 1.6s ease-in-out infinite}
.pointer__line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 5s ease-in-out infinite}
.pointer__head{stroke-dasharray:1;stroke-dashoffset:1;animation:drawh 5s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:1;opacity:0}2%{stroke-dashoffset:1;opacity:1}38%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes drawh{0%,37%{stroke-dashoffset:1;opacity:0}38%{stroke-dashoffset:1;opacity:1}46%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes nudge{50%{transform:translateY(-6px)}}
.pointer__txt{position:absolute;left:4px;bottom:2px;font-family:'Caveat',cursive;font-size:28px;line-height:1;color:var(--ink);transform:rotate(-7deg)}
.stage:not([data-state=idle]) .pointer{display:none}

/* ---- footer ---- */
.foot{position:relative;background:var(--paper);padding:84px 0 0;border-top:0;overflow:hidden;font-size:15px;color:var(--muted)}
.foot__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:44px}
.foot__logo img{height:34px;width:auto}
.foot__brand p{margin:20px 0 24px;max-width:25em;font-size:16px;color:var(--muted)}
.foot__col{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:15.5px}
.foot__col h4{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.foot__col a{position:relative;color:var(--ink);padding-bottom:1px;background:linear-gradient(90deg,#FF9A1F,#FF3D7F) 0 100%/0 2px no-repeat;transition:background-size .35s var(--ease)}
.foot__col a:hover{background-size:100% 2px}
.foot__live{display:inline-flex;align-items:center;gap:9px;margin-top:4px;padding:6px 12px 6px 10px;border-radius:99px;background:#DDF3E8;color:#17724D;font-size:13.5px}
.foot__live i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:ping 2s infinite}
.foot__bar{display:flex;gap:12px 28px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:60px;padding:20px 0;border-top:1px solid var(--line);font-size:13.5px}
.foot__up{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:99px;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);transition:box-shadow .2s,transform .25s var(--ease)}
.foot__up:hover{box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(-3px)}
.foot__mark{width:min(1180px,calc(100% - 40px));margin:6px auto 0;height:clamp(64px,15.5vw,190px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 45%,transparent 98%);mask-image:linear-gradient(#000 45%,transparent 98%)}
.foot__mark img{width:100%;height:auto}
.foot__mark.reveal{transform:translateY(60px)}.foot__mark.reveal.in{transform:none;transition-duration:1.2s}

@media (max-width:980px){
  .scenes{grid-template-columns:1fr;gap:26px}
  .scene:nth-child(2){margin-top:0}
  .scene:nth-child(1){--rot:-.8deg}.scene:nth-child(3){--rot:.8deg}
  .flow{grid-template-columns:1fr;gap:68px;max-width:520px}
  .fl__link{right:auto;left:calc(50% - 44px);top:calc(100% + 16px);transform:rotate(90deg)}
  .pointer{display:block}
  .foot__top{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:720px){
  .foot{padding-top:60px;padding-bottom:0}
  .foot__mark{margin-bottom:76px}
  .foot__top{gap:34px 20px}
}
@media (prefers-reduced-motion:reduce){
  .ring i,.ring__ph,.chip,.day__now,.day__call,.ln__w i,.file,.kb__orb,.tg i,.tg i::after,.nt,.pointer svg,.dash{animation-duration:30s!important}
}


/* ===== v10 ===== */
html.modal-open{overflow:hidden}
/* hero: phone centred in its column (shift hand right; crop only the bottom) */
.hand{overflow:visible;clip-path:inset(-60px -120px 0 -120px)}
.hand img{transform:translateX(10.2%)!important}

/* link-style buttons in footer */
.linkbtn{background:none;border:0;padding:0 0 1px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(90deg,#FF9A1F,#FF3D7F) 0 100%/0 2px no-repeat;transition:background-size .35s var(--ease)}
.linkbtn:hover{background-size:100% 2px}
.foot{border-top:1px solid var(--line)}
.foot__bar{justify-content:flex-start}
.foot__col .btn{align-self:flex-start}

/* step 2 panel: answered calls */
.fw__live{display:inline-flex;align-items:center;gap:9px;justify-self:start;margin:0 0 4px 4px;padding:5px 12px 5px 10px;border-radius:99px;background:rgba(47,208,138,.14);color:#7CE6B4;font-size:12.5px}
.fw__live i{width:7px;height:7px;border-radius:50%;background:#2FD08A;animation:ping 2s infinite}
.fw__rows{display:grid;gap:9px}
.cl{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:13.5px}
.cl em{font-style:normal;font-size:12px;padding:3px 10px 3px 8px;border-radius:99px;background:rgba(47,208,138,.18);color:#7CE6B4;opacity:0;animation:answered 5.5s infinite}
.cl em::before{content:"✓ "}
.cl.c2 em{animation-delay:.6s}.cl.c3 em{animation-delay:1.2s}
.cl span{animation:ringrow 5.5s infinite}.cl.c2 span{animation-delay:.6s}.cl.c3 span{animation-delay:1.2s}
@keyframes answered{0%,10%{opacity:0;transform:scale(.8)}18%,82%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes ringrow{0%,10%{opacity:1}12%{opacity:.5}16%{opacity:1}20%,100%{opacity:1}}

/* guarantee */
.sec--g{padding-block:clamp(56px,8vw,100px)}
.gcard{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;padding:clamp(28px,4.5vw,56px);border-radius:34px;color:#fff;overflow:hidden;isolation:isolate;background:#14150F radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px}
.gcard::before,.gcard::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:-1}
.gcard::before{width:420px;height:420px;left:-140px;top:-180px;background:rgba(255,130,30,.38)}
.gcard::after{width:360px;height:360px;right:-100px;bottom:-160px;background:rgba(255,50,120,.3)}
.gcard h2{font-size:clamp(2rem,3.8vw,3.1rem);margin-top:6px}
.gcard h2 em{color:#FF9A5A}
.gcard__s{color:#B9B8AE;font-size:1.1rem;margin:16px 0 26px;max-width:28em}
.gauge{position:relative;width:128px;height:128px;margin-bottom:26px}
.gauge svg{width:100%;height:100%;overflow:visible}
.gauge circle{fill:none;stroke-width:8;stroke-linecap:round}
.gauge__track,.gauge__arc{transform:rotate(135deg);transform-origin:80px 80px}
.gauge__track{stroke:rgba(255,255,255,.14);stroke-dasharray:75 100}
.gauge__arc{stroke:url(#gg);stroke-dasharray:0 100}
.gcard.in .gauge__arc{animation:gfill 1.8s var(--ease) .3s forwards}
@keyframes gfill{to{stroke-dasharray:75 100}}
.gauge__orbit{transform-origin:80px 80px;animation:spin 9s linear infinite}
.gauge__n{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.gauge__n b{font-family:var(--serif);font-weight:400;font-size:2.9rem;letter-spacing:-.04em;font-feature-settings:"locl" 0}
.gauge__n span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#B9B8AE;margin-top:3px}
.gcard__r{list-style:none;display:grid;gap:12px}
.gcard__r li{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:transform .35s var(--ease),background .3s}
.gcard__r li:hover{transform:translateX(-6px);background:rgba(255,255,255,.11)}
.gcard__r i{flex:none;width:34px;height:34px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3.4 7.3l2.4 2.4 4.9-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(135deg,#FF9A1F,#FF3D7F)}
.gcard__r b{display:block;font-size:17px;font-weight:600}
.gcard__r span{display:block;color:#B9B8AE;font-size:14.5px;margin-top:2px}
@media (max-width:980px){.gcard{grid-template-columns:1fr}.gauge{width:112px;height:112px}}

/* contact popup */
.modal{border:0;padding:0;background:transparent;margin:auto;max-width:min(460px,calc(100% - 28px));width:100%;color:var(--ink);overflow:visible}
.modal::backdrop{background:rgba(20,21,15,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.modal[open]{animation:mpop .45s var(--ease)}
.modal[open]::backdrop{animation:mfade .35s ease}
@keyframes mpop{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes mfade{from{opacity:0}}
.mform{position:relative;display:grid;gap:16px;background:#fff;border-radius:28px;padding:34px 30px 30px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.mform::before{content:"";position:absolute;left:30px;right:30px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#FF9A1F,#FF3D7F)}
.mform .eyebrow{margin:0}
.mform h2{font-size:2.1rem;margin-bottom:4px}
.mform label{display:grid;gap:8px;font-size:14px;color:var(--muted)}
.mform label small{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#9A9C92;margin-left:6px}
.mform input{width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);outline:none;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
.mform input:focus{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px rgba(242,106,27,.15)}
.mform input.bad{border-color:#E5604B;background:#FFF5F3}
.mform .btn{margin-top:4px}
.modal__x{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;border:0;background:var(--tint);font-size:22px;line-height:1;cursor:pointer;color:var(--ink);transition:background .2s,transform .3s var(--ease)}
.modal__x:hover{background:var(--line);transform:rotate(90deg)}
.form__msg{font-size:14.5px}.form__msg.is-err{color:#B3321F}
.done{display:grid;gap:12px;justify-items:start;padding:10px 0}
.done__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#FF9A1F,#FF3D7F);color:#fff;font-size:24px}
.done p{color:var(--muted)}

@media (max-width:720px){.foot__mark{margin-bottom:0}}

.gcard__l{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.gcard .gauge{margin:0}
@media (max-width:720px){.gcard__l{grid-template-columns:1fr;gap:20px}.gcard .gauge{width:104px;height:104px}}

.fw{inset:16px 22px 14px;gap:7px}.cl{padding:8px 14px}.fw__live{margin-bottom:2px}


/* ===== v11 ===== */
/* no blurred blobs (iOS Safari leaks them past rounded corners): use plain gradients + hard clip */
.fl__panel::before,.fl__panel::after,.gcard::before,.gcard::after{display:none}
.fl__panel{background:radial-gradient(circle at 0% 0%,rgba(255,130,30,.34),transparent 58%),radial-gradient(circle at 100% 100%,rgba(255,50,120,.3),transparent 58%),radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.4px) 0 0/16px 16px,#14150F;clip-path:inset(0 round 26px);-webkit-clip-path:inset(0 round 26px)}
.gcard{background:radial-gradient(circle at 0% 0%,rgba(255,130,30,.3),transparent 50%),radial-gradient(circle at 100% 100%,rgba(255,50,120,.26),transparent 50%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/18px 18px,#14150F;clip-path:inset(0 round 34px);-webkit-clip-path:inset(0 round 34px)}
.art{clip-path:inset(0 round 20px);-webkit-clip-path:inset(0 round 20px)}

/* hero title a bit smaller for the longer line */
h1{font-size:clamp(2.3rem,4.7vw,4.1rem)}
.lead{max-width:34em}

/* fixed calculator factor */
.rng--fixed{padding:16px 18px;border-radius:16px;background:var(--tint);gap:10px}
.rng--fixed .rng__t b{display:inline-flex;align-items:center;gap:7px}
.rng--fixed svg{width:15px;height:15px;color:var(--muted)}
.rng__lock{height:6px;border-radius:99px;background:repeating-linear-gradient(90deg,#CFCCC1 0 6px,transparent 6px 10px)}
.rng__lock i{display:block;height:100%;width:0}
.rng--fixed small{font-size:13px;color:var(--muted);line-height:1.4}

/* footer: tighter, three columns */
.foot__top{grid-template-columns:1.6fr 1fr 1fr}
@media (max-width:980px){.foot__top{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .foot{padding-top:44px}
  .foot__top{gap:26px 20px}
  .foot__brand p{margin:14px 0 18px}
  .foot__bar{margin-top:30px;padding:14px 0}
  .foot__mark{margin-top:0}
}

@media (max-width:720px){#vaprosi{padding-bottom:36px}.foot{padding-top:36px}}


/* ===== v12 ===== */
.h2--q{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.12;max-width:20em}
.demo__note{font-size:clamp(1.15rem,1.7vw,1.4rem);line-height:1.45;color:var(--ink);max-width:22em;margin-top:22px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.plus{margin-top:64px}
.plus .eyebrow{margin-bottom:20px}
.plus__g{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plus__g li{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:transform .35s var(--ease),box-shadow .35s}
.plus__g li:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--ink),0 22px 36px -26px rgba(20,21,15,.45)}
.plus__ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--accent-soft);color:var(--accent-d);transition:background .35s,color .35s,transform .45s var(--ease)}
.plus__ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.plus__g li:hover .plus__ic{background:linear-gradient(135deg,#FF9A1F,#FF3D7F);color:#fff;transform:rotate(-8deg) scale(1.06)}
.plus__g b{font-size:16.5px;font-weight:600;line-height:1.3}
@media (max-width:980px){.plus__g{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.plus__g{grid-template-columns:1fr}.plus{margin-top:44px}}


/* ===== v13 ===== */
@media (hover:none){
  .plus__g li:hover{transform:none;box-shadow:0 0 0 1px var(--line)}
  .plus__g li:hover .plus__ic{background:var(--accent-soft);color:var(--accent-d);transform:none}
  .plus__g li.is-on{transform:translateY(-4px) scale(1.015);box-shadow:0 0 0 1px var(--ink),0 22px 36px -26px rgba(20,21,15,.45)}
  .plus__g li.is-on .plus__ic{background:linear-gradient(135deg,#FF9A1F,#FF3D7F);color:#fff;transform:rotate(-8deg) scale(1.06)}
  .plus__g li{transition-duration:.5s}
}
.lose{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:26px;padding:clamp(26px,4vw,48px);border-radius:30px;background:var(--card);box-shadow:0 0 0 1px var(--line),0 30px 50px -40px rgba(20,21,15,.5);overflow:hidden}
.lose__h{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.02em;margin:6px 0 14px;font-feature-settings:"locl" 0}
.lose__h em{color:var(--accent)}
.lose__txt p:last-child{color:var(--muted);font-size:1.05rem;max-width:30em}
.lose__viz{position:relative;display:grid;gap:26px;padding-left:46px}
.lose__line{position:absolute;left:14px;top:32px;bottom:32px;width:0;border-left:2px dashed #D9D6CB}
.lose__dot{position:absolute;left:5px;top:23px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#FF9A1F,#FF3D7F);box-shadow:0 0 0 6px rgba(255,100,70,.18);opacity:0;animation:ldot 8s ease-in-out infinite}
@keyframes ldot{0%,36%{opacity:0;top:23px}38%{opacity:1;top:23px}52%{opacity:1;top:123px}54%,100%{opacity:0;top:123px}}
.lrow{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 18px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.lrow::before{content:"";position:absolute;left:-39px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #D9D6CB}
.lrow b{font-size:16px;font-weight:600}
.lst{position:absolute;right:16px;top:50%;margin-top:-14px;padding:5px 12px;border-radius:99px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0}
.lr1{animation:lr1 8s infinite}
.lr1 .a{background:#FFE9DC;color:#B24A0C;animation:la1 8s infinite}
.lr1 .b{background:#F6DEDA;color:#9E2F20;animation:lb1 8s infinite}
.lr2{animation:lr2 8s infinite}
.lr2 .a{background:#FFE9DC;color:#B24A0C;animation:la2 8s infinite}
.lr2 .c{background:#DDF3E8;color:#17724D;animation:lc2 8s infinite}
.lr3{opacity:.55}.lr3 .d{opacity:1;background:var(--tint);color:var(--muted)}
@keyframes la1{0%{opacity:0;transform:translateX(-6px)}4%,34%{opacity:1;transform:none}38%,100%{opacity:0}}
@keyframes lb1{0%,36%{opacity:0;transform:scale(.85)}42%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes lr1{0%,38%{opacity:1}46%,88%{opacity:.5}96%,100%{opacity:1}}
@keyframes la2{0%,50%{opacity:0}54%,64%{opacity:1}68%,100%{opacity:0}}
@keyframes lc2{0%,66%{opacity:0;transform:scale(.85)}72%,90%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lr2{0%,66%{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}72%,90%{background:#F3FBF7;box-shadow:inset 0 0 0 1.5px #7CCFA6,0 14px 28px -16px rgba(31,157,107,.5)}98%,100%{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}}
.lose:not(.in) *{animation-play-state:paused!important}
@media (max-width:860px){.lose{grid-template-columns:1fr;gap:26px}}
@media (prefers-reduced-motion:reduce){.lose__dot,.lrow,.lst{animation-duration:40s!important}}


/* ===== v14 ===== */
h1{font-size:clamp(2.55rem,5.2vw,4.5rem);line-height:1.03}
.lead{font-size:clamp(1.18rem,1.75vw,1.42rem);line-height:1.5;color:#3E4037;max-width:30em;margin-top:22px;font-weight:450}

/* rotating 30-day guarantee seal */
.hero__visual{position:relative}
.seal2{position:absolute;z-index:4;right:3%;top:2%;width:148px;height:148px;filter:drop-shadow(0 16px 22px rgba(255,61,127,.28))}
.seal2 svg{width:100%;height:100%;overflow:visible}
.seal2__spin{transform-origin:80px 80px;animation:spin 26s linear infinite}
.seal2 text{font-family:var(--sans);font-weight:600;font-size:10.6px;letter-spacing:.08em;fill:#fff}
.seal2__tail{filter:none}
.seal2__n{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.seal2__n b{font-family:var(--serif);font-weight:500;font-size:34px;letter-spacing:-.04em;color:var(--ink);font-feature-settings:"locl" 0}
.seal2__n span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px}
@media (max-width:980px){.seal2{right:4%;top:0;width:128px;height:128px}}
@media (max-width:420px){.seal2{right:2%;width:116px;height:116px}.seal2__n b{font-size:30px}}
@media (prefers-reduced-motion:reduce){.seal2__spin{animation-duration:90s}}


/* ===== v15: static 3D medal, smaller, higher ===== */
.seal2{width:118px;height:140px;right:5%;top:-30px;filter:drop-shadow(0 14px 14px rgba(120,10,50,.30)) drop-shadow(0 3px 3px rgba(120,10,50,.25));transform:perspective(520px) rotateY(-16deg) rotateX(9deg) rotateZ(-7deg);transform-origin:50% 40%}
.seal2 svg{width:100%;height:100%}
.seal2__spin{animation:none}
.seal2 .m-t{font-family:var(--sans);font-weight:700;font-size:10.4px;letter-spacing:.06em;fill:#fff}
.seal2 .m-t--s{fill:#6B0A2A;fill-opacity:.55}
.seal2__n{inset:0 0 auto 0;height:118px}
.seal2__n b{font-size:31px;text-shadow:0 1px 0 #fff,0 2px 2px rgba(120,10,50,.25)}
.seal2__n span{font-size:8.5px;color:#9C1239}
@media (max-width:980px){.seal2{width:108px;height:128px;right:5%;top:-26px}.seal2__n{height:108px}.seal2__n b{font-size:28px}}
@media (max-width:420px){.seal2{width:96px;height:114px;right:3%;top:-24px}.seal2__n{height:96px}.seal2__n b{font-size:25px}}

.seal2{top:2px;right:4%}
@media (max-width:980px){.seal2{top:-16px}}
@media (max-width:420px){.seal2{top:-18px}}


/* ===== v16: light ticket badge + mobile menu ===== */
.seal2{display:none!important}
.tick{position:absolute;z-index:4;right:1%;top:4px;transform:rotate(-5deg);transform-origin:100% 0;filter:drop-shadow(0 2px 2px rgba(214,98,20,.18)) drop-shadow(0 14px 18px rgba(214,98,20,.28)) drop-shadow(0 30px 40px rgba(120,60,10,.16))}
.tick__in{display:grid;grid-template-columns:86px auto;align-items:center;height:82px;padding-right:20px;border-radius:22px;background:linear-gradient(155deg,#FFFDF9 0%,#FFF1E2 55%,#FFE2C6 100%);box-shadow:inset 0 0 0 1.5px rgba(242,106,27,.28),inset 0 1px 0 #fff;-webkit-mask:radial-gradient(circle 9px at 86px 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 86px 100%,#0000 96%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 9px at 86px 0,#0000 96%,#000) top/100% 51% no-repeat,radial-gradient(circle 9px at 86px 100%,#0000 96%,#000) bottom/100% 51% no-repeat}
.tick__n{position:relative;display:grid;place-content:center;text-align:center;height:100%;line-height:1}
.tick__n::after{content:"";position:absolute;right:0;top:14px;bottom:14px;border-right:2px dashed rgba(242,106,27,.4)}
.tick__n b{font-family:var(--serif);font-weight:500;font-size:44px;letter-spacing:-.05em;background:linear-gradient(160deg,#FF9A1F 10%,#F26A1B 55%,#E5481F);-webkit-background-clip:text;background-clip:text;color:transparent;font-feature-settings:"locl" 0;padding-right:2px}
.tick__n span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#C2561A;margin-top:3px}
.tick__t{display:grid;gap:1px;padding-left:16px;line-height:1.15}
.tick__ic{display:grid;place-items:center;width:20px;height:20px;margin-bottom:5px;border-radius:50%;background:linear-gradient(135deg,#FFA23A,#F26A1B);box-shadow:0 4px 8px -2px rgba(242,106,27,.6)}
.tick__ic svg{width:12px;height:12px}
.tick__t strong{font-size:17px;font-weight:650;color:#2A1A0E;letter-spacing:-.01em}
.tick__t small{font-size:12.5px;color:#8A5A3A;white-space:nowrap}
@media (max-width:980px){.tick{right:3%;top:-10px;transform:rotate(-5deg) scale(.9)}}
@media (max-width:420px){.tick{right:2%;top:-12px;transform:rotate(-5deg) scale(.8)}}

/* hamburger */
.burger{display:none;position:relative;width:46px;height:46px;border:0;border-radius:15px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;flex:none;transition:background .25s,box-shadow .25s}
.burger i{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease)}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:28px}
.burger[aria-expanded=true]{background:var(--ink)}
.burger[aria-expanded=true] i{background:#fff}
.burger[aria-expanded=true] i:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){top:22px;transform:rotate(-45deg)}
.menu{display:none}
@media (max-width:980px){
  .burger{display:block}
  .nav__in{gap:12px}
  .nav__in .btn--sm{margin-left:auto}
  .menu{display:block;position:absolute;left:0;right:0;top:100%;padding:14px 0 22px;background:rgba(246,245,241,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line),0 30px 40px -24px rgba(20,21,15,.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .4s var(--ease),visibility .3s}
  .menu.open{opacity:1;visibility:visible;transform:none}
  .menu__in{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .menu a{display:flex;flex-direction:column;gap:6px;justify-content:flex-end;min-height:76px;padding:14px 16px;border-radius:18px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);font-size:16.5px;font-weight:550;transition:transform .25s var(--ease),box-shadow .25s}
  .menu a small{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--accent)}
  .menu a:active{transform:scale(.97);box-shadow:inset 0 0 0 1.5px var(--accent)}
  .menu__cta{grid-column:1/-1;border:0;border-radius:18px;padding:17px;background:linear-gradient(90deg,#F26A1B,#F0456F);color:#fff;font-size:16.5px;font-weight:600;cursor:pointer;box-shadow:0 14px 24px -12px rgba(242,106,27,.7)}
  .menu a,.menu__cta{opacity:0;transform:translateY(8px)}
  .menu.open a,.menu.open .menu__cta{opacity:1;transform:none;transition:opacity .4s,transform .45s var(--ease);transition-delay:calc(var(--i,0)*40ms)}
}

.tick{right:-3%;top:-6px;transform:rotate(-5deg) scale(.86)}
@media (max-width:980px){.tick{right:2%;top:-12px;transform:rotate(-5deg) scale(.9)}}
@media (max-width:420px){.tick{right:0;top:-14px;transform:rotate(-5deg) scale(.8)}}

@media (max-width:980px){.tick{top:-34px}}

/* mobile/tablet: ticket sits in its own centred, horizontal slot; the hand moves down */
@media (max-width:980px){
  .hero__visual{display:flex;flex-direction:column;align-items:center}
  .tick{position:relative;order:-1;right:auto;top:auto;transform:none;margin:22px auto 22px;align-self:center}
  .tick__in{height:84px}
}
@media (max-width:420px){.tick{transform:none;margin:20px auto 20px}}


/* ===== v17: hero back to plain phone; night factor ===== */
@media (max-width:980px){.hero__visual{display:block}}
.rng.rng--fixed.night{display:grid;gap:12px;padding:16px 18px 14px;border-radius:20px;background:linear-gradient(135deg,#FFF8F0 0%,#FFEBD9 100%);box-shadow:inset 0 0 0 1.5px rgba(242,106,27,.24),0 14px 26px -20px rgba(242,106,27,.55)}
.night__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.night__ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#FFA23A,#F26A1B);box-shadow:0 8px 16px -8px rgba(242,106,27,.8)}
.night__ic svg{width:22px;height:22px}
.night__t{flex:1 1 180px;display:grid;gap:2px;line-height:1.25}
.night__t b{font-size:16px;font-weight:600;color:#2A1A0E}
.night__t small{font-size:13px;color:#8A5A3A}
.night__pill{display:inline-flex;align-items:baseline;gap:6px;padding:7px 13px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(242,106,27,.3);color:#C2561A;white-space:nowrap}
.night__pill svg{width:13px;height:13px;align-self:center}
.night__pill strong{font-family:var(--mono);font-weight:500;font-size:17px;color:#2A1A0E}
.night__pill em{font-style:normal;font-size:13px}
.night__bar{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;height:12px}
.night__bar i{border-radius:4px;background:rgba(20,21,15,.1)}
.night__bar i.o{background:linear-gradient(180deg,#FFAA45,#F26A1B)}
.night__lbl{display:grid;grid-template-columns:1fr auto 1fr;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:#9A6A48;margin-top:-4px}
.night__lbl span:nth-child(2){text-align:center}.night__lbl span:last-child{text-align:right}

.lose--top{margin:0 0 56px}

/* cookie banner */
.cb{position:fixed;left:50%;bottom:16px;z-index:90;width:min(760px,calc(100% - 24px));transform:translate(-50%,24px);opacity:0;transition:transform .45s var(--ease),opacity .35s}
.cb.is-in{transform:translate(-50%,0);opacity:1}
.cb__in{display:flex;align-items:center;gap:18px;padding:14px 14px 14px 22px;border-radius:22px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--line),0 24px 50px -22px rgba(20,21,15,.5)}
.cb.is-open .cb__in{align-items:flex-end}
.cb__main{flex:1;min-width:0}
.cb__t{font-size:14.5px;line-height:1.45;color:var(--muted)}
.cb__t b{color:var(--ink);font-weight:600;margin-right:6px}
.cb__more{margin-top:10px;display:grid;gap:8px;font-size:13.5px;line-height:1.5;color:var(--muted);animation:cbIn .4s var(--ease) both}
.cb__links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.cb__btns{display:flex;gap:8px;flex-shrink:0}
@keyframes cbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:640px){.cb{bottom:10px}.cb__in{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.cb.is-open .cb__in{align-items:stretch}.cb__btns{width:100%}.cb__btns .btn{flex:1}}
@media (prefers-reduced-motion:reduce){.cb,.cb__more{transition:none;animation:none}}

/* footer legal links */
.foot__legal{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}
.foot__legal a,.foot__legal .linkbtn{color:var(--muted);font-size:13.5px;transition:color .2s}
.foot__legal a:hover,.foot__legal .linkbtn:hover{color:var(--ink)}
.foot__bar{justify-content:space-between!important}

/* legal pages */
.lg-top{border-bottom:1px solid var(--line);background:var(--paper)}
.lg-top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.lg-top .logo img{height:26px;width:auto}
.lg-back{font-size:15px;color:var(--muted)}
.lg-back:hover{color:var(--ink)}
.lg{padding:56px 0 80px}
.lg h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,5vw,3rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:10px}
.lg__date{color:var(--muted);font-size:14px;margin-bottom:34px}
.lg h2{font-size:1.2rem;font-weight:600;margin:34px 0 10px;letter-spacing:-.01em}
.lg p,.lg li{color:#3a3d33;font-size:16.5px;line-height:1.65}
.lg p+p{margin-top:10px}
.lg ul{margin:8px 0 0 20px;display:grid;gap:6px}
.lg a{color:var(--accent-d);text-decoration:underline;text-underline-offset:3px}
.lg table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.lg th,.lg td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.lg th{font-weight:600;color:var(--ink);background:var(--tint)}
.lg__note{margin-top:30px;padding:16px 18px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--line);font-size:15px}
@media (max-width:640px){.lg{padding:36px 0 60px}.lg table{display:block;overflow-x:auto}}