/* Reference-inspired Starter screens with guaranteed text contrast. */
.nb-root{max-width:1180px}.nb-back,.nb-link{color:#f2f2f2}.nb-root button:focus-visible,.nb-root input:focus-visible,.nb-root select:focus-visible,.nb-root textarea:focus-visible{outline:3px solid #fff;outline-offset:2px}.nb-primary,.nb-primary *{color:#050505!important}.nb-hero p,.nb-panel p,.nb-action-panel p{color:#dedede}
.nb-cover{min-height:330px;padding:34px 38px 108px;background:radial-gradient(circle at 78% 45%,#76550055 0,transparent 28%),linear-gradient(110deg,#070707 30%,#161109 100%);border-color:#66540d}.nb-cover:before{content:'';position:absolute;z-index:0;left:4%;bottom:58px;width:290px;height:190px;background:url('/images/trial-traveler.webp') 0 0/1160px 190px no-repeat;filter:drop-shadow(0 0 24px #ffd21a55);opacity:.96}.nb-cover>*{position:relative;z-index:1;max-width:64%}.nb-cover h1{font-weight:900}.nb-cover-step:before{background-position:-290px 0}.nb-stage-track{position:absolute!important;right:28px;left:28px;bottom:18px;max-width:none!important;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#0c0c0ee8;border:1px solid #343434;border-radius:18px;padding:13px}.nb-stage{display:grid;place-items:center;gap:5px;color:#aaa;position:relative;font-size:12px}.nb-stage:not(:last-child):after{content:'';position:absolute;left:-25%;right:75%;top:15px;height:2px;background:#454545}.nb-stage b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #555;border-radius:50%;background:#171717;color:#ddd}.nb-stage.is-active,.nb-stage.is-done{color:#ffd21a}.nb-stage.is-active b,.nb-stage.is-done b{background:#ffd21a;color:#050505;border-color:#ffd21a}.nb-stage.is-done:not(:last-child):after{background:#ffd21a}
.nb-dashboard{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:16px}.nb-action-panel{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(135deg,#1b1405,#0b0b0b);border:1px solid #7d6509;border-radius:24px;padding:30px;box-shadow:inset 0 0 45px #e9b90012}.nb-action-panel h2{color:#fff;font-size:clamp(24px,4vw,38px);line-height:1.5}.nb-action-panel p{color:#eee}.nb-action-kicker{color:#ffd21a;font-weight:800}.nb-action-panel .nb-primary{width:min(360px,100%);font-size:18px}.nb-secondary-cards{display:grid;gap:14px}.nb-feature-card{white-space:pre-line;text-align:right;min-height:118px;padding:22px 88px 22px 18px;color:#fff!important;background:linear-gradient(135deg,#171717,#0a0a0a)!important;border:1px solid #363636;border-radius:20px;font:800 16px/1.9 NBKufi,sans-serif;position:relative;cursor:pointer;transition:.2s ease}.nb-feature-card:before{position:absolute;right:20px;top:50%;translate:0 -50%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#241e06;color:#ffd21a;font-size:25px}.nb-feature-traveler:before{content:'●'}.nb-feature-days:before{content:'✓'}.nb-feature-card:hover{border-color:#ffd21a;transform:translateY(-2px)}.nb-before{box-shadow:none}
.nb-step-builder{max-width:760px;margin:14px auto}.nb-field-row{display:grid!important;grid-template-columns:150px 1fr;align-items:center;gap:14px;background:#101010;border:1px solid #303030;border-radius:16px;padding:7px 15px;margin:9px 0!important}.nb-field-label{color:#ffd21a;font-weight:800}.nb-field-row input{margin:0!important;border:0!important;background:transparent!important;color:#fff!important}.nb-prep{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:linear-gradient(135deg,#3a2d02,#181300);border:1px solid #8b7008;border-radius:16px;padding:15px;margin:18px 0;color:#fff}.nb-prep strong{color:#ffd21a}.nb-prep span{color:#fff}
@media(max-width:759px){.nb-cover{min-height:350px;padding:24px 20px 112px}.nb-cover:before{width:210px;height:138px;background-size:840px 138px;left:-10px;bottom:82px}.nb-cover-step:before{background-position:-210px 0}.nb-cover>*{max-width:78%}.nb-dashboard{grid-template-columns:1fr}.nb-action-panel{min-height:190px;padding:23px}.nb-secondary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nb-feature-card{padding:70px 14px 16px;min-height:155px}.nb-feature-card:before{right:15px;top:16px;translate:0}.nb-stage-track{right:10px;left:10px;padding:10px 5px}.nb-stage span{font-size:10px}.nb-prep{grid-template-columns:1fr 1fr}.nb-field-row{grid-template-columns:105px 1fr}}
@media(max-width:540px){.nb-cover{padding-bottom:112px}.nb-cover h1{font-size:38px}.nb-cover p{font-size:13px}.nb-secondary-cards{grid-template-columns:1fr 1fr}.nb-feature-card{font-size:13px}.nb-stage:not(:last-child):after{display:none}}
@media(prefers-reduced-motion:reduce){.nb-feature-card{transition:none}.nb-feature-card:hover{transform:none}}
.nb-bank-sheet>small{display:block;color:#bbb;line-height:1.8;margin:12px 0}.nb-bank-card{display:grid;gap:8px;margin:16px 0}.nb-bank-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#080808;border:1px solid #363636;border-radius:13px;padding:12px}.nb-bank-row small{color:#aaa}.nb-bank-row strong{color:#fff;direction:auto;text-align:left;overflow-wrap:anywhere}.nb-whatsapp{display:block;width:100%;min-height:54px;border-radius:15px;background:#20b85a;color:#fff!important;text-align:center;text-decoration:none;font:800 15px/54px NBKufi,sans-serif;margin:8px 0}.nb-whatsapp:hover{background:#159448}.nb-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:2px}@media(max-width:540px){.nb-bank-row{display:block}.nb-bank-row strong{display:block;margin-top:5px;text-align:right}}
.nb-welcome{background:#000e;backdrop-filter:blur(8px)}.nb-welcome-sheet{text-align:center;border-color:#8a6d08;background:radial-gradient(circle at 50% 15%,#72530055,transparent 38%),#0b0b0b}.nb-welcome-art{width:150px;height:110px;margin:0 auto 10px;background:url('/images/trial-traveler.webp') 0 0/600px 98px no-repeat;filter:drop-shadow(0 0 18px #ffd21a66)}.nb-welcome-sheet h2{color:#fff;font-size:28px}.nb-welcome-sheet p{color:#e7e7e7}.nb-welcome-sheet .nb-link{margin-top:10px}.nb-library{box-shadow:none}.nb-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.nb-library-card{min-height:150px;border:1px solid #343434;border-radius:18px;padding:20px;background:linear-gradient(145deg,#181818,#0a0a0a);position:relative;overflow:hidden}.nb-library-card:after{content:'';position:absolute;width:100px;height:100px;left:-20px;bottom:-35px;border-radius:50%;background:#ffd21a18}.nb-library-card strong{color:#ffd21a}.nb-library-card p{color:#ddd!important}.nb-library-card small{color:#aaa}@media(max-width:540px){.nb-library-grid{grid-template-columns:1fr}.nb-welcome-art{width:120px;height:90px;background-size:480px 78px}}

/* Approved Starter Package visuals, scoped to this journey only. */
.nb-root{--nb-gold:#ffd21a;--nb-bg:#070a07;max-width:1240px;min-height:calc(100dvh - 110px);padding-bottom:88px}.nb-top{align-self:start}.nb-brand{width:142px;height:auto;max-height:54px;object-fit:contain;filter:none!important}.nb-nav-menu{display:flex;gap:8px}.nb-nav-item{border:1px solid #2c2c2c;background:#0e0f0e;color:#e9e9e9;border-radius:14px;min-height:48px;padding:10px 12px;font:700 12px/1.45 NBKufi,sans-serif;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nb-nav-item:hover,.nb-nav-item:focus-visible{border-color:#b99500;background:#1b1707;transform:translateY(-2px)}.nb-nav-icon{display:block;color:var(--nb-gold);font-size:20px;line-height:1;margin-bottom:3px}
.nb-media-hero{position:relative;isolation:isolate;overflow:hidden;margin:12px 0;border:1px solid #66540d;border-radius:24px;background:#080808;box-shadow:0 20px 55px #0009,0 0 34px #ffcf1614;aspect-ratio:16/9}.nb-media-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:nb-kenburns 11s ease-in-out infinite alternate;will-change:transform}.nb-media-hero:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 62%,#050505aa 100%)}.nb-media-glow{position:absolute;z-index:2;inset:-60% auto auto -25%;width:30%;height:220%;background:linear-gradient(90deg,transparent,#fff3b833,transparent);rotate:18deg;animation:nb-sweep 7s ease-in-out infinite;pointer-events:none}.nb-media-scene{max-height:360px}.nb-media-card-head{width:min(430px,100%);margin-inline:auto;aspect-ratio:1122/1402}.nb-media-card-head:after{background:linear-gradient(180deg,transparent 72%,#050505cc)}
.nb-stage-panel{padding:13px;background:#0a0a0b}.nb-stage-panel .nb-stage-track{position:relative!important;inset:auto!important;padding:8px 10px;margin:0;background:#0b0b0c;border:0}.nb-media-tile{position:relative;display:block;width:100%;padding:0;border:1px solid #363636;border-radius:20px;overflow:hidden;background:#090909;cursor:pointer;box-shadow:0 14px 35px #0007;transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.nb-media-tile img{display:block;width:100%;aspect-ratio:1122/1402;object-fit:cover;transition:transform .5s ease;animation:nb-float 5.5s ease-in-out infinite}.nb-media-tile:nth-child(2) img{animation-delay:-2.3s}.nb-media-tile:hover,.nb-media-tile:focus-visible{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-4px);border-color:var(--nb-gold);box-shadow:0 18px 42px #000b,0 0 28px #ffd21a26}.nb-media-tile:hover img{transform:scale(1.035)}.nb-media-open{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;min-width:58px;min-height:34px;padding:5px 11px;border-radius:999px;background:#ffd21ae8;color:#060606;font:900 11px/1 NBKufi,sans-serif;box-shadow:0 0 18px #ffd21a66}
.nb-dashboard{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.nb-secondary-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.nb-action-panel{min-height:100%;background:radial-gradient(circle at 18% 18%,#80600036,transparent 28%),linear-gradient(145deg,#171204,#080808)}.nb-library-grid{align-items:start}.nb-library-media img{animation-duration:6.7s}.nb-diagnostic-panel,.nb-domain-panel{max-width:860px;margin-inline:auto}.nb-domain-panel .nb-choice{min-height:64px;font-size:17px;padding-inline:22px}.nb-expired{border-color:#70411f;background:radial-gradient(circle at 50% 0,#5d1d1138,transparent 45%),linear-gradient(145deg,#17100e,#090909)}
@keyframes nb-kenburns{0%{transform:scale(1.005) translate3d(0,0,0)}100%{transform:scale(1.045) translate3d(-.8%,.4%,0)}}@keyframes nb-sweep{0%,58%{transform:translateX(-420%);opacity:0}68%{opacity:1}88%,100%{transform:translateX(580%);opacity:0}}@keyframes nb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:760px){.nb-root{grid-template-columns:230px minmax(0,1fr);gap:26px}.nb-root>.nb-top{grid-column:1;display:flex;position:sticky;top:18px;flex-direction:column;align-items:stretch;justify-content:flex-start;background:linear-gradient(180deg,#111,#080808);border:1px solid #272727;border-radius:24px;padding:22px 14px;min-height:calc(100dvh - 150px);box-shadow:0 20px 55px #0008}.nb-root>.nb-content{grid-column:2}.nb-top .nb-brand{margin:0 auto 22px}.nb-top .nb-back{order:3;margin-top:auto;padding-top:18px}.nb-nav-menu{flex-direction:column}.nb-nav-item{text-align:right;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:9px}.nb-nav-icon{margin:0;text-align:center}.nb-media-entry{max-height:430px}}
@media(max-width:759px){.nb-root{padding:8px 10px 90px}.nb-top{margin-bottom:10px}.nb-top .nb-back{font-size:11px}.nb-nav-menu{position:fixed;z-index:990;right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px;background:#0a0a0af0;border:1px solid #333;border-radius:20px;box-shadow:0 15px 50px #000;backdrop-filter:blur(14px)}.nb-nav-item{min-height:54px;padding:7px 3px;border:0;background:transparent;font-size:9px}.nb-nav-item:hover,.nb-nav-item:focus-visible{transform:none;background:#211b05}.nb-nav-icon{font-size:17px}.nb-media-hero{border-radius:18px;margin:8px 0 12px}.nb-media-entry{aspect-ratio:16/9}.nb-media-scene{aspect-ratio:16/8.8}.nb-dashboard{grid-template-columns:1fr}.nb-action-panel{min-height:190px;padding:20px}.nb-action-panel h2{font-size:24px}.nb-secondary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nb-media-tile{border-radius:15px}.nb-media-open{left:8px;bottom:8px;min-width:46px;min-height:29px;font-size:9px}.nb-library{padding:14px}.nb-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nb-stage-panel{padding:7px}.nb-stage-panel .nb-stage-track{padding:8px 4px}.nb-hero{min-height:auto}.nb-media-card-head{width:min(320px,92%)}}
@media(max-width:380px){.nb-nav-item{font-size:8px}.nb-secondary-cards,.nb-library-grid{gap:7px}.nb-media-open{display:none}.nb-stage span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.nb-media-hero img,.nb-media-glow,.nb-media-tile img{animation:none!important}.nb-media-tile,.nb-nav-item{transition:none!important}}

/* Starter uses the same Arabic typeface and theme contract as the main DAS interface. */
.nb-root,.nb-root button,.nb-root input,.nb-root select,.nb-root textarea,.nb-root a{font-family:"SA Hazm",Arial,sans-serif}.nb-root{--nb-text:#fff;--nb-muted:#dedede;--nb-surface:#0d0f0d;--nb-surface-2:#171917;--nb-border:#363a36;color:var(--nb-text)}.nb-root h1,.nb-root h2,.nb-root h3,.nb-root p,.nb-root label,.nb-root summary,.nb-root dd{color:var(--nb-text)}.nb-root small,.nb-root dt{color:var(--nb-muted)}.nb-root .nb-panel,.nb-root .nb-hero,.nb-root .nb-card,.nb-root .nb-sheet{background:linear-gradient(145deg,var(--nb-surface-2),var(--nb-surface));border-color:var(--nb-border);color:var(--nb-text)}.nb-root .nb-choice,.nb-root .nb-field-row,.nb-root .nb-form input,.nb-root .nb-form select,.nb-root .nb-form textarea{background:var(--nb-surface);border-color:var(--nb-border);color:var(--nb-text)}.nb-root .nb-link,.nb-root .nb-back{color:var(--nb-text)}.nb-root .nb-action-panel h2,.nb-root .nb-action-panel p,.nb-root .nb-prep span{color:#fff}.nb-root .nb-nav-item,.nb-root .nb-media-open,.nb-root .nb-whatsapp{font-family:"SA Hazm",Arial,sans-serif}
[data-theme="light"] .nb-root{--nb-text:#0b0c0b;--nb-muted:#4d514d;--nb-surface:#fffdf7;--nb-surface-2:#f4f0e6;--nb-border:#c9c6bc}.nb-root>.nb-top{color:var(--nb-text)}[data-theme="light"] .nb-root>.nb-top{background:linear-gradient(180deg,#fffef9,#eeeae1);border-color:#c9c6bc;box-shadow:0 18px 46px #191b160f}[data-theme="light"] .nb-brand{content:url('/images/das-logo-primary.png')}[data-theme="light"] .nb-nav-item{background:#fffdf7;color:#0b0c0b;border-color:#d0ccc1}[data-theme="light"] .nb-nav-item:hover,[data-theme="light"] .nb-nav-item:focus-visible{background:#fff5bf;border-color:#b38b00}[data-theme="light"] .nb-stage-panel,[data-theme="light"] .nb-stage-panel .nb-stage-track{background:#fffdf7}[data-theme="light"] .nb-stage{color:#575b57}[data-theme="light"] .nb-stage b{background:#fff;color:#111;border-color:#aaa}[data-theme="light"] .nb-stage:not(:last-child):after{background:#b9b9b2}[data-theme="light"] .nb-action-panel{background:radial-gradient(circle at 18% 18%,#ffc90038,transparent 30%),linear-gradient(145deg,#fff9dd,#fff);border-color:#c89d00;box-shadow:0 14px 38px #15170f16}[data-theme="light"] .nb-action-panel h2,[data-theme="light"] .nb-action-panel p{color:#0b0c0b}[data-theme="light"] .nb-media-tile{background:#111;border-color:#8d8050}[data-theme="light"] .nb-step-card{background:linear-gradient(135deg,#fff3aa,#fffdf7);color:#0b0c0b}[data-theme="light"] .nb-prep{background:linear-gradient(135deg,#ffe16a,#fff7c9);color:#0b0c0b}[data-theme="light"] .nb-root .nb-prep span{color:#0b0c0b}[data-theme="light"] .nb-day{background:#fff;color:#111;border-color:#bdb8ad}[data-theme="light"] .nb-day.done{background:#d9f4e3}[data-theme="light"] .nb-day.stumbled{background:#ffe1d9}[data-theme="light"] .nb-day.returned{background:#fff0a9}

/* One-time, per-account guidance for every major journey step. */
.nb-guide{backdrop-filter:blur(9px);animation:nb-guide-backdrop .2s ease-out}.nb-guide-sheet{position:relative;overflow:hidden;max-width:520px;padding:28px;border-color:#8f720b!important;background:#111!important;color:#fff;font-family:"SA Hazm",Arial,sans-serif;box-shadow:0 28px 90px #000b,0 0 42px #ffd21a1f}.nb-guide-sheet:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,#ffd21a,transparent)}.nb-guide-mark{display:inline-flex;padding:5px 11px;border-radius:999px;background:#ffd21a;color:#090909;font-weight:700;font-size:12px}.nb-guide-sheet h2{margin:14px 0 4px;font-size:clamp(24px,6vw,34px);color:inherit}.nb-guide-sheet p{margin:0 0 14px;line-height:1.9;color:inherit}.nb-guide-list{display:grid;gap:9px;margin:14px 0 20px;padding-inline-start:24px;color:inherit}.nb-guide-list li::marker{color:#ffd21a;font-weight:800}.nb-guide-sheet .nb-primary{margin-top:4px;background:#ffd21a;color:#050505!important;border:0;font-family:inherit}.nb-guide-sheet .nb-primary:focus-visible{outline:3px solid #fff;outline-offset:3px}[data-theme="light"] .nb-guide-sheet{background:#fffdf7!important;color:#0b0c0b;box-shadow:0 28px 90px #0004,0 0 42px #ffd21a2b}[data-theme="light"] .nb-guide-sheet .nb-primary:focus-visible{outline-color:#111}@keyframes nb-guide-backdrop{from{opacity:0}to{opacity:1}}@media(max-width:759px){[data-theme="light"] .nb-nav-menu{background:#fffef5f2;border-color:#c9c6bc;box-shadow:0 12px 40px #0002}.nb-guide{place-items:end center;padding:10px}.nb-guide-sheet{padding:22px 18px;border-radius:22px 22px 12px 12px}.nb-guide-sheet h2{font-size:25px}}
