:root{--bg:#f5f5f1;--paper:#fff;--ink:#111315;--muted:#656b66;--line:#dcded6;--lime:#c9ff4a;--blue:#4d80ff;--coral:#ff765b;--violet:#8069ed;--shadow:0 24px 70px rgba(17,19,21,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1240px,calc(100% - 48px));margin:0 auto;padding:18px 0;transition:background .2s,border .2s}.site-header.is-scrolled{background:rgba(245,245,241,.88);border-bottom:1px solid rgba(17,19,21,.1);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--ink);border-radius:8px}.nav-links{display:flex;gap:28px;color:#464b47;font-size:13px;font-weight:700}.header-cta,.button{font-size:13px;font-weight:800}.header-cta{justify-self:end;padding:12px 16px;background:var(--ink);color:#fff;border-radius:7px}.header-cta span,.button span{margin-left:9px;color:var(--lime)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,1fr);gap:72px;align-items:center;width:min(1240px,calc(100% - 48px));min-height:calc(100vh - 72px);margin:auto;padding:72px 0 66px}.eyebrow{margin:0;color:#4e574f;font:500 11px/1.2 "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--lime);border:1px solid var(--ink);border-radius:50%}.hero h1{max-width:680px;margin:26px 0 0;font-size:clamp(52px,6.7vw,92px);line-height:.92;letter-spacing:-.035em}.hero-lede{max-width:630px;margin:30px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border:1px solid var(--ink);border-radius:7px;transition:transform .18s,box-shadow .18s}.button:hover,.header-cta:hover,.project-arrow:hover{transform:translateY(-2px)}.primary{color:#fff;background:var(--ink);box-shadow:0 12px 28px rgba(17,19,21,.16)}.secondary{background:transparent}.secondary span{color:var(--ink)}.proof-row{display:flex;flex-wrap:wrap;gap:26px;margin-top:56px;color:#6a706b;font:400 11px "DM Mono",monospace;text-transform:uppercase}.proof-row strong{display:block;margin-bottom:5px;color:var(--ink);font:700 20px Inter,sans-serif;letter-spacing:0}.hero-console{overflow:hidden;background:#151817;border-radius:10px;box-shadow:var(--shadow)}.console-bar{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;color:#a2aaa1;border-bottom:1px solid #333b35;font-size:11px}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;background:#68736a;border-radius:50%}.live-label{margin-left:auto;color:var(--lime);font:500 10px "DM Mono",monospace}.console-body{padding:38px}.console-kicker{color:#829080;font-size:10px;letter-spacing:.08em}.console-title{margin-top:13px;color:#f5f7f0;font-size:clamp(25px,3.3vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.03em}.console-title span{color:var(--lime)}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:44px}.signal-card{display:grid;min-height:132px;padding:17px;border:1px solid #343d35;border-radius:7px}.signal-card strong{align-self:end;color:#f5f7f0;font-size:14px}.signal-card small{margin-top:7px;color:#8e9a8e;font-size:11px;line-height:1.35}.signal-number{color:#829080;font:500 10px "DM Mono",monospace}.signal-ai{background:linear-gradient(135deg,rgba(201,255,74,.17),transparent 60%)}.signal-web{background:linear-gradient(135deg,rgba(77,128,255,.2),transparent 60%)}.signal-data{background:linear-gradient(135deg,rgba(255,118,91,.18),transparent 60%)}.signal-native{background:linear-gradient(135deg,rgba(128,105,237,.2),transparent 60%)}.console-footer{display:flex;align-items:center;gap:10px;margin-top:35px;color:#89948a;font-size:10px}.console-footer .mono:last-child{margin-left:auto;color:var(--lime)}.mono{font-family:"DM Mono",monospace}.pulse-line{width:32px;height:5px;background:var(--lime);border-radius:99px}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-shell{width:min(1240px,calc(100% - 48px));margin:auto}.statement p{max-width:950px;margin:0;padding:40px 0 48px;font-size:clamp(25px,3.7vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em}.section{width:min(1240px,calc(100% - 48px));margin:auto;padding:120px 0}.section-intro{max-width:650px}.section-intro h2,.approach-copy h2{max-width:730px;margin:23px 0 0;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.035em}.section-intro>p:last-child,.approach-copy>p:last-child{margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:58px}.project-card{grid-column:span 4;min-width:0;padding:20px;background:var(--paper);border:1px solid rgba(17,19,21,.1);border-radius:8px}.project-featured{grid-column:span 6}.project-top{display:flex;align-items:center;justify-content:space-between;min-height:22px;color:#687069}.project-type{font:500 10px "DM Mono",monospace;letter-spacing:.02em;text-transform:uppercase}.project-arrow{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:16px;transition:transform .18s}.project-art{position:relative;overflow:hidden;display:flex;height:244px;margin:18px 0 21px;border-radius:5px}.art-label{position:absolute;top:16px;left:17px;z-index:1;color:rgba(255,255,255,.7);font-size:9px}.stream-art{align-items:flex-end;padding:22px;background:#152a30}.stream-art:before,.stream-art:after{position:absolute;content:"";border-radius:50%;filter:blur(2px)}.stream-art:before{width:220px;height:220px;right:-50px;top:-70px;background:rgba(201,255,74,.8)}.stream-art:after{width:230px;height:230px;left:-70px;bottom:-120px;background:rgba(77,128,255,.8)}.stream-stage{position:relative;z-index:1;width:100%;height:145px;padding:18px;background:rgba(13,26,29,.79);border:1px solid rgba(255,255,255,.2);border-radius:5px}.stage-bar{display:block;width:55%;height:8px;background:#f4f6e9;border-radius:5px}.stage-bar.short{width:32%;margin-top:9px;background:#8ea495}.stage-avatar{position:absolute;right:20px;bottom:18px;display:grid;width:62px;height:62px;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font-size:18px;font-weight:800}.stage-caption{position:absolute;bottom:21px;left:18px;color:#f3f7ef;font-size:13px;font-weight:700}.garden-art{background:#0d2e35}.garden-sky{position:absolute;inset:0;background:linear-gradient(160deg,#345ed3 0%,#78d3be 48%,#fde094 100%);clip-path:polygon(0 0,100% 0,100% 74%,0 54%)}.garden-ground{position:absolute;inset:52% -10% -20% -10%;background:#4d8e59;transform:rotate(-8deg)}.garden-ground i{position:absolute;width:56px;height:56px;background:#c9ff4a;border:8px solid #2f653f;border-radius:50%}.garden-ground i:nth-child(1){left:13%;top:21%}.garden-ground i:nth-child(2){left:38%;top:42%;background:#ffb27e}.garden-ground i:nth-child(3){right:22%;top:10%;background:#f8df84}.garden-ground i:nth-child(4){right:4%;top:52%;background:#b08cf0}.garden-title{position:absolute;left:17px;bottom:20px;color:#fff;font-size:34px;font-weight:800;line-height:.85;letter-spacing:-.05em}.arc-art{align-items:center;justify-content:center;background:#f0eadf;border:1px solid #ddd0bd}.arc-mark{color:#1e2a25;font-size:65px;font-weight:800;letter-spacing:-.11em}.arc-wave{position:absolute;bottom:19px;color:#8a5d47;font:500 10px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.epoch-art{align-items:center;justify-content:center;background:#182136}.epoch-sun{position:absolute;top:-65px;right:-28px;width:225px;height:225px;background:#f3ae57;border-radius:50%;box-shadow:0 0 0 26px rgba(243,174,87,.12)}.epoch-title{position:relative;z-index:1;color:#f5e3ad;font-size:33px;font-weight:800;line-height:.76;letter-spacing:.07em;text-align:center}.epoch-title em{color:#82ca98;font-style:normal}.epoch-sub{position:absolute;bottom:18px;color:#83c5a0;font-size:9px}.recomp-art{align-items:center;justify-content:center;background:#1b203c}.recomp-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;transform:perspective(250px) rotateX(55deg) scale(1.4);transform-origin:bottom}.recomp-title{position:relative;z-index:1;color:#f4f7ea;font-size:39px;font-weight:800;line-height:.78;letter-spacing:-.05em}.recomp-title em{color:var(--lime);font-style:normal}.recomp-badge{position:absolute;bottom:18px;color:#a6b3d8;font-size:9px}.data-art{align-items:center;justify-content:center;background:#e9edf3}.data-bars{position:absolute;right:26px;bottom:24px;display:flex;align-items:flex-end;gap:8px;width:42%;height:150px}.data-bars i{display:block;flex:1;background:var(--blue);border-radius:3px 3px 0 0}.data-bars i:nth-child(1){height:26%}.data-bars i:nth-child(2){height:52%;background:#91aaff}.data-bars i:nth-child(3){height:42%;background:var(--coral)}.data-bars i:nth-child(4){height:76%;background:var(--violet)}.data-bars i:nth-child(5){height:100%;background:var(--ink)}.data-flow{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-right:auto;margin-left:28px;color:var(--ink);font:500 10px "DM Mono",monospace}.data-flow b{color:var(--blue);font-size:18px}.project-card h3{margin:0;font-size:22px;letter-spacing:-.02em}.project-card>p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:19px}.tag-row span{padding:6px 8px;color:#5d665e;background:#f1f2ec;border-radius:4px;font:500 10px "DM Mono",monospace}.github-band{padding:100px 0;background:#171b19;color:#fff}.github-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.github-band h2{max-width:650px;margin:22px 0 0;color:#f5f7f0;font-size:clamp(38px,4.5vw,62px);line-height:.98;letter-spacing:-.035em}.github-band p:not(.eyebrow){max-width:590px;margin:24px 0 0;color:#adb6ad;font-size:16px;line-height:1.65}.github-band .eyebrow{color:var(--lime)}.repo-list{display:grid;align-content:center;border-top:1px solid #3c443d}.repo-list a{display:grid;grid-template-columns:42px 1fr 22px;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid #3c443d}.repo-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid #59635b;color:var(--lime);border-radius:50%;font:500 9px "DM Mono",monospace}.repo-list strong{display:block;font-size:14px}.repo-list small{display:block;margin-top:5px;color:#8e998f;font-size:11px}.repo-list a>span:last-child{color:var(--lime);font-size:17px}.services-section{padding-bottom:90px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:54px}.service-grid article{display:flex;flex-direction:column;min-height:315px;padding:24px;border-top:2px solid var(--ink);background:#fff}.service-number{color:var(--blue);font:500 11px "DM Mono",monospace}.service-grid h3{margin:62px 0 0;font-size:21px;line-height:1.05}.service-grid p{margin:17px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.service-output{margin-top:auto;padding-top:20px;color:#747c73;font-size:9px;line-height:1.3;text-transform:uppercase}.approach-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-top:1px solid var(--line)}.approach-steps{display:grid;align-content:start}.approach-steps div{display:grid;grid-template-columns:50px 1fr;gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.approach-steps span{color:var(--blue);font:500 11px "DM Mono",monospace}.approach-steps strong{font-size:20px}.approach-steps p{grid-column:2;margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.final-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;width:min(1240px,calc(100% - 48px));margin:0 auto 24px;padding:58px;color:#fff;background:linear-gradient(120deg,#171b19 0%,#273028 100%);border-radius:8px}.final-cta .eyebrow{color:var(--lime)}.final-cta h2{max-width:700px;margin:20px 0 0;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.04em}.final-cta p:last-child{max-width:620px;margin:22px 0 0;color:#afb8af;font-size:16px;line-height:1.55}.final-cta .primary{color:var(--ink);background:var(--lime);border-color:var(--lime);white-space:nowrap}.final-cta .primary span{color:var(--ink)}.site-footer{display:flex;justify-content:space-between;width:min(1240px,calc(100% - 48px));margin:auto;padding:15px 0 28px;color:#747c75;font:500 10px "DM Mono",monospace;text-transform:uppercase}.site-footer a{color:var(--ink)}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero,.github-layout,.approach-section{grid-template-columns:1fr}.hero{gap:46px;min-height:auto}.project-featured{grid-column:span 6}.project-card{grid-column:span 6}.service-grid{grid-template-columns:1fr 1fr}.github-layout,.approach-section{gap:50px}.final-cta{grid-template-columns:1fr}}
@media(max-width:620px){.site-header,.hero,.section-shell,.section,.final-cta,.site-footer{width:calc(100% - 28px)}.header-cta{display:none}.hero{padding-top:42px}.hero h1{font-size:48px}.hero-lede{font-size:16px}.proof-row{gap:16px;margin-top:42px}.console-body{padding:25px 18px}.signal-grid{gap:8px;margin-top:30px}.signal-card{min-height:116px;padding:13px}.signal-card strong{font-size:12px}.signal-card small{font-size:10px}.project-grid{margin-top:42px}.project-card,.project-featured{grid-column:span 12}.project-art{height:220px}.section{padding:78px 0}.statement p{padding:31px 0 38px;font-size:28px}.github-band{padding:72px 0}.github-band h2{font-size:42px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:260px}.service-grid h3{margin-top:46px}.final-cta{padding:31px 24px}.final-cta h2{font-size:45px}.final-cta .button{width:100%}.site-footer{display:grid;gap:12px;font-size:9px}}
.outcomes-band{padding:104px 0;background:#e6eee0}.outcomes-band h2{max-width:800px;margin:20px 0 0;font-size:clamp(38px,4.6vw,64px);line-height:.98;letter-spacing:0}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.outcome-grid div{padding:24px;background:rgba(255,255,255,.66);border:1px solid rgba(17,19,21,.09);border-radius:7px}.outcome-grid span{color:var(--blue);font:500 11px "DM Mono",monospace}.outcome-grid strong{display:block;margin-top:48px;font-size:20px;line-height:1.05}.outcome-grid p{margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.project-elevated .project-art{align-items:center;justify-content:center;background:#253034}.elevated-art:after{position:absolute;right:-40px;bottom:-80px;width:300px;height:300px;content:"";background:rgba(200,243,74,.8);border-radius:50%;filter:blur(2px)}.elevated-word{position:relative;z-index:1;color:#fff;font-size:clamp(34px,5vw,62px);font-weight:800;letter-spacing:0}.elevated-line{position:absolute;z-index:1;bottom:54px;left:21%;width:58%;height:12px;background:var(--lime)}.project-poke .project-art{align-items:center;background:#26375f}.poke-bolt{position:absolute;top:22px;right:18px;display:grid;width:58px;height:58px;place-items:center;color:#25304c;background:#ffdd54;border-radius:50%;font-size:17px;font-weight:800}.poke-copy{position:relative;margin-left:24px;color:#fff;font-size:34px;font-weight:800;line-height:.82;letter-spacing:0}.poke-stat{position:absolute;bottom:19px;left:24px;color:#b9c9f5;font-size:9px}.process-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-top:1px solid var(--line)}@media(max-width:980px){.outcome-grid,.process-section{grid-template-columns:1fr}.process-section{gap:50px}}@media(max-width:620px){.outcomes-band{padding:74px 0}}
.project-preview{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.project-preview:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(17,19,21,.18)}.project-preview:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.project-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.contact-actions{display:grid;justify-items:end;gap:13px}.contact-email{color:#d4ddd2;font:500 12px "DM Mono",monospace}.contact-email:hover{color:var(--lime)}@media(max-width:980px){.contact-actions{justify-items:start}}@media(max-width:620px){.contact-actions{width:100%}.contact-actions .button{width:100%}}