*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}body{color:#292b28;background:#faf9f6;font-family:system-ui,Arial,sans-serif}.app{min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom));--gap:24px}.app.compact{--gap:14px}.top{padding:calc(14px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 14px max(20px,env(safe-area-inset-left));border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;font-size:22px;display:flex}.pill{color:var(--accent);border:1px solid #cfd8d3;border-radius:99px;padding:6px 10px;font-size:12px}main{max-width:720px;padding:var(--gap) max(20px,env(safe-area-inset-left)) var(--gap) max(20px,env(safe-area-inset-right));margin:auto}.eyebrow{letter-spacing:3px;color:var(--accent);word-break:break-word;font-size:11px}h1{letter-spacing:-2px;white-space:pre-line;margin:12px 0;font-family:Georgia,serif;font-size:clamp(38px,11vw,72px);font-weight:500;line-height:1.05}.h2{margin:8px 0;font-family:Georgia,serif;font-size:30px;font-weight:500}p,li{color:#5f6058;line-height:1.7}.hero{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;height:auto;margin:var(--gap) 0;background:#e4e8e3;display:block}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);min-width:44px;min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6}.btn.ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}.cards{margin-top:var(--gap);gap:14px;display:grid}article{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:22px}article h2{margin:4px 0;font-size:20px}article p{margin:0}form{gap:16px;display:grid}label{gap:8px;font-size:14px;display:grid}input,textarea,select{font:inherit;background:#fff;border:1px solid #cfcfc7;border-radius:10px;width:100%;min-height:44px;padding:11px 13px;font-size:16px}.check{align-items:center;gap:12px;min-height:44px;display:flex}.check input{width:24px;height:24px;min-height:24px}.note{border-radius:var(--radius);color:#2f5547;background:#eef3f0;padding:12px 14px}.steps{padding-left:22px}.steps li{margin-bottom:8px}.tabs{padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#fff;border-top:1px solid #e5dfd6;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:#6b6c64;min-width:44px;min-height:56px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:12px;display:flex}.tab.on{color:var(--accent);background:#eef3f0;font-weight:700}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width>=700px){.cards{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}