:root{--sage:#4d7c6f;--sage-dark:#3b6155;--sand:#f6f3ee;--ink:#23302c;--muted:#6b7570;--line:#e2ddd4}*{box-sizing:border-box}body{background:var(--sand);color:var(--ink);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--sage-dark)}.wrap{max-width:880px;margin:0 auto;padding:0 16px}.demo-banner{color:#e8ece9;text-align:center;background:#23302c;padding:8px 16px;font-size:14px}.demo-banner code{color:#b9e3d6;font-weight:600}.nav{border-bottom:1px solid var(--line);background:#fff}.nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{color:var(--sage);font-size:19px;font-weight:700;text-decoration:none}.brand span{color:var(--ink)}nav a{color:var(--ink);margin-left:20px;font-weight:500;text-decoration:none}nav a.active{color:var(--sage)}main.wrap{min-height:60vh;padding:40px 16px 56px}h1{margin:0 0 12px;font-size:clamp(26px,4vw,38px);line-height:1.2}h2{margin:0 0 8px;font-size:20px}.hero{margin-bottom:28px}.hero p{color:#45504b;max-width:560px;font-size:18px}.card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:16px;padding:24px}.narrow{max-width:440px;margin-left:auto;margin-right:auto}.center{text-align:center}.plan{max-width:420px}.price{margin:0 0 8px;font-size:40px;font-weight:700}.price span{color:var(--muted);font-size:16px;font-weight:400}.plan ul{margin:0 0 20px;padding-left:20px}.btn{background:var(--sage);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:11px 22px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:var(--sage-dark)}.btn:disabled{opacity:.6;cursor:default}.link{font:inherit;color:var(--sage-dark);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}form{flex-direction:column;gap:14px;margin-bottom:12px;display:flex}label{flex-direction:column;gap:6px;font-weight:600;display:flex}input{font:inherit;border:1px solid #cfc9bf;border-radius:8px;padding:10px 12px}.error,.ok,.note{border-radius:8px;padding:10px 12px;font-size:15px}.error{color:#a33a2f;background:#fdf0ef}.ok{color:#2f6b55;background:#edf6f2}.note{color:#7a5a12;background:#fff8e6}.note.ok{color:#2f6b55;background:#edf6f2}.muted{color:var(--muted)}.locked p{color:#45504b}.post p{color:#39443f;margin:0}dl{grid-template-columns:110px 1fr;gap:8px 12px;margin:0 0 20px;display:grid}dt{color:var(--muted)}dd{margin:0}.row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}footer{border-top:1px solid var(--line);padding:24px 16px 40px;font-size:14px}