:root{--blue:#365cf5;--blue-d:#2a48c9;--blue-l:#7f9bff;--navy:#0d1733;--navy-2:#14214a;--ink:#16213a;--muted:#5d6b82;--line:#e3e8f1;--soft:#f5f7fb;--tint:#eef2ff;--green:#1f9d7a;--green-l:#e9f7f1;--red:#c2483a;--red-l:#fdf1ef;--amber:#b7791f;--bg:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:var(--blue)}h1,h2,h3{line-height:1.12;margin:0;letter-spacing:-.025em}p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:50;background:#fff;padding:8px 12px;border-radius:8px}
:focus-visible{outline:3px solid var(--blue-l);outline-offset:2px;border-radius:6px}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.top.scrolled{border-color:var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:750;font-size:1.45rem;letter-spacing:-1px}
.brand i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff}.brand span{color:#b8c5e5}
.nav{display:flex;align-items:center;gap:26px}.nav a{color:#3b4860;text-decoration:none;font-size:.94rem;font-weight:500}.nav a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:46px;padding:0 22px;border-radius:11px;font-weight:650;font-size:.96rem;text-decoration:none;border:0;cursor:pointer;font-family:inherit;transition:background .15s,transform .15s,box-shadow .15s,border-color .15s}
.btn.primary{background:var(--blue);color:#fff;box-shadow:0 8px 22px -6px rgba(54,92,245,.55)}.btn.primary:hover{background:var(--blue-d);transform:translateY(-1px)}
.btn.ghost{border:1px solid var(--line);color:var(--ink);background:#fff}.btn.ghost:hover{border-color:#c7d2ea}
.btn.light{background:#fff;color:var(--navy)}.btn.light:hover{transform:translateY(-1px)}
.btn.line{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04)}.btn.line:hover{border-color:rgba(255,255,255,.55)}
.nav .btn{color:#fff;min-height:40px;padding:0 16px}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--ink)}
/* hero */
.hero{position:relative;padding:84px 0 120px;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}
.hero:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:120%;z-index:-1;background:radial-gradient(700px 420px at 78% 18%,rgba(54,92,245,.55),transparent 65%),radial-gradient(520px 380px at 10% 0%,rgba(124,92,255,.35),transparent 65%),radial-gradient(600px 300px at 50% 110%,rgba(31,157,122,.25),transparent 70%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 60% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 20%,transparent 75%)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:1.3px;color:#a9b9ff;text-transform:uppercase;margin-bottom:22px;padding:7px 14px;border:1px solid rgba(169,185,255,.25);border-radius:999px;background:rgba(255,255,255,.04)}
.eyebrow b{width:8px;height:8px;border-radius:50%;background:#3fd3a5;box-shadow:0 0 0 0 rgba(63,211,165,.6);animation:ping 1.8s ease-out infinite}
.hero h1{font-size:clamp(2.2rem,4.4vw,3.35rem);font-weight:800;letter-spacing:-.035em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#8fa7ff,#b9a6ff 55%,#7fe3c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.16rem;color:#c3cde6;margin:24px 0 32px;max-width:560px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.ticks{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding:0;list-style:none;font-size:.9rem;color:#aebbdc}
.ticks li{display:flex;align-items:center;gap:7px}.ticks svg{color:#3fd3a5;flex-shrink:0}
.stage{position:relative}
.frame{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#fff;box-shadow:0 40px 80px -24px rgba(0,0,0,.6),0 0 0 8px rgba(255,255,255,.04);overflow:hidden;transform:perspective(1600px) rotateY(-6deg) rotateX(2deg);transition:transform .6s}
.stage:hover .frame{transform:perspective(1600px) rotateY(0) rotateX(0)}
.frame-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:#fafbfe}.frame-bar i{width:9px;height:9px;border-radius:50%;background:#dfe4ee}.frame-bar small{margin-left:10px;color:#8a95a8;font-size:.75rem}
.phone{position:absolute;right:-18px;bottom:-70px;width:31%;border:6px solid #0a1022;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -12px rgba(0,0,0,.6);background:#fff}
.chip{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:600;box-shadow:0 18px 40px -12px rgba(0,0,0,.45);animation:float 6s ease-in-out infinite;white-space:nowrap}
.chip small{display:block;font-weight:500;color:var(--muted);font-size:.74rem}
.chip i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;flex-shrink:0}
.chip.c1{left:-34px;top:22%}.chip.c1 i{background:var(--green-l);color:var(--green)}
.chip.c2{left:8%;bottom:-38px;animation-delay:-3s}.chip.c2 i{background:var(--tint);color:var(--blue)}
.tag{position:absolute;right:12px;top:48px;background:rgba(13,23,51,.85);color:#fff;font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.3px}
/* sections */
section{scroll-margin-top:80px}.sec{padding:104px 0}#iletisim{padding-top:0}.sec.alt{background:var(--soft)}
.sec-head{max-width:700px;margin-bottom:52px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.kicker{display:inline-block;font-size:.78rem;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.sec-head h2{font-size:clamp(1.9rem,3.8vw,2.75rem);font-weight:780}.sec-head p{color:var(--muted);margin-top:16px;font-size:1.08rem}
.sec-head.flush{margin-bottom:0}
/* pain */
.pains{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pain{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px 24px;overflow:hidden}
.pain:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#f08a7c,#f3b56b)}
.pain q{display:block;font-size:1.06rem;font-weight:700;line-height:1.35;margin:14px 0 10px;quotes:"“" "”"}
.pain p{color:var(--muted);font-size:.93rem}
.pain .ico{background:var(--red-l);color:var(--red)}
/* before/after */
.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:stretch;margin-top:56px}
.vs-col{border-radius:18px;padding:30px}
.vs-col h3{font-size:1.1rem;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.vs-col ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.vs-col li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}.vs-col li svg{flex-shrink:0;margin-top:3px}
.vs-col.before{background:#fff;border:1px dashed #d6dbe6;color:#4a566d}.vs-col.before li svg{color:#c2483a}
.vs-col.after{background:linear-gradient(160deg,#1b2b63,var(--navy));color:#e6ebff;box-shadow:0 30px 60px -30px rgba(13,23,51,.7)}.vs-col.after li svg{color:#3fd3a5}
.vs-mid{display:grid;place-items:center}.vs-mid span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 10px 24px -6px rgba(54,92,245,.6)}
/* hub */
.hub-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.hub{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;margin:0 auto}
.hub svg{width:100%;height:100%}
.hub .flow{stroke-dasharray:6 8;animation:dash 1.6s linear infinite}
.pillars{display:grid;gap:16px}
.pillar{display:grid;grid-template-columns:auto 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s}
.pillar:hover{transform:translateY(-2px);box-shadow:0 16px 32px -20px rgba(23,47,96,.35);border-color:#d3dcef}
.pillar h3{font-size:1.06rem;margin-bottom:6px}.pillar p{color:var(--muted);font-size:.94rem}
.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--blue)}
.ico.g{background:var(--green-l);color:var(--green)}.ico.v{background:#f2eeff;color:#6b4fe0}
/* feature rows */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.feat+.feat{margin-top:104px}
.feat.rev .feat-media{order:2}
.feat-media{position:relative;border-radius:20px;padding:34px;background:linear-gradient(150deg,#e9eeff,#f5f2ff 60%,#e8f7f1);overflow:hidden}
.feat-media img{border-radius:14px;box-shadow:0 30px 60px -28px rgba(23,47,96,.5);border:1px solid var(--line)}
.feat-media .narrow{max-width:300px;margin:0 auto;border-radius:22px;border:5px solid #0a1022}
.feat h3{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:770;margin-bottom:14px}
.feat .txt>p{color:var(--muted);font-size:1.04rem}
.checks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:.97rem}.checks svg{flex-shrink:0;margin-top:3px;color:var(--green)}
/* supplier mock */
.mock{background:#fff;border-radius:16px;box-shadow:0 30px 60px -28px rgba(23,47,96,.5);border:1px solid var(--line);overflow:hidden;font-size:.86rem}
.mock-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700}
.mock-head small{font-weight:600;color:var(--muted)}
.mock-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #f0f2f7}
.mock-row:last-child{border-bottom:0}
.mock-row b{display:block}.mock-row small{color:var(--muted)}
.badge{display:inline-flex;font-style:normal;align-items:center;gap:6px;font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.badge.ok{background:var(--green-l);color:#1d6b53}.badge.wait{background:#fff4e5;color:#8a5a12}.badge.blue{background:var(--tint);color:var(--blue-d)}
.mock-input{display:flex;gap:8px;align-items:center}
.mock-input span{border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:#3b4860;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem}
.mock-note{padding:12px 18px;background:#f7f9fd;color:var(--muted);font-size:.78rem}
/* honesty */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.honest{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.honest h3{font-size:1.05rem;margin-bottom:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pill{border-radius:12px;padding:16px;font-size:.92rem}.pill b{display:block;margin-bottom:4px}
.pill.est{background:#f1f4fb;color:#44506a}.pill.real{background:var(--green-l);color:#1d6b53}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{position:relative;padding:30px 26px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#6b4fe0);color:#fff;font-weight:750;margin-bottom:18px}
.step h3{font-size:1.1rem;margin-bottom:8px}.step p{color:var(--muted);font-size:.95rem}
.status{margin-top:28px;display:flex;gap:14px;align-items:flex-start;background:#fff8ec;border:1px solid #f4e0bb;color:#7a5412;border-radius:12px;padding:16px 18px;font-size:.93rem}
.status-ico{flex-shrink:0;margin-top:2px}
/* pricing */
.pricing-ctl{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px;margin-bottom:26px}
.seg{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:4px}
.seg button{border:0;background:none;font:inherit;font-weight:650;font-size:.92rem;color:var(--muted);padding:9px 16px;border-radius:9px;cursor:pointer}
.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -2px rgba(23,47,96,.25)}
.seg em{font-style:normal;color:var(--green);font-size:.78rem;margin-left:6px}
.vol label{display:flex;justify-content:space-between;gap:12px;font-weight:650;font-size:.95rem;margin-bottom:10px}
.vol output{color:var(--blue);font-weight:780}
.vol input[type=range]{width:100%;accent-color:var(--blue);height:6px}
.vol-scale{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted);margin-top:6px}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 22px;transition:opacity .2s,border-color .2s}
.plan.featured{border:2px solid var(--blue);box-shadow:0 24px 48px -26px rgba(54,92,245,.6)}
.plan .badge{position:absolute;top:-12px;left:22px;background:var(--blue);color:#fff}
.plan h3{font-size:1.15rem}.plan .for{color:var(--muted);font-size:.86rem;margin-top:4px;min-height:2.6em}
.plan .amt{font-size:2.35rem;font-weight:800;margin-top:14px;letter-spacing:-.03em}.plan .amt small{font-size:.9rem;font-weight:500;color:var(--muted);letter-spacing:0}
.plan .yr{color:var(--green);font-size:.86rem;font-weight:650;min-height:1.4em}
.plan .trk{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--tint);color:var(--blue-d);font-weight:650;font-size:.9rem}
.plan .trk small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.plan ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px;flex:1;align-content:start}.plan li{display:flex;gap:8px;align-items:flex-start;color:#35425a;font-size:.93rem}.plan li svg{flex-shrink:0;margin-top:4px;color:var(--green)}
.plan .btn{width:100%}
.packs{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:18px;margin-top:26px;align-items:stretch}
.packs-intro{background:var(--navy);color:#dfe6ff;border-radius:18px;padding:24px}
.packs-intro h3{color:#fff;font-size:1.1rem;margin-bottom:8px}.packs-intro p{font-size:.9rem;color:#b5c2e4}
.pack{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:center}
.pack b{font-size:1.5rem;letter-spacing:-.02em}.pack span{color:var(--muted);font-size:.86rem}.pack strong{font-size:1.2rem;margin-top:8px}
.price-note{color:var(--muted);font-size:.88rem;margin-top:22px;max-width:860px}
/* faq */
.faq{max-width:840px;margin:0 auto}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:650;font-size:1.04rem}
summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.4rem;color:var(--blue);transition:transform .2s}
details[open] summary:after{transform:rotate(45deg)}details p{color:var(--muted);padding:0 0 20px;max-width:740px}
/* final cta */
.final{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;background:var(--navy);color:#fff;border-radius:24px;padding:56px}
.final:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px 300px at 90% 0%,rgba(54,92,245,.6),transparent 70%),radial-gradient(400px 260px at 0% 100%,rgba(124,92,255,.35),transparent 70%)}
.final h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:780}.final p{color:#c3d0ee;margin-top:14px;font-size:1.05rem}
.final .cta{justify-content:flex-end}
.final small{display:block;margin-top:14px;color:#9fb0d8;font-size:.86rem}
/* footer */
footer{padding:48px 0 40px;color:var(--muted);font-size:.9rem}
.foot{position:relative;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-top:28px}.foot:before{content:"";position:absolute;top:0;left:20px;right:20px;border-top:1px solid var(--line)}
.foot nav{display:flex;gap:8px 20px;flex-wrap:wrap}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--blue)}
/* legal */
.legal{max-width:780px;padding:56px 20px 80px;margin:0 auto}
.legal h1{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:10px}.legal h2{font-size:1.25rem;margin:36px 0 10px}
.legal p,.legal li{color:#35425a}.legal p+p{margin-top:12px}.legal ul{padding-left:20px}.legal li{margin:6px 0}
.draft{background:#fff4e5;border:1px solid #f1d19b;color:#6d4a0c;border-radius:12px;padding:14px 16px;margin:18px 0 8px;font-size:.93rem}
.meta{color:var(--muted);font-size:.9rem}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.93rem}th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{background:var(--soft)}
.gap{margin-top:20px}
/* reveal + motion */
:root{--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}
/* scroll reveal: transform/opacity for entry, translate/shadow for hover so the two never fight */
.rv{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .9s var(--ease),transform .9s var(--ease),translate .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.09s,.09s,0s,0s,0s}.d2{transition-delay:.18s,.18s,0s,0s,0s}.d3{transition-delay:.27s,.27s,0s,0s,0s}
.feat-media.rv{transform:translateY(34px) scale(.96)}.feat-media.rv.in{transform:none}
/* hero entrance on load */
.hero-copy>*{animation:rise .9s var(--ease) both}
.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}
.hero .stage.rv{transform:translateY(40px) scale(.96);transition-duration:1.1s;transition-delay:.25s}.hero .stage.rv.in{transform:none}
.hero h1 em{background-size:200% 100%;animation:sheen 8s ease-in-out infinite}
.chip{opacity:0;animation:pop .7s var(--spring) .9s forwards,float 6s ease-in-out 1.6s infinite}.chip.c2{animation-delay:1.15s,1.9s}
.phone{animation:phone-in 1.1s var(--ease) .55s both}
.frame{transition:transform .9s var(--ease)}
/* buttons */
.btn{transition:background .2s,transform .25s var(--ease),box-shadow .25s var(--ease),border-color .2s}
.btn:active{transform:translateY(0) scale(.97)}
.btn svg{transition:transform .3s var(--ease)}.btn:hover svg{transform:translateX(3px)}
.btn.primary{position:relative;overflow:hidden;isolation:isolate}
.btn.primary:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}
.btn.primary:hover:after{transform:translateX(120%)}
.btn.primary:hover{box-shadow:0 12px 28px -8px rgba(54,92,245,.65)}
/* nav underline */
.nav a:not(.btn){position:relative}
.nav a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav a:not(.btn):hover:after{transform:scaleX(1);transform-origin:left}
.top{transition:border-color .3s,box-shadow .3s,background .3s}.top.scrolled{box-shadow:0 6px 24px -14px rgba(13,23,51,.25)}
/* card hovers */
.pain:hover,.step:hover,.pack:hover,.plan:not(.featured):hover,.honest:hover{translate:0 -4px;box-shadow:0 22px 40px -26px rgba(23,47,96,.45);border-color:#d3dcef}
.plan.featured:hover{translate:0 -4px;box-shadow:0 30px 56px -26px rgba(54,92,245,.7)}
.pain .ico,.pillar .ico{transition:transform .45s var(--spring)}.pain:hover .ico,.pillar:hover .ico{transform:scale(1.1) rotate(-6deg)}
.step:before{transition:transform .45s var(--spring)}.step:hover:before{transform:scale(1.12) rotate(-8deg)}
.pillar{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.feat-media img,.feat-media .mock{transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.feat-media:hover img,.feat-media:hover .mock{transform:translateY(-6px);box-shadow:0 40px 70px -30px rgba(23,47,96,.55)}
.vs-mid span{animation:nudge 2.4s var(--ease) infinite}
.checks li svg,.ticks svg{transition:transform .4s var(--spring)}.checks li:hover svg{transform:scale(1.25)}
/* hub: breathing core + slow orbit */
.hub .core{transform-origin:260px 260px;animation:breathe 4s ease-in-out infinite}
.hub .orbit{transform-origin:260px 260px;animation:spin 60s linear infinite}
/* pricing: value change */
.amt.bump,.trk b.bump{animation:bump .45s var(--ease)}
.plan .trk{transition:background .3s}.plan .trk b{display:block}
.vol input[type=range]{cursor:pointer}
.seg button{transition:background .25s,color .25s,box-shadow .25s}
/* faq smooth open (progressive: browsers without ::details-content just toggle) */
@supports (interpolate-size:allow-keywords){
 :root{interpolate-size:allow-keywords}
 details::details-content{height:0;overflow:clip;transition:height .4s var(--ease),content-visibility .4s allow-discrete}
 details[open]::details-content{height:auto}
}
details p{transition:opacity .4s,translate .4s var(--ease)}details:not([open]) p{opacity:0;translate:0 -6px}
summary:after{transition:transform .35s var(--spring)}summary{transition:color .2s}summary:hover{color:var(--blue)}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(63,211,165,.55)}80%,100%{box-shadow:0 0 0 8px rgba(63,211,165,0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes dash{to{stroke-dashoffset:-28}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.85)}to{opacity:1;transform:none}}
@keyframes phone-in{from{opacity:0;transform:translate(24px,30px) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes sheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bump{0%{opacity:.35;transform:translateY(6px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv,.chip,.phone,.hero-copy>*{opacity:1!important;transform:none!important}.frame{transform:none}}
/* responsive */
@media (max-width:1240px){.phone{right:-4px}.chip.c1{left:-14px}}
@media (max-width:1020px){.hero-grid,.split,.hub-grid,.feat{grid-template-columns:1fr}.feat.rev .feat-media{order:0}.pains,.plans{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.packs{grid-template-columns:1fr 1fr}.final{grid-template-columns:1fr;padding:40px}.final .cta{justify-content:flex-start}.stage{margin:10px 0 50px}.frame{transform:none}.chip.c1{left:-8px}}
@media (max-width:760px){
 .menu-btn{display:grid;place-items:center}
 .nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 18px}
 .nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #f0f2f7}.nav .btn{margin-top:12px;border:0}
 .wrap{padding:0 16px}
 .pains,.steps,.two,.plans,.packs{grid-template-columns:1fr}.versus{grid-template-columns:1fr}.vs-mid span{transform:rotate(90deg);animation:none}
 .sec{padding:72px 0}.hero{padding:48px 0 90px}.final{padding:30px 22px}
 .pricing-ctl{grid-template-columns:1fr;padding:18px}
 .phone{width:38%;right:-4px;bottom:-40px;border-width:4px;border-radius:18px}
 .chip{font-size:.74rem;padding:8px 10px}.chip i{width:24px;height:24px}.chip.c2{display:none}
 .feat-media{padding:18px}.feat+.feat{margin-top:72px}
 .foot:before{left:16px;right:16px}
 .eyebrow{font-size:.68rem;letter-spacing:.8px;padding:6px 12px;margin-bottom:18px}
 .stage{margin:6px 0 40px}
 .tag{right:8px;top:42px;font-size:.62rem;padding:3px 8px}
 .chip.c1{left:-6px;top:auto;bottom:-26px}
 .packs{grid-template-columns:repeat(3,1fr);gap:10px}.packs-intro{grid-column:1/-1}
 .pack{padding:16px 12px;text-align:center}.pack b{font-size:1.2rem}.pack strong{font-size:1.05rem}
 .final .cta .btn{flex:1 1 140px}
}
@media (max-width:560px){
 .hub{display:none}.hub-grid{gap:0}
 .mock-row{grid-template-columns:1fr;gap:8px}.mock-row>.badge{justify-self:start}.mock-input{flex-wrap:wrap}
 .mock-head{flex-wrap:wrap;gap:4px 12px}
}
.final p a{color:#fff;font-weight:600}