:root{--ink: #111827;--text: #344054;--muted: #667085;--paper: #f7f8fc;--white: #fff;--purple: #552ee8;--lilac: #ece8ff;--cyan: #dff7f4;--blue: #dfeaff;--rose: #fee7ef;--line: #dfe3eb;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: Iowan Old Style, Baskerville, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}.top{position:sticky;top:0;z-index:20;background:#f7f8fce6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:20px;letter-spacing:-.045em}.brand span,.purple{color:var(--purple)}.navlinks{display:flex;gap:20px;align-items:center;font-size:13px}.pill{padding:11px 16px;border:1px solid var(--ink);border-radius:99px}.crumb{padding-top:48px;font-size:12px;color:var(--muted)}.hero{padding:70px 0 95px;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end;min-height:auto}.kicker{font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--purple)}h1{font-size:clamp(58px,8vw,112px);line-height:.88;letter-spacing:-.075em;margin:25px 0 28px}h1 em{font-family:var(--serif);font-weight:400;color:var(--purple)}.lead{font-size:20px;line-height:1.65;color:var(--text);max-width:760px}.hero-side{border-left:1px solid var(--line);padding-left:38px}.hero-side b{display:block;font-size:42px;letter-spacing:-.06em;color:var(--purple)}.hero-side p{color:var(--muted)}.section{padding:100px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:140px 1fr;gap:35px;margin-bottom:55px}.section-num{font-size:12px;color:var(--purple);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.section h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.06em;margin:0}.section-intro{color:var(--text);font-size:18px;max-width:760px;margin:28px 0 0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--line);background:#fff;border-radius:99px;padding:10px 15px;cursor:pointer;color:var(--text)}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.case{background:#fff;border:1px solid var(--line);border-radius:22px;padding:29px;min-height:400px;display:flex;flex-direction:column}.case[hidden]{display:none}.case-top{display:flex;justify-content:space-between;gap:20px}.tag{font-size:11px;color:var(--purple);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.case-no{font-family:var(--serif);color:#8a7adb}.case h3{font-size:25px;letter-spacing:-.04em;margin:38px 0 24px}.steps{margin-top:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.step{background:var(--paper);border-radius:13px;padding:15px;min-height:113px}.step small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:8px}.step p{font-size:13px;margin:0}.arrow{color:var(--purple)}.gain{margin-top:15px;border-left:3px solid var(--purple);padding-left:13px;font-size:13px;color:var(--text)}.scenario{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:stretch}.before,.after{border:1px solid var(--line);border-radius:24px;padding:34px;background:#fff}.before{background:#f1f2f5;color:#596274}.after{background:var(--lilac)}.scenario h3{font-size:25px;margin:0 0 27px}.list{display:grid;gap:13px}.row{padding:14px 0;border-top:1px solid rgba(102,112,133,.2);font-size:14px}.switch{display:grid;place-items:center}.switch b{width:46px;height:46px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center}.compare-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.compare-btn{padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.compare-btn.active{border-color:var(--purple);color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}.compare-panel{display:none}.compare-panel.active{display:grid}.impact{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.impact div{padding:22px;border-radius:15px;background:#fff;border:1px solid var(--line)}.impact b{display:block;color:var(--purple);font-size:20px;margin-bottom:5px}.impact span{font-size:12px;color:var(--muted)}.api-stage{background:var(--ink);color:#fff;border-radius:28px;padding:38px}.api-flow{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center}.system{background:#1e2938;border:1px solid #3a4759;border-radius:18px;padding:25px}.system small{color:#a89aff;text-transform:uppercase;letter-spacing:.12em}.system h3{font-size:24px;margin:13px 0}.system p{color:#bdc6d2;font-size:14px}.pipe{height:4px;background:#4b5565;position:relative;overflow:hidden}.pipe:after{content:"";position:absolute;width:35%;height:100%;background:#a892ff;animation:signal 2s linear infinite}@keyframes signal{0%{left:-35%}to{left:100%}}.payload{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.payload span{font-size:11px;background:#273447;padding:7px 9px;border-radius:7px;color:#d9dfe7}.value-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.value-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.value-card b{display:block;color:var(--purple);font-size:22px;margin-bottom:12px}.value-card p{font-size:14px;color:var(--text)}.thesis{background:var(--purple);color:#fff}.thesis-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.thesis blockquote{font-family:var(--serif);font-size:clamp(34px,4.5vw,61px);line-height:1.05;margin:0}.thesis p{color:#e0dbff;font-size:18px}.cta{padding:95px 0;background:var(--purple);color:#fff}.cta-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{font-size:clamp(44px,6vw,82px);letter-spacing:-.065em;line-height:.95;margin:0}.cta a{background:#fff;color:var(--ink);padding:15px 22px;border-radius:99px;font-weight:700;font-size:13px}.footer{background:#0c111b;color:#aab4c2;padding:30px 0}.foot{display:flex;justify-content:space-between;gap:25px;font-size:12px}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.in{opacity:1;transform:none}@media(max-width:850px){.navlinks a:not(.pill){display:none}.hero{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.section-head,.case-grid,.scenario,.api-flow{grid-template-columns:1fr}.switch{height:70px}.pipe{height:70px;width:4px;margin:auto}.pipe:after{width:100%;height:35%;animation:signalY 2s linear infinite}.impact,.value-stack{grid-template-columns:1fr 1fr}.thesis-grid{grid-template-columns:1fr}.cta-row{display:grid}}@keyframes signalY{0%{top:-35%}to{top:100%}}@media(max-width:560px){h1{font-size:56px}.section{padding:75px 0}.steps{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.impact,.value-stack{grid-template-columns:1fr}.foot{flex-direction:column}.case{padding:22px}.navlinks .pill{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.pipe:after{animation:none}}