/* Layout for promo pages only. Colors, silver type, rainbow buttons and the
   wide screenshot glow come directly from the homepage's styles.css. */
@font-face {font-family:'Guide Inter'; src:url('/guide-fonts/InterVariable.woff2') format('woff2'); font-weight:100 900; font-display:swap;}
.promo-page {margin:0; background:var(--color-void); color:var(--color-base-content); font-family:'Guide Inter',Inter,Arial,sans-serif; overflow-x:clip;}
.promo-page * {box-sizing:border-box;}
.promo-page a {text-underline-offset:5px;}
.promo-page a:focus-visible {outline:2px solid var(--color-accent); outline-offset:6px;}
.promo-page .promo-wrap {width:min(1440px,100%); margin-inline:auto; padding-inline:32px;}
.promo-page .promo-nav {display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:28px;}
.promo-page .promo-brand {font-size:24px; font-weight:500; text-decoration:none; letter-spacing:-1px;}
.promo-page .promo-nav-links {display:flex; flex-wrap:wrap; gap:24px; font-size:16px;}
.promo-page .promo-nav-links a {text-decoration:none; color:var(--color-base-content); transition:color .2s;}
.promo-page .promo-nav-links a:hover, .promo-page .promo-nav-links a[aria-current] {color:var(--color-accent);}
.promo-page .promo-hero {display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:64px 0 48px;}
.promo-page .promo-hero-copy {position:relative; z-index:1; min-width:0; text-align:left;}
.promo-page h1 {font-size:clamp(36px,4.3vw,60px); font-weight:500; letter-spacing:-2px; text-wrap:pretty; margin:0 0 28px;}
.promo-page .promo-lead {font-size:20px; line-height:1.65; margin:0 0 32px; max-width:720px;}
.promo-page .promo-actions {display:flex; justify-content:flex-start; flex-wrap:wrap; gap:16px; max-width:640px;}
.promo-page .promo-button {display:flex; flex:0 1 auto; align-items:center; justify-content:center; gap:8px; padding:10px 24px; border-radius:8px; font-size:18px; line-height:1.5; text-decoration:none; transition:transform .2s;}
.promo-page .promo-button svg {width:24px; height:24px; flex-shrink:0;}
.promo-page .promo-button:active {transform:translateY(2px);}
.promo-page .promo-visual {min-width:0; width:100%; margin:0; --blurwidth:200%; --blurheight:240%;}
.promo-page .promo-preview {position:relative; overflow:hidden; border-radius:12px; box-shadow:0 4px 5px rgb(0 0 0 / 35%); background:#1a1924;}
.promo-page .promo-footnote {font-size:14px; line-height:1.6; opacity:.65; max-width:960px; text-align:left; margin:16px 0 36px;}
.promo-page .promo-footer {display:flex; justify-content:space-between; gap:24px; padding:24px 0 40px; font-size:14px;}
.promo-page .promo-footer a:hover {color:var(--color-accent);}
.promo-page .promo-skip {position:absolute; top:-80px; left:20px; background:white; color:black; padding:10px; z-index:10;}
.promo-page .promo-skip:focus {top:10px;}
@media(max-width:800px) {
 .promo-page .promo-wrap {padding-inline:16px;}
 .promo-page .promo-nav {align-items:flex-start; gap:20px; padding-block:24px;}
 .promo-page .promo-nav-links {gap:8px 16px; justify-content:flex-end; font-size:14px;}
 .promo-page .promo-brand {font-size:20px;}
 .promo-page .promo-hero {grid-template-columns:1fr; gap:40px; padding:40px 0 48px;}
 .promo-page h1 {font-size:48px; letter-spacing:-1px;}
 .promo-page .promo-lead {font-size:18px;}
 .promo-page .promo-actions {gap:12px;}
 .promo-page .promo-button {font-size:16px;}
 .promo-page .promo-visual {margin:0; --blurwidth:180%; --blurheight:200%;}
 .promo-page .promo-footnote {margin:16px 0 36px;}
}
@media(prefers-reduced-motion:reduce) {
 .promo-page .text-gradient-silver {animation:none;}
 .promo-page .promo-button {transition:none;}
}

.promo-page .promo-button-black {background:#000; color:var(--color-base-content); border:1px solid rgb(255 255 255 / 15%);}
.promo-page .promo-button-black:hover {border-color:var(--color-accent); color:white;}


/* A loose triangular composition, with app-sized controls inside app surfaces. */
.promo-page .promo-float-cluster {position:relative; height:690px; margin:36px auto 20px; max-width:1200px; --blurwidth:180%; --blurheight:190%;}
.promo-page .promo-float-slot {position:absolute; width:380px; max-width:38%;}
.promo-page .promo-float-slot:nth-child(1) {left:calc(50% - 190px); top:0; z-index:2;}
.promo-page .promo-float-slot:nth-child(2) {left:0; top:195px; z-index:3;}
.promo-page .promo-float-slot:nth-child(3) {right:0; top:260px; z-index:4;}
.promo-page .promo-float-panel {position:relative; border-radius:12px; padding:24px; background:#1a1924; border:1px solid rgb(255 255 255 / 12%); box-shadow:0 24px 54px rgb(0 0 0 / 48%),0 6px 14px rgb(0 0 0 / 30%),inset 0 1px rgb(255 255 255 / 5%); animation:promo-panel-drift 7s ease-in-out infinite; transition:box-shadow .3s;}
.promo-page .promo-float-panel::after {content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(135deg,rgb(156 135 219 / 9%),transparent 48%);}
.promo-page .promo-float-slot:nth-child(2) .promo-float-panel {animation-delay:-2.5s; animation-duration:8s;}
.promo-page .promo-float-slot:nth-child(3) .promo-float-panel {animation-delay:-4s; animation-duration:9s;}
.promo-page .promo-float-panel:hover, .promo-page .promo-float-panel:focus-within {animation-play-state:paused; box-shadow:0 30px 64px rgb(0 0 0 / 55%),0 0 34px rgb(156 135 219 / 10%);}
.promo-page .promo-panel-copy h2 {font-size:25px; font-weight:500; letter-spacing:-.5px; margin:0 0 12px;}
.promo-page .promo-panel-copy p {font-size:14px; line-height:1.6; color:#bcb8cd; margin:0;}
.promo-page .promo-panel-controls {margin-top:24px; min-width:0;}
@keyframes promo-panel-drift {
 0%,100% {transform:translate3d(0,0,0) rotate(-.5deg);}
 50% {transform:translate3d(5px,-12px,0) rotate(.5deg);}
}
@media(max-width:1000px) and (min-width:701px) {
 .promo-page .promo-float-cluster {height:880px;}
 .promo-page .promo-float-slot {width:350px; max-width:48%;}
 .promo-page .promo-float-slot:nth-child(1) {left:calc(50% - 175px);}
 .promo-page .promo-float-slot:nth-child(2) {top:300px;}
 .promo-page .promo-float-slot:nth-child(3) {top:420px;}
}
@media(max-width:700px) {
 .promo-page .promo-float-cluster {height:auto; display:grid; gap:24px; padding:8px 0 20px;}
 .promo-page .promo-float-slot {position:relative; width:calc(100% - 16px); max-width:420px;}
 .promo-page .promo-float-slot:nth-child(n) {left:auto; right:auto; top:auto;}
 .promo-page .promo-float-slot:nth-child(odd) {justify-self:start;}
 .promo-page .promo-float-slot:nth-child(even) {justify-self:end;}
 .promo-page .promo-float-panel {padding:22px;}
}
@media(prefers-reduced-motion:reduce) {
 .promo-page .promo-float-panel {animation:none; transition:none;}
}

/* Mission-mode sample only: float the hero mode buttons, keep the copy below compact. */
.promo-page.mission-mode-sample .promo-preview-modes {background:transparent; box-shadow:none; overflow:visible;}
.promo-page.mission-mode-sample .promo-float-cluster {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; height:auto; margin:32px 0 24px; max-width:none;}
.promo-page.mission-mode-sample .promo-float-slot:nth-child(n) {position:relative; left:auto; right:auto; top:auto; width:auto; max-width:none; display:flex;}
.promo-page.mission-mode-sample .promo-float-panel {width:100%; animation:none; box-shadow:0 10px 26px rgb(0 0 0 / 20%);}
.promo-page.mission-mode-sample .promo-panel-copy h2 {font-size:28px;}
@media(max-width:800px) {
 .promo-page.mission-mode-sample .promo-float-cluster {grid-template-columns:1fr;}
 .promo-page.mission-mode-sample .promo-float-slot:nth-child(n) {justify-self:stretch;}
}

/* Mission-mode sample: a close stack above, three different app details below. */
.promo-page.mission-mode-sample .promo-preview-modes {max-width:560px; margin-inline:auto;}
.promo-page.mission-mode-sample .promo-hero {gap:40px; padding:48px 0 32px;}
.promo-page.mission-mode-sample .promo-float-cluster {gap:12px; margin-top:20px;}
.promo-page.mission-mode-sample .promo-float-panel {padding:20px;}
.promo-page.mission-mode-sample .promo-panel-copy h2 {font-size:25px; margin-bottom:10px;}
.promo-page.mission-mode-sample .promo-panel-copy p {font-size:14px;}
.promo-page.mission-mode-sample .promo-panel-controls {margin-top:18px; min-height:74px; display:flex; align-items:center;}
@media(max-width:800px) {
 .promo-page.mission-mode-sample .promo-hero {padding-top:32px; gap:24px;}
}

/* Mission-mode sample: all three modes are visible, each with its own visual. */
.promo-page.mission-mode-sample .mode-feature {padding:64px 0; border-top:1px solid #ffffff14; scroll-margin-top:28px;}
.promo-page.mission-mode-sample .mode-section-heading {display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:64px; margin-bottom:40px;}
.promo-page.mission-mode-sample .mode-section-heading h2 {font-size:clamp(40px,4.3vw,60px); font-weight:500; letter-spacing:-1.5px; margin:0;}
.promo-page.mission-mode-sample .mode-section-heading p {font-size:19px; line-height:1.7; margin:0; max-width:620px;}
.promo-page.mission-mode-sample .auto-cycle {position:relative; display:grid; grid-template-columns:1fr 50px 1.5fr 70px 1fr; align-items:center; padding:36px; gap:20px; border:1px solid #ffffff14; border-radius:18px; background:linear-gradient(120deg,#1a1924,#100c19); box-shadow:0 20px 60px #0004;}
.promo-page.mission-mode-sample .auto-cycle-step {display:flex; flex-direction:column; align-items:center; gap:8px; font-size:17px;}
.promo-page.mission-mode-sample .auto-cycle-step > strong {font-size:100px; font-weight:500; line-height:1.1; letter-spacing:-4px;}
.promo-page.mission-mode-sample .auto-cycle-step > span:last-child {font-size:14px; color:#bcb8cd; text-align:center;}
.promo-page.mission-mode-sample .auto-cycle-link,.promo-page.mission-mode-sample .auto-cycle-return {font-size:44px; color:var(--color-accent); text-align:center;}
.promo-page.mission-mode-sample .auto-cycle-target {display:grid; grid-template-columns:64px auto; column-gap:20px; align-items:center;}
.promo-page.mission-mode-sample .auto-cycle-target svg {width:64px; height:64px; stroke:var(--color-accent); stroke-width:2; grid-row:span 2;}
.promo-page.mission-mode-sample .auto-cycle-target strong {font-size:28px; font-weight:500; line-height:1.25;}
.promo-page.mission-mode-sample .auto-cycle-target > span {font-size:14px; color:#bcb8cd; margin-top:8px;}
.promo-page.mission-mode-sample .auto-cycle-alternative {padding-left:28px; border-left:1px solid #ffffff20; display:flex; flex-direction:column; gap:12px;}
.promo-page.mission-mode-sample .auto-cycle-alternative > span {font-size:16px; color:#bcb8cd;}
.promo-page.mission-mode-sample .auto-cycle-alternative strong {font-size:24px; font-weight:500;}
.promo-page.mission-mode-sample .auto-cycle-alternative b {font-size:40px; font-weight:500;}
.promo-page.mission-mode-sample .auto-rental-lane {display:flex; align-items:center; justify-content:center; gap:40px; padding:28px 20px 0;}
.promo-page.mission-mode-sample .auto-rental-lane > div {display:flex; flex-direction:column; gap:6px;}
.promo-page.mission-mode-sample .auto-rental-lane strong {font-size:20px; font-weight:500;}
.promo-page.mission-mode-sample .auto-rental-lane span {font-size:16px; color:#bcb8cd;}
.promo-page.mission-mode-sample .auto-rental-lane > span {font-size:32px; color:var(--color-accent);}
.promo-page.mission-mode-sample .manual-control-board {position:relative; min-height:360px; width:100%;max-width:1060px;margin-inline:auto;display:flex; justify-content:center; align-items:center; --blurwidth:160%;--blurheight:180%;}
.promo-page.mission-mode-sample .manual-settings-surface {width:440px; max-width:55%; padding:28px; border-radius:16px; background:#1a1924; border:1px solid #ffffff16; box-shadow:0 24px 60px #0007;}
.promo-page.mission-mode-sample .mission-all-modes .promo-panel-controls {display:block; width:100%; max-width:none; margin:0;}
.promo-page.mission-mode-sample .manual-callout {position:absolute; font-size:21px; color:#d9d9d9; max-width:200px;}
.promo-page.mission-mode-sample .manual-callout::after {content:""; position:absolute; top:50%; width:48px; height:1px; background:linear-gradient(90deg,#dbaaee99,transparent);}
.promo-page.mission-mode-sample .manual-callout-one {right:calc(50% + 300px);top:18%;text-align:right;}
.promo-page.mission-mode-sample .manual-callout-two {left:calc(50% + 300px);top:18%;}
.promo-page.mission-mode-sample .manual-callout-three {right:calc(50% + 300px);bottom:14%;text-align:right;}
.promo-page.mission-mode-sample .manual-callout-four {left:calc(50% + 300px);bottom:14%;}
.promo-page.mission-mode-sample .manual-callout-one::after,.promo-page.mission-mode-sample .manual-callout-three::after {left:calc(100% + 16px);}
.promo-page.mission-mode-sample .manual-callout-two::after,.promo-page.mission-mode-sample .manual-callout-four::after {right:calc(100% + 16px); transform:rotate(180deg);}
.promo-page.mission-mode-sample .mission-cost-story {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin:12px 0 44px;}
.promo-page.mission-mode-sample .mission-cost-heading h3,.promo-page.mission-mode-sample .mission-finish-story h3 {font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:0 0 18px;}
.promo-page.mission-mode-sample .mission-cost-heading p,.promo-page.mission-mode-sample .mission-finish-story p {font-size:18px;line-height:1.7;max-width:550px;margin:0;}
.promo-page.mission-mode-sample .mission-cost-comparison {display:grid;grid-template-columns:1fr 40px 1fr;gap:16px;align-items:center;}
.promo-page.mission-mode-sample .mission-nft-option {position:relative;border:1px solid #ffffff14;border-radius:14px;background:#1a1924;padding:12px;box-shadow:0 16px 36px #0004;}
.promo-page.mission-mode-sample .mission-nft-option img {width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;}
.promo-page.mission-mode-sample .mission-nft-option > div {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 2px 4px;}
.promo-page.mission-mode-sample .mission-nft-option span {font-size:15px;}
.promo-page.mission-mode-sample .mission-nft-option strong {font-size:30px;font-weight:500;white-space:nowrap;}
.promo-page.mission-mode-sample .mission-nft-option small {font-size:13px;}
.promo-page.mission-mode-sample .mission-nft-chosen {border-color:#82e9ab80;box-shadow:0 16px 40px #0006,0 0 38px #82e9ab12;}
.promo-page.mission-mode-sample .mission-nft-option .mission-chosen-check {position:absolute;right:4px;top:4px;background:#82e9ab;color:#13291b;font-size:24px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;box-shadow:0 4px 14px #0005;}
.promo-page.mission-mode-sample .mission-cost-versus {font-size:30px;color:var(--color-accent);text-align:center;}
.promo-page.mission-mode-sample .mission-cost-caption {grid-column:1/-1;text-align:center;font-size:13px;color:#aaa4ba;margin:0;}
.promo-page.mission-mode-sample .mission-finish-story {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:28px;border-top:1px solid #ffffff14;}
.promo-page.mission-mode-sample .mission-finish-settings {background:#1a1924;padding:28px;border-radius:16px;box-shadow:0 18px 40px #0005;}
@media(max-width:1100px) {
 .promo-page.mission-mode-sample .auto-cycle {grid-template-columns:1fr 30px 1.5fr;gap:16px;}
 .promo-page.mission-mode-sample .auto-cycle-return {display:none;}
 .promo-page.mission-mode-sample .auto-cycle-alternative {grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;border-left:0;border-top:1px solid #ffffff14;padding:20px 0 0;}
 .promo-page.mission-mode-sample .manual-callout {font-size:17px;max-width:140px;}
 .promo-page.mission-mode-sample .manual-callout::after {width:25px;}
}
@media(max-width:800px) {
 .promo-page.mission-mode-sample .mode-feature {padding:40px 0;}
 .promo-page.mission-mode-sample .mode-section-heading {grid-template-columns:1fr;gap:20px;margin-bottom:28px;}
 .promo-page.mission-mode-sample .mode-section-heading p {font-size:18px;}
 .promo-page.mission-mode-sample .auto-cycle {padding:24px 16px;gap:12px;}
 .promo-page.mission-mode-sample .auto-cycle-step > strong {font-size:72px;}
 .promo-page.mission-mode-sample .auto-cycle-target {grid-template-columns:1fr;}
 .promo-page.mission-mode-sample .auto-cycle-target svg {display:none;}
 .promo-page.mission-mode-sample .auto-cycle-target strong {font-size:23px;}
 .promo-page.mission-mode-sample .auto-rental-lane {gap:20px;padding-inline:0;}
 .promo-page.mission-mode-sample .auto-rental-lane strong {font-size:17px;}
 .promo-page.mission-mode-sample .auto-rental-lane span {font-size:14px;}
 .promo-page.mission-mode-sample .manual-control-board {display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:0;}
 .promo-page.mission-mode-sample .manual-settings-surface {grid-column:1/-1;grid-row:2;max-width:100%;width:100%;padding:24px;}
 .promo-page.mission-mode-sample .manual-callout {position:static;font-size:16px;max-width:none;text-align:left;}
 .promo-page.mission-mode-sample .manual-callout::after {display:none;}
 .promo-page.mission-mode-sample .mission-cost-story,.promo-page.mission-mode-sample .mission-finish-story {grid-template-columns:1fr;gap:28px;}
 .promo-page.mission-mode-sample .mission-cost-heading h3,.promo-page.mission-mode-sample .mission-finish-story h3 {font-size:30px;}
 .promo-page.mission-mode-sample .mission-cost-comparison {gap:10px;grid-template-columns:1fr 26px 1fr;}
 .promo-page.mission-mode-sample .mission-nft-option > div {flex-direction:column;align-items:flex-start;gap:6px;}
 .promo-page.mission-mode-sample .mission-finish-settings {padding:24px;}
}
/* Section identity follows the reader; the complete content always stays visible. */
.promo-page.mission-mode-sample .mode-section-heading {row-gap:20px;}
.promo-page.mission-mode-sample .mode-section-heading h2 {grid-column:1;grid-row:1 / span 2;}
.promo-page.mission-mode-sample .mode-section-heading > p {grid-column:2;grid-row:2;}
.promo-page.mission-mode-sample .mode-section-marker {grid-column:2;grid-row:1;justify-self:start;width:min(332px,100%);}
.promo-page.mission-mode-sample.mode-marker-motion .mode-section-marker {opacity:0;transform:translateX(70px) rotate(2deg);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1);}
.promo-page.mission-mode-sample.mode-marker-motion .is-section-active .mode-section-marker {opacity:1;transform:translateX(0) rotate(0);}
.promo-page.mission-mode-sample .mode-competition .mission-finish-story {border-top:0;padding-top:0;margin-top:8px;}
.promo-page.mission-mode-sample .mission-finish-story .mission-pbp-aside {font-size:16px;color:var(--color-accent);margin-top:18px;}
.promo-page.mission-mode-sample .mission-target-pitch {margin-top:28px;max-width:860px;}
.promo-page.mission-mode-sample .mission-target-pitch h3 {font-size:28px;font-weight:500;margin:0 0 12px;}
.promo-page.mission-mode-sample .mission-target-pitch p {font-size:18px;line-height:1.65;margin:0;}
.promo-page.mission-mode-sample .mission-optimized {display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:44px;padding-top:32px;border-top:1px solid #ffffff14;}
.promo-page.mission-mode-sample .mission-optimized .mission-cost-story {display:block;margin:0;}
.promo-page.mission-mode-sample .mission-optimized h3 {font-size:28px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:0 0 16px;}
.promo-page.mission-mode-sample .mission-optimized p {font-size:16px;line-height:1.7;margin:0 0 16px;max-width:560px;}
.promo-page.mission-mode-sample .mission-optimized .mission-cost-comparison {max-width:350px;margin-top:22px;gap:12px;grid-template-columns:1fr 28px 1fr;}
.promo-page.mission-mode-sample .mission-optimized .mission-nft-option {padding:8px;}
.promo-page.mission-mode-sample .mission-optimized .mission-nft-option > div {flex-direction:column;align-items:flex-start;gap:4px;padding-top:10px;}
.promo-page.mission-mode-sample .mission-optimized .mission-nft-option strong {font-size:24px;}
.promo-page.mission-mode-sample .mission-optimized .mission-cost-caption {font-size:12px;margin:0;}
.promo-page.mission-mode-sample .rental-queue-visual {display:flex;flex-wrap:wrap;gap:8px;margin:24px 0;font-size:14px;}
.promo-page.mission-mode-sample .rental-queue-visual span {padding:10px 12px;background:#1a1924;border:1px solid #ffffff14;border-radius:8px;}
.promo-page.mission-mode-sample .rental-queue-visual .rental-queue-ready {border-color:#82e9ab60;box-shadow:0 0 20px #82e9ab0d;}
.promo-page.mission-mode-sample .mission-optimized .mission-korea {font-size:17px;color:var(--color-accent);margin-top:24px;}
@media(max-width:800px) {
 .promo-page.mission-mode-sample .mode-section-heading h2,.promo-page.mission-mode-sample .mode-section-heading > p,.promo-page.mission-mode-sample .mode-section-marker {grid-column:1;grid-row:auto;}
 .promo-page.mission-mode-sample .mode-section-heading h2 {order:1;}
 .promo-page.mission-mode-sample .mode-section-heading > p {order:2;}
 .promo-page.mission-mode-sample .mode-section-marker {width:min(300px,100%);}
 .promo-page.mission-mode-sample .mission-optimized {grid-template-columns:1fr;gap:32px;margin-top:32px;}
}
@media(prefers-reduced-motion:reduce) {
 .promo-page.mission-mode-sample .mode-section-marker {opacity:1!important;transform:none!important;transition:none!important;}
}
/* Mission sample revision: quiet section accents, independent feature controls. */
.promo-page.mission-mode-sample .mode-feature {position:relative;isolation:isolate;}
.promo-page.mission-mode-sample .mode-section-heading h2,.promo-page.mission-mode-sample .mode-section-heading > p {grid-column:auto;grid-row:auto;}
.promo-page.mission-mode-sample .mode-section-marker {position:absolute;right:-100px;top:28px;z-index:-1;width:332px;opacity:.12;transform:rotate(-8deg) scale(1.2);mask-image:linear-gradient(90deg,transparent,black 60%);pointer-events:none;}
.promo-page.mission-mode-sample.mode-marker-motion .mode-section-marker {opacity:0;transform:translateX(100px) rotate(-8deg) scale(1.2);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1);}
.promo-page.mission-mode-sample.mode-marker-motion .is-section-active .mode-section-marker {opacity:.12;transform:translateX(0) rotate(-8deg) scale(1.2);}
.promo-page.mission-mode-sample .mission-essentials {display:grid;grid-template-columns:1fr 1fr;column-gap:64px;row-gap:0;margin:16px 0 48px;}
.promo-page.mission-mode-sample .mission-setting-feature {display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:12px 0;}
.promo-page.mission-mode-sample .mission-setting-feature h3 {font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0 0 16px;}
.promo-page.mission-mode-sample .mission-setting-feature > div > p {font-size:18px;line-height:1.6;margin:0;}
.promo-page.mission-mode-sample .mission-feature-control {width:100%;max-width:560px;margin-top:28px;align-self:start;}
.promo-page.mission-mode-sample .mission-setting-feature .mission-pbp-aside {font-size:15px;color:var(--color-accent);margin-top:20px;}
.promo-page.mission-mode-sample blockquote.mission-korea {margin:24px 0 0;padding:0 0 0 18px;border-left:2px solid var(--color-accent);}
.promo-page.mission-mode-sample blockquote.mission-korea p {font-size:19px;color:var(--color-accent);font-style:italic;margin:0 0 6px;}
.promo-page.mission-mode-sample blockquote.mission-korea cite {font-size:14px;color:#bcb8cd;font-style:normal;}
.promo-page.mission-mode-sample .mission-cooldown-feature {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:56px;padding:32px 0;}
.promo-page.mission-mode-sample .mission-cooldown-copy h3 {font-size:44px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:0 0 20px;}
.promo-page.mission-mode-sample .mission-cooldown-copy > p {font-size:18px;line-height:1.65;margin:0;}
.promo-page.mission-mode-sample .mission-cooldown-copy .mission-option-note {font-size:15px;margin-top:16px;color:#bcb8cd;}
.promo-page.mission-mode-sample .mission-cooldown-feature .mission-cost-comparison {width:100%;max-width:620px;margin:0;gap:16px;grid-template-columns:1fr 32px 1fr;}
.promo-page.mission-mode-sample .mission-target-feature {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:32px 0 12px;margin-top:16px;}
.promo-page.mission-mode-sample .mission-target-title {display:flex;align-items:center;gap:24px;margin-bottom:20px;}
.promo-page.mission-mode-sample .mission-target-title svg {width:86px;height:86px;flex-shrink:0;stroke:var(--color-accent);stroke-width:2;}
.promo-page.mission-mode-sample .mission-target-title h3 {font-size:44px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0;}
.promo-page.mission-mode-sample .mission-target-copy > p {font-size:18px;line-height:1.65;max-width:560px;margin:0;}
.promo-page.mission-mode-sample .mission-target-control {width:100%;max-width:560px;}
.promo-page.mission-mode-sample .mode-competition::before {content:"";position:absolute;z-index:-2;pointer-events:none;left:-18%;top:12%;width:136%;height:82%;background:radial-gradient(ellipse at 60% 50%,color-mix(in srgb,var(--color-mypink) 22%,transparent),transparent 68%);filter:blur(65px);border-radius:50%;}
.promo-page.mission-mode-sample .mode-competition .mission-pbp-aside,
.promo-page.mission-mode-sample .mode-competition .mission-option-note,
.promo-page.mission-mode-sample .mode-competition .mission-cost-caption,
.promo-page.mission-mode-sample .mode-competition blockquote.mission-korea p {font-size:15px;line-height:1.5;color:#bcb8cd;font-weight:400;}
.promo-page.mission-mode-sample .mode-competition .mission-cost-caption {margin-top:4px;}
.promo-page.mission-mode-sample .auto-rental-lane {display:block;padding:32px 20px 0;text-align:center;max-width:780px;margin:0 auto;background:none;border:0;border-radius:0;}
.promo-page.mission-mode-sample .auto-rental-lane h3 {font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:0 0 12px;}
.promo-page.mission-mode-sample .auto-rental-lane p {font-size:18px;line-height:1.6;color:#bcb8cd;margin:0;}
.promo-page.mission-mode-sample .auto-reset-note {font-size:15px;line-height:1.5;color:#bcb8cd;text-align:center;margin:14px 0 0;}
@media(max-width:800px) {
 .promo-page.mission-mode-sample .auto-rental-lane {padding:28px 0 0;}
 .promo-page.mission-mode-sample .mode-section-heading {row-gap:20px;}
 .promo-page.mission-mode-sample .mode-section-marker {right:-170px;top:10px;}
 .promo-page.mission-mode-sample .mission-essentials {grid-template-columns:1fr;gap:28px;margin-bottom:28px;}
 .promo-page.mission-mode-sample .mission-setting-feature {display:block;grid-row:auto;}
 .promo-page.mission-mode-sample .mission-cooldown-feature,.promo-page.mission-mode-sample .mission-target-feature {grid-template-columns:1fr;gap:28px;padding-top:28px;}
 .promo-page.mission-mode-sample .mission-cooldown-copy h3,.promo-page.mission-mode-sample .mission-target-title h3 {font-size:36px;}
 .promo-page.mission-mode-sample .mission-target-title svg {width:64px;height:64px;}
 .promo-page.mission-mode-sample .mission-cooldown-feature .mission-cost-comparison {gap:10px;grid-template-columns:1fr 26px 1fr;}
}
@media(prefers-reduced-motion:reduce) {
 .promo-page.mission-mode-sample .mode-section-marker {opacity:.12!important;transform:rotate(-8deg) scale(1.2)!important;}
}
/* Auto: one continuous mission loop, followed by an NFT illustration and controls. */
.promo-page.mission-mode-sample .mission-all-modes {display:flex;flex-direction:column;gap:80px;padding-top:80px;}
.promo-page.mission-mode-sample .mission-all-modes > .mode-feature {padding:80px 0;border-top:0;}
.promo-page.mission-mode-sample .mode-section-heading {margin-bottom:64px;gap:80px;}
.promo-page.mission-mode-sample .mission-essentials {column-gap:80px;margin-bottom:80px;}
.promo-page.mission-mode-sample .mission-feature-control {margin-top:40px;}
.promo-page.mission-mode-sample .mission-cooldown-feature {gap:80px;padding:48px 0;}
.promo-page.mission-mode-sample .mission-target-feature {gap:80px;padding:48px 0;margin-top:64px;}
.promo-page.mission-mode-sample .promo-panel-controls,.promo-page.mission-mode-sample .mission-feature-control,.promo-page.mission-mode-sample .mission-target-control,.promo-page.mission-mode-sample .manual-settings-surface,.promo-page.mission-mode-sample .auto-rental-control {overflow:visible;}
.promo-page.mission-mode-sample .mode-auto .auto-runway {display:grid;grid-template-columns:.8fr 1.4fr;gap:0 48px;padding:40px 48px 24px;border:1px solid #ffffff16;border-radius:20px;background:linear-gradient(115deg,#1a1924,#100c19);box-shadow:0 24px 60px #0004;}
.promo-page.mission-mode-sample .mode-auto .auto-level-display {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
.promo-page.mission-mode-sample .mode-auto .auto-level-display > strong {font-size:clamp(110px,12vw,160px);font-weight:500;letter-spacing:-8px;}
.promo-page.mission-mode-sample .mode-auto .auto-level-display > span {font-size:22px;line-height:1.45;color:#cbc7d7;text-align:center;}
.promo-page.mission-mode-sample .mode-auto .auto-reroll-display {display:grid;grid-template-columns:64px 1fr;align-content:center;align-items:center;gap:24px;position:relative;}
.promo-page.mission-mode-sample .mode-auto .auto-reroll-display svg {width:64px;height:64px;stroke:var(--color-accent);stroke-width:2;}
.promo-page.mission-mode-sample .mode-auto .auto-reroll-display h3 {font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-1px;margin:0 0 16px;}
.promo-page.mission-mode-sample .mode-auto .auto-reroll-display p {font-size:17px;line-height:1.6;color:#bcb8cd;margin:0;max-width:350px;}
.promo-page.mission-mode-sample .mode-auto .auto-loop-arrow {position:absolute;right:0;bottom:0;font-size:80px;line-height:1;color:var(--color-accent);opacity:.2;}
.promo-page.mission-mode-sample .mode-auto .auto-fallback-line {grid-column:1/-1;display:flex;justify-content:center;align-items:baseline;gap:28px;padding:32px 0 8px;margin-top:32px;border-top:1px solid #ffffff0d;}
.promo-page.mission-mode-sample .mode-auto .auto-fallback-line > span {font-size:24px;line-height:1.4;color:#cbc7d7;}
.promo-page.mission-mode-sample .mode-auto .auto-fallback-line strong {display:inline-flex;align-items:baseline;gap:10px;font-size:30px;line-height:1.2;font-weight:500;white-space:nowrap;}
.promo-page.mission-mode-sample .mode-auto .auto-fallback-line b {font-size:42px;font-weight:500;line-height:1!important;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-story {display:grid;grid-template-columns:.8fr 1.4fr;align-items:center;gap:64px;padding:80px 48px 24px;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-art {position:relative;max-width:240px;width:78%;justify-self:center;isolation:isolate;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-art::before,.promo-page.mission-mode-sample .mode-auto .auto-nft-art::after {content:"";position:absolute;inset:0;background:#1a1924;border:1px solid #ffffff20;border-radius:16px;transform:translate(-18px,6px) rotate(-10deg);z-index:-1;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-art::after {transform:translate(18px,6px) rotate(9deg);z-index:-2;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-art img {display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px #0006;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-copy h3 {font-size:clamp(30px,3.4vw,42px);font-weight:500;letter-spacing:-1px;margin:0 0 16px;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-copy > p {font-size:18px;line-height:1.65;color:#bcb8cd;margin:0;max-width:540px;}
.promo-page.mission-mode-sample .mode-auto .auto-rental-control {margin-top:28px;max-width:470px;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-copy .auto-reset-note {text-align:left;font-size:15px;line-height:1.5;margin-top:18px;}
@media(max-width:800px) {
 .promo-page.mission-mode-sample .mission-all-modes {gap:48px;padding-top:48px;}
 .promo-page.mission-mode-sample .mission-all-modes > .mode-feature {padding:48px 0;}
 .promo-page.mission-mode-sample .mode-section-heading {gap:32px;margin-bottom:48px;}
 .promo-page.mission-mode-sample .mission-essentials {gap:48px;margin-bottom:48px;}
 .promo-page.mission-mode-sample .mission-cooldown-feature,.promo-page.mission-mode-sample .mission-target-feature {gap:40px;padding:32px 0;}
 .promo-page.mission-mode-sample .mission-target-feature {margin-top:40px;}
 .promo-page.mission-mode-sample .mode-auto .auto-runway {padding:28px 24px 20px;gap:24px;grid-template-columns:1fr;}
 .promo-page.mission-mode-sample .mode-auto .auto-reroll-display {grid-template-columns:48px 1fr;gap:18px;}
 .promo-page.mission-mode-sample .mode-auto .auto-reroll-display svg {width:48px;height:48px;}
 .promo-page.mission-mode-sample .mode-auto .auto-fallback-line {margin-top:0;padding-top:20px;flex-wrap:wrap;gap:8px 16px;}
 .promo-page.mission-mode-sample .mode-auto .auto-level-display > span {font-size:20px;}
 .promo-page.mission-mode-sample .mode-auto .auto-fallback-line > span {font-size:20px;}
 .promo-page.mission-mode-sample .mode-auto .auto-fallback-line strong {font-size:26px;}
 .promo-page.mission-mode-sample .mode-auto .auto-fallback-line b {font-size:36px;}
 .promo-page.mission-mode-sample .mode-auto .auto-nft-story {grid-template-columns:1fr;padding:40px 0 0;gap:32px;}
 .promo-page.mission-mode-sample .mode-auto .auto-nft-art {max-width:180px;}
}
/* Companion guides share the visual language, with a different composition per step. */
.promo-page.guide-detail-page .guide-story {display:grid;gap:160px;padding:120px 0;}
.promo-page.guide-detail-page .guide-feature {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:100px;}
.promo-page.guide-detail-page .guide-feature:nth-child(even) .guide-feature-copy {order:2;}
.promo-page.guide-detail-page .guide-feature-copy h2 {font-size:clamp(36px,4.3vw,60px);font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:0 0 28px;}
.promo-page.guide-detail-page .guide-feature-copy > p {font-size:20px;line-height:1.7;max-width:560px;margin:0;}
.promo-page.guide-detail-page .guide-feature-copy .guide-emphasis {font-size:28px;line-height:1.35;margin-top:32px;color:var(--color-accent);}
.promo-page.guide-detail-page .guide-app-detail {width:100%;max-width:480px;margin-inline:auto;overflow:visible;}
.promo-page.guide-detail-page .guide-caption {font-size:15px;line-height:1.5;color:#bcb8cd;margin:24px 0 0;}
.promo-page.guide-detail-page .guide-platforms {display:flex;gap:32px;font-size:24px;margin-top:36px;color:var(--color-accent);}
.promo-page.guide-detail-page .guide-download-visual {text-align:center;padding:24px;--blurwidth:180%;--blurheight:220%;}
.promo-page.guide-detail-page .guide-download-visual > svg {width:140px;height:140px;stroke:var(--color-accent);stroke-width:3;margin:0 auto 36px;}
.promo-page.guide-detail-page .guide-download-action {max-width:400px;margin:auto;}
.promo-page.guide-detail-page .guide-inline-links {display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px;font-size:18px;}
.promo-page.guide-detail-page .guide-inline-links a {color:var(--color-accent);}
.promo-page.guide-detail-page .guide-mode-board {max-width:500px;width:100%;justify-self:center;padding:32px;--blurwidth:180%;--blurheight:200%;}
.promo-page.guide-detail-page .guide-watching-board {position:relative;padding:48px 40px;border:1px solid #ffffff16;border-radius:20px;background:#1a1924;box-shadow:0 24px 60px #0005;}
.promo-page.guide-detail-page .guide-live-orbit {display:flex;align-items:center;gap:12px;margin-bottom:32px;}
.promo-page.guide-detail-page .guide-live-orbit span {width:12px;height:12px;background:#82e9ab;border-radius:50%;box-shadow:0 0 24px #82e9ab55;}
.promo-page.guide-detail-page .guide-live-orbit span:nth-child(2) {opacity:.55;}
.promo-page.guide-detail-page .guide-live-orbit span:nth-child(3) {opacity:.2;}
.promo-page.guide-detail-page .guide-wallet-surface {position:relative;padding:32px 24px;--blurwidth:180%;--blurheight:240%;}
.promo-page.guide-detail-page .guide-wallet-tokens {display:flex;gap:20px;justify-content:center;margin-top:32px;}
.promo-page.guide-detail-page .guide-wallet-tokens img {width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 16px #0005);}
.promo-page.guide-detail-page .guide-browser-visual {border:1px solid #ffffff18;background:#1a1924;border-radius:16px;padding:24px 32px 32px;box-shadow:0 24px 60px #0005;}
.promo-page.guide-detail-page .guide-browser-chrome {display:flex;gap:8px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #ffffff12;}
.promo-page.guide-detail-page .guide-browser-chrome i {width:10px;height:10px;background:#ffffff30;border-radius:50%;}
.promo-page.guide-detail-page .guide-recovery-visual {text-align:center;max-width:500px;justify-self:center;width:100%;}
.promo-page.guide-detail-page .guide-recovery-visual > svg {width:130px;height:130px;stroke:var(--color-accent);stroke-width:3;margin:0 auto 28px;}
.promo-page.guide-detail-page .guide-recovery-visual h3 {font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:0 0 32px;}
@media(max-width:1000px) {
 .promo-page.guide-detail-page .guide-feature {gap:56px;}
 .promo-page.guide-detail-page .guide-mode-board {padding:16px;}
}
@media(max-width:800px) {
 .promo-page.guide-detail-page .guide-story {gap:96px;padding:64px 0 80px;}
 .promo-page.guide-detail-page .guide-feature {grid-template-columns:1fr;gap:40px;}
 .promo-page.guide-detail-page .guide-feature:nth-child(even) .guide-feature-copy {order:0;}
 .promo-page.guide-detail-page .guide-feature-copy > p {font-size:18px;}
 .promo-page.guide-detail-page .guide-download-visual,.promo-page.guide-detail-page .guide-wallet-surface {padding:16px;}
 .promo-page.guide-detail-page .guide-browser-visual,.promo-page.guide-detail-page .guide-watching-board {padding:28px 24px;}
}
/* Get Started uses the homepage window and the finished mode selector. */
.promo-page.getting-started-page .promo-hero {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;}
.promo-page.getting-started-page .promo-hero-copy {max-width:840px;}
.promo-page.getting-started-page .promo-hero > .promo-visual {width:100%;max-width:500px;justify-self:center;}
.promo-page.getting-started-page .dashboard-markup-frame {position:relative;width:100%;max-width:800px;aspect-ratio:1;margin-inline:auto;border-radius:min(12px,1.5vw);overflow:hidden;box-shadow:0 4px 5px #0006;display:block;isolation:isolate;}
.promo-page.getting-started-page .guide-dashboard-canvas {display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px;box-shadow:0 4px 12px #0005;}
.promo-page.getting-started-page .guide-download-visual {padding:0;}
.promo-page.getting-started-page .guide-download-actions {max-width:500px;margin-inline:auto;padding:0;background:none;border:0;box-shadow:none;}
.promo-page.getting-started-page .guide-download-button {width:100%;font-size:24px;padding:18px 24px;border:0;color:white;}
.promo-page.getting-started-page .guide-source-container {margin-top:32px;text-align:left;}
.promo-page.getting-started-page .guide-source-container > div > p {font-size:15px;line-height:1.5;margin:0 0 12px;color:#bcb8cd;}
.promo-page.getting-started-page .guide-source-container .git-command {gap:12px;font-size:13px;}
.promo-page.getting-started-page .guide-mode-board {padding:0;max-width:560px;}
.promo-page.getting-started-page .guide-mode-board > .promo-preview-modes {width:100%;max-width:560px;}
.promo-page.getting-started-page .promo-preview-modes {background:transparent;box-shadow:none;overflow:visible;}
.promo-page.getting-started-page .guide-watching-board {padding:24px 0 0;background:transparent;border:0;box-shadow:none;}
.promo-page.getting-started-page .guide-watch-status {font-size:32px;line-height:1.3;margin-bottom:28px;}
.promo-page.getting-started-page .guide-watch-button {width:100%;font-size:28px;padding:18px 24px;border:0;color:white;cursor:pointer;}
.promo-page.getting-started-page .guide-quick-setup > header {margin-bottom:48px;}
.promo-page.getting-started-page .guide-quick-setup > header {max-width:none;}
.promo-page.getting-started-page .guide-quick-setup > header h2 {white-space:nowrap;font-size:clamp(28px,4.3vw,60px);}
.promo-page.getting-started-page .guide-setup-steps {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;}
.promo-page.getting-started-page .guide-setup-steps h3 {font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin:0 0 20px;}
.promo-page.getting-started-page .guide-setup-steps > section > p:not(.guide-caption) {font-size:18px;line-height:1.65;margin:0;}
.promo-page.getting-started-page .guide-setup-steps .guide-caption {margin:16px 0 32px;}
.promo-page.getting-started-page .guide-setup-steps .guide-app-detail {max-width:none;}
.promo-page.getting-started-page .guide-setup-steps a {color:var(--color-accent);}
@media(max-width:800px) {
 .promo-page.getting-started-page .promo-hero {grid-template-columns:1fr;gap:48px;}
 .promo-page.getting-started-page .guide-setup-steps {grid-template-columns:1fr;gap:56px;}
 .promo-page.getting-started-page .guide-watch-status {font-size:28px;}
}

.promo-page.getting-started-page .guide-home-watch {min-width:0;width:100%;}
.promo-page.getting-started-page .guide-home-watch-canvas {width:760px;transform-origin:top left;}
.promo-page.getting-started-page .guide-home-watch-canvas > div > div {width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:32px;}
.promo-page.getting-started-page .guide-home-watch-canvas > div > div > div:first-child {min-width:0;width:100%;}
.promo-page.getting-started-page #watching-status,.promo-page.getting-started-page #watching-toggle-button {width:100%;min-width:0;}
.promo-page.getting-started-page #watching-status {font-size:30px;gap:12px;}
.promo-page.getting-started-page #watching-spinner {flex-shrink:0;}
.promo-page.getting-started-page .watching-session-grid {font-size:20px;column-gap:20px;}
.promo-page.getting-started-page .guide-feature-copy {max-width:440px;width:100%;}
.promo-page.getting-started-page .guide-feature-copy > p {max-width:420px;}
.promo-page.getting-started-page .guide-setup-steps .guide-fund-step {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:24px;}
.promo-page.getting-started-page .guide-fund-step > div > p:not(.guide-caption) {font-size:18px;line-height:1.65;max-width:500px;margin:0;}
.promo-page.getting-started-page .guide-fund-step .guide-caption {max-width:460px;margin-bottom:0;}
.promo-page.getting-started-page .guide-fund-tokens {display:flex;justify-content:center;gap:64px;}
.promo-page.getting-started-page .guide-fund-tokens > div {display:grid;justify-items:center;gap:12px;}
.promo-page.getting-started-page .guide-fund-tokens img {width:72px;height:72px;object-fit:contain;}
.promo-page.getting-started-page .guide-fund-tokens strong {font-size:28px;font-weight:500;}
.promo-page.getting-started-page .guide-fund-tokens span {font-size:16px;color:#bcb8cd;}
.promo-page.getting-started-page .guide-wallet-alternatives {font-size:15px;line-height:1.6;color:#bcb8cd;margin-top:16px;}
@media(max-width:800px) {
 .promo-page.getting-started-page .guide-setup-steps .guide-fund-step {grid-template-columns:1fr;gap:36px;}
 .promo-page.getting-started-page .guide-feature-copy {max-width:none;}
 .promo-page.getting-started-page .guide-fund-tokens {gap:48px;}
}

.promo-page.getting-started-page .guide-wallet-summary {display:grid;gap:14px;max-width:540px;}
.promo-page.getting-started-page .guide-wallet-summary p {font-size:18px;line-height:1.6;margin:0;}
.promo-page.getting-started-page .guide-wallet-summary strong {font-weight:500;color:var(--color-accent);}
.promo-page.getting-started-page .guide-mission-pitch {margin-top:40px;max-width:420px;}
.promo-page.getting-started-page .guide-mission-pitch h3 {font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:0 0 16px;}
.promo-page.getting-started-page .guide-mission-pitch p {font-size:18px;line-height:1.65;margin:0;}

/* Funding Wallet follows the finished guides, with its own compact app details. */
.promo-page.funding-wallet-page .promo-hero {gap:80px;}
.promo-page.funding-wallet-page .promo-hero > .promo-visual {max-width:520px;justify-self:center;}
.promo-page.funding-wallet-page .promo-preview {background:transparent;box-shadow:none;overflow:visible;}
.promo-page.funding-wallet-page .guide-feature-copy {width:100%;max-width:440px;}
.promo-page.funding-wallet-page .guide-feature-copy > p {max-width:420px;}
.promo-page.funding-wallet-page .guide-feature-copy .guide-caption {font-size:15px;line-height:1.6;margin-top:24px;color:#bcb8cd;}
.promo-page.funding-wallet-page .wallet-funding-visual {display:flex;align-items:center;justify-content:center;gap:80px;padding:32px 0;--blurwidth:200%;--blurheight:260%;}
.promo-page.funding-wallet-page .wallet-funding-visual > div {display:grid;justify-items:center;gap:16px;}
.promo-page.funding-wallet-page .wallet-funding-visual img {width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 16px 24px #0005);}
.promo-page.funding-wallet-page .wallet-funding-visual strong {font-size:40px;font-weight:500;}
.promo-page.funding-wallet-page .wallet-funding-visual span {font-size:17px;color:#bcb8cd;}
.promo-page.funding-wallet-page .wallet-browser-preview {width:100%;max-width:520px;justify-self:center;}
.promo-page.funding-wallet-page .wallet-recovery-preview {width:100%;max-width:500px;text-align:center;justify-self:center;}
.promo-page.funding-wallet-page .wallet-recovery-preview > svg {width:140px;height:140px;stroke:var(--color-accent);stroke-width:3;margin:0 auto 40px;}
.promo-page.funding-wallet-page .wallet-recovery-preview .guide-app-detail {max-width:440px;}
@media(max-width:800px) {
 .promo-page.funding-wallet-page .promo-hero {gap:48px;}
 .promo-page.funding-wallet-page .guide-feature-copy {max-width:none;}
 .promo-page.funding-wallet-page .wallet-funding-visual {gap:48px;}
 .promo-page.funding-wallet-page .wallet-funding-visual img {width:80px;height:80px;}
}


/* Keep the reversed Auto/Mission section balanced across its two columns. */
.promo-page.getting-started-page .guide-setup .guide-feature-copy {max-width:560px;justify-self:end;}
.promo-page.getting-started-page .guide-setup .guide-feature-copy > p,
.promo-page.getting-started-page .guide-setup .guide-mission-pitch {max-width:none;}
@media(max-width:800px) {
 .promo-page.getting-started-page .guide-setup .guide-feature-copy {max-width:none;justify-self:stretch;}
}

/* Match the named feature rows to the guides' centered two-column grid. */
.promo-page.funding-wallet-page .guide-wallet-browser,
.promo-page.funding-wallet-page .guide-recovery {gap:80px;}
.promo-page.funding-wallet-page .guide-wallet-browser .guide-feature-copy,
.promo-page.funding-wallet-page .guide-recovery .guide-feature-copy {max-width:560px;justify-self:center;}
.promo-page.funding-wallet-page .guide-wallet-browser .guide-feature-copy > p,
.promo-page.funding-wallet-page .guide-recovery .guide-feature-copy > p {max-width:none;}
.promo-page.funding-wallet-page .wallet-recovery-preview {max-width:520px;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-story {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;padding-inline:0;}
.promo-page.mission-mode-sample .mode-auto .auto-nft-copy {width:100%;max-width:560px;justify-self:center;}
.promo-page.mission-mode-sample .mission-cooldown-feature {grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.promo-page.mission-mode-sample .mission-cooldown-copy {width:100%;max-width:560px;justify-self:center;}
.promo-page.mission-mode-sample .mission-cooldown-feature .mission-cost-comparison {justify-self:center;}
@media(max-width:800px) {
 .promo-page.funding-wallet-page .guide-wallet-browser,
 .promo-page.funding-wallet-page .guide-recovery {gap:40px;}
 .promo-page.funding-wallet-page .guide-wallet-browser .guide-feature-copy,
 .promo-page.funding-wallet-page .guide-recovery .guide-feature-copy {max-width:none;}
 .promo-page.mission-mode-sample .mode-auto .auto-nft-story {grid-template-columns:minmax(0,1fr);gap:32px;}
 .promo-page.mission-mode-sample .mission-cooldown-feature {grid-template-columns:minmax(0,1fr);}
 .promo-page.mission-mode-sample .mode-auto .auto-nft-copy,
 .promo-page.mission-mode-sample .mission-cooldown-copy {max-width:none;}
}