.content-world .app-preview-teaser{padding-block:65px}
.app-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.app-teaser-inner p{margin-top:18px;color:#c8bbd7;font-size:1rem}
.app-teaser-inner .button{flex-shrink:0;gap:13px}
.app-preview-page .site-header{position:relative;inset:auto;background:#211432;border-bottom:1px solid #dbc08430}
.app-preview-page .site-header nav>a[aria-current=page]{border-bottom:2px solid #fbd729}
.app-preview-page .content-world{background:radial-gradient(ellipse at 95% 10%,#62457838,transparent 33%),radial-gradient(ellipse at 0% 75%,#64477728,transparent 32%),#211432}
.app-preview-hero{padding-block:39px 65px}
.preview-back{display:inline-flex;align-items:center;gap:12px;font-size:.875rem;color:#bfb0cf;margin-bottom:58px}
.preview-back:hover{color:#fbd729}
.preview-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end}
.preview-hero-grid .eyebrow{margin-bottom:25px}
.preview-hero-grid h1{font-size:clamp(3rem,5.7vw,5rem);line-height:1.11;letter-spacing:-.055em;color:#fbf7ff;text-wrap:balance}
.preview-hero-grid h1>span{color:#fbd729}
.preview-hero-copy>.status-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}
.status-dot{display:inline-block;background:#f0ce86;width:6px;height:6px;border-radius:50%}
.preview-hero-copy p{font-size:1.0625rem;line-height:1.85;color:#c8bbd7;max-width:430px}
.preview-hero-copy .preview-note{font-size:.875rem;line-height:1.8;color:#ac9bbd;margin-top:17px}
.prototype-gallery{padding-bottom:69px}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}
.content-world .gallery-heading h2{font-size:1.35rem;letter-spacing:-.025em}
.gallery-heading>p{font-size:.875rem;color:#ae9cbe}
.preview-shot{margin:0;min-width:0}
.screenshot-button{display:block;text-align:left;width:100%;padding:0;background:#30203f;border:1px solid #dbc08445;border-radius:15px;overflow:hidden;box-shadow:0 20px 42px #10061d33;color:#d3c2e1;transition:border-color .2s,box-shadow .2s}
.screenshot-button:hover{border-color:#edce897a;box-shadow:0 25px 48px #10061d55}
.screenshot-frame-bar{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#30203f;font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.4}
.frame-dots{display:flex;gap:5px;margin-right:3px}
.frame-dots i{display:block;width:6px;height:6px;background:#927d9e;border-radius:50%}
.frame-dots i:first-child{background:#d5b781}
.frame-expand{margin-left:auto;color:#e3c184;font-size:1.15rem;line-height:1}
.screenshot-button>img{width:100%;height:auto;display:block;background:#f6f3ee}
.preview-shot figcaption{padding-top:25px}
.preview-shot figcaption .eyebrow{color:#d7b97f;font-size:.75rem;letter-spacing:.1em;margin-bottom:11px}
.preview-shot figcaption h3{font-size:1.5rem;letter-spacing:-.025em;color:#fbf7ff;line-height:1.3;margin-bottom:12px}
.preview-shot figcaption p:not(.eyebrow){font-size:1rem;color:#c8bbd7;line-height:1.8}
.preview-shot-map figcaption{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-block:30px 49px}
.preview-shot-map figcaption h3{font-size:1.9rem;margin-bottom:0}
.preview-shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.preview-shot-grid .screenshot-frame-bar{padding:13px 17px;font-size:.75rem;letter-spacing:.08em}
.prototype-caption{font-size:.875rem;line-height:1.8;color:#ae9cbe;padding-top:37px;max-width:700px}
.preview-purpose{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;border-top:1px solid #ffffff1a;padding-block:69px 85px}
.preview-purpose>div>.eyebrow{margin-bottom:24px}
.preview-purpose>div>p:not(.eyebrow){color:#c8bbd7;font-size:1rem;line-height:1.85;margin-top:23px;max-width:500px}
.preview-purpose .button{margin-top:29px;gap:12px}
.preview-purpose em{font-style:normal;font-weight:600}
.content-world .preview-purpose .career-panel>.eyebrow{font-size:.75rem;color:#dbbf82}
.content-world .preview-purpose .career-footnote{color:#ae9cbe;font-size:.875rem;line-height:1.8;margin-top:20px}
.preview-footer-link{font-size:.875rem;color:#d8c2e9}
.preview-footer-link:hover{color:#fbd729}
.screenshot-lightbox{width:min(1440px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #dbc08466;border-radius:14px;background:#281a39;color:#fbf7ff;box-shadow:0 30px 100px #08040ea6;overflow:auto}
.screenshot-lightbox::backdrop{background:#0e0715dd;backdrop-filter:blur(5px)}
.lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 23px;position:sticky;top:0;background:#281a39;z-index:1}
.lightbox-bar h2{font-size:1.05rem;font-family:var(--body);line-height:1.5;letter-spacing:0}
.lightbox-close{display:inline-flex;align-items:center;gap:12px;background:#4b345f;color:#fbf7ff;border:1px solid #dbc08444;border-radius:7px;font-size:.875rem;min-height:40px;padding:8px 13px}
.lightbox-close:hover{background:#65457c}
.lightbox-close>span{font-size:1.35rem;line-height:1}
.lightbox-close:focus-visible{outline:3px solid #fbd729;outline-offset:3px}
.screenshot-lightbox>img{width:100%;height:auto;max-height:calc(100dvh - 125px);object-fit:contain;display:block;background:#171022}
@media(max-width:1000px){.preview-hero-grid{gap:45px}.preview-purpose{gap:50px}.preview-shot-grid{gap:24px}.preview-shot-map figcaption{gap:40px}}
@media(max-width:800px){.preview-hero-grid{grid-template-columns:1fr;gap:27px}.preview-hero-copy p{max-width:620px}.preview-hero-grid h1{font-size:3.6rem}.preview-hero-grid .eyebrow{margin-bottom:20px}.preview-back{margin-bottom:39px}.preview-purpose{gap:35px}.preview-shot figcaption h3{font-size:1.35rem}}
@media(max-width:700px){.content-world .app-preview-teaser{padding-block:48px}.app-teaser-inner{flex-direction:column;align-items:flex-start;gap:25px}.app-teaser-inner p{margin-top:15px}.app-preview-hero{padding-block:25px 39px}.preview-back{margin-bottom:34px}.preview-hero-grid h1{font-size:clamp(2.5rem,10.6vw,3.6rem)}.preview-hero-copy p{font-size:1rem}.preview-hero-copy>.status-tag{margin-bottom:17px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:19px}.content-world .gallery-heading h2{font-size:1.2rem}.screenshot-frame-bar{padding:13px 15px;font-size:.75rem;letter-spacing:.06em;gap:11px}.preview-shot-map figcaption{grid-template-columns:1fr;gap:14px;padding-block:24px 35px}.preview-shot-map figcaption h3{font-size:1.55rem}.preview-shot-grid{grid-template-columns:1fr;gap:36px}.preview-shot-grid .screenshot-frame-bar{padding:13px 15px}.preview-shot figcaption{padding-top:22px}.preview-shot figcaption h3{font-size:1.4rem}.prototype-gallery{padding-bottom:45px}.prototype-caption{padding-top:29px}.preview-purpose{grid-template-columns:1fr;gap:33px;padding-block:46px 54px}.preview-purpose>div>.eyebrow{margin-bottom:20px}.preview-purpose>div>p:not(.eyebrow){margin-top:19px}.screenshot-lightbox{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:10px}.lightbox-bar{padding:13px 15px}.screenshot-lightbox>img{max-height:calc(100dvh - 95px)}}