.sub-shell{color:#183b31;background:#fff;min-height:100vh}.sub-header{background:#fff;border-bottom:1px solid #dfe7e3;align-items:flex-start;gap:28px;padding:28px clamp(20px,5vw,76px);display:flex}.sub-header>a:first-child{color:#3d6557;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.sub-header>a:first-child:focus-visible{outline-offset:3px;outline:3px solid #699e36}.sub-header>div{flex:1}.sub-header h1{letter-spacing:-.03em;margin:6px 0 3px;font-size:27px}.sub-header p{color:#5f7167;margin:0;font-size:14px}.sub-kicker{color:#4d7a5f;letter-spacing:.13em;font-size:12px;font-weight:800}.sub-content{max-width:1120px;margin:0 auto;padding:36px clamp(16px,4vw,26px) 96px}.sub-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:28px;display:grid}.sub-steps{flex-direction:column;grid-area:1/1;gap:20px;min-width:0;display:flex}.sub-summary{grid-area:1/2;position:sticky;top:20px}.sub-card,.sub-state{background:#fff;border:1px solid #dfe7e3;border-radius:14px;padding:24px}.sub-card h2,.sub-state h2{letter-spacing:-.02em;color:#142f2c;margin:0 0 12px;font-size:1.15rem}.sub-card p,.sub-state p{color:#3f5a52;margin:0 0 12px;line-height:1.6}:is(.sub-card h2:focus-visible,.sub-state h2:focus-visible){outline-offset:4px;border-radius:4px;outline:3px solid #699e36}.sub-card.is-pending{background:#f7faf8;border-style:dashed}.sub-hint{color:#5f7167;font-size:.88rem}.sub-hint a,.sub-recap a{color:#183e36;font-weight:700;text-decoration:underline}:is(.sub-hint a:focus-visible,.sub-recap a:focus-visible){outline-offset:2px;outline:3px solid #699e36}.sub-card p.sub-recap{color:#3f5a52;margin:16px 0 0;font-size:.92rem}.sub-plans{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;padding:0;display:grid}.sub-plan{cursor:pointer;background:#fff;border:1px solid #d8e1dc;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex;position:relative}.sub-plan.is-selected{border-color:#183e36;box-shadow:inset 0 0 0 2px #183e36}.sub-plan:focus-within{outline-offset:2px;outline:3px solid #699e36}.sub-plan input{opacity:0;cursor:pointer;position:absolute;inset:0}.sub-plan-name{color:#142f2c;font-weight:700}.sub-plan-price{color:#183e36;font-size:1.35rem;font-weight:800}.sub-plan-price small{color:#5f7167;font-size:.85rem;font-weight:600}.sub-plan-ttc,.sub-plan-note{color:#5f7167;font-size:.85rem}.sub-input{color:#142f2c;background:#fff;border:1px solid #d8e1dc;border-radius:12px;width:100%;margin-top:6px;padding:12px 14px;font-size:16px;display:block}.sub-input:focus-visible{outline-offset:2px;outline:3px solid #699e36}.sub-mount{border:0;min-width:0;margin:16px 0 0;padding:0}.sub-mount legend{color:#142f2c;padding:0;font-weight:600}.sub-primary,.sub-secondary{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.sub-primary{color:#fff;background:#183e36;border:0}.sub-secondary{color:#183e36;background:#fff;border:1px solid #183e36}.sub-primary:disabled{color:#fff;cursor:not-allowed;background:#5f7167}:is(.sub-primary:focus-visible,.sub-secondary:focus-visible,.sub-link:focus-visible){outline-offset:3px;outline:3px solid #699e36}.sub-link{color:#183e36;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}.sub-error{color:#ad381c;background:#fbeeea;border-radius:10px;margin:12px 0 0;padding:12px 14px;font-size:.92rem}.sub-idle{min-height:0}.sub-notice{color:#285c3a;background:#edf7ee;border:1px solid #cbe0d0;border-radius:10px;margin:0;padding:12px 14px;line-height:1.5;display:block}.sub-trust{color:#5f7167;gap:8px;margin:18px 0 0;padding:0;font-size:.86rem;list-style:none;display:grid}.sub-trust li{align-items:flex-start;gap:8px;display:flex}.sub-state{text-align:left;max-width:640px;margin:0 auto}.sub-state-icon{color:#183e36;margin-bottom:10px;display:inline-flex}.sub-state.is-failed .sub-state-icon{color:#ad381c}.sub-state.is-success .sub-state-icon{color:#285c3a}.sub-state-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.sub-skeleton{background:linear-gradient(90deg,#eef3f0,#f7faf8,#eef3f0);border-radius:14px;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:560px){.sub-header{flex-direction:column;gap:14px}}@media (max-width:860px){.sub-layout{grid-template-columns:minmax(0,1fr)}.sub-steps,.sub-summary{grid-area:auto/1;position:static}.sub-summary{order:-1}.sub-plans{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sub-terms{color:#23423a;align-items:flex-start;gap:10px;margin:6px 0 14px;font-size:14px;line-height:1.5;display:flex}.sub-terms input{accent-color:#183e36;flex:none;width:24px;height:24px;margin:0}.sub-terms input:focus-visible{outline-offset:2px;outline:3px solid #4f7a5e}.sub-terms a{color:#183e36;text-underline-offset:3px;font-weight:650;text-decoration:underline}.sub-terms-version{margin-top:18px}.sub-terms-version h2{align-items:center;gap:8px;display:flex}.sub-terms-version dl{gap:8px;margin:12px 0;display:grid}.sub-terms-version dl div{border-bottom:1px solid #e4ece6;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 0;display:flex}.sub-terms-version dt{color:#5f7569;font-size:13px}.sub-terms-version dd{margin:0;font-size:14px;font-weight:700}
