:root{--bg: #f3f1ea;--paper: #fbfaf6;--ink: #2b332e;--muted: #7d857b;--line: #e7e3d7;--sage: #5f8b6f;--sage-d: #4d7a5e;--soft: #eef3ec;--display: "Fraunces", Georgia, serif;--sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{color:var(--ink);font-family:var(--sans);background:radial-gradient(1100px 520px at 82% -12%,#eef3ec 0%,transparent 60%),radial-gradient(900px 420px at -6% 0%,#f0ede2 0%,transparent 55%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:24px;color:var(--ink);text-decoration:none}.brand b{color:var(--sage);font-weight:600}.brand-mascot{height:32px;width:auto;display:block}.hero-mascot{height:clamp(120px,15vw,168px);width:auto;margin:0 0 6px -6px;filter:drop-shadow(0 10px 18px rgba(43,51,46,.12))}.empty-mascot{height:96px;width:auto;display:block;margin:0 auto 14px;opacity:.95}.nav a.ghost{font-size:14px;color:var(--muted);text-decoration:none}.nav a.ghost:hover{color:var(--sage)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;padding:clamp(30px,6vw,76px) 0 52px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(34px,5.2vw,60px);line-height:1.02;letter-spacing:-.025em;margin:0 0 16px}.hero h1 .accent{color:var(--sage)}.hero .sub{font-size:clamp(16px,1.6vw,19px);color:var(--muted);margin:0 0 8px;max-width:46ch;line-height:1.5}@media (max-width: 860px){.hero{grid-template-columns:1fr;gap:26px}}.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 2px 6px #2b332e0d,0 22px 50px #2b332e14;display:grid;gap:16px}.card .kick{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}.fld{display:grid;gap:6px}.fld>span{font-size:13px;color:var(--muted)}select{appearance:none;width:100%;padding:13px 40px 13px 14px;font-size:16px;font-family:var(--sans);color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237d857b' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line);border-radius:12px;cursor:pointer}select:focus{outline:none;border-color:var(--sage)}.go{padding:14px 20px;font-size:15px;font-weight:600;font-family:var(--sans);color:#fff;background:var(--sage);border:none;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;text-decoration:none;transition:filter .15s,transform .1s}.go:hover{filter:brightness(1.06)}.go:active{transform:translateY(1px)}.go:disabled{opacity:.5;cursor:not-allowed}.go code,.sub code,.metaline code{font-size:13px;opacity:.9}.go.line{background:transparent;color:var(--sage);border:1px solid var(--line)}.section{padding:40px 0}.section h2{font-family:var(--display);font-weight:600;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;margin:0 0 6px}.section .lead{color:var(--muted);margin:0 0 26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 760px){.steps{grid-template-columns:1fr}}.step{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}.step .n{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--sage-d);font-weight:700;font-size:14px;margin-bottom:12px}.step h3{font-size:17px;margin:0 0 6px}.step p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.5}.tools{display:flex;flex-wrap:wrap;gap:10px}.tool{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:14px;color:var(--ink)}.tool.soon{color:var(--muted)}.tool .dot{width:7px;height:7px;border-radius:50%;background:var(--sage)}.tool.soon .dot{background:#cdb56a}.metaline{color:var(--muted);font-size:15px;margin:2px 0 22px}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px}.badge.live{background:var(--soft);color:var(--sage-d)}.badge.soon{background:#f4efdd;color:#96803e}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#000;box-shadow:0 18px 40px #2b332e14}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.foot{margin-top:40px;border-top:1px solid var(--line);padding:22px 0 48px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--sage)}