:root{--ink:#100f1f;--ink-soft:#423f5c;--ink-faint:#6f6c8a;--paper:#f0f1f7;--surface:#fff;--surface-2:#e6e5f2;--signal:#5a52d5;--signal-deep:#443cc4;--onair:#dc2626;--amber:#d97706;--success:#059669;--line:#100f1f1f;--line-strong:#100f1f42;--shadow-sm:0 1px 2px #100f1f12;--shadow-lg:0 24px 48px -20px #100f1f42;--ease:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--display:-apple-system, "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;--body:-apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:136px;--section-pad:var(--sp-10)}@media (prefers-color-scheme:dark){:root{--ink:#f3f2fa;--ink-soft:#b3b0cc;--ink-faint:#79769a;--paper:#131226;--surface:#1c1b32;--surface-2:#24233f;--signal:#8b83ff;--signal-deep:#6c63ff;--onair:#f87171;--amber:#fbbf24;--success:#34d399;--line:#f3f2fa1a;--line-strong:#f3f2fa38;--shadow-sm:0 1px 2px #0006;--shadow-lg:0 24px 56px -20px #000000a6}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.65}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:2px}.tab{font-variant-numeric:tabular-nums}.wrap{max-width:1160px;margin:0 auto;padding:0 32px}section,.band{padding:var(--section-pad) 0}@media (width<=760px){:root{--section-pad:var(--sp-8)}.wrap{padding:0 22px}}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:800}h2{letter-spacing:-.025em;font-size:clamp(30px,3.7vw,42px);line-height:1.12}h3{letter-spacing:-.01em;font-size:18px;line-height:1.3}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal);align-items:center;gap:10px;font-size:11.5px;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--signal) 20%, transparent);border-radius:50%;flex-shrink:0}p{color:var(--ink-soft);max-width:60ch;font-size:16.5px}.section-head{margin-bottom:var(--sp-9);max-width:640px}.section-head h2{margin-top:var(--sp-3)}.nav{z-index:40;background:color-mix(in srgb, var(--paper) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s var(--ease-soft), box-shadow .3s var(--ease-soft);border-bottom:1px solid #0000;position:sticky;top:0}.nav.is-scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.nav .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand-logo{width:auto;height:64px;transition:transform .4s var(--ease);display:block}.brand:hover .brand-logo{transform:scale(1.04)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a:not(.btn){color:var(--ink-soft);padding-bottom:2px;font-size:13.5px;font-weight:600;text-decoration:none;position:relative}.nav-links a:not(.btn):after{content:"";background:var(--signal);height:1px;transition:right .3s var(--ease);position:absolute;bottom:-2px;left:0;right:100%}.nav-links a:not(.btn):hover{color:var(--ink)}.nav-links a:not(.btn):hover:after{right:0}@media (width<=700px){.nav-links a:not(.btn){display:none}}.btn{font-family:var(--body);letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-signal{background:var(--signal);color:#04151d;box-shadow:inset 0 1px #ffffff26}.btn-signal:hover{background:var(--signal-deep);color:#fff}.btn-ghost{border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--signal);color:var(--signal)}.btn-on-dark.btn-ghost{color:#f2f6f8;border-color:#ffffff4d}.btn-on-dark.btn-ghost:hover{border-color:var(--signal);color:var(--signal)}.hero{color:#f5f4fb;background:#1c1b32;border-bottom:1px solid #ffffff14;padding:56px 0;position:relative;overflow:clip}.hero-bg{transform-origin:100%;object-fit:contain;object-position:right center;pointer-events:none;opacity:0;width:95%;height:95%;position:absolute;top:50%;right:-25%;transform:translateY(-50%)scale(1.38)}.hero-bg.is-active{opacity:1}.hero-bg-cycle{position:absolute;inset:0}.hero .wrap{z-index:1;gap:var(--sp-8);flex-direction:column;display:flex;position:relative}.hero-copy{z-index:1;text-align:left;flex-direction:column;align-items:flex-start;max-width:640px;display:flex}.hero p{color:#c2bfdb;max-width:52ch;font-size:18.5px}.hero h1{color:#fff;letter-spacing:-.03em;margin:12px 0 16px;font-size:clamp(32px,4.4vw,52px);line-height:1.06}.hero-eyebrow{color:var(--signal)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-strip{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:30px;width:100%;margin-top:28px;padding-top:18px;display:flex}.hero-strip .item{font-family:var(--mono);color:#9d9ac0;letter-spacing:.05em;font-size:12px}.hero-strip .item b{color:#ece9fb;font-weight:600}@media (width<=700px){.hero-copy{text-align:center;align-items:center;max-width:100%;margin:0 auto}.hero-eyebrow,.hero-actions,.hero-strip{justify-content:center}.hero-bg{object-position:center;width:80%;height:auto;max-height:220px;margin:24px auto 0;position:relative;inset:auto;transform:none}}.problem-slider{display:grid}.problem-slide{visibility:hidden;pointer-events:none;grid-area:1/1;grid-template-columns:.85fr 1.15fr;align-items:center;gap:72px;display:grid}.problem-slide.is-active{visibility:visible;pointer-events:auto}@media (width<=800px){.problem-slide{grid-template-columns:1fr;align-items:start;gap:36px}}.problem-head .eyebrow{margin-bottom:var(--sp-4)}.problem-head h2{margin:0}.problem-solutions .eyebrow{margin-bottom:var(--sp-4)}.eyebrow-good{color:var(--success);gap:18px}.eyebrow-good:before{background:radial-gradient(circle at center, var(--success) 3.5px, color-mix(in srgb, var(--success) 20%, transparent) 3.5px, color-mix(in srgb, var(--success) 20%, transparent) 6.5px, transparent 6.5px);width:20px;height:20px;box-shadow:none;flex-shrink:0}.problem-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.problem-list li{padding:var(--sp-5) 0;border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;display:flex}.problem-list li:first-child{padding-top:0}.problem-list li:last-child{border-bottom:none;padding-bottom:0}.problem-list .chk{background-color:var(--success);flex-shrink:0;width:20px;height:20px;margin-top:2px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"/></svg>") 50%/contain no-repeat}.problem-list p{margin:0;font-size:15.5px}.problem-list strong{color:var(--ink)}.problem-nav{margin-top:var(--sp-8);justify-content:flex-start;align-items:center;gap:18px;display:flex}@media (width<=800px){.problem-nav{justify-content:center}}.problem-arrow{border:1px solid var(--line-strong);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:border-color .2s var(--ease-soft), color .2s var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.problem-arrow:hover{border-color:var(--signal);color:var(--signal)}.problem-dots{gap:8px;display:flex}.problem-dot{background:var(--line-strong);cursor:pointer;width:8px;height:8px;transition:background .2s var(--ease-soft), transform .2s var(--ease-soft);border:none;border-radius:50%;padding:0}.problem-dot.is-active{background:var(--signal);transform:scale(1.3)}.chain{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chain-rail{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.chain-rail:before{content:"";background:repeating-linear-gradient(to right, var(--line-strong) 0 8px, transparent 8px 14px);height:2px;position:absolute;top:27px;left:6%;right:6%}@media (width<=860px){.chain-rail{grid-template-columns:1fr;gap:32px}.chain-rail:before{display:none}}.chain-step{padding-right:22px;position:relative}.chain-num{background:var(--paper);border:1px solid var(--line-strong);width:54px;height:54px;font-family:var(--mono);color:var(--signal-deep);margin-bottom:var(--sp-5);z-index:1;transition:border-color .3s var(--ease-soft);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:relative}.chain-step:hover .chain-num{border-color:var(--signal)}.chain-step h3{margin-bottom:var(--sp-2)}.chain-step p{max-width:30ch;font-size:14.5px}.rack-head{margin-bottom:var(--sp-9);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.rack-head h2{margin-top:var(--sp-3);max-width:19ch}.rack-head p{max-width:32ch;margin:0;font-size:14.5px}.rack{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=860px){.rack{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.rack{grid-template-columns:1fr}}.module{background:var(--surface);min-height:172px;transition:background-color .3s var(--ease-soft);flex-direction:column;gap:11px;padding:30px 28px;display:flex}.module:hover{background:var(--surface-2)}.module .ch{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-faint);justify-content:space-between;align-items:center;font-size:11px;display:flex}.module .ch-num{color:var(--signal);letter-spacing:0;font-size:28px;font-weight:800;font-family:var(--display)}.module .ch .led{background:var(--signal);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--signal) 18%, transparent);transition:box-shadow .3s var(--ease-soft);border-radius:50%}.module:hover .ch .led{box-shadow:0 0 0 5px color-mix(in srgb, var(--signal) 26%, transparent)}.module p{margin:0;font-size:14px}.compat{background:var(--surface-2);border-bottom:1px solid var(--line);padding:0}.compat .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:28px 32px;display:flex}.compat .label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:12px}.compat .tags{flex-wrap:wrap;gap:10px;display:flex}.compat .tag{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--ink);transition:border-color .25s var(--ease-soft), background-color .25s var(--ease-soft);border-radius:6px;padding:7px 13px;font-size:12.5px}.compat .tag:hover{border-color:var(--signal);background:var(--surface)}.cta{color:#f1f5f8;background:#08090c}.cta .panel{background:radial-gradient(circle at 15% 20%,#0f7fb824,#0000 55%);border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:1.2fr .8fr;align-items:center;gap:44px;padding:60px;display:grid}@media (width<=760px){.cta .panel{grid-template-columns:1fr;padding:36px 26px}}.cta h2{color:#fff;margin-top:var(--sp-3)}.cta p{color:#b7c2ca;margin-top:var(--sp-3)}.cta-highlight{color:var(--signal);font-weight:600}.cta-actions{flex-direction:column;gap:12px;display:flex}.cta-actions .btn{justify-content:center}.cta-note{font-family:var(--mono);color:#6d7b85;text-align:center;font-size:11.5px}footer{padding:var(--sp-7) 0}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer .brand{font-size:14px}footer .fine{font-family:var(--mono);color:var(--ink-faint);font-size:12px}
