:root{
  --bg:#000000;
  --bg-2:#010203;
  --panel:#090e15;
  --panel-2:#0b111a;
  --ink:#eef2f7;
  --muted:#7d899a;
  --muted-2:#4e5968;
  --line:rgba(222,232,245,.12);
  --line-strong:rgba(222,232,245,.22);
  --orange:#ff6536;
  --mint:#71ddc9;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;color:var(--ink)}
body{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 18% 12%,rgba(28,105,92,.27),transparent 28%),
    radial-gradient(circle at 82% 24%,rgba(51,112,105,.2),transparent 30%),
    radial-gradient(circle at 76% 82%,rgba(112,47,30,.12),transparent 24%),
    linear-gradient(180deg,var(--bg),var(--bg-2) 45%,var(--bg));
  font-family:var(--sans)
}
body::before{
  position:fixed;
  inset:0;
  z-index:0;
  content:"";
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.128) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.128) 1px,transparent 1px);
  background-size:78px 78px;
  mask-image:linear-gradient(to bottom,#000 0%,#000 64%,transparent 96%)
}
body::after{
  position:fixed;
  inset:0;
  z-index:1;
  content:"";
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,4,9,.54),rgba(1,4,9,.44)),
    radial-gradient(circle at 50% 32%,transparent 0 28%,rgba(1,4,9,.28) 68%)
}
.mesh-canvas{
  position:fixed;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  opacity:.9;
  pointer-events:none;
  transform:translateX(7vw);
  transform-origin:center
}
.spotlight{
  position:fixed;
  left:var(--spot-x,50vw);
  top:var(--spot-y,30vh);
  z-index:1;
  width:580px;
  height:580px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(84,211,189,.08),transparent 68%);
  opacity:0;
  transform:translate3d(-50%,-50%,0)
}
#mesh[hidden]{display:none!important}
button,input,textarea,a{font:inherit;color:inherit}
button{cursor:pointer}
a{text-decoration:none}
::selection{background:var(--orange);color:#05080d}

.boot{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:28px;background:rgba(0,2,3,.95);backdrop-filter:blur(10px);transition:opacity .34s ease,visibility 0s .34s}
.boot.is-done{opacity:0;visibility:hidden}
.boot-inner{width:min(820px,100%);font-family:var(--mono)}
.boot-head,.boot-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted-2);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.boot-head{padding-bottom:14px;border-bottom:1px solid var(--line)}
.boot-head strong{font-weight:500;color:var(--mint)}
.boot-log{height:328px;padding:20px 0 14px;overflow:hidden}
.boot-row{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:16px;align-items:start;font-size:11px;line-height:1.72;color:#b0bac7;opacity:0;transform:translateY(4px);animation:bootIn .11s ease forwards}
.boot-time{color:#475261}
.boot-ok{color:var(--mint)}
.boot-warn{color:#d9a05c}
.boot-paid{color:var(--orange)}
.boot-track{height:2px;background:#151c26;overflow:hidden}
.boot-progress{width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--orange));box-shadow:0 0 20px rgba(113,221,201,.28);transition:width .1s linear}
.boot-foot{padding-top:12px}
.boot-skip{border:0;background:transparent;padding:0;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:4px}
.boot-skip:hover{color:var(--ink)}

.app{position:relative;z-index:2;min-height:100dvh;opacity:0;transform:scale(.996);transition:opacity .42s ease,transform .42s ease}
.app.is-ready{opacity:1;transform:none}

.topbar{position:relative;z-index:20;height:64px;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(0,5,6,.78);backdrop-filter:blur(18px) saturate(120%)}
.brand-line{display:flex;align-items:center;min-width:0;gap:13px}
.brand-mark{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 1px rgba(5,8,13,.7)}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.brand-fallback{position:absolute;inset:0;display:none;place-items:center;color:var(--mint);font:600 10px var(--mono);letter-spacing:-.04em;background:#0d1725}
.brand-mark.is-fallback .brand-fallback{display:grid}
.location{min-width:0;color:#98a4b4;font:10px var(--mono);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.location strong{color:var(--mint);font-weight:500}
.top-spacer{flex:1}
.router-note{display:grid;gap:2px;text-align:right;white-space:nowrap}
.router-note strong{color:#aeb8c5;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.router-note span{color:var(--muted-2);font:9px var(--mono)}
.quick-shell{position:relative;display:flex;align-items:center;height:100%}
.quick-trigger{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 0;color:#aeb8c5;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.quick-trigger span:last-child{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;color:var(--mint);transition:transform .25s,border-color .25s}
.quick-shell:hover .quick-trigger span:last-child,.quick-shell:focus-within .quick-trigger span:last-child,.quick-shell.is-open .quick-trigger span:last-child{transform:rotate(45deg);border-color:var(--line-strong)}

.quick-panel{position:absolute;top:63px;right:-10px;width:min(460px,calc(100vw - 24px));padding:17px 20px 12px;background:rgba(7,11,17,.97);backdrop-filter:blur(22px);box-shadow:0 28px 90px rgba(0,0,0,.52);border-top:1px solid var(--line-strong);opacity:0;visibility:hidden;transform:translateY(-8px);transform-origin:top right;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}
.quick-shell:hover .quick-panel,.quick-shell:focus-within .quick-panel,.quick-shell.is-open .quick-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.quick-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 1px 12px;border-bottom:1px solid var(--line)}
.quick-panel-head strong{font:500 10px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--mint)}
.quick-panel-head span{color:var(--muted-2);font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.quick-list{display:grid}
.quick-route{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px 1px;border-bottom:1px solid var(--line);overflow:hidden;transition:padding .2s ease,background .2s ease}
.quick-route:last-child{border-bottom:0}
.quick-route::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,101,54,.075),rgba(113,221,201,.025),transparent);transform:translateX(-101%);transition:transform .32s ease}
.quick-route:hover,.quick-route:focus-visible,.quick-route.is-active{outline:0;padding-left:8px}
.quick-route:hover::before,.quick-route:focus-visible::before,.quick-route.is-active::before{transform:none}
.quick-route>*{position:relative;z-index:1}
.quick-index{padding-top:2px;color:var(--muted-2);font:9px var(--mono)}
.quick-copy{display:grid;min-width:0}
.quick-title{display:flex;align-items:center;gap:8px;color:#e4e9ef;font:500 11.5px/1.4 var(--mono)}
.quick-status{color:var(--mint);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.quick-status::before{content:"";display:inline-block;width:4px;height:4px;margin:0 5px 1px 0;border-radius:50%;background:currentColor}
.quick-desc{display:block;max-height:0;opacity:0;overflow:hidden;color:var(--muted);font:9.5px/1.5 var(--mono);margin-top:0;transition:max-height .24s ease,opacity .18s ease,margin .18s ease}
.quick-route:hover .quick-desc,.quick-route:focus-visible .quick-desc,.quick-route.is-active .quick-desc{max-height:48px;opacity:1;margin-top:6px}
.quick-arrow{padding-top:1px;color:var(--orange);font:12px var(--mono);opacity:.42;transition:opacity .2s,transform .2s}
.quick-route:hover .quick-arrow,.quick-route:focus-visible .quick-arrow,.quick-route.is-active .quick-arrow{opacity:1;transform:translateX(3px)}

.hero{height:calc(100dvh - 64px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;width:min(1120px,calc(100% - 56px));margin:0 auto;padding:clamp(34px,5vh,62px) 0 24px}
.hero-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.hero-title h1{margin:0;font-size:clamp(56px,7vw,104px);line-height:.88;letter-spacing:-.068em;font-weight:760}
.hero-title h1 em{font-style:normal;color:var(--orange)}
.terminal{min-height:0;display:grid;grid-template-rows:36px minmax(0,1fr) auto;border:1px solid var(--line-strong);background:rgba(1,7,10,.95);box-shadow:0 30px 100px rgba(0,0,0,.26);overflow:hidden;backdrop-filter:blur(12px)}
.term-top{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted-2);font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase}
.term-dots{display:flex;gap:5px;margin-right:5px}
.term-dot{width:6px;height:6px;border-radius:50%;background:#343f4d}
.term-dot:first-child{background:var(--orange)}
.term-status{margin-left:auto;color:var(--mint)}
.history{display:grid;align-content:start;row-gap:6px;min-height:0;overflow:auto;padding:24px 24px 18px;scrollbar-width:thin;scrollbar-color:#25303d transparent}
.line{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;align-items:start;font:12px/1.4 var(--mono);color:#8d99aa;white-space:pre-wrap;word-break:break-word;margin:0}
.line+.line{margin-top:0}
.line::before{grid-column:1;display:block;text-align:center;font-weight:500}
.line-body{grid-column:2;min-width:0}
.line strong{font-weight:500;color:#e2e7ee}
.line.prompt{color:var(--mint)}
.line.prompt::before{content:"$";color:var(--mint)}
.line.response::before,.line.error::before{content:"↳";color:var(--orange)}
.line.error{color:#8d99aa}
.line.pending{color:var(--muted-2)}
.line.pending::before{content:"·";color:var(--muted-2)}
.line.pending .line-body::after{content:"";display:inline-block;width:18px;height:4px;margin-left:7px;vertical-align:middle;background:radial-gradient(circle,currentColor 1px,transparent 1.5px) 0 50%/6px 4px repeat-x;animation:pendingPulse .9s ease-in-out infinite}
.line a{color:#e7edf4;text-decoration:underline;text-decoration-color:rgba(255,101,54,.55);text-underline-offset:4px}
.line a:hover,.line a:focus-visible{outline:0;color:#fff;text-decoration-color:var(--orange)}
.homepage-secondary-routes{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.agent-links{display:inline}
.agent-links::before{content:" · ";color:var(--muted-2)}

.composer{position:relative;border-top:1px solid var(--line-strong);background:rgba(1,7,10,.95);padding:15px 24px;transition:box-shadow .2s,background .2s}
.composer:focus-within{background:rgba(3,14,17,.97);box-shadow:inset 3px 0 0 var(--mint)}
.composer-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--muted-2);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.composer-meta strong{color:var(--mint);font-weight:500}
.composer-grid{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start}
.input-prefix{display:block;text-align:center;color:var(--mint);font:13px/1.55 var(--mono);padding-top:5px}
#command{width:100%;min-height:72px;max-height:130px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);caret-color:var(--orange);font:13px/1.55 var(--mono);padding:5px 0;margin:0}
#command::placeholder{color:#566273}
.send{align-self:end;border:1px solid var(--line);background:transparent;padding:8px 10px;color:#9ba7b6;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .2s,border-color .2s,background .2s}
.send:hover,.send:focus-visible{outline:0;color:var(--ink);border-color:var(--line-strong);background:rgba(255,255,255,.025)}
.send:disabled{cursor:default;opacity:.45}
.type-cue{position:absolute;right:24px;top:-31px;display:flex;align-items:center;gap:8px;color:#abb6c3;font:9px var(--mono);letter-spacing:.075em;text-transform:uppercase;pointer-events:none;transition:opacity .25s,transform .25s}
.type-cue::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(113,221,201,.34);animation:cue 1.6s ease-out infinite}
.type-cue.is-hidden{opacity:0;transform:translateY(5px)}
.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted-2);font:9px var(--mono);letter-spacing:.075em;text-transform:uppercase}
.reboot{border:0;background:transparent;padding:6px 0;color:var(--muted-2);font:9px var(--mono);letter-spacing:.075em;text-transform:uppercase}
.reboot:hover,.reboot:focus-visible{outline:0;color:var(--ink)}
.toast{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:10px 13px;border:1px solid var(--line-strong);background:rgba(7,11,16,.95);backdrop-filter:blur(12px);color:#cfd6df;font:10px var(--mono);transition:.22s}
.toast.show{opacity:1;transform:translate(-50%,0)}

.homepage-routes{position:relative;z-index:2;width:min(1120px,calc(100% - 56px));margin:0 auto;padding:clamp(42px,5vw,68px) 0 64px;border-top:1px solid var(--line)}
.homepage-routes-heading{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:clamp(32px,7vw,100px);align-items:end;margin-bottom:32px}
.homepage-routes-kicker{margin:0 0 12px;color:var(--mint);font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.homepage-routes-heading h2{grid-column:2;margin:0;font-size:clamp(32px,5vw,64px);line-height:.95;letter-spacing:-.06em;font-weight:700}
.homepage-routes-summary{grid-column:2;max-width:620px;margin:18px 0 0;color:var(--muted);font:14px/1.7 var(--mono)}
.homepage-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.homepage-route-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:16px;align-items:start;padding:18px 4px 18px 0;border-bottom:1px solid var(--line);color:var(--ink);transition:background .2s ease,padding .2s ease}
.homepage-route-card:nth-child(odd){padding-right:28px;border-right:1px solid var(--line)}
.homepage-route-card:nth-child(even){padding-left:28px}
.homepage-route-card:hover,.homepage-route-card:focus-visible{outline:0;background:rgba(113,221,201,.045);color:#fff}
.homepage-route-index{color:var(--muted-2);font:10px var(--mono);padding-top:3px}
.homepage-route-copy{display:grid;gap:7px}
.homepage-route-copy strong{font:600 16px/1.2 var(--sans);letter-spacing:-.02em}
.homepage-route-copy span{max-width:420px;color:var(--muted);font:11px/1.6 var(--mono)}
.homepage-route-arrow{justify-self:end;color:var(--orange);font:18px/1 var(--mono);transition:transform .2s ease}
.homepage-route-card:hover .homepage-route-arrow,.homepage-route-card:focus-visible .homepage-route-arrow{transform:translate(3px,-3px)}
.homepage-overview{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,7vw,100px);width:min(1120px,calc(100% - 56px));margin:0 auto;padding:0 0 92px}
.homepage-overview-intro h2{max-width:600px;margin:14px 0 20px;font-size:clamp(30px,4.5vw,58px);line-height:.98;letter-spacing:-.06em}
.homepage-overview-intro>p:last-child{max-width:540px;margin:0;color:var(--muted);font:13px/1.75 var(--mono)}
.homepage-overview-grid{border-top:1px solid var(--line)}
.homepage-overview-grid article{display:grid;grid-template-columns:minmax(170px,.72fr) minmax(0,1fr);gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}
.homepage-overview-grid h3,.homepage-overview-grid p{margin:0}
.homepage-overview-grid h3{font:600 15px/1.3 var(--sans);letter-spacing:-.02em}
.homepage-overview-grid p{color:var(--muted);font:11px/1.65 var(--mono)}

@keyframes bootIn{to{opacity:1;transform:none}}
@keyframes cue{70%,100%{box-shadow:0 0 0 10px rgba(113,221,201,0)}}
@keyframes pendingPulse{50%{opacity:.25}}

@media (pointer:coarse),(max-width:900px){.spotlight{display:none}}
@media (max-width:980px){
  .router-note{display:none}
  .hero{width:min(920px,calc(100% - 40px))}
  .hero-title h1{font-size:clamp(54px,9vw,84px)}
}
@media (max-width:680px){
  body{overflow-x:hidden}
  .mesh-canvas{transform:translateX(4vw)}
  .app{min-height:100dvh;height:auto}
  .topbar{height:58px;padding:0 16px;gap:10px}
  .brand-mark{width:32px;height:32px}
  .location{font-size:8.5px;letter-spacing:.05em}
  .quick-trigger{font-size:8.5px;gap:7px}
  .quick-trigger span:last-child{width:18px;height:18px}
  .quick-panel{top:57px;right:-8px;width:calc(100vw - 16px);max-height:calc(100dvh - 68px);padding:13px 14px 10px;overflow:auto}
  .quick-panel-head{padding-bottom:10px}
  .quick-panel-head span{font-size:8px}
  .quick-route{grid-template-columns:24px minmax(0,1fr) 18px;gap:8px;padding:13px 1px}
  .quick-route:hover,.quick-route:focus-visible,.quick-route.is-active{padding-left:1px}
  .quick-title{font-size:10px;gap:6px}
  .quick-index{font-size:8px}
  .quick-status{font-size:7px}
  .quick-desc{max-height:none;opacity:1;overflow:visible;margin-top:5px;font-size:8.7px;line-height:1.45}
  .quick-arrow{font-size:10px}
  .hero{height:auto;min-height:calc(100dvh - 58px);width:calc(100% - 28px);grid-template-rows:auto minmax(520px,1fr) auto;gap:18px;padding:34px 0 18px}
  .hero-title h1{font-size:clamp(52px,16vw,72px);line-height:.91}
  .terminal{min-height:520px}
  .history{padding:20px 16px 14px}
  .line{grid-template-columns:18px minmax(0,1fr);column-gap:8px;font-size:11px}
  .composer{padding:13px 16px}
  .composer-grid{grid-template-columns:18px minmax(0,1fr);gap:8px}
  .input-prefix{grid-row:1;align-self:start;padding-top:5px;font-size:16px}
  #command{min-height:94px;font-size:16px;line-height:1.45;padding-top:4px}
  .send{grid-column:2;justify-self:end;margin-top:2px}
  .type-cue{display:none}
  .homepage-routes{width:calc(100% - 28px);padding:72px 0 76px}
  .homepage-routes-heading{display:block;margin-bottom:24px}
  .homepage-routes-heading h2{font-size:clamp(34px,11vw,52px)}
  .homepage-routes-summary{font-size:11px}
  .homepage-route-grid{grid-template-columns:1fr}
  .homepage-route-card:nth-child(odd),.homepage-route-card:nth-child(even){padding:18px 0;border-right:0}
  .homepage-overview{display:block;width:calc(100% - 28px);padding:0 0 76px}
  .homepage-overview-intro h2{font-size:clamp(34px,11vw,52px)}
  .homepage-overview-intro>p:last-child{font-size:11px}
  .homepage-overview-grid{margin-top:34px}
  .homepage-overview-grid article{grid-template-columns:1fr;gap:8px;padding:18px 0}
  .boot{padding:20px}
  .boot-log{height:350px}
  .boot-row{grid-template-columns:48px minmax(0,1fr);gap:7px;font-size:9.6px}
  .boot-row span:last-child{grid-column:2}
}
@media (max-height:760px) and (min-width:681px){
  .hero{gap:15px;padding-top:26px;padding-bottom:16px}
  .hero-title h1{font-size:clamp(52px,6vw,78px)}
  .composer #command{min-height:58px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}