:root{--green:#123f2b;--green2:#1d6a48;--gold:#b99024;--gold2:#f0d47c;--ink:#18231d;--muted:#66756d;--line:#dce6df;--bg:#f4f7f5;--shadow:0 18px 54px rgba(12,54,35,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}a,button{-webkit-tap-highlight-color:transparent}.topbar{background:var(--green);color:#fff}.topbar-inner{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand,.topnav a{color:#fff;text-decoration:none}.brand{font-weight:900}.topnav{display:flex;gap:14px}.topnav a{font-size:.82rem;opacity:.92}.hero{padding:58px 0 44px;background:linear-gradient(135deg,#082c20,#123f2b 58%,#1d6a48);color:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:end}.eyebrow,.section-kicker{display:block;color:#77d39f;font-size:.68rem;font-weight:950;letter-spacing:.11em}.hero h1{margin:8px 0 10px;font-size:clamp(2.4rem,5vw,4rem);line-height:.98;letter-spacing:-2px}.hero h1 span{color:var(--gold2)}.hero p{max-width:720px;margin:0;color:#d4e5db;font-size:.96rem}.hero-note{padding:18px;border:1px solid rgba(240,212,124,.34);border-radius:18px;background:rgba(3,28,20,.34)}.hero-note strong{color:var(--gold2)}.hero-note p{margin:5px 0 0;font-size:.76rem}.content{padding:28px 0 56px}.state-card,.summary-card,.benefit-panel,.policy-card,.next-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.state-card{display:flex;align-items:center;gap:14px;padding:22px}.state-card[hidden]{display:none!important}.state-card p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.loader{width:32px;height:32px;border:3px solid #d8e9df;border-top-color:var(--green2);border-radius:50%;animation:spin .8s linear infinite}.state-error{border-color:#efcaca;background:#fff8f8}.state-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fde7e7;color:#a73636;font-weight:900}@keyframes spin{to{transform:rotate(360deg)}}.summary-card{padding:26px;background:linear-gradient(145deg,#fff,#fbfdfb 65%,#f7fbf8)}.summary-head,.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.summary-head h2,.panel-head h3{margin:5px 0 4px}.summary-head p{margin:0;color:var(--muted);font-size:.82rem}.member-badge,.panel-chip,.next-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#e2f2e8;color:#17653f;font-size:.64rem;font-weight:950;letter-spacing:.06em;white-space:nowrap}.member-badge.is-basic{background:#eef2ef;color:#66756d}.score-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-top:22px}.score-grid article{padding:18px;border:1px solid #e0e9e3;border-radius:15px;background:#fbfcfb}.score-grid span{display:block;color:var(--muted);font-size:.68rem;font-weight:900}.score-grid strong{display:block;margin-top:3px;color:var(--green);font-size:1.38rem}.score-grid small{display:block;color:var(--muted);font-size:.64rem;margin-top:2px}.score-main{border-color:#d9c575!important;background:#fffaf0!important}.score-main strong{font-size:1.75rem!important;color:#8a6700!important}.next-progress{margin-top:18px}.next-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:.78rem}.next-progress>div:first-child span{color:var(--green2);font-weight:900}.progress-track{height:9px;margin-top:8px;overflow:hidden;border-radius:999px;background:#e7eee9}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green2),#4aaa73);transition:width .35s ease}.next-progress p{margin:6px 0 0;color:var(--muted);font-size:.68rem}.benefit-panel{margin-top:16px;padding:22px}.panel-head h3{font-size:1.18rem}.panel-intro{margin:8px 0 16px;color:var(--muted);font-size:.78rem}.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.benefit-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:15px;border:1px solid #e2eae5;border-radius:15px;background:#fbfcfb}.benefit-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef3ef;color:#66776d;font-weight:950}.benefit-copy strong{display:block;font-size:.84rem}.benefit-copy p{margin:3px 0 0;color:var(--muted);font-size:.7rem;line-height:1.42}.benefit-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.benefit-level,.benefit-status{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:999px;font-size:.58rem;font-weight:950}.benefit-level{background:#fff1bd;color:#775900}.benefit-status{background:#eef2ef;color:#6b766f}.benefit-item.is-unlocked{border-color:#cce3d4;background:#f6fbf8}.benefit-item.is-unlocked .benefit-icon{background:#dff2e6;color:#17653f}.benefit-item.is-unlocked .benefit-status{background:#dff2e6;color:#17653f}.benefit-item.is-locked{opacity:.8}.policy-card{display:grid;grid-template-columns:48px 1fr;gap:14px;margin-top:16px;padding:20px;background:#fffcf4;border-color:#ead99b}.policy-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff1bd;color:#775900;font-weight:950;font-size:1.1rem}.policy-card h3{margin:4px 0}.policy-card p{margin:0;color:var(--muted);font-size:.76rem}.next-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:16px;padding:20px;border-style:dashed}.next-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef3f7;color:#527083;font-size:1.15rem}.next-card h3{margin:4px 0}.next-card p{margin:0;color:var(--muted);font-size:.78rem}.next-badge{background:#eef3f7;color:#526d7c}.page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--green);border-radius:11px;text-decoration:none;font-size:.78rem;font-weight:900}.btn.primary{background:var(--green);color:#fff}.btn.outline{background:#fff;color:var(--green)}footer{border-top:1px solid var(--line);background:#fff;padding:26px 0;color:var(--muted);font-size:.78rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-inner div{display:grid}.footer-inner strong{color:var(--ink)}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr 1fr}.score-main{grid-column:1/-1}.benefit-list{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:min(100% - 20px,1080px)}.topbar-inner{min-height:58px;align-items:flex-start;padding:12px 0}.topnav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero{padding:44px 0 32px}.hero h1{font-size:2.65rem}.content{padding:20px 0 44px}.summary-card,.benefit-panel,.policy-card{padding:18px;border-radius:17px}.summary-head{display:grid}.member-badge{justify-self:start}.score-grid{grid-template-columns:1fr}.score-main{grid-column:auto}.benefit-item{grid-template-columns:40px minmax(0,1fr)}.benefit-icon{width:40px;height:40px}.policy-card{grid-template-columns:42px 1fr}.policy-icon{width:42px;height:42px}.next-card{padding:16px;grid-template-columns:44px minmax(0,1fr)}.next-badge{grid-column:2;justify-self:start}.page-actions{display:grid}.btn{width:100%}.footer-inner{align-items:flex-start;flex-direction:column}}

.next-card-active{text-decoration:none;color:inherit;border-style:solid;border-color:#c9dfd1;background:linear-gradient(145deg,#fff,#f5fbf7)}.next-card-active:hover{border-color:#8fc4a3}.next-card-active .next-icon{background:#e2f2e8;color:#17653f}.next-card-active .next-badge{background:#e2f2e8;color:#17653f}
