.scan-journey{padding:24px;border:1px solid #ff71833d;border-radius:22px;background:linear-gradient(145deg,#251118b8,#0d0f14e8);overflow:hidden}
.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}
.journey-heading h3{margin:5px 0 0;font-size:1.15rem}
.scan-journey ol{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:9px;margin:20px 0 0;padding:0;list-style:none}
.scan-journey li{position:relative;display:grid;align-content:start;min-height:132px;padding:13px;border:1px solid #ffffff16;border-radius:14px;background:#ffffff08}
.scan-journey li:not(:last-child)::after{content:"›";position:absolute;z-index:2;right:-9px;top:48px;color:#ff8291;font-size:1.2rem;font-weight:900}
.scan-journey li>span{display:grid;width:23px;height:23px;place-items:center;border:1px solid #ff718360;border-radius:50%;color:#ff9daa;font-size:.55rem;font-weight:900}
.scan-journey li b{margin-top:9px;font-size:.66rem}.scan-journey li small{margin-top:4px;color:#989ba6;font-size:.52rem;line-height:1.45}
.guide-visual{margin:0;border:1px solid #ffffff22;border-radius:24px;background:#0b0c10;box-shadow:var(--shadow);overflow:hidden}
.visual-top{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #ffffff14;background:#111319}
.visual-top span{color:#ff99a5;font-size:.52rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.visual-top a{color:#d5d6dc;font-size:.55rem;font-weight:800;text-decoration:none}
.visual-media{position:relative;min-height:340px;background:#050609;overflow:hidden}.hud-visual .visual-media{aspect-ratio:16/7}
.visual-media img{display:block;width:100%;height:100%;object-fit:cover}.visual-media iframe{display:block;width:144%;height:660px;border:0;transform:scale(.695);transform-origin:0 0}
.workspace-visual .visual-media{height:460px}.guide-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-top:1px solid #ffffff14}
.guide-visual figcaption b{font-size:.72rem}.guide-visual figcaption span{max-width:680px;color:#9ea1ac;font-size:.58rem;text-align:right}
.visual-keys{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.visual-keys span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #ffffff17;border-radius:999px;background:#ffffff08;color:#caccd3;font-size:.56rem;font-weight:750}.visual-keys i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#c51f39;color:#fff;font-size:.5rem;font-style:normal}
.friendly-hero{align-items:stretch;overflow:hidden;background:radial-gradient(circle at 80% 20%,#8e1b2938,transparent 35%),linear-gradient(145deg,#17191f,#0c0d11)}
.friendly-hero .hero-copy{align-self:center;padding-block:20px}.friendly-hero h1{font-size:clamp(2.65rem,5vw,5.2rem);line-height:.92}.friendly-hero .hero-copy p{max-width:610px;font-size:.82rem;line-height:1.7}
.hud-photo{display:flex;flex-direction:column;min-height:370px;margin:0;border:1px solid #ffffff20;border-radius:24px;background:#07080b;box-shadow:0 26px 70px #0008;overflow:hidden}
.hud-photo img{display:block;width:100%;min-height:300px;flex:1;object-fit:cover;object-position:center}
.hud-photo figcaption{display:grid;gap:4px;padding:15px 18px;border-top:1px solid #ffffff16;background:#111319}.hud-photo figcaption span{color:#ff9aa6;font-size:.52rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hud-photo figcaption b{font-size:.62rem;line-height:1.45}
.welcome-paths{margin:0 0 18px;padding:28px;border:1px solid #ffffff18;border-radius:26px;background:linear-gradient(145deg,#17191f,#101116);box-shadow:var(--shadow)}
.path-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:19px}.path-heading h2{margin:4px auto 0 0;font-size:1.55rem}.path-heading p{margin:0;color:#a8aab3;font-size:.65rem}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.path-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:16px;border:1px solid #ffffff18;border-radius:17px;background:#ffffff08;color:#f7f7f8;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.path-grid button:hover,.path-grid button:focus-visible{transform:translateY(-2px);border-color:#ff71836b;background:#ff71830d;outline:none}.path-grid i{display:grid;width:36px;height:36px;place-items:center;border:1px solid #ff71835c;border-radius:50%;color:#ff9daa;font-size:.58rem;font-style:normal;font-weight:900}.path-grid span{display:grid;gap:4px}.path-grid b{font-size:.73rem}.path-grid small{color:#9fa2ac;font-size:.55rem;line-height:1.4}.path-grid strong{color:#ff9daa;font-size:.55rem;white-space:nowrap}
.friendly-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:17px 20px;border:1px solid #ff718333;border-radius:18px;background:#6d142119}.friendly-note>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#c51f39;color:#fff;font-size:.7rem}.friendly-note b{font-size:.68rem}.friendly-note p{margin:4px 0 0;color:#a9abb4;font-size:.56rem;line-height:1.45}.friendly-note a{padding:10px 14px;border:1px solid #ffffff25;border-radius:999px;color:#fff;font-size:.55rem;font-weight:900;text-decoration:none;white-space:nowrap}
.mode-bar{margin-top:0}.content-card p,.content-card li{line-height:1.72}
@media(max-width:1180px){.scan-journey ol{grid-template-columns:repeat(4,1fr)}.scan-journey li:not(:last-child)::after{display:none}}
@media(max-width:820px){.path-heading{align-items:flex-start;flex-direction:column;gap:7px}.path-grid{grid-template-columns:1fr}}
@media(max-width:680px){.journey-heading,.guide-visual figcaption{align-items:flex-start;flex-direction:column}.scan-journey ol{grid-template-columns:1fr 1fr}.visual-media{min-height:220px}.hud-visual .visual-media{aspect-ratio:4/3}.workspace-visual .visual-media{height:360px}.visual-media iframe{width:190%;transform:scale(.525)}.guide-visual figcaption span{text-align:left}.friendly-hero h1{font-size:2.65rem}.hud-photo{min-height:280px}.hud-photo img{min-height:220px}.welcome-paths{padding:20px}.path-grid button{grid-template-columns:auto minmax(0,1fr)}.path-grid strong{grid-column:2}.friendly-note{grid-template-columns:auto 1fr}.friendly-note a{grid-column:2;justify-self:start}}