:root{--bg:#050816;--panel:#0c142cc7;--panel-strong:#111937f0;--border:#8faadc38;--text:#e8f0ff;--muted:#9ca9c8;--cyan:#4fc3f7;--mint:#7df2c5;--gold:#ffe17a;--shadow:0 30px 80px #00000073;--content-width:min(1120px, calc(100% - clamp(1.25rem, 3vw, 2.5rem)));--section-space:clamp(3rem, 6vw, 5rem);--card-gap:clamp(.9rem, 1.5vw, 1.25rem);--card-padding:clamp(1rem, 2vw, 1.5rem);--pill-padding-y:clamp(.7rem, 1.2vw, .85rem);--pill-padding-x:clamp(1rem, 1.8vw, 1.2rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#4fc3f71f,#0000 32%),radial-gradient(circle at 100% 0,#7df2c51a,#0000 22%),linear-gradient(#060915 0%,#04070f 100%);margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{position:relative;overflow:clip}.page-backdrop{pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 32%,#0000 92%);mask-image:radial-gradient(circle,#000 32%,#0000 92%)}.section,.hero,.topbar-wrap,.scroll-prompt{z-index:1;position:relative}.topbar-wrap,.section,.hero{width:var(--content-width);margin:0 auto}.topbar-wrap{justify-content:center;padding-top:clamp(1rem,2.5vw,1.5rem);display:flex}.topbar{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:clamp(.95rem,1.5vw,1.1rem);display:inline-grid;position:relative}.topbar span{white-space:nowrap;transition:opacity .45s,transform .45s;display:inline-block}.topbar-default,.topbar-hover{opacity:0;grid-area:1/1;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(6px)}.topbar-default{opacity:1;position:relative;top:auto;left:auto;transform:none}.topbar:hover .topbar-default{opacity:0;transform:translate(-50%)translateY(-6px)}.topbar:hover .topbar-hover{opacity:1;transform:translate(-50%)translateY(0)}.hl-gray{color:#8190ad}.hl-cyan{color:var(--cyan)}.hl-mint{color:var(--mint)}.hl-gold{color:var(--gold)}.hero{align-content:center;gap:clamp(1.25rem,2.5vw,2rem);min-height:86vh;padding:clamp(3rem,7vw,4.5rem) 0 clamp(1.5rem,4vw,2.5rem);display:grid}.hero-copy{max-width:920px}.eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(.72rem,1vw,.82rem)}.hero h1,.section-heading h2,.about-copy h2{letter-spacing:-.04em;margin:0;line-height:.95}.hero h1{max-width:980px;font-size:clamp(3rem,8vw,6rem)}.hero-lead{max-width:760px;color:var(--muted);margin:clamp(1rem,2vw,1.5rem) 0 0;font-size:clamp(.98rem,1.4vw,1.05rem);line-height:1.75}.hero-lead span{color:var(--cyan)}.hero-subtitle{min-height:clamp(2rem,4vw,2.5rem);color:var(--text);margin:clamp(1rem,2vw,1.5rem) 0 0;font-size:clamp(1.1rem,2.4vw,1.6rem)}.cursor{margin-left:.15rem;animation:.7s infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-actions,.hero-links,.contact-links,.project-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-actions{margin-top:clamp(1.25rem,2.5vw,1.75rem)}.hero-links{margin-top:clamp(.85rem,1.5vw,1rem)}.button-primary,.button-secondary,.hero-links a,.contact-links a,.project-actions a{padding:var(--pill-padding-y) var(--pill-padding-x);border:1px solid #ffffff24;border-radius:999px;transition:transform .2s,background-color .2s,border-color .2s}.button-primary{background:var(--text);color:#04101b}.button-secondary,.hero-links a,.contact-links a,.project-actions a{color:var(--text);background:#ffffff0a}.button-primary:hover,.button-secondary:hover,.hero-links a:hover,.contact-links a:hover,.project-actions a:hover{border-color:#ffffff47;transform:translateY(-2px)}.stats-grid{gap:var(--card-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card,.info-card,.proof-card,.quote-card,.project-card,.code-window,.contact-form,.contact-panel,.about-copy{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#141e3eb3,#080d1cd1)}.stat-card,.info-card,.proof-card,.quote-card,.about-copy,.contact-form,.contact-panel{padding:var(--card-padding);border-radius:28px}.stat-card strong{color:var(--cyan);margin-bottom:.5rem;font-size:clamp(1.45rem,2.2vw,1.9rem);display:block}.stat-card span,.info-card p,.proof-card p,.about-copy p,.project-content p,.contact-panel p{color:var(--muted);line-height:1.7}.scroll-prompt{justify-content:center;margin:0 auto clamp(1.25rem,3vw,2rem);display:flex}.scroll-prompt button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.scroll-icon{fill:#e8f0ffeb;width:clamp(2.25rem,4vw,3rem);height:clamp(2.25rem,4vw,3rem);animation:1.5s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{padding:var(--section-space) 0}.section-heading{max-width:820px;margin-bottom:clamp(1.5rem,3vw,2rem)}.section-heading h2,.about-copy h2{font-size:clamp(2rem,4vw,3.4rem)}.card-grid,.proof-grid,.project-grid,.contact-layout{gap:var(--card-gap);display:grid}.card-grid,.proof-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-grid{margin-top:clamp(1.75rem,4vw,2.75rem)}.project-grid{align-items:start}.info-card h3,.project-card h3{margin:0 0 .75rem;font-size:clamp(1.05rem,1.5vw,1.2rem)}.accent-dot{border-radius:999px;width:clamp(.8rem,1.4vw,.9rem);height:clamp(.8rem,1.4vw,.9rem);margin-bottom:clamp(.8rem,1.5vw,1rem);box-shadow:0 0 20px}.accent-dot.cyan{color:var(--cyan);background:var(--cyan)}.accent-dot.mint{color:var(--mint);background:var(--mint)}.accent-dot.gold{color:var(--gold);background:var(--gold)}.tag-row{flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(.8rem,1.5vw,1rem);display:flex}.tag{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:clamp(.24rem,.7vw,.3rem) clamp(.55rem,1vw,.7rem);font-size:clamp(.74rem,.95vw,.82rem)}.proof-card{gap:clamp(.55rem,1.2vw,.75rem);display:grid}.proof-index{color:var(--gold);letter-spacing:.16em;font-size:.85rem}.about-layout{grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(1rem,2vw,1.5rem);display:grid}.about-copy{height:100%}.code-panel{min-height:100%}.code-window{height:100%;padding:var(--card-padding);border-radius:28px;overflow:hidden}.capabilities-window{gap:clamp(1rem,2vw,1.5rem);display:grid}.capabilities-header h3{margin:.45rem 0 0;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.2}.capabilities-kicker{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.72rem,1vw,.8rem)}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,1.5vw,1rem);display:grid}.capability-card{background:#ffffff09;border:1px solid #ffffff1a;border-radius:22px;min-height:100%;padding:clamp(.9rem,1.5vw,1rem)}.capability-label{color:var(--text);margin:0 0 .75rem;font-size:clamp(.95rem,1.3vw,1.05rem)}.capability-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.capability-list li{color:#c8d9ff;font-size:clamp(.8rem,1vw,.92rem);line-height:1.45}.capability-list li:before{content:">";color:var(--mint);margin-right:.55rem}.project-card{border-radius:28px;height:fit-content;overflow:hidden}.project-trigger{width:100%;height:clamp(216px,28vw,260px);padding:var(--card-padding);color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:clamp(.8rem,1.5vw,1rem);display:flex}.project-impact{color:var(--text);margin:0 0 1rem;line-height:1.6}.project-toggle{color:var(--muted);font-size:clamp(1.5rem,3vw,2rem);line-height:1}.project-content{max-height:0;padding:0 var(--card-padding);gap:clamp(.8rem,1.6vw,1rem);transition:max-height .45s,padding-bottom .45s;display:grid;overflow:hidden}.project-card.expanded .project-content{max-height:min(420px,45vh);padding-bottom:var(--card-padding);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;scroll-snap-type:none;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#4fc3f7bf #ffffff0f;overflow-y:auto}.project-card.expanded .project-content::-webkit-scrollbar{width:8px}.project-card.expanded .project-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px;margin:.35rem 0 1rem}.project-card.expanded .project-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--mint));border:2px solid #091022d9;border-radius:999px}.project-card.expanded .project-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#74d7ff,#9af6d7)}.project-meta{gap:clamp(.8rem,1.5vw,1rem);display:grid}.project-meta p,.project-meta strong,.project-meta span{display:block}.project-meta strong{color:var(--text);margin-bottom:.35rem}.contact-section{padding-bottom:clamp(4rem,8vw,6rem)}.contact-layout{grid-template-columns:.9fr 1.1fr;align-items:start}.contact-form{gap:clamp(.8rem,1.6vw,1rem);display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:clamp(.8rem,1.5vw,.95rem) clamp(.9rem,1.6vw,1rem)}.contact-form button{width:fit-content;padding:var(--pill-padding-y) clamp(1.15rem, 2vw, 1.4rem);background:var(--text);color:#04101b;cursor:pointer;border:1px solid #ffffff24;border-radius:999px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1200px){.stats-grid,.card-grid,.proof-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-trigger{height:232px}}@media (max-width:960px){.stats-grid,.card-grid,.proof-grid,.project-grid,.about-layout,.contact-layout{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy,.section-heading{max-width:100%}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-trigger{height:212px}}@media (max-width:640px){.topbar-wrap,.section,.hero{width:min(100% - 1rem,1120px)}.section,.hero{padding-top:2.5rem;padding-bottom:2.5rem}.hero-actions,.hero-links,.contact-links,.project-actions{flex-direction:column}.button-primary,.button-secondary,.hero-links a,.contact-links a,.project-actions a{text-align:center;width:100%}.stat-card,.info-card,.proof-card,.about-copy,.contact-panel,.contact-form,.project-trigger,.project-content,.code-window{padding-left:1rem;padding-right:1rem}.project-card.expanded .project-content{max-height:min(360px,42vh)}.capability-grid{grid-template-columns:1fr}}