#dene .onboarding-scroll{position:absolute;inset:85px 0 0;padding:0 24px 34px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#2e5a53 transparent}.onboarding-progress{display:flex;gap:24px;color:#819e99;font-size:11px;margin:0 0 22px;letter-spacing:.04em}.onboarding-progress [aria-current]{color:#93f2dd;border-bottom:2px solid #72e9d1;padding-bottom:8px}.onboarding-heading h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;font-weight:650;margin:10px 0 12px}.onboarding-heading h2 em{font-style:normal;color:#86ecd9}.onboarding-heading p{font-size:13px;color:#a8c1ba;line-height:1.6;margin:0 0 20px}.onboarding-sectors,.onboarding-business{border:0;margin:0;padding:0;min-width:0}.onboarding-sectors legend,.onboarding-business legend{font-size:12px;color:#c2ded4;margin-bottom:10px;font-weight:700}.onboarding-sectors>label{display:flex;align-items:center;gap:10px;position:relative;padding:17px 15px;border-radius:15px;border:1px solid #31564e;margin-bottom:10px;background:#102b28;cursor:pointer}.onboarding-sectors input,.onboarding-business input{position:absolute;opacity:0;width:1px;height:1px}.onboarding-sectors label:has(input:checked),.onboarding-business label:has(input:checked){border-color:#8af0d5;background:#1c473d}.onboarding-sectors label:has(input:focus-visible),.onboarding-business label:has(input:focus-visible){outline:2px solid #c4ffee;outline-offset:3px}.onboarding-sectors b{font-size:15px}.onboarding-sectors small{display:block;font-size:10px;color:#a5c1b7;margin-top:5px;line-height:1.5}.onboarding-sectors .selection-dot{width:15px;height:15px;border:1px solid #689383;border-radius:50%;margin-left:auto;flex:none}.onboarding-sectors input:checked~.selection-dot{background:#87ebcc;border:4px solid #244e42}.onboarding-sectors .secondary-sector{padding-block:12px;background:#0c211f}.onboarding-business{margin-top:15px}.onboarding-business>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.onboarding-business label{position:relative;border:1px solid #31564e;border-radius:12px;padding:12px 8px;font-size:11px;text-align:center;cursor:pointer}.selection-help{font-size:11px;line-height:1.6;color:#acd4c5;margin:16px 0}.onboarding-cta{width:100%;border:0;border-radius:30px;padding:16px 18px;background:linear-gradient(120deg,#b5f4d7,#63d9cf);color:#092923;font-weight:750;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px}.onboarding-cta:disabled{background:#233b36;color:#849d94;cursor:not-allowed}.onboarding-cta span{font-size:20px}.onboarding-back{padding:0;border:0;background:none;font-size:11px;color:#a7d6c4;margin:0 0 20px}.upload-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-slot{height:185px;border:1px dashed #4a8170;background:#102a25;border-radius:15px;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:14px 8px;isolation:isolate}.upload-slot input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.upload-slot:has(input:focus-visible){outline:2px solid #c4ffee;outline-offset:3px}.upload-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.upload-slot:has(img:not([hidden])):after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#04140fe0);z-index:-1}.upload-placeholder{font-size:32px;color:#8bd5b8;margin-bottom:auto;margin-top:22px}.upload-slot b{font-size:11px;text-align:center}.upload-slot small{font-size:10px;color:#b9dccd;margin-top:5px}.brief-direction{padding:14px 16px;border-radius:13px;background:#102c26;margin:18px 0;border-left:2px solid #60b296}.brief-direction b{font-size:12px}.brief-direction p{font-size:11px;color:#afcec1;line-height:1.6;margin:6px 0 0}.onboarding-disclosure{font-size:10px;color:#93afa2;line-height:1.6;margin:15px 0 20px}.sector-preview{padding:18px 0;border-top:1px solid #31554a}.sector-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.sector-preview figure{margin:0}.sector-preview img{width:100%;height:150px;object-fit:contain;background:#0a1e18;border-radius:12px}.sector-preview figcaption{font-size:10px;color:#a4cbb9;margin-top:7px}.sector-preview p{font-size:12px;line-height:1.65;color:#b4cebf;white-space:pre-line;overflow-wrap:anywhere}.sector-preview summary{font-size:12px;cursor:pointer;color:#8cebc5}.sector-preview h3{font-size:13px;margin:18px 0 8px}@media(max-width:350px){#dene .onboarding-scroll{padding-inline:18px}.onboarding-heading h2{font-size:29px}.upload-slot{height:160px}}@media(max-height:700px){#dene .onboarding-scroll{top:70px}.onboarding-progress{margin-bottom:16px}.onboarding-heading h2{font-size:29px}.onboarding-sectors>label{padding-block:12px}}

#shell:has(#dene.active){overflow:clip}#scenes:has(#dene.active){top:0}

/* Dene: photos and four compact preference screens before authentication. */
#deneChoices{margin:20px 0 10px;padding:20px 0;border-top:1px solid var(--line);}
#deneChoices h3{font-size:24px;line-height:1.25;margin:8px 0 16px;color:var(--ink);}
.dene-choice-progress{color:var(--turq);font-size:13px;letter-spacing:.12em}
.dene-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dene-choice-buttons button{min-height:64px;padding:14px 10px;border:1px solid var(--line);border-radius:16px;background:#102b28;color:var(--ink);font:600 16px/1.3 var(--font);cursor:pointer}
.dene-choice-buttons button[aria-pressed=true]{border-color:var(--turq);background:#174b47;box-shadow:inset 0 0 0 1px var(--turq)}
.dene-choice-nav{display:flex;gap:12px;align-items:center;margin-top:16px}
.dene-choice-nav .onboarding-cta{flex:1;margin:0}
#choiceBack{border:0;background:transparent;color:var(--ink);font:600 15px var(--font);padding:12px}
.dene-note-label{display:block;font-size:15px;color:var(--muted);margin-bottom:12px}
#deneNote{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:18px;padding:16px;background:#102b28;color:var(--ink);font:16px/1.5 var(--font);resize:vertical}
#deneChoices button:focus-visible,#deneNote:focus-visible{outline:2px solid var(--turq);outline-offset:3px}
#photoStep .onboarding-heading h2{font-size:clamp(25px,6vw,38px);margin:8px 0 16px}
#photoStep .upload-slot{min-height:145px}
#photoStep .onboarding-disclosure,#photoStep #sectorPhotoGuidance,#photoStep #selectedSectorLabel{display:none}
#photoStep #uploadStatus:empty{display:none}

.download-invite{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:24px 0}.download-invite[hidden]{display:none}.download-invite p{font:500 22px/1.4 var(--font);color:var(--ink);margin:0}.download-invite .onboarding-cta{width:100%;max-width:360px;margin:0}
