@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--color-text:#1a1c1b;--color-text-secondary:#6b6a63;--color-background:#f2eee4;--color-surface:#fff;--color-rule:#d6cebe;--color-accent-cool:#596377;--color-accent-signature:#e8b23a;--font-heading:"Space Grotesk", "Archivo", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--ink:var(--color-text);--ink-mid:var(--color-text-secondary);--ink-light:#9a968b;--stone:var(--color-background);--stone-mid:var(--color-rule);--white:var(--color-surface);--green:var(--color-accent-cool);--radius:6px;--radius-lg:12px;--transition:all .25s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:clip}body{font-family:var(--font-body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section{padding:56px 5%}.container{max-width:760px;margin:0 auto}.kicker{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--green);margin-bottom:10px;font-size:11px;font-weight:700}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.15}h1{font-size:clamp(34px,7vw,56px)}h2{margin-bottom:16px;font-size:clamp(22px,4vw,28px)}p,li{color:var(--ink-mid);font-weight:300}.lead{color:var(--ink);max-width:46ch;font-size:clamp(17px,2.4vw,20px);font-weight:400}.btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:40px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-green{background:var(--color-accent-signature);color:var(--color-text)}.btn-green:hover{background:color-mix(in srgb, var(--color-accent-signature), #000 12%)}.btn-slate{color:var(--green);border:1px solid var(--green);background:0 0;padding:6px 14px;font-size:12px}.btn-slate:hover{background:var(--green);color:var(--white)}.rule-list{list-style:none}.rule-list li{border-bottom:1px solid var(--stone-mid);padding:12px 0}.rule-list li:first-child{border-top:1px solid var(--stone-mid)}.card{background:var(--white);border:1px solid var(--stone-mid);border-radius:var(--radius-lg);padding:20px}.mono{font-family:var(--font-mono);letter-spacing:.5px;font-size:12px}.todo{background:var(--stone);border:1px solid var(--stone-mid);color:var(--ink);border-radius:var(--radius);font-family:var(--font-mono);padding:1px 6px;font-size:12px;font-weight:600;display:inline}.photo-placeholder{background:var(--stone);border:1px dashed var(--stone-mid);width:140px;height:140px;color:var(--ink-light);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}@media (max-width:768px){.section{padding:40px 5%}}