@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f7f7f5;--card: #ffffff;--ink: #0f1115;--muted: #3b3f45;--line: rgba(15, 17, 21, .08);--accent: #4b6bff;--accent-2: #78d5ff;--accent-soft: rgba(75, 107, 255, .14);--radius: 18px;--shadow: 0 18px 40px rgba(15, 17, 21, .08)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(rgba(15,17,21,.06) 1px,transparent 0);background-size:140px 140px;position:relative}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");mix-blend-mode:multiply}body:before{content:"";position:fixed;inset:0;background:radial-gradient(800px 800px at 20% 10%,rgba(120,213,255,.25),transparent),radial-gradient(700px 700px at 80% 20%,rgba(75,107,255,.22),transparent),radial-gradient(900px 900px at 50% 90%,rgba(75,107,255,.12),transparent);pointer-events:none;filter:blur(20px);opacity:.7}a{color:inherit;text-decoration:none}button{font:inherit}.page{max-width:1220px;margin:0 auto;padding:32px 24px 96px}@media(min-width:900px){.page{padding:48px 32px 120px}}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;z-index:20;box-shadow:0 12px 30px #0f111514}.logo{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.logo-img{width:36px;height:36px;object-fit:contain}.nav-links{display:none;gap:20px;color:var(--muted);font-weight:500}@media(min-width:980px){.nav-links{display:flex}}.nav-actions{display:flex;gap:10px;align-items:center}.menu-toggle{display:none;flex-direction:column;gap:4px;width:36px;height:32px;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:10px;padding:6px}.menu-toggle span{height:2px;width:100%;background:var(--ink);border-radius:999px}.mobile-menu{display:flex;opacity:0;pointer-events:none;transform:translateY(-10px);position:fixed;top:70px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 40px #0f11151f;padding:14px;z-index:35;flex-direction:column;gap:10px;transition:opacity .16s ease,transform .16s ease}.mobile-menu a{font-weight:700;color:#1c1f25}.mobile-actions{display:flex;flex-direction:column;gap:10px}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu.open{display:flex}.btn{border:1px solid var(--line);padding:12px 16px;border-radius:14px;background:var(--card);color:var(--ink);font-weight:600;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.btn-primary{background:linear-gradient(120deg,#5d7dff,#3f8bff);color:#fff;border:none;box-shadow:0 12px 30px #4b6bff40}.btn-ghost{background:transparent}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.btn:hover{transform:translateY(-1px);border-color:#0f111529}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px #4b6bff4d}.hero{margin-top:54px;display:grid;grid-template-columns:1fr;gap:28px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:500}h1{font-size:clamp(2.8rem,4vw + 1rem,4.2rem);margin:10px 0 12px;letter-spacing:-.03em;font-weight:600;line-height:1.05}.hero p{font-size:1.08rem;color:#2a2d33;margin:0 0 20px;max-width:720px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.trust-line{margin-top:8px;color:var(--muted);font-size:.98rem;display:flex;gap:10px;align-items:center}.control-panel{position:relative}.control-row{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.control-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#fffffff5,#ecf3ffe6);padding:14px;box-shadow:0 14px 30px #0f111514;position:relative;transition:transform .16s ease,opacity .16s ease,border-color .16s ease;cursor:pointer}.control-card.active{border-color:#4b6bff66;transform:translateY(-2px)}.control-card:not(.active){opacity:.65}.control-label{font-weight:700;margin:0 0 6px}.control-sub{margin:8px 0 0;color:var(--muted)}.control-visual{height:120px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#0f111508;display:grid;place-items:center;overflow:hidden}.volume{display:grid;width:100%;grid-template-columns:repeat(4,1fr);align-items:end;gap:6px;position:relative}.volume .bar{height:20px;border-radius:8px;background:linear-gradient(180deg,#4b6bffcc,#78d5ff99);opacity:.4;transition:height .16s ease,opacity .16s ease}.volume-icon{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}.volume-icon .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(15,17,21,.2);background:#ffffffe6;box-shadow:0 6px 14px #0f11151f}.volume-icon .knob{position:absolute;width:12px;height:12px;border-radius:4px;background:#4b6bffe6;top:10px;left:18px}.control-card[data-type=volume][data-level="1"] .volume .bar:nth-child(-n+2){height:30px;opacity:.5}.control-card[data-type=volume][data-level="1"] .volume .bar:nth-child(n+3){height:18px;opacity:.3}.control-card[data-type=volume][data-level="2"] .volume .bar:nth-child(1){height:28px;opacity:.5}.control-card[data-type=volume][data-level="2"] .volume .bar:nth-child(2){height:42px;opacity:.8}.control-card[data-type=volume][data-level="2"] .volume .bar:nth-child(3){height:58px;opacity:.9}.control-card[data-type=volume][data-level="2"] .volume .bar:nth-child(4){height:32px;opacity:.6}.control-card[data-type=volume][data-level="3"] .volume .bar:nth-child(1){height:40px;opacity:.7}.control-card[data-type=volume][data-level="3"] .volume .bar:nth-child(2){height:68px;opacity:.95}.control-card[data-type=volume][data-level="3"] .volume .bar:nth-child(3){height:86px;opacity:1}.control-card[data-type=volume][data-level="3"] .volume .bar:nth-child(4){height:54px;opacity:.9}.quality .quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;height:100%;align-content:center;justify-items:center}.quality .q-dot{width:16px;height:16px;border-radius:50%;background:#0f11151f;transition:background .16s ease,transform .16s ease}.control-card[data-type=quality][data-level="1"] .q-dot:nth-child(-n+3){background:#4b6bff59}.control-card[data-type=quality][data-level="2"] .q-dot:nth-child(-n+6){background:#4b6bff8c}.control-card[data-type=quality][data-level="3"] .q-dot{background:#4b6bffd9}.control-card[data-type=quality][data-level="3"] .q-dot{transform:scale(1.05)}.pace .dial{position:relative;width:100px;height:100px;border-radius:50%;border:1px solid var(--line);box-shadow:inset 0 0 0 1px #4b6bff14}.pace .needle{position:absolute;width:2px;height:42px;background:#0f1115;left:50%;top:50%;transform-origin:bottom center;transition:transform .16s ease}.aggression .gauge{position:relative;width:120px;height:70px}.aggression .arc{position:absolute;left:0;right:0;top:12px;height:80px;border:1px solid var(--line);border-bottom:none;border-radius:120px 120px 0 0}.aggression .pointer{position:absolute;left:50%;bottom:0;width:2px;height:48px;background:#e74c3c;transform-origin:bottom center;transition:transform .16s ease}.control-card[data-type=aggression][data-level="1"] .pointer{transform:translate(-50%) rotate(-25deg)}.control-card[data-type=aggression][data-level="2"] .pointer{transform:translate(-50%) rotate(5deg)}.control-card[data-type=aggression][data-level="3"] .pointer{transform:translate(-50%) rotate(35deg)}.intervene{display:grid;gap:10px;width:100%}.slider{position:relative;height:14px}.slider .track{position:absolute;inset:0;border-radius:999px;background:#0f111514}.slider .thumb{position:absolute;top:50%;width:26px;height:26px;border-radius:12px;background:linear-gradient(135deg,#4b6bff,#78d5ff);transform:translateY(-50%);transition:left .16s ease;box-shadow:0 6px 14px #0f11151f}.control-card[data-type=intervene][data-level="1"] .slider:nth-child(1) .thumb{left:20%}.control-card[data-type=intervene][data-level="1"] .slider:nth-child(2) .thumb{left:30%}.control-card[data-type=intervene][data-level="2"] .slider:nth-child(1) .thumb{left:50%}.control-card[data-type=intervene][data-level="2"] .slider:nth-child(2) .thumb{left:60%}.control-card[data-type=intervene][data-level="3"] .slider:nth-child(1) .thumb{left:70%}.control-card[data-type=intervene][data-level="3"] .slider:nth-child(2) .thumb{left:82%}.pill{height:4px;width:22px;border-radius:999px;background:linear-gradient(120deg,#6a8dff,#3b8bff)}.section{margin-top:96px}.section-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;flex-wrap:wrap}.section-title{font-size:clamp(2rem,2vw + 1rem,2.6rem);margin:0 0 8px;font-weight:600;letter-spacing:-.02em}.section-sub{max-width:720px;color:var(--muted)}.diagram-card{margin-top:28px;background:linear-gradient(145deg,#ffffffd9,#e1ebff99);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:24px;box-shadow:var(--shadow)}.diagram-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:center}.toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffffb3}.toggle input{accent-color:var(--accent)}.risk-meter{display:none}.diagram-wrap{margin-top:20px;background:linear-gradient(180deg,#fffffff0,#ecf3ffeb);border:1px solid var(--line);border-radius:22px;padding:12px;position:relative;overflow:hidden}.diagram-svg{width:100%;height:clamp(420px,55vw,600px);display:block;min-width:900px}.node{cursor:pointer;transition:filter .12s ease}.tooltip{position:absolute;background:#0f1115;color:#fff;padding:12px 14px;border-radius:12px;font-size:.95rem;max-width:260px;box-shadow:0 10px 26px #00000040;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease}.tooltip.visible{opacity:1;transform:translateY(0)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}.card{background:linear-gradient(135deg,#fffffff0,#ecf3ffe6);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 16px 32px #0f11150f;display:grid;gap:8px}.card h3{margin:0 0 8px;font-size:1.2rem}.card p{margin:0;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px}.step{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.step strong{display:inline-flex;align-items:center;gap:8px;font-size:1rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px}.plan{padding:16px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#fffffff0,#ecf3ffe6);box-shadow:0 10px 28px #0f11150d}.mode-toggle{display:inline-flex;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 24px #0f11150d;position:relative}.mode-toggle button{border:none;background:transparent;padding:12px 18px;font-weight:700;color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease;min-width:180px}.mode-toggle button.active:after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none}.mode-toggle button.active{background:#4b6bff2e;color:#1c1f25;box-shadow:inset 0 0 0 1px #4b6bff59}.mode-description{margin:16px 0 8px;color:var(--muted);max-width:760px}.mode-shell{margin-top:16px;border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:linear-gradient(135deg,#fffffff5,#f1f4fce6);padding:18px;box-shadow:0 16px 34px #0f11150f}.mode-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}.capacity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.capacity-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:linear-gradient(160deg,#fffffff0,#e8f0fff2);box-shadow:0 12px 28px #0f11150d;transition:transform .16s ease,box-shadow .16s ease}.capacity-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f111514}.capacity-card h4{margin:0 0 6px}.capacity-price{font-weight:700;margin:0 0 6px}.capacity-desc{margin:0;color:var(--muted)}.included-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:0;margin:8px 0 0;list-style:none}.included-item{padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#0f111508}.mode-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.meta-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#0f11150a;border:1px solid var(--line);font-weight:600;color:#1c1f25}.meta-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}.capacity-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#4b6bff1f;color:#1c1f25;font-weight:700}.included-icon{width:12px;height:12px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 3px #4b6bff1f}.plan h4{margin:0 0 6px}.plan small{color:var(--muted)}.plan ul{padding-left:18px;color:var(--muted);margin:10px 0}.badge{padding:6px 10px;border-radius:12px;background:#4b6bff1f;border:1px solid var(--accent-soft);color:#22356d;font-weight:600;display:inline-flex;align-items:center;gap:6px}.safety-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:18px}.accordion{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq-item+.faq-item{border-top:1px solid var(--line)}.faq-btn{width:100%;text-align:left;padding:16px;font-weight:600;background:#fff;border:none;display:flex;align-items:center;justify-content:space-between}.faq-content{max-height:0;overflow:hidden;transition:max-height .18s ease;padding:0 16px;color:var(--muted)}.faq-item.open .faq-content{max-height:300px;padding-bottom:16px}.final-panel{margin-top:48px;padding:28px;border-radius:calc(var(--radius) + 6px);border:1px solid var(--line);background:linear-gradient(135deg,#ffffffe6,#f3f4f1e6);display:flex;flex-direction:column;gap:14px;align-items:flex-start}.footer{margin-top:32px;display:flex;justify-content:space-between;color:var(--muted);font-size:.95rem;flex-wrap:wrap}.comparison{margin-top:24px;border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);overflow:hidden;background:#fff;box-shadow:0 12px 28px #0f11150d}.comparison-head,.comparison-row{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:12px;padding:14px 16px;align-items:center}.comparison-head{background:#0f111508;font-weight:700}.comparison-row:nth-child(2n){background:#0f111505}.comparison-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#4b6bff1f;color:#22356d;font-weight:600}.comparison-neg{color:#9c2b2b;font-weight:600}.throughput{margin-top:24px;border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);background:linear-gradient(145deg,#fffffff5,#e0e9ffe6);padding:20px;box-shadow:0 18px 38px #0f111514;position:relative;overflow:hidden;border-image:linear-gradient(120deg,#4b6bff73,#78d5ff73) 1}.throughput:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 20% 0%,rgba(75,107,255,.18),transparent),radial-gradient(420px 260px at 80% 20%,rgba(120,213,255,.16),transparent);pointer-events:none;opacity:.8;animation:glowSweep 9s ease-in-out infinite alternate}.throughput>*{position:relative;z-index:1}@keyframes glowSweep{0%{opacity:.55;filter:blur(0px)}to{opacity:.9;filter:blur(6px)}}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:14px;overflow:hidden}.segmented button{border:none;background:transparent;padding:10px 14px;font-weight:700;color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease;min-width:110px}.segmented button.active{background:#4b6bff24;color:#0f1115}.throughput-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:center}.bar-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;box-shadow:0 10px 24px #0f11150d}.bar-label{font-weight:700;margin:0 0 6px}.bar-track{height:12px;border-radius:10px;background:#0f11150f;overflow:hidden;margin-top:4px;box-shadow:inset 0 0 0 1px #4b6bff1f}.bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#4b6bff,#78d5ff);transition:width .2s ease;box-shadow:0 0 12px #4b6bff73}.bar-meta{display:flex;justify-content:space-between;font-weight:600;color:var(--muted);margin-top:6px}.throughput-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#4b6bff29;border:1px solid var(--accent-soft);font-weight:700;color:#0f1115}.modal{position:fixed;inset:0;background:#0f111573;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;opacity:0;pointer-events:none;transition:opacity .18s ease}.modal.open{opacity:1;pointer-events:all}.modal-card{background:#fff;border-radius:18px;padding:20px;width:min(480px,100%);border:1px solid var(--line);box-shadow:0 20px 48px #0000002e}.modal h3{margin:0 0 8px}.modal form{display:grid;gap:12px;margin-top:12px}.modal label{font-weight:600}.modal input,.modal textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fafaf8;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:720px){.nav{position:fixed;top:10px;left:12px;right:12px;border-radius:14px;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;z-index:40}.hero{margin-top:92px;gap:18px}.diagram-card{padding:16px}.cta-row{flex-direction:column;align-items:stretch}.btn,.btn-primary,.btn-ghost{width:100%;text-align:center;padding:10px 12px;font-size:.95rem}.nav-actions,.nav-links{display:none}.logo{flex:1}.menu-toggle,.mobile-menu{display:flex}.section-header{flex-direction:column;align-items:flex-start}.diagram-wrap{overflow-x:auto}.diagram-svg{min-width:900px;height:420px}.grid-3,.safety-list,.timeline,.plan-grid,.capacity-list,.included-list,.throughput-grid{grid-template-columns:1fr}.control-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.control-card{min-width:82vw;scroll-snap-align:start}.segmented{width:100%}.segmented button{flex:1}.plan,.card,.bar-card,.capacity-card{width:100%}.trust-line{flex-wrap:wrap}}