:root{--bg:#090910;--surface:#11111b;--surface-2:#171624;--text:#f7f5fb;--muted:#bbb7c8;--purple:#a78bfa;--purple-bright:#c4b5fd;--border:#302d40;--focus:#fbbf24;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit}button,input,textarea{font:inherit}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.narrow{max-width:760px;margin-inline:auto}
.skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:.7rem 1rem;background:var(--focus);color:#171008;transform:translateY(-150%);font-weight:800}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px}
.site-nav{background:rgba(9,9,16,.94);border-bottom:1px solid var(--border);min-height:64px;backdrop-filter:blur(12px)}.navbar-brand{font-weight:800;letter-spacing:-.02em}.nav-link{color:var(--muted)!important;margin-left:1rem}.nav-link:hover,.nav-link.router-link-exact-active{color:var(--text)!important}
.eyebrow{margin:0 0 .55rem;color:var(--purple-bright);font:700 .76rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.13em}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.12;letter-spacing:-.03em}h3{font-size:1.16rem;line-height:1.3}
.intro-strip{padding:3.5rem 0 3rem;border-bottom:1px solid var(--border);background:linear-gradient(115deg,rgba(70,38,120,.16),transparent 50%)}.intro-strip h1{max-width:850px;margin-bottom:1rem}.intro-copy,.page-header>div>p:last-child,.section-lead{max-width:730px;color:var(--muted);font-size:1.05rem}.intro-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem}.intro-links a,.text-link{color:var(--purple-bright);font-weight:750;text-decoration:none}.intro-links a:hover,.text-link:hover{text-decoration:underline}
.section{padding:4rem 0;border-bottom:1px solid var(--border)}.compact-section{padding:3.5rem 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-heading h2{margin-bottom:0}
.starter-callout{background:linear-gradient(135deg,#11111b,#161126)}.starter-callout-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center}.starter-callout p:not(.eyebrow){color:var(--muted)}.starter-button{display:inline-flex;padding:.75rem 1rem;background:#7651aa;border:1px solid #b095d5;color:#fff;text-decoration:none;font-weight:800}.starter-button:hover{background:#8a62bd;color:#fff;text-decoration:none}.starter-mini-preview{background:#f7f4ee;color:#201a29;border:1px solid #51465e;box-shadow:0 25px 60px #0007}.mini-nav{display:flex;justify-content:space-between;padding:1rem 1.2rem;background:#fff;border-bottom:1px solid #ddd5e3;font-size:.7rem}.mini-hero{padding:2.5rem 1.5rem;background:linear-gradient(120deg,#efe8dc,#f9f7f2);display:grid;grid-template-columns:1.3fr .7fr;gap:.6rem}.mini-hero small{grid-column:1;color:#7651aa;font-weight:800}.mini-hero strong{font-size:1.5rem;line-height:1.15}.mini-hero i{grid-column:2;grid-row:1/4;display:block;min-height:120px;background:linear-gradient(145deg,#846da0,#d4c8df)}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:1rem}.mini-cards i{height:65px;background:#e3dce8}
.featured-project{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:2.5rem;align-items:center;padding:2.25rem 0;border-top:1px solid var(--border)}.featured-project:last-child{padding-bottom:0}.featured-visual{min-height:340px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.featured-visual img{display:block;width:100%;height:340px;object-fit:cover;object-position:top}.featured-visual.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(124,58,237,.22),transparent 38%),var(--surface)}.code-window{width:min(82%,460px);background:#0c0c13;border:1px solid #3a3650;padding:1.25rem;box-shadow:0 24px 70px #0008}.window-bar{display:flex;gap:.4rem;border-bottom:1px solid var(--border);padding-bottom:.8rem;margin-bottom:1rem}.window-bar span{width:9px;height:9px;border-radius:50%;background:#6b657c}.window-bar span:first-child{background:#a78bfa}.code-window code{color:#d8d2e5;line-height:2}.project-number{color:#777185;font:700 .78rem ui-monospace,monospace}.project-type,.project-org{color:var(--purple-bright);font:700 .75rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.featured-copy h3{font-size:clamp(1.5rem,3vw,2.35rem);letter-spacing:-.03em}.featured-copy>p:not(.project-type,.contribution){color:var(--muted)}.contribution{padding:.8rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#ddd8e8;font-size:.9rem}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.capability-grid article{padding:1.4rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.capability-grid p{color:var(--muted);margin:0;font-size:.93rem}
.resume-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem 4rem}.resume-grid>div:first-child{grid-row:span 2}.resume-entry{padding:0 0 2rem;border-bottom:1px solid var(--border)}.entry-heading{display:flex;justify-content:space-between;gap:1rem}.entry-heading p,.project-role{color:var(--purple-bright);margin-bottom:.5rem}.entry-heading time{color:var(--muted);white-space:nowrap}.resume-entry li{color:var(--muted);margin:.45rem 0}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.stack-list>div{display:grid;grid-template-columns:130px 1fr;padding:1rem 0;border-top:1px solid var(--border)}.stack-list dt{color:var(--purple-bright)}.stack-list dd{margin:0;color:var(--muted)}.education-list article{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--border)}.education-list h3{margin-bottom:.25rem}.education-list p,.education-meta{color:var(--muted);margin:0}.education-meta{text-align:right;display:flex;flex-direction:column;white-space:nowrap}
.page-header{padding:3.5rem 0 3rem;border-bottom:1px solid var(--border)}.project-list-section{padding-top:2rem}.visually-anchored{font-size:1rem;color:var(--muted);font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.project-row{display:grid;grid-template-columns:38% 1fr;gap:2.5rem;padding:2.4rem 0;border-top:1px solid var(--border);scroll-margin-top:85px}.project-thumbnail{min-height:260px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.project-thumbnail img{width:100%;height:260px;object-fit:cover;object-position:top;display:block}.project-monogram{height:100%;min-height:260px;display:grid;place-items:center;background:linear-gradient(135deg,#171624,#24183e);font:800 5rem ui-monospace,monospace;color:#a78bfa}.project-details>p:not(.project-org,.project-role){color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.1rem 0;list-style:none}.tag-list li,.tag-list span{border:1px solid var(--border);padding:.3rem .65rem;color:#d8d2e5;font-size:.8rem;background:var(--surface)}.link-note{color:#8f899d;font-size:.88rem}
.demos-section{background:#0c0c14}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.demo-card{display:grid;grid-template-columns:46% 1fr;gap:1.2rem;padding:1rem;border:1px solid var(--border);background:var(--surface);text-decoration:none;transition:border-color .2s,transform .2s}.demo-card:hover{border-color:#7663a9;transform:translateY(-2px);color:inherit;text-decoration:none}.demo-card p{color:var(--muted);font-size:.9rem}.demo-preview{position:relative;min-height:160px;background:#e8e5ef;overflow:hidden}.demo-preview span{position:absolute;background:#c2bccf}.demo-sidebar{inset:0 auto 0 0;width:20%;background:#282333!important}.demo-topbar{left:25%;right:5%;top:10%;height:10%}.demo-block{top:30%;height:24%}.demo-block.one{left:25%;width:31%;background:#9e86d5}.demo-block.two{left:61%;right:5%}.demo-block.three{left:25%;right:5%;top:64%;height:25%}.demo-store{background:#ede8df}.demo-profile{background:#e3e8ef}.demo-projects{background:#e8e3ef}.demo-developer{background:#dfe9e5}
.demo-shell{padding:2rem 0 4rem}.demo-breadcrumb{display:flex;gap:.6rem;color:var(--muted);font-size:.9rem;margin-bottom:2rem}.demo-breadcrumb a{color:var(--purple-bright)}.demo-page-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.demo-page-heading h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:.5rem}.demo-page-heading p{color:var(--muted);margin:0}.product-demo{min-height:620px;background:#f5f3f8;color:#211d28;border:1px solid #4e475d;box-shadow:0 25px 80px #0008;overflow:hidden}.demo-disclaimer{color:var(--muted);font-size:.85rem;margin-top:1rem}
.starter-demo{--starter-ink:#17334b;--starter-accent:#bd5a35;--starter-cream:#f6f0e6;--starter-line:#d9d1c5;background:#fff;color:var(--starter-ink)}.starter-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 2rem;border-bottom:1px solid var(--starter-line);background:#fff}.starter-demo-nav a{color:var(--starter-ink);text-decoration:none;font-weight:700}.starter-demo-nav>div{display:flex;gap:1.4rem}.starter-logo{font-size:1.05rem;letter-spacing:.06em}.starter-logo span{display:block;font-size:.55rem;color:#786e65;letter-spacing:.15em}.starter-demo-cta,.starter-demo-hero a{background:var(--starter-accent);color:#fff!important;padding:.7rem 1rem}.starter-demo-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;padding:5rem 3.5rem;background:var(--starter-cream);align-items:center}.starter-demo-hero>div:first-child>p,.starter-kicker{color:var(--starter-accent);font-size:.75rem;font-weight:800;letter-spacing:.14em}.starter-demo-hero h2{font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.05em;margin-bottom:1.4rem}.starter-demo-hero>div:first-child>span{display:block;font-size:1.08rem;max-width:620px;color:#5c5149}.starter-demo-hero>div:first-child>div{display:flex;gap:.8rem;margin-top:1.5rem}.starter-demo-hero a{text-decoration:none;font-weight:800}.starter-demo-hero a.secondary{background:transparent;color:var(--starter-ink)!important;border:1px solid #9f9489}.starter-hero-art{min-height:390px;background:linear-gradient(145deg,rgba(23,51,75,.12),transparent),linear-gradient(145deg,#8b9d91,#dbc8a8);display:flex;align-items:end;padding:1.2rem}.starter-hero-art span{background:#fff;padding:.85rem 1rem;font-weight:700;max-width:260px}.starter-demo-section,.starter-faq{padding:4rem 3.5rem}.starter-demo-section>h2,.starter-faq>h2,.starter-process h2,.starter-proof h2,.starter-contact h2{max-width:720px;font-size:clamp(1.8rem,4vw,3rem)}.starter-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--starter-line);border:1px solid var(--starter-line);margin-top:2rem}.starter-service-grid article{padding:1.7rem;background:#fff}.starter-service-grid b{color:var(--starter-accent);font:800 .8rem ui-monospace,monospace}.starter-service-grid p,.starter-process p,.starter-proof p,.starter-faq p,.starter-contact p{color:#655a52}.starter-service-grid a{color:var(--starter-ink);font-weight:800}.starter-process{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 3.5rem;background:var(--starter-ink);color:#fff}.starter-process .starter-kicker{color:#ef9a78}.starter-process>div>p:last-child,.starter-process li p{color:#c5d0d8}.starter-process ol{list-style:none;margin:0;padding:0}.starter-process li{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid #446077}.starter-process li>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #7890a2;border-radius:50%}.starter-process li h3{margin-bottom:.2rem}.starter-process li p{margin:0}.starter-proof{display:grid;grid-template-columns:1fr .8fr;gap:3rem;padding:4rem 3.5rem;background:#fff}.starter-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.starter-stats span{padding-top:1rem;border-top:2px solid var(--starter-accent);color:#655a52}.starter-stats strong{display:block;font-size:1.8rem;color:var(--starter-ink)}.starter-proof blockquote{margin:0;padding:2rem;background:var(--starter-cream);font-size:1.35rem;align-self:center}.starter-proof cite{display:block;margin-top:1rem;font-size:.85rem;color:#736960}.starter-faq{background:#f8f6f2}.starter-faq details{max-width:850px;padding:1rem 0;border-top:1px solid var(--starter-line)}.starter-faq summary{cursor:pointer;font-weight:800}.starter-faq details p{margin:.8rem 0 0}.starter-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;padding:4rem 3.5rem;background:#efe7da}.starter-contact form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.starter-contact label{color:var(--starter-ink);font-weight:700}.starter-contact input,.starter-contact select,.starter-contact textarea{display:block;width:100%;margin-top:.35rem;border:1px solid #a89e93;background:#fff;padding:.75rem;color:#211d28}.starter-contact label:last-of-type{grid-column:1/-1}.starter-contact button{grid-column:1/-1;border:0;background:var(--starter-accent);color:#fff;padding:.85rem;font-weight:800}.starter-demo-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;background:#10283c;color:#fff}.starter-demo-footer a{color:#fff}
.dashboard-demo,.developer-demo{display:grid;grid-template-columns:220px 1fr}.product-demo aside{background:#1f1a29;color:#fff;padding:1.6rem}.product-demo aside nav{display:grid;gap:.4rem;margin-top:2rem}.product-demo aside button{border:0;background:transparent;color:#cfc7dc;text-align:left;padding:.7rem}.product-demo aside button.active{background:#3d3152;color:#fff}.product-main{padding:2rem}.product-toolbar,.store-nav,.profile-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product-toolbar h2{margin:0}.product-toolbar button,.store-nav button,.store-hero button,.product-grid button,.profile-head button,.developer-grid button{border:0;background:#322640;color:#fff;padding:.65rem 1rem}.metric-grid,.developer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.metric-grid article,.chart-card,.developer-grid article,.deploy-card{background:#fff;border:1px solid #ddd7e4;padding:1.2rem}.metric-grid span,.metric-grid small{display:block;color:#6b6473}.metric-grid strong{font-size:1.7rem}.card-heading,.deploy-card{display:flex;justify-content:space-between}.bars{height:210px;display:flex;align-items:end;gap:5%;padding-top:1rem}.bars i{flex:1;background:#7250a3}.store-nav{padding:1.2rem 1.6rem;background:#fff}.store-hero{padding:5rem 2rem;background:linear-gradient(120deg,#dfd6ca,#f6f1e9)}.store-hero h2{max-width:650px;font-size:3rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem}.product-art{height:210px;background:#dad2c8}.art-0{background:linear-gradient(145deg,#5a5147,#b3a493)}.art-1{background:linear-gradient(145deg,#eee8de,#c5b9a8)}.art-2{background:linear-gradient(145deg,#8c9a91,#d1d8d3)}.product-grid button{width:100%}.profile-cover{height:180px;background:linear-gradient(120deg,#3b2858,#9d86bf)}.profile-head{padding:0 2rem 1rem}.avatar{width:100px;height:100px;margin-top:-45px;border:6px solid #f5f3f8;background:#231d2d;color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:800}.profile-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;padding:2rem}.profile-grid article{background:#fff;border:1px solid #ddd7e4;padding:1.2rem}.profile-grid textarea{width:100%;min-height:110px}.project-demo{padding:2rem}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.kanban>div{background:#e8e4ec;padding:1rem}.kanban h3{display:flex;justify-content:space-between}.kanban button{display:block;width:100%;text-align:left;border:1px solid #d3cbdc;background:#fff;padding:1rem;margin:.65rem 0}.kanban button.selected{border:2px solid #67458f}.kanban button small{display:block;color:#71697a}.selection-status{background:#fff;padding:1rem}.status-ok{color:#17603a;background:#dff4e8;padding:.35rem .7rem}.deploy-card{margin:2rem 0}.deploy-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#24a268;margin-right:.5rem}.developer-grid{grid-template-columns:1fr 1fr}.developer-grid code{display:block;padding:1rem;background:#241d2d;color:#e4d8f3;margin:1rem 0}.developer-grid progress{width:100%;accent-color:#67458f}
.panel-card{background:var(--surface);border:1px solid var(--border);padding:1.5rem}.content-section{padding:3.5rem 0}.contact-info-block{margin-top:2rem}.contact-line{margin-bottom:1rem}.contact-label{display:block;color:var(--purple-bright);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.contact-link,.soft-text,.section-intro{color:var(--muted)}.custom-input{background:#0d0d15;border:1px solid var(--border);color:var(--text)}.custom-input:focus{background:#0d0d15;color:var(--text);border-color:var(--purple);box-shadow:0 0 0 .2rem rgba(167,139,250,.22)}.btn-brand{background:#7651aa;color:#fff;border:1px solid #a88bd0;padding:.7rem 1.1rem;font-weight:750}.btn-brand:hover{background:#8a62bd;color:#fff}
@media(max-width:900px){.featured-project,.project-row,.resume-grid,.two-column,.starter-callout-grid{grid-template-columns:1fr}.resume-grid>div:first-child{grid-row:auto}.capability-grid{grid-template-columns:repeat(2,1fr)}.demo-grid{grid-template-columns:1fr}.dashboard-demo,.developer-demo{grid-template-columns:150px 1fr}.metric-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr 1fr}.store-hero h2{font-size:2.2rem}.starter-demo-nav>div{display:none}.starter-demo-hero,.starter-process,.starter-proof,.starter-contact{grid-template-columns:1fr}.starter-service-grid{grid-template-columns:1fr}.starter-hero-art{min-height:260px}}
@media(max-width:650px){.section{padding:3rem 0}.intro-strip{padding:2.5rem 0}.featured-project{gap:1.4rem}.featured-visual,.featured-visual img{min-height:220px;height:220px}.section-heading,.demo-page-heading,.entry-heading{align-items:flex-start;flex-direction:column}.capability-grid,.demo-card,.profile-grid,.product-grid,.kanban,.developer-grid{grid-template-columns:1fr}.dashboard-demo,.developer-demo{display:block}.product-demo aside nav{grid-template-columns:repeat(2,1fr);margin-top:1rem}.product-demo{min-height:0}.product-main,.project-demo{padding:1rem}.store-nav nav{display:none}.profile-head{align-items:flex-start;flex-wrap:wrap}.stack-list>div{grid-template-columns:1fr}.education-list article{flex-direction:column}.education-meta{text-align:left}.project-thumbnail,.project-thumbnail img,.project-monogram{min-height:210px;height:210px}.nav-link{margin-left:0}.starter-demo-nav{padding:1rem}.starter-demo-cta{display:none}.starter-demo-hero,.starter-demo-section,.starter-process,.starter-proof,.starter-faq,.starter-contact{padding:2.5rem 1.2rem}.starter-demo-hero h2{font-size:2.5rem}.starter-stats,.starter-contact form{grid-template-columns:1fr}.starter-contact label:last-of-type,.starter-contact button{grid-column:auto}.starter-demo-footer{flex-direction:column}.mini-nav span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}