:root{--pine-950:#0b231a;--pine-900:#133d29;--pine-800:#1a4930;--pine-700:#214d33;--pine-600:#2e6243;--pine-500:#3e7a55;--sage-500:#87a282;--sage-400:#8ea787;--sage-300:#aabfa4;--sage-200:#cbd9c6;--sage-100:#e4ece1;--rust-700:#772d16;--rust-600:#8d361b;--rust-500:#a84420;--rust-400:#c05b33;--cream-50:#fdfbf4;--cream-100:#f7f3e8;--cream-200:#efe9d9;--cream-300:#e3dbc6;--ink-900:#12271c;--ink-600:#3e5245;--ink-400:#66786c;--surface-page:var(--cream-100);--surface-card:var(--cream-50);--surface-raised:#fff;--surface-inverse:var(--pine-900);--surface-inverse-deep:var(--pine-950);--surface-tint:var(--sage-100);--text-body:var(--ink-900);--text-secondary:var(--ink-600);--text-muted:var(--ink-400);--text-on-inverse:var(--cream-100);--text-on-accent:#fff;--accent:var(--pine-900);--accent-hover:var(--pine-700);--accent-press:var(--pine-950);--link:var(--rust-600);--link-hover:var(--rust-500);--border-line:var(--cream-300);--border-strong:var(--ink-900);--focus-ring:var(--rust-500);--success:var(--pine-600);--font-display:"Bricolage Grotesque", Georgia, serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, monospace;--text-hero:clamp(48px, 7vw, 88px);--text-h2:clamp(32px, 4vw, 40px);--text-h3:24px;--text-lg:18px;--text-md:16px;--text-sm:14px;--text-xs:12.5px;--leading-tight:1.05;--leading-heading:1.15;--leading-body:1.55;--tracking-tight:-.025em;--tracking-caps:.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--container-max:1160px;--container-pad:24px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--border-hairline:1px solid var(--border-line);--border-bold:1.5px solid var(--border-strong);--shadow-card:0 1px 2px #12271c0f, 0 4px 14px #12271c12;--shadow-raised:0 2px 6px #12271c14, 0 14px 34px #12271c24;--shadow-press:inset 0 1px 3px #12271c2e;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-med:.22s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);line-height:var(--leading-heading);color:var(--pine-900);margin:0}p{margin:0}a{color:var(--link);-webkit-text-decoration-color:color-mix(in oklab, var(--link) 40%, transparent);text-decoration-color:color-mix(in oklab, var(--link) 40%, transparent)}a:hover{color:var(--link-hover)}img,svg{display:block}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[hidden]{display:none!important}.wrap{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--rust-600);font-weight:500}.mono{font-family:var(--font-mono);font-size:var(--text-xs)}.skip{background:var(--pine-900);color:var(--cream-100);border-radius:var(--radius-sm);z-index:100;padding:8px 14px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.btn{border-radius:var(--radius-pill);min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-on-accent)}.btn-primary:active{background:var(--accent-press);box-shadow:var(--shadow-press)}.btn-secondary{color:var(--pine-900);border-color:var(--pine-900);background:0 0}.btn-secondary:hover{background:var(--pine-900);color:var(--cream-100)}.btn-ghost{color:var(--pine-900);background:0 0}.btn-ghost:hover{background:color-mix(in oklab, var(--pine-900) 8%, transparent);color:var(--pine-900)}.btn-lg{min-height:52px;padding:0 28px;font-size:16px}.btn-sm{min-height:38px;padding:0 16px;font-size:14px}.site-header{z-index:40;background:var(--cream-100);border-bottom:var(--border-hairline);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.brand img{width:auto;height:40px}.site-nav{align-items:center;gap:6px;display:flex}.site-nav>a:not(.btn){border-radius:var(--radius-pill);color:var(--text-body);transition:background-color var(--dur-fast) var(--ease-out);padding:8px 12px;font-size:15px;text-decoration:none}.site-nav>a:not(.btn):hover{background:var(--cream-200);color:var(--pine-900)}.site-nav .btn{margin-left:8px}.opening{background:#133d29;height:230svh;position:relative}.pin{height:100svh;position:sticky;top:0;overflow:hidden}.stage,.cover{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage svg{width:100%;height:100%;display:block;position:absolute;inset:0}.stage .color,.stage .night-layer{opacity:0}.stage .night-layer{position:absolute;inset:0}.stage svg.night{opacity:0;transition:opacity 2.4s ease-in-out}.stage .sun,.stage .moon{transition:transform 2.6s cubic-bezier(.45,0,.55,1)}.stage .moon{transform:translateY(44px)}.stage .stars{opacity:0;transition:opacity 2s ease-out}html.night .stage svg.night{opacity:1}html.night .stage .sun{transform:translateY(46px)}html.night .stage .moon{transition-delay:.9s;transform:translateY(0)}html.night .stage .stars{opacity:1;transition-delay:1.4s}.sun-toggle{color:#f7f3e8;cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute}html.open .sun-toggle{pointer-events:auto}.sun-toggle:focus-visible{opacity:1;outline-offset:4px;outline:2px solid}.stage,.lockup{visibility:hidden}html.placed .stage,html.placed .lockup{visibility:visible}.stage .portrait{display:none}@media (aspect-ratio<=4/5){.stage .portrait{display:inline}.stage .wide{display:none}}.lockup{top:calc(var(--cy,45vh) - var(--ry,150px));width:max-content;padding-top:calc(2 * var(--ry,150px) + clamp(28px, 4vw, 44px));color:#f7f3e8;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(38px,7.2vw,84px);position:absolute;left:50%;transform:translate(-50%)}.lockup h1{letter-spacing:-.015em;white-space:nowrap;color:#f7f3e8;margin:0;font-family:Figtree,system-ui,sans-serif;font-size:1em;font-weight:800;line-height:1}.hint{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--sage-300);justify-content:center;align-items:center;gap:8px;margin-top:clamp(28px,5vh,56px);display:flex}.hint svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;animation:nudge 1.8s var(--ease-out) infinite}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.site{background:var(--surface-page);position:relative}.intro{background:var(--cream-100);border-bottom:var(--border-hairline);padding:clamp(56px,8vh,96px) 0 72px}.hero-copy{max-width:var(--container-max);padding:0 var(--container-pad);text-align:center;margin:0 auto}.hero-copy h1{max-width:14ch;font-size:var(--text-hero);font-weight:700;line-height:var(--leading-tight);margin:18px auto 20px}.hero-copy .lede{max-width:560px;color:var(--text-secondary);margin:0 auto 30px;font-size:19px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stats{background:var(--surface-inverse);color:var(--text-on-inverse);padding:52px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;display:grid}.stats strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:42px;font-weight:700;line-height:1.1;display:block}.stats span{font-family:var(--font-mono);color:var(--sage-300);margin-top:4px;font-size:13px;display:block}.section{padding:var(--space-9) 0}.section-tint{background:var(--surface-tint)}.section h2{font-size:var(--text-h2);letter-spacing:-.02em;margin:14px 0 36px;font-weight:700}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--surface-card);border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);padding:26px}article.card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card h3{font-size:23px;font-weight:600}.card p{color:var(--text-secondary);margin-bottom:18px;font-size:15px}.badge{border-radius:var(--radius-pill);font-family:var(--font-mono);background:var(--cream-200);color:var(--ink-600);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-success{background:color-mix(in oklab, var(--pine-600) 14%, var(--cream-50));color:var(--pine-700)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:var(--border-hairline);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--cream-100);padding:4px 10px;font-size:12.5px}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--surface-card);border:var(--border-bold);border-radius:var(--radius-md);padding:24px}.step-num{font-family:var(--font-mono);color:var(--rust-600);font-size:13px;font-weight:500}.step h3{margin:10px 0 8px;font-size:19px;font-weight:600}.step p{color:var(--text-secondary);font-size:14.5px}.apps{border-top:var(--border-hairline);margin:40px 0 0;padding:0;list-style:none}.app{border-bottom:var(--border-hairline);grid-template-columns:56px minmax(180px,1fr) 2fr 104px;align-items:center;gap:12px 28px;padding:24px 0;display:grid}.app .badge{justify-self:end}.app-icon{width:56px;height:56px;box-shadow:var(--shadow-card);border-radius:14px;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s;display:block}.app-icon img{border-radius:inherit;width:100%;height:100%;display:block}.app-icon:hover{box-shadow:var(--shadow-raised,var(--shadow-card));transform:translateY(-1px)scale(1.03)}.app h3{font-size:24px;font-weight:600}.app h3 a{color:inherit;text-decoration:none}.app h3 a:hover{color:var(--link-hover)}.app-domain{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:4px;text-decoration:none;display:inline-block}.app-domain:hover{color:var(--link)}.app p{color:var(--text-secondary);font-size:16.5px}.field em{color:var(--text-muted);font-style:normal;font-weight:400}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:48px;display:grid}.section h2:has(+.lede-sm){margin-bottom:16px}.lede-sm{max-width:420px;color:var(--text-secondary);font-size:16.5px}.contact-form{gap:16px;padding:28px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--ink-600);font-size:13.5px;font-weight:500}.field input,.field select,.field textarea{border:var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;min-height:44px;font:inherit;color:var(--text-body);transition:border-color var(--dur-fast) var(--ease-out);padding:10px 14px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pine-900);outline:2px solid var(--focus-ring);outline-offset:2px}.field.invalid input{border-color:var(--rust-600)}.field-error{color:var(--rust-600);font-size:12.5px}.trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.check{color:var(--text-secondary);align-items:center;gap:10px;font-size:14.5px;display:flex}.check input{width:18px;height:18px;accent-color:var(--pine-900)}.site-footer{background:var(--surface-inverse-deep);color:var(--cream-100);padding:56px 0 40px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer .mono{color:var(--sage-300)}.toast{z-index:60;border-radius:var(--radius-md);background:var(--pine-900);color:var(--cream-100);box-shadow:var(--shadow-raised);animation:toast-in var(--dur-med) var(--ease-out);align-items:center;gap:16px;padding:14px 18px;font-size:14.5px;display:flex;position:fixed;bottom:24px;left:24px}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (hover:none){article.card:hover{box-shadow:var(--shadow-card);transform:none}}@media (width<=720px){.app{grid-template-columns:48px 1fr;gap:8px 14px}.app-icon{border-radius:12px;width:48px;height:48px}.app p,.app .badge{grid-column:2}.app .badge{justify-self:start}.section{padding:var(--space-8) 0}.stats{padding:40px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hint svg{animation:none}*,:before,:after{transition:none!important;animation:none!important}}