:root{--black:#0A0A0A;--ink2:#262626;--g600:#5C5C5C;--g400:#9A9A9A;--g200:#DADADA;--g100:#F0F0F0;--white:#fff;--signal:#C8FF3D}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font:17px/1.6 Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.mono,.eyebrow{font-family:"Geist Mono",ui-monospace,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
h1,h2,h3{letter-spacing:-.03em;line-height:1.05;margin:0 0 .5em;font-weight:600}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
header.site{position:sticky;top:0;background:var(--white);border-bottom:1px solid var(--g200);z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:700;letter-spacing:.14em;font-size:16px}
.brand svg{width:32px;height:32px;display:block}
nav{display:flex;align-items:center;gap:28px}
nav a{text-decoration:none;font-family:"Geist Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--g600)}
nav a:hover{color:var(--black)}
.btn{display:inline-block;height:48px;line-height:46px;padding:0 24px;background:var(--black);color:#fff;text-decoration:none;font-weight:500;border:1px solid var(--black);font-size:16px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.btn:hover{background:#fff;color:var(--black)}
.btn.o{background:transparent;color:var(--black)}
.btn.o:hover{background:var(--black);color:#fff}
nav a.btn{height:40px;line-height:38px;padding:0 18px;color:#fff;font-size:12px}
nav a.btn:hover{color:var(--black)}
.dark .btn{background:#fff;color:var(--black);border-color:#fff}
.dark .btn:hover{background:transparent;color:#fff}
.dark .btn.o{background:transparent;color:#fff}
.dark .btn.o:hover{background:#fff;color:var(--black)}
.hero{padding:120px 0 104px;border-bottom:1px solid var(--g200);background-image:radial-gradient(#CFCFCF 1px,transparent 1px);background-size:20px 20px}
.hero h1{font-size:clamp(40px,7vw,80px);max-width:900px;margin-bottom:24px}
.hero p{font-size:20px;color:var(--g600);max-width:560px;margin:0 0 32px}
.dot{display:inline-block;width:8px;height:8px;background:var(--signal);margin-right:10px;vertical-align:1px}
.lab{display:block;color:var(--g600);margin-bottom:16px}
section{padding:120px 0;border-bottom:1px solid var(--g200)}
section.dark{background:var(--black);color:#fff;border-color:#222}
section.gray{background:var(--g100)}
.dark .lab,.dark .card p{color:var(--g400)}
h2{font-size:clamp(30px,4vw,48px);margin-bottom:16px;max-width:720px}
.grid{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:48px;border:1px solid var(--g200)}
.dark .grid{border-color:#333}
.card{padding:32px;border-right:1px solid var(--g200);border-bottom:1px solid var(--g200);margin:0 -1px -1px 0}
.dark .card{border-color:#333}
.card h3{font-size:24px}
.card p{margin:0;color:var(--g600)}
.card .mono{display:block;margin-bottom:48px;color:var(--g400)}
.about p{max-width:640px;color:var(--g600);font-size:20px}
form{display:grid;gap:16px;max-width:560px;margin-top:32px}
label{display:grid;gap:8px;font-family:"Geist Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--g400)}
input,textarea{font:17px Geist,sans-serif;text-transform:none;letter-spacing:0;padding:14px;border:1px solid #333;border-radius:0;background:transparent;color:#fff;width:100%}
input:focus,textarea:focus{outline:1px solid var(--signal);border-color:var(--signal)}
textarea{min-height:140px;resize:vertical}
.hp{position:absolute;left:-9999px}
.direct{margin-top:24px;color:var(--g400)}
.direct a{color:#fff}
.sub{color:var(--g400);max-width:560px;margin:0}
footer{padding:32px 0;font-size:14px;color:var(--g600)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
footer a{margin-left:20px;text-decoration:none}
footer a:hover{color:var(--black)}
.page{padding:96px 24px;max-width:760px}
.page h1{font-size:48px}
.page h3{margin-top:32px;font-size:20px}
.page p{color:var(--g600)}
@media (max-width:640px){nav a:not(.btn){display:none}.hero{padding:72px 0}section{padding:72px 0}}