.download-section{background:var(--blue)}
.download-grid{display:grid;grid-template-columns:1fr minmax(320px,430px);gap:clamp(3rem,8vw,8rem);align-items:center}
.download-copy>p:not(.eyebrow){max-width:560px;color:var(--ink-soft);font-size:1.08rem}
.download-points{display:grid;gap:.8rem;margin-top:2rem}
.download-points span{display:flex;gap:.75rem;align-items:center;color:var(--ink);font-size:.86rem;font-weight:750}
.download-points b{color:var(--blue-strong);font-size:.7rem}
.download-card{padding:2rem;border:5px solid var(--ink);border-radius:var(--radius);background:#fff;box-shadow:12px 14px 0 var(--ink);transform:rotate(2deg)}
.download-card-mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:1.4rem;border-radius:17px;background:var(--yellow);color:var(--ink);font-size:1.1rem;font-weight:950}
.download-card h3{margin:.6rem 0 .3rem;font-size:2rem;letter-spacing:-.06em}
.download-card p{margin:0;color:var(--ink-soft);font-size:.9rem}
.download-card small{display:block;margin-top:1rem;color:var(--ink-soft);font-size:.7rem}
@media(max-width:900px){.download-grid{grid-template-columns:1fr;gap:3rem}}
@media(max-width:680px){.download-card{transform:none;padding:1.25rem}}

