:root{--bg:#0a0c10;--surface:#111318;--surface-2:#161a22;--ink:#e8edf5;--ink-dim:#c5ccd9;--muted:#798397;--muted-dim:#555d72;--soft:#171b28;--line:#262c3b;--line-strong:#343b50;--green:#1f6f54;--green-light:#2d9f7a;--green-dim:#1f6f541f;--green-glow:#1f6f5414;--radius:8px;--shadow-sm:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 8px 30px #0006;--container:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}section{scroll-margin-top:88px}body{background:var(--bg);color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15.5px;line-height:1.7}body::selection{color:#fff;background:#1f6f5459}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:700}h1,h2{font-family:Playfair Display,Inter,Georgia,serif;font-weight:700}h1{max-width:780px;font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.08}h2{max-width:820px;font-size:clamp(1.5rem,3.6vw,3rem);line-height:1.1}h3{letter-spacing:-.01em;font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.4}p{margin:0}ul,dl{margin:0;padding:0}li{list-style:none}.site-header{z-index:30;-webkit-backdrop-filter:saturate(160%)blur(20px);backdrop-filter:saturate(160%)blur(20px);background:#0a0c10cc;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:12px clamp(18px,4vw,48px);transition:border-color .18s,box-shadow .18s;display:flex;position:sticky;top:0}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 2px 24px #00000059}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:6px;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:grid}.brand strong{font-size:.88rem;line-height:1.1;display:block}.brand small{color:var(--muted);font-size:.7rem;font-weight:600;line-height:1.3;display:block}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.nav-links a{color:var(--muted);cursor:pointer;border-radius:5px;padding:7px 10px;font-size:.84rem;font-weight:600;transition:background .16s,color .16s}.nav-links a:hover,.nav-links a.is-active{background:var(--soft);color:var(--ink)}.section-wrap{width:min(var(--container), calc(100% - 40px));margin:0 auto;padding:100px 0}.hero{align-items:center;width:100%;min-height:calc(100svh - 64px);padding-top:80px;padding-bottom:76px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:-2;background:radial-gradient(ellipse 80% 60% at 80% 40%, var(--green-glow) 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 20% 70%, #2d9f7a0a 0%, transparent 60%), var(--bg);position:absolute;inset:0}.hero-visual{object-fit:cover;object-position:right center;opacity:.14;z-index:-2;width:min(77vw,1180px);height:100%;position:absolute;inset:0 0 auto auto}.hero-content{width:min(800px,100% - 40px);margin-right:20px;margin-left:max(20px, calc((100vw - var(--container)) / 2))}.eyebrow,.section-kicker{color:var(--green-light);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700;line-height:1.2}.hero-copy{max-width:700px;color:var(--ink-dim);margin-top:22px;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.75}.badge-row{flex-wrap:wrap;gap:8px;max-width:780px;margin-top:26px;display:flex}.badge-row span,.stack-tags span,.project-list span{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--ink-dim);border-radius:5px;align-items:center;padding:5px 10px;font-family:SF Mono,Cascadia Code,JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;font-weight:500;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.button{border:1px solid var(--line-strong);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font-size:.88rem;font-weight:600;line-height:1;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover{border-color:var(--muted-dim);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button-primary{border-color:var(--green);background:var(--green);color:#fff}.button-primary:hover{border-color:var(--green-light);background:var(--green-light)}.button-quiet{border-color:var(--line);background:0 0}.button-quiet:hover{background:var(--surface)}.stats-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);max-width:900px;box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,minmax(120px,1fr));gap:1px;margin-top:42px;display:grid;overflow:hidden}.stats-grid div{background:var(--surface);min-height:100px;padding:16px 18px}.stats-grid dt{letter-spacing:-.03em;color:var(--green-light);font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;line-height:1}.stats-grid dd{color:var(--muted);text-transform:uppercase;margin:7px 0 0;font-size:.74rem;font-weight:600;line-height:1.35}.about-section{border-top:1px solid var(--line)}.split-layout{grid-template-columns:minmax(0,.95fr) minmax(320px,1fr);align-items:start;gap:clamp(40px,7vw,92px);display:grid}.copy-stack{color:var(--ink-dim);gap:20px;font-size:1rem;display:grid}.principle{border-left:3px solid var(--green);background:var(--green-dim);color:var(--ink);border-radius:0 6px 6px 0;margin-top:8px;padding:20px 24px;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:700;line-height:1.45}.section-heading{gap:16px;max-width:850px;margin-bottom:44px;display:grid}.section-heading p:last-child{max-width:760px;color:var(--muted);font-size:1rem}.timeline{gap:16px;display:grid;position:relative}.timeline:before{content:"";background:var(--line-strong);width:1px;position:absolute;top:0;bottom:0;left:14px}.timeline-item{grid-template-columns:30px minmax(0,1fr);gap:20px;display:grid;position:relative}.timeline-marker{z-index:1;border:7px solid var(--bg);background:var(--green);width:29px;height:29px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:22px;position:relative}.timeline-card,.project-category,.product-card,.expertise-card,.stack-group,.open-source-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #0003}.timeline-card{padding:clamp(20px,3vw,28px);transition:transform .18s,border-color .18s,box-shadow .18s}.timeline-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.timeline-card.featured{background:linear-gradient(180deg, var(--surface) 0%, var(--green-dim) 100%);border-color:#1f6f5440}.item-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.item-header h3{font-size:1.05rem}.item-header h3 span{color:var(--green-light);margin-top:2px;font-family:Inter,system-ui,sans-serif;font-size:.86rem;font-weight:700;display:block}.item-header p{color:var(--muted);margin-top:6px;font-size:.86rem;font-weight:500}.item-header>strong{border:1px solid var(--line);background:var(--soft);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:5px;flex:none;padding:4px 8px;font-size:.7rem;font-weight:700;line-height:1.2}.item-summary{color:var(--ink-dim)}.impact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:18px;display:grid}.impact-list li,.expertise-card li,.credibility-list li{color:var(--muted);padding-left:16px;font-size:.9rem;position:relative}.impact-list li:before,.expertise-card li:before,.credibility-list li:before{content:"";background:var(--green);opacity:.6;border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.impact-note{border-radius:var(--radius);background:var(--green-dim);color:var(--green-light);border:1px solid #1f6f542e;margin-top:20px;padding:14px 18px;font-size:.92rem;font-weight:700}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.project-category{align-content:start;gap:16px;min-height:200px;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.project-category:hover,.product-card:hover,.expertise-card:hover,.stack-group:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.project-category h3,.product-card h3,.expertise-card h3,.stack-group h3{font-size:1rem}.project-list,.stack-tags{flex-wrap:wrap;gap:6px;display:flex}.project-list span,.stack-tags span{background:var(--soft);border-color:#0000;font-family:SF Mono,Cascadia Code,JetBrains Mono,Fira Code,Consolas,monospace;font-size:.78rem}.open-source{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.open-source-panel{padding:clamp(22px,4vw,32px)}.credibility-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;display:grid}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-card{gap:10px;min-height:220px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.product-card p{color:var(--green-light);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.product-card h3{font-size:1.1rem}.product-card span{color:var(--muted);font-size:.92rem;line-height:1.55}.product-card a{border:1px solid var(--line-strong);color:var(--ink-dim);border-radius:5px;place-self:end start;padding:7px 12px;font-size:.82rem;font-weight:600;transition:background .16s,border-color .16s,color .16s}.product-card a:hover{border-color:var(--green);background:var(--green);color:#fff}.expertise-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.expertise-card{min-height:300px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s}.expertise-card ul{gap:8px;margin-top:16px;display:grid}.expertise-card li{font-size:.88rem}.stack-section{border-top:1px solid var(--line)}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stack-group{gap:16px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.contact-section{border-top:1px solid var(--line);background:var(--surface);width:100%;padding-top:100px;padding-bottom:100px}.contact-inner{width:min(var(--container), calc(100% - 40px));margin:0 auto}.contact-inner h2{margin-top:14px}.contact-inner>p:not(.section-kicker):not(.closing-line){max-width:690px;color:var(--muted);margin-top:16px;font-size:1rem}.contact-links{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.contact-links a{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink-dim);border-radius:6px;padding:9px 14px;font-size:.88rem;font-weight:600;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.contact-links a:hover{border-color:var(--green);background:var(--green-dim);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.coffee-link{color:#fd0!important;background:#ffdd000f!important;border-color:#ffdd004d!important}.coffee-link:hover{background:#ffdd001f!important;border-color:#fd0!important}.closing-line{max-width:780px;color:var(--ink);letter-spacing:-.02em;margin-top:40px;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.9rem);font-weight:700;line-height:1.25}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;gap:4px;padding:30px 20px;font-size:.84rem;display:grid}.site-footer strong{color:var(--ink-dim);font-size:.95rem;font-weight:700}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transition:opacity .52s,transform .52s;transform:translateY(16px)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:1100px){.project-grid,.expertise-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width:860px){.site-header{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.hero{width:100%;min-height:auto;padding-top:72px}.hero-content{width:min(calc(100% - 32px), var(--container));margin-left:auto;margin-right:auto}.hero-visual{opacity:.08;object-position:68% center;width:140%}.section-wrap{width:min(100% - 32px, var(--container));padding:72px 0}.split-layout,.stack-grid,.credibility-list,.impact-list{grid-template-columns:1fr}.item-header{display:grid}}@media (max-width:640px){.nav-links{flex-wrap:wrap;overflow-x:visible}.nav-links a{padding:6px 8px;font-size:.78rem}h1{font-size:clamp(1.8rem,9vw,2.2rem);line-height:1.08}.hero-actions,.contact-links{grid-template-columns:1fr;display:grid}.button,.contact-links a{width:100%}.stats-grid,.project-grid,.product-grid,.expertise-grid{grid-template-columns:1fr}.stats-grid div{min-height:88px}.timeline{gap:12px}.timeline-item{grid-template-columns:22px minmax(0,1fr);gap:12px}.timeline:before{left:10px}.timeline-marker{border-width:5px;width:21px;height:21px}.timeline-card,.project-category,.product-card,.expertise-card,.stack-group{padding:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}