:root{--col-ground: #0a0e13;--col-surface: #11161d;--col-surface2: #161c25;--col-border: #1f2733;--col-border2: #2a3340;--col-text: #dde6ef;--col-muted: #6c7989;--col-faint: #2f3845;--col-amber: #22d3ee;--col-amber-dim: #0e7490;--col-amber-glow: #67e8f9;--col-amber-bg: rgba(34, 211, 238, .08);--col-amber-border: rgba(34, 211, 238, .28);--col-up: #4ade80;--col-up-bg: rgba(74, 222, 128, .1);--col-down: #f87171;--col-down-bg: rgba(248, 113, 113, .1);--font-display: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-body: "Inter", "Helvetica Neue", system-ui, sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--col-ground);color:var(--col-text);font-family:var(--font-body);font-weight:400;font-size:1rem;line-height:1.65;overflow-x:hidden;position:relative;min-width:320px}#root{width:100%}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(34,211,238,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.022) 1px,transparent 1px);background-size:48px 48px}body:after{content:"";position:fixed;top:0;left:0;right:0;height:1px;z-index:1001;background:linear-gradient(90deg,transparent 0%,var(--col-amber-border) 20%,var(--col-amber-glow) 50%,var(--col-amber-border) 80%,transparent 100%);opacity:.4;pointer-events:none}::selection{background:var(--col-amber);color:#fff}:focus-visible{outline:2px solid var(--col-amber);outline-offset:3px}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in-row{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes agent-glow-pulse{0%,to{box-shadow:0 0 0 1px var(--col-amber-border),0 0 20px #22d3ee1f}50%{box-shadow:0 0 0 1px var(--col-amber-border),0 0 32px #22d3ee3d}}@keyframes float-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes expand-row{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}.reveal{opacity:0;animation:reveal-up .9s var(--ease-out-expo) forwards}.reveal-fade{opacity:0;animation:reveal-fade 1.1s ease forwards}.delay-0{animation-delay:.05s}.delay-1{animation-delay:.18s}.delay-2{animation-delay:.32s}.delay-3{animation-delay:.46s}.delay-4{animation-delay:.6s}.delay-5{animation-delay:.78s}.delay-6{animation-delay:.96s}.delay-7{animation-delay:1.14s}.delay-8{animation-delay:1.3s}.scroll-hint{animation:float-down 2.4s ease-in-out infinite,reveal-fade 1s ease 1.4s forwards;opacity:0}.hero-deco-num{font-family:var(--font-display);font-weight:900;font-size:clamp(10rem,28vw,22rem);line-height:.85;color:transparent;-webkit-text-stroke:1px var(--col-faint);text-stroke:1px var(--col-faint);letter-spacing:-.05em;-webkit-user-select:none;user-select:none;pointer-events:none}.hero-headline{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,7vw,6rem);line-height:1.02;letter-spacing:-.04em;color:var(--col-text)}.hero-headline em{font-style:normal;color:var(--col-amber-glow);position:relative}.hero-headline em:after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.16em;background:var(--col-amber-bg);border-bottom:2px solid var(--col-amber);z-index:-1}.section-label{font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--col-amber)}.tech-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:3px;font-family:var(--font-body);font-size:.6875rem;font-weight:500;letter-spacing:.04em;border:1px solid var(--col-border2);color:var(--col-muted);background:transparent;white-space:nowrap;transition:border-color .2s,color .2s}.tech-badge-accent{border-color:var(--col-amber-border);color:var(--col-amber-glow);background:var(--col-amber-bg)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:var(--col-amber);color:#fff;font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent;border-radius:4px;cursor:pointer;text-decoration:none;transition:background .25s ease,box-shadow .25s ease,transform .15s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.08),transparent);pointer-events:none}.btn-primary:hover:not(:disabled){background:var(--col-amber-glow);box-shadow:0 0 0 3px #c9843a33,0 8px 24px #c9843a40;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:transparent;color:var(--col-text);font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.02em;border:1px solid var(--col-border2);border-radius:4px;cursor:pointer;text-decoration:none;transition:border-color .25s ease,color .25s ease,background .25s ease}.btn-secondary:hover{border-color:var(--col-amber-border);color:var(--col-amber-glow);background:var(--col-amber-bg)}.app-card{background:var(--col-surface);border:1px solid var(--col-border);border-radius:8px;position:relative;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.app-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--col-amber-bg) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.app-card:hover{border-color:var(--col-amber-border);box-shadow:0 0 0 1px var(--col-amber-border),0 24px 60px #00000080}.app-card:hover:after{opacity:1}.agent-card{background:var(--col-surface);border:1px solid var(--col-border);border-radius:8px;position:relative;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease,transform .25s var(--ease-out-expo);cursor:default}.agent-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--col-amber-bg) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none}.agent-card:hover{transform:translateY(-3px) rotate(-.3deg);box-shadow:0 20px 50px #00000073}.agent-card:hover:after{opacity:1}.agent-card.is-busy{border-color:var(--col-amber-border);animation:agent-glow-pulse 2s ease-in-out infinite}.agent-card.is-busy:after{opacity:1}.gatekeeper-card{border:1px solid var(--col-border2);background:var(--col-surface);position:relative;overflow:hidden}.gatekeeper-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--col-amber-border),transparent)}.gatekeeper-step{display:flex;align-items:flex-start;gap:.875rem}.gatekeeper-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--col-amber-bg);border:1px solid var(--col-amber-border);color:var(--col-amber-glow);font-family:var(--font-body);font-size:.6875rem;font-weight:700;flex-shrink:0;margin-top:1px;font-variant-numeric:tabular-nums}.gatekeeper-bold{color:var(--col-text);font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--col-faint);flex-shrink:0}.status-dot.connected{background:#4d8c6f;animation:pulse-dot 2s ease-in-out infinite}.status-dot.connecting{background:var(--col-amber);animation:pulse-dot 1s ease-in-out infinite}.status-dot.busy{background:var(--col-amber);animation:pulse-dot 1.2s ease-in-out infinite}.timeline-row{animation:slide-in-row .4s var(--ease-out-expo) forwards}.hr-fine{border:none;height:1px;background:var(--col-border)}.about-section{background:var(--col-surface);border-top:1px solid var(--col-border);border-bottom:1px solid var(--col-border)}.drop-cap:first-letter{font-family:var(--font-display);font-weight:900;font-style:italic;font-size:4.2em;line-height:.72;float:left;margin-right:.1em;margin-top:.05em;color:var(--col-amber-glow);font-optical-sizing:auto}.footer-link{color:var(--col-muted);text-decoration:none;transition:color .2s;font-size:.8125rem}.footer-link:hover{color:var(--col-amber-glow)}.marquee-track{overflow:hidden;width:100%;border-top:1px solid var(--col-border);border-bottom:1px solid var(--col-border);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.marquee-inner{display:flex;white-space:nowrap;animation:marquee 30s linear infinite;width:max-content}.marquee-item{display:inline-flex;align-items:center;padding:.55rem 2rem;font-family:var(--font-body);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--col-faint);gap:2rem}.marquee-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--col-amber);vertical-align:middle}.glass-surface{background:var(--col-surface);border:1px solid var(--col-border);border-radius:8px;position:relative;overflow:hidden}.glass-surface:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--col-amber-border),transparent)}.amber-accent-left{border-left:2px solid var(--col-amber);padding-left:1.25rem}.cards-grid-three{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}@media (min-width: 820px){.cards-grid-three{grid-template-columns:1.08fr 1fr 1fr;gap:1.25rem}}.chat-bubble-user{align-self:flex-end;background:var(--col-amber-bg);border:1px solid var(--col-amber-border);border-radius:12px 12px 4px;padding:.75rem 1rem;max-width:72%;font-family:var(--font-body);font-size:.9375rem;color:var(--col-text);line-height:1.6}.chat-bubble-assistant{align-self:flex-start;background:var(--col-surface);border:1px solid var(--col-border);border-radius:12px 12px 12px 4px;padding:.875rem 1.125rem;max-width:100%;font-family:var(--font-body);font-size:.9375rem;color:var(--col-text);line-height:1.7}.md-content h1,.md-content h2,.md-content h3,.md-content h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--col-text);margin-top:1.25em;margin-bottom:.5em;line-height:1.15}.md-content h1{font-size:1.5rem}.md-content h2{font-size:1.25rem}.md-content h3{font-size:1.0625rem}.md-content p{margin-bottom:.875em;line-height:1.7}.md-content p:last-child{margin-bottom:0}.md-content strong{color:var(--col-text);font-weight:600}.md-content em{font-family:var(--font-display);font-style:italic;color:var(--col-amber-glow)}.md-content ul,.md-content ol{padding-left:1.25em;margin-bottom:.875em}.md-content li{margin-bottom:.3em;line-height:1.65}.md-content code{font-family:Menlo,Consolas,monospace;font-size:.8125rem;background:var(--col-surface2);border:1px solid var(--col-border2);padding:.1em .4em;border-radius:3px;color:var(--col-amber-glow)}.md-content pre{background:var(--col-surface2);border:1px solid var(--col-border2);border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:.875em}.md-content pre code{background:none;border:none;padding:0;font-size:.8125rem;color:var(--col-text)}.md-content blockquote{border-left:2px solid var(--col-amber-border);padding-left:1rem;color:var(--col-muted);font-style:italic;margin-bottom:.875em}.md-content hr{border:none;height:1px;background:var(--col-border);margin:1.25em 0}.nav-link{font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--col-muted);text-decoration:none;letter-spacing:.01em;padding-bottom:2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.nav-link:hover{color:var(--col-text)}.nav-link.active{color:var(--col-amber-glow);border-bottom-color:var(--col-amber)}.composer-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-body);font-size:.9375rem;color:var(--col-text);line-height:1.6;padding:0;min-height:1.6em;max-height:calc(1.6em * 6);overflow-y:auto}.composer-textarea::placeholder{color:var(--col-muted)}@media (max-width: 640px){.hero-headline{font-size:clamp(2.5rem,12vw,4rem)}.chat-bubble-user{max-width:90%}}@media (min-width: 820px){.about-grid{grid-template-columns:240px 1fr!important}}