.onboarding-copy .lead-copy{max-width:530px;margin:1.5rem 0 2rem;color:var(--ink-soft);font-size:1.12rem}.onboarding-principles{display:grid;gap:1rem;max-width:540px}.onboarding-principles>div{display:flex;gap:.9rem;align-items:flex-start}.onboarding-principles>div>span{flex:0 0 28px;color:#d2654f;font-size:.68rem;font-weight:950;letter-spacing:.08em}.onboarding-principles p{margin:0;color:var(--ink-soft);font-size:.88rem}.onboarding-principles b{color:var(--ink)}.onboarding-panel{position:relative;max-width:470px}.flow-progress{display:flex;gap:.45rem;margin:-.15rem 0 1.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.flow-step{display:flex;align-items:center;gap:.42rem;padding:.45rem .65rem;border-radius:999px;color:#8b9aa6;font-size:.7rem;font-weight:800}.flow-step b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8eef2;color:#728391;font-size:.68rem}.flow-step.is-active{background:var(--yellow-pale);color:var(--ink)}.flow-step.is-active b{background:var(--yellow);color:var(--ink)}.onboarding-step[hidden],.welcome-panel[hidden]{display:none}.step-heading{display:flex;gap:.85rem;align-items:flex-start}.step-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:.78rem;font-weight:950}.step-heading h3{margin:.45rem 0 .3rem;font-size:1.7rem;line-height:1.05;letter-spacing:-.06em}.step-heading p{margin:0;color:var(--ink-soft);font-size:.84rem}.identity-options{display:grid;gap:.7rem;margin:1.7rem 0}.identity-option{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;margin:0;padding:1rem;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer}.identity-option:hover,.identity-option.is-selected{border-color:var(--blue-strong);box-shadow:0 0 0 3px rgba(35,103,177,.1)}.identity-option input[type=radio]{width:18px;min-height:18px;margin:.15rem 0 0;accent-color:var(--blue-strong)}.identity-option b,.identity-option strong,.identity-option small{display:block}.identity-option b{font-size:.82rem}.identity-option strong{margin-top:.28rem;color:var(--blue-strong);font-size:.92rem;overflow-wrap:anywhere}.identity-option small{margin-top:.3rem;color:var(--ink-soft);font-size:.72rem;line-height:1.4}.namespace-fields{margin-top:.2rem}.address-preview{display:grid;gap:.25rem;margin-top:1.25rem;padding:1rem;border:1px solid #f0d875;border-radius:15px;background:var(--yellow-pale)}.address-preview strong{font-size:1.08rem;overflow-wrap:anywhere}.address-preview small{color:var(--ink-soft);font-size:.78rem}.field-error{margin:.7rem 0 0;color:#b44537;font-size:.76rem;font-weight:750}.step-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.4rem}.step-actions .button{min-width:0}.step-note{color:var(--ink-soft);font-size:.72rem}.chosen-id,.review-card{display:grid;gap:.3rem;margin:1.6rem 0;padding:1rem;border:1px solid var(--line);border-radius:15px;background:#fff}.chosen-id strong,.review-card strong{font-size:1.05rem;overflow-wrap:anywhere}.review-card small{color:var(--ink-soft);font-size:.76rem;overflow-wrap:anywhere}.inline-button{justify-self:start;padding:.25rem 0;border:0;background:none;color:var(--blue-strong);font:inherit;font-size:.76rem;font-weight:850;text-decoration:underline;cursor:pointer}.inline-button:hover{color:var(--ink)}.boundary-note{margin:1rem 0 0;padding:.85rem;border-left:3px solid var(--blue-strong);background:#fff;color:var(--ink-soft);font-size:.76rem;line-height:1.5}.boundary-note b{color:var(--ink)}.review-details{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem}.review-details span{display:grid;gap:.25rem;padding:.75rem;border-radius:12px;background:#eef5f8}.review-details b{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.review-details em{color:var(--ink-soft);font-size:.77rem;font-style:normal;overflow-wrap:anywhere}.welcome-panel{padding:.3rem 0}.welcome-panel h3{margin:.6rem 0 .35rem;font-size:2rem;letter-spacing:-.06em}.welcome-panel>p{color:var(--ink-soft);font-size:.86rem}.success-mark{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1rem;border-radius:50%;background:#aee1b8;color:#2c7c40;font-size:1.4rem;font-weight:950}.welcome-identity{display:grid;gap:.25rem;margin:1.5rem 0;padding:1.1rem;border-radius:15px;background:var(--yellow-pale)}.welcome-identity span{color:#d2654f;font-size:.68rem;font-weight:950;letter-spacing:.12em}.welcome-identity strong{font-size:1.2rem;overflow-wrap:anywhere}.welcome-identity small{color:var(--ink-soft);font-size:.78rem;overflow-wrap:anywhere}.welcome-panel .button-full{margin-top:1.1rem}.signup-panel input[type=radio]{width:18px;min-height:18px;padding:0}.signup-panel input:focus-visible,.inline-button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:680px){.onboarding-panel{max-width:none}.flow-progress{justify-content:space-between}.flow-step{padding:.4rem .35rem;font-size:.66rem}.identity-option{padding:.85rem}.step-heading h3{font-size:1.55rem}.review-details{grid-template-columns:1fr}.step-actions{align-items:stretch;flex-direction:column-reverse}.step-actions .button{width:100%}.step-note{order:3}.onboarding-principles{gap:.85rem}}
.identity-builder{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:.45rem;align-items:end;margin:1.7rem 0 0}.builder-field{min-width:0}.builder-field label{margin:0 0 .4rem}.builder-at,.builder-domain{padding-bottom:.8rem;color:var(--ink-soft);font-size:.9rem;font-weight:750;white-space:nowrap}.namespace-helper{margin-top:.8rem}.address-preview{margin-top:1rem}@media(max-width:680px){.identity-builder{grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.namespace-builder-field{grid-column:1 / -1}.builder-domain{grid-column:2;padding-bottom:.8rem}.builder-at{padding-bottom:.8rem}}
.flow-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-items:stretch}.flow-step{justify-content:center;min-height:38px;border:1px solid var(--line);white-space:nowrap}.flow-step.is-active{border-color:#f0d875}
.availability-status{display:block;color:#8b6f29;font-size:.76rem;font-weight:800}.availability-status[data-availability-state="available"]{color:#2c7c40}.availability-status[data-availability-state="taken"]{color:#b44537}.availability-status[data-availability-state="checking"]{color:#8b6f29}
.signup-panel select{width:100%;min-height:46px;border:1px solid #bdcbd5;border-radius:10px;background:#fff;padding:.7rem .8rem;color:var(--ink);outline:none}.signup-panel select:focus-visible{border-color:var(--blue-strong);box-shadow:0 0 0 3px rgba(35,103,177,.17)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.recovery-fields{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--line)}.recovery-fields .panel-kicker span{color:var(--ink-soft);font-weight:500}.review-recovery{grid-column:1 / -1}@media(max-width:680px){.profile-grid{grid-template-columns:1fr}.flow-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-step{white-space:normal}}
.device-onboarding{margin-top:1.7rem;padding-top:1.3rem;border-top:1px solid var(--line)}.device-onboarding h4{margin:.45rem 0 1rem;font-size:1.15rem;letter-spacing:-.04em}.device-grid{display:grid;gap:.8rem}.device-card{padding:1rem;border:1px solid var(--line);border-radius:15px;background:#fff}.device-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.device-label{color:#d2654f;font-size:.65rem;font-weight:950;letter-spacing:.12em}.device-card h5{margin:.25rem 0 0;font-size:1rem}.device-status{flex:0 0 auto;color:var(--ink-soft);font-size:.7rem;font-weight:850}.device-status[data-device-state=waiting],.device-status[data-device-state=preparing]{color:#8b6f29}.device-status[data-device-state=connected]{color:#2c7c40}.device-status[data-device-state=expired],.device-status[data-device-state=error]{color:#b44537}.device-card-copy{margin:.65rem 0;color:var(--ink-soft);font-size:.78rem;line-height:1.45}.device-pairing{display:grid;gap:.6rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line)}.device-instruction{margin:0;color:var(--ink-soft);font-size:.76rem;line-height:1.5}.device-qr{display:grid;place-items:center;min-height:150px;padding:.55rem;border-radius:12px;background:#fff}.device-qr svg{display:block;width:min(100%,180px);height:auto}.device-code{display:block;padding:.9rem;border-radius:10px;background:var(--ink);color:#fff;font-size:1rem;letter-spacing:.12em;text-align:center;overflow-wrap:anywhere}.device-card .button{font-size:.75rem}.device-card .inline-button{font-size:.72rem}.device-card [data-device-cancel]{color:var(--ink-soft)}

.device-enrolment-section{background:#eef5f8}.device-enrolment-grid{display:grid;grid-template-columns:1fr minmax(360px,470px);gap:clamp(3rem,8vw,8rem);align-items:start}.device-enrolment-copy h2{margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95;letter-spacing:-.075em}.device-enrolment-copy .lead-copy{max-width:530px;margin:1.5rem 0 2rem;color:var(--ink-soft);font-size:1.12rem}.device-enrolment-panel{max-width:470px}.panel-heading-copy{margin:0 0 1.5rem;color:var(--ink-soft);font-size:.87rem}.pairing-code-label{font-size:.78rem;font-weight:850;color:var(--ink-soft)}
@media(max-width:900px){.device-enrolment-grid{grid-template-columns:1fr;gap:3rem}.device-enrolment-panel{max-width:none}}
