*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{color:#292b28;background:#faf9f6;margin:0;font-family:system-ui,Arial,sans-serif;overflow-x:hidden}.app{max-width:100vw;padding-bottom:calc(84px + env(safe-area-inset-bottom));overflow-x:hidden}a{color:inherit;text-decoration:none}.top{z-index:5;padding:calc(10px + env(safe-area-inset-top)) max(5%,env(safe-area-inset-right)) 10px max(5%,env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf9f6eb;border-bottom:1px solid #e9e5dc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top b{font-size:22px}.pill{color:#2b5546;border:1px solid #cfd8d3;border-radius:999px;align-items:center;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}main{max-width:900px;padding:24px max(5%,env(safe-area-inset-right)) 0 max(5%,env(safe-area-inset-left));margin:auto}section{margin-bottom:48px}.hero img{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius)*1.5);background:#dfe7e2;width:100%;display:block}.eyebrow{letter-spacing:3px;color:#2b5546;margin-top:24px;font-size:12px;font-weight:700;display:block}h1{letter-spacing:-2px;white-space:pre-line;margin:10px 0;font-size:clamp(38px,11vw,76px);font-weight:600;line-height:1.05}h2{margin:0 0 8px;font-size:24px}p{color:#5f6058;line-height:1.7}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 24px;font-weight:600;display:inline-flex}button:disabled{opacity:.6}.ghost{color:#2b5546;background:0 0;border:1px solid #9fb5aa}.cards{gap:14px;display:grid}article,.panel,form{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;padding:22px}article{padding:20px}article h2{font-size:20px}small{color:#2b5546;font-weight:700}.panel,form{gap:16px;display:grid}.note{color:#2b4a3d;background:#eef3f0;border-radius:12px;padding:10px 14px;font-size:14px}label{gap:8px;font-size:14px;font-weight:600;display:grid}.row{align-items:center;gap:12px;min-height:44px;display:flex}.row input{width:24px;height:24px;min-height:0}input,textarea,select{font:inherit;background:#fff;border:1px solid #cfcfc8;border-radius:10px;width:100%;min-height:44px;padding:10px 13px}.hello{color:#292b28;margin:0}.tabs{z-index:10;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid #e0dcd2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{color:#2b5546;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;font-size:12px;font-weight:600;display:flex}.tabs a:active{background:#eef3f0}:focus-visible{outline-offset:2px;outline:3px solid #1d4d3b}@media (width>=700px){.cards{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}