:root{--bg:#f6f3ec;--bg-2:#efe9dd;--fg:#1c1a17;--muted:#6b655c;--accent:#e2653f;--accent-2:#c8452a;--card:#fffdf8;--line:#1c1a1712;--line-strong:#1c1a1722;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f6f3ecbf;justify-content:space-between;align-items:center;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav .brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:700;display:inline-flex}.nav .brand>span:not(.brand-mark){color:var(--accent)}.nav .brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.nav .brand-mark svg{width:18px;height:18px}.nav .links{color:var(--muted);gap:10px;margin-left:auto;margin-right:18px;font-size:14px;display:flex}.nav .links a{border:1px solid #0000;border-radius:9px;padding:6px 12px;transition:color .15s,background .15s,border-color .15s,transform .15s}.nav .links a:hover{color:var(--accent);background:#e2653f1a;border-color:#e2653f59;transform:translateY(-1px)}.hero{text-align:center;background:radial-gradient(1200px 600px at 50% -10%,#e2653f1a,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:130px 24px 40px;display:flex;position:relative}.hero h1{letter-spacing:-.03em;background:linear-gradient(#1c1a17,#5a5148);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:900px;font-size:clamp(40px,7vw,84px);font-weight:800;line-height:1.02}.hero p.sub{color:var(--muted);max-width:640px;margin-top:24px;font-size:clamp(17px,2.2vw,22px);line-height:1.5}.cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero .cta{margin-top:40px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 26px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 30px #c8452a33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #c8452a6b}.nav-cta{white-space:nowrap;border-radius:10px;padding:8px 16px;font-size:14px;text-decoration:none}.btn-ghost{background:var(--line);color:var(--fg);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--line-strong)}.hero .harness-row{flex-wrap:wrap;justify-content:center;gap:14px;max-width:720px;margin-top:56px;display:flex}.chip{color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:11px 20px;font-size:15px;display:inline-flex}.chip .chip-logo{color:var(--fg);display:inline-flex}.chip .chip-logo svg{width:22px;height:22px}.relay{aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 0,#1a1712,#0b0a09 70%);border:1px solid #ffffff10;border-radius:18px;width:min(880px,92vw);margin:40px auto 0;position:relative;overflow:hidden;box-shadow:0 30px 80px #1c1a1730}.relay:before{content:"";opacity:.5;background-image:radial-gradient(#ffffff0a 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 80% at 50% 40%,#000 40%,#0000 85%);mask-image:radial-gradient(100% 80% at 50% 40%,#000 40%,#0000 85%)}.relay .corner{border:2px solid var(--accent);width:26px;height:26px;position:absolute}.relay .corner.tl{border-bottom:none;border-right:none;top:16px;left:16px}.relay .corner.tr{border-bottom:none;border-left:none;top:16px;right:16px}.relay .corner.bl{border-top:none;border-right:none;bottom:16px;left:16px}.relay .corner.br{border-top:none;border-left:none;bottom:16px;right:16px}.relay .row{justify-content:space-between;align-items:center;display:flex;position:absolute;top:30%;left:8%;right:8%}.relay .line{background-image:linear-gradient(90deg, var(--accent) 0 8px, transparent 8px 18px);opacity:.55;background-size:18px 2px;height:2px;position:absolute;top:50%;left:12%;right:12%}.relay .line.flow{opacity:.9;animation:.9s linear infinite dashmove}@keyframes dashmove{to{background-position:18px 0}}.relay .tile{z-index:2;color:#f4f4f8;background:#17161a;border:1px solid #ffffff14;border-radius:16px;place-items:center;width:74px;height:74px;font-size:26px;display:grid;position:relative}.relay .tile.center{border-color:var(--accent);box-shadow:0 0 0 4px #e2653f1f,0 0 30px #e2653f59}.relay .tile.center .scan{border:2px solid var(--accent);width:12px;height:12px;position:absolute}.relay .tile.center .scan.tl{border-bottom:none;border-right:none;top:-6px;left:-6px}.relay .tile.center .scan.tr{border-bottom:none;border-left:none;top:-6px;right:-6px}.relay .tile.center .scan.bl{border-top:none;border-right:none;bottom:-6px;left:-6px}.relay .tile.center .scan.br{border-top:none;border-left:none;bottom:-6px;right:-6px}.relay .tlabel{letter-spacing:.08em;color:#8a857c;white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px;position:absolute;top:84px;left:50%;transform:translate(-50%)}.relay .packet{z-index:3;background:linear-gradient(135deg, var(--accent), #ffb37a);border-radius:5px;width:18px;height:18px;margin-top:-9px;animation:4.2s cubic-bezier(.7,0,.3,1) infinite relaytravel;position:absolute;top:calc(30% + 37px);left:20%;box-shadow:0 0 18px #e2653fcc}@keyframes relaytravel{0%{opacity:0;left:20%;transform:scale(1)}8%{opacity:1}46%{left:50%;transform:scale(.5)}54%{left:50%;transform:scale(.5)}92%{opacity:1}to{opacity:0;left:80%;transform:scale(1)}}.relay .card{z-index:2;background:#131217;border:1px solid #ffffff14;border-radius:12px;width:300px;animation:4.2s ease-in-out infinite cardfloat;position:absolute;top:58%;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes cardfloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.relay .card .head{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 16px;font-family:ui-monospace,monospace;font-size:13px;display:flex}.relay .card .head .name{color:#f4f4f8}.relay .card .head .n{color:#8a857c}.relay .card .bars{gap:9px;padding:16px;display:grid}.relay .card .bar{background:#ffffff12;border-radius:5px;height:9px}.relay .card .bar.pulse{animation:1.8s ease-in-out infinite barpulse}@keyframes barpulse{0%,to{opacity:.5}50%{opacity:1}}.relay .cap{letter-spacing:.14em;text-transform:uppercase;color:#6f6a62;flex-direction:column;align-items:center;gap:10px;font-family:ui-monospace,monospace;font-size:11px;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.relay .cap .logos{gap:16px;display:flex}.relay .cap .lg{color:#cfcbc3;background:#17161a;border:1px solid #ffffff12;border-radius:9px;place-items:center;width:34px;height:34px;transition:color .2s,border-color .2s;display:grid}.relay .cap .lg:hover{color:var(--accent);border-color:#e2653f66}.section{padding:110px 0;position:relative}.section.alt{background:var(--bg-2)}.section h2{letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(30px,4.5vw,48px);font-weight:800}.section .lead{color:var(--muted);max-width:620px;font-size:18px;line-height:1.6}.grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;display:grid}@media (width<=820px){.grid{grid-template-columns:1fr}}.feature{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;transition:transform .2s,border-color .2s}.feature:hover{border-color:#e2653f6b;transform:translateY(-4px)}.feature .icon{margin-bottom:14px;font-size:26px}.feature h3{margin-bottom:10px;font-size:19px}.feature p{color:var(--muted);font-size:15px;line-height:1.55}.flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:56px;display:flex}.flow .node{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 24px;font-size:15px;font-weight:600}.flow .hub{background:linear-gradient(135deg,#e2653f33,#e2653f14);border-color:#c8452a6b}.flow .arrow{color:var(--accent-2);font-size:22px}.terminal{border:1px solid var(--line);text-align:left;background:#0d0d14;border-radius:16px;margin-top:48px;overflow:hidden;box-shadow:0 20px 50px #1c1a1720}.terminal .bar{border-bottom:1px solid var(--line);background:#14141d;gap:8px;padding:14px 18px;display:flex}.terminal .dot{border-radius:50%;width:12px;height:12px}.terminal .dot.r{background:#ff5f56}.terminal .dot.y{background:#ffbd2e}.terminal .dot.g{background:#27c93f}.terminal pre{color:#c9d1d9;padding:24px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.9;overflow-x:auto}.terminal .cmd{color:#7ee787}.terminal .flag{color:#79c0ff}.terminal .cmt{color:#6e7681}.divider{border-top:1px dashed var(--line-strong);opacity:.7;max-width:1100px;height:0;margin:0 auto}.install-section{padding:72px 0}.install-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:40px;display:grid}.install-head{align-items:center;gap:14px;display:flex}.install-head h2{margin:0;font-size:clamp(26px,3.4vw,36px)}.install-mark{background:var(--card);border:1px solid var(--line-strong);width:40px;height:40px;color:var(--accent);border-radius:11px;place-items:center;display:grid}.install-mark svg{width:24px;height:24px}.install-blurb{color:var(--muted);max-width:480px;margin-top:18px;font-size:18px;line-height:1.7}.install-blurb strong{color:var(--fg);font-weight:600}@media (width<=780px){.install-grid{grid-template-columns:1fr;gap:24px}}.install-cmd{position:relative}.install-cmd .b{border:2px solid var(--accent);width:12px;height:12px;position:absolute}.install-cmd .b.tl{border-bottom:none;border-right:none;top:-1px;left:-1px}.install-cmd .b.tr{border-bottom:none;border-left:none;top:-1px;right:-1px}.install-cmd .b.bl{border-top:none;border-right:none;bottom:-1px;left:-1px}.install-cmd .b.br{border-top:none;border-left:none;bottom:-1px;right:-1px}.cta-band{color:#fff;background:linear-gradient(135deg,#211d19,#17130f)}.cta-band-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:44px 24px;display:flex}.cta-band h3{color:#f6f1ea;letter-spacing:-.01em;margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:700}.band-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;white-space:nowrap;border-radius:11px;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 30px #e2653f59}.band-btn:hover{transform:translateY(-2px);box-shadow:0 12px 44px #e2653f8c}.footer{color:var(--muted);border-top:1px solid var(--line);background:var(--bg);padding:64px 40px 32px;font-size:14px}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer-brand h3{color:var(--fg);letter-spacing:-.01em;margin-bottom:8px;font-size:22px;font-weight:800}.footer-cols{gap:64px;display:flex}.fcol{flex-direction:column;gap:10px;display:flex}.fcol .fhead{text-transform:uppercase;letter-spacing:.12em;color:#a49e93;margin-bottom:4px;font-size:11px}.fcol a{color:var(--fg)}.fcol a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:48px;padding-top:20px;font-size:13px;display:flex}.footer-bottom a:hover{color:var(--accent)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:64px;padding:56px 0;display:flex}.stat{text-align:center}.stat .num{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,5vw,52px);font-weight:800}.stat .label{color:var(--muted);margin-top:6px;font-size:14px}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;display:grid}@media (width<=820px){.steps{grid-template-columns:1fr}}.step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;position:relative}.step .n{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:16px;font-weight:700;display:grid}.step h3{margin-bottom:8px;font-size:18px}.step p{color:var(--muted);font-size:15px;line-height:1.55}.step code{border:1px solid var(--line);color:#7ee787;background:#0d0d14;border-radius:6px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:13px}.cases{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:56px;display:grid}@media (width<=820px){.cases{grid-template-columns:1fr}}.case{background:var(--card);border:1px solid var(--line);border-radius:16px;gap:16px;padding:24px;display:flex}.case .emoji{font-size:28px}.case h3{margin-bottom:6px;font-size:17px}.case p{color:var(--muted);font-size:14px;line-height:1.55}.faq{max-width:760px;margin-top:48px}.qa{border-bottom:1px solid var(--line)}.qa-q{cursor:pointer;text-align:left;width:100%;color:var(--fg);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:17px;font-weight:600;transition:color .15s;display:flex}.qa-q:hover{color:var(--accent)}.qa-chevron{color:var(--muted);flex-shrink:0;font-size:20px;line-height:1;transition:transform .25s}.qa.open .qa-chevron{color:var(--accent);transform:rotate(180deg)}.qa-a{transition:max-height .28s;overflow:hidden}.qa-a p{color:var(--muted);padding-bottom:22px;font-size:15px;line-height:1.6}.install{max-width:640px;margin-top:40px}.os-tabs{gap:8px;margin-bottom:16px;display:flex}.os{cursor:pointer;background:var(--card);color:var(--muted);border:1px solid var(--line-strong);border-radius:10px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .15s}.os:hover{color:var(--fg)}.os.active{background:var(--accent);color:#fff;border-color:var(--accent)}.install-cmd{background:#131217;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;display:flex;overflow-x:auto;box-shadow:0 12px 40px #1c1a1720}.install-cmd .dollar{color:var(--accent);font-weight:700}.install-cmd code{color:#c9d1d9;white-space:nowrap}.final{text-align:center;background:radial-gradient(900px 500px at 50% 120%,#e2653f1a,#0000 70%);padding:130px 24px}.final h2{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(32px,5vw,56px);font-weight:800}.final p{color:var(--muted);margin-bottom:32px;font-size:18px}
