:root{color-scheme:dark;--bg:#07111e;--text:#f1f6fc;--muted:#99afc3;--cyan:#66d9ef;--line:#24384a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Thai',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}img{max-width:100%;object-fit:contain}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.35}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #ffffff12;background:#071321}.nav>a:first-child{display:flex}.nav nav{display:flex;gap:32px;color:#bed0df;font-size:14px}.nav nav a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:14px 24px;background:#80e4f2;color:#072435;border:1px solid #a8f2fa;border-radius:8px;font-size:15px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#b0f5ff}.button.small{padding:9px 18px;font-size:13px}.skip{position:absolute;left:16px;top:-80px;background:white;color:#000;padding:12px;z-index:10}.skip:focus{top:16px}.hero{position:relative;min-height:720px;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040e19cc,transparent 78%),linear-gradient(0deg,#07111e,transparent 20%)}.hero-content{position:relative;z-index:1;padding-top:20px;padding-bottom:80px}.eyebrow{font-size:11px;letter-spacing:2.6px;font-weight:600;color:var(--cyan);margin-bottom:22px}.hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.36;max-width:720px}.hero h1 span{color:#9bc6d8}.lead{font-size:18px;color:#c0cdd9;margin:27px 0 30px;line-height:1.9}.actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;color:var(--cyan);display:inline-flex;align-items:center;gap:18px}.text-link:hover{text-decoration:underline}.hero-note{font-size:11px;color:#91a5b6;margin-top:21px}.hero-footer{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#90a8be}.asset-strip{display:flex;justify-content:center;gap:7%;padding:26px 24px;border-block:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:2px;color:#8aa0b5}.section{padding-top:105px;padding-bottom:105px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:75px}h2{font-size:38px}.intro-copy{font-size:17px;color:var(--muted)}.intro-copy p+p{margin-top:20px}.intro-copy strong{color:#d4e6f4;font-weight:500}.section-heading{padding:40px 0 10px}.section-heading>p:last-child{margin-top:15px;color:var(--muted)}.feature{display:grid;grid-template-columns: .85fr 1.15fr;gap:80px;align-items:center;padding:85px 0;border-bottom:1px solid var(--line)}.feature.reverse{grid-template-columns:1.15fr .85fr}.feature.reverse .feature-copy{order:2}.number{display:block;font-size:11px;letter-spacing:2px;color:var(--cyan);margin-bottom:18px}.feature h3{font-size:36px;margin-bottom:20px}.feature-copy>p{font-size:15px;color:var(--muted)}.feature ul{padding-left:18px;color:#c3d4e1;font-size:13px;line-height:2;margin:20px 0 26px}.product-preview{background:#0c1c2e;border:1px solid #294459;border-radius:15px;box-shadow:0 25px 80px #0005;overflow:hidden;padding:23px;transform:perspective(1600px) rotateY(-3deg)}.reverse .product-preview{transform:perspective(1600px) rotateY(3deg)}.preview-bar{display:flex;gap:15px;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.preview-bar b{font-weight:400;color:var(--muted);margin-left:8px}.sample{font-size:9px;color:#91a8bc;font-weight:400}.preview-tools{display:flex;gap:8px;align-items:center;margin:18px 0}.pill{font-size:10px;padding:4px 9px;border-radius:5px;border:1px solid #2d4558}.pill.selected{background:#254b61;color:#a2ebf8}.sort{font-size:9px;margin-left:auto;color:var(--muted)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quote-grid>div{border:1px solid #2a605f;border-radius:8px;padding:12px;background:#102838}.quote-grid small{display:block;font-size:11px}.quote-grid em{display:block;font-style:normal;color:#91a7b9;font-size:9px}.quote-grid strong{display:block;font-size:17px;margin:9px 0 0;font-weight:500}.quote-grid b{color:#53deb0;font-size:17px}.quote-grid .negative{color:#fa919e}.preview-caption{font-size:10px;color:#8fa8bb;margin-top:19px}.rsi-top{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.rsi-top small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.rsi-top strong{display:block;font-size:50px;line-height:1.2;color:#a8dceb}.rsi-top strong span{font-size:16px;color:var(--muted);margin-left:8px}.watch-badge{font-size:10px;color:#e8c783;border:1px solid #766437;border-radius:6px;padding:5px 13px;letter-spacing:1px}.timeframes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.timeframes>div{padding:14px 10px;background:#11293b;border-radius:8px}.timeframes span{font-size:11px;color:#9ab6ca}.timeframes strong{display:block;font-size:29px;font-weight:500}.timeframes small{font-size:9px;color:var(--muted)}.rsi-track{height:3px;background:#274153;margin-top:15px}.rsi-track i{display:block;height:3px;background:#75dbea}.event{padding:23px 0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.event-index{color:#537c94;font-size:14px}.event small{font-size:8px;letter-spacing:1px;color:#80c6db}.event h4{font-size:16px;font-weight:500;margin:3px 0}.event p{font-size:11px;color:var(--muted)}.impact{margin-left:auto;color:#fba19c;background:#fa796010;font-size:8px;letter-spacing:1px;padding:3px 7px;border:1px solid #784a49;border-radius:4px}.workflow{margin-top:90px;background:#0a1a29;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:55px}.steps>div{border-top:1px solid #3a5366;padding-top:22px}.steps span{color:var(--cyan);font-size:12px}.steps h3{font-size:22px;margin:15px 0}.steps p{font-size:14px;color:var(--muted)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:24px}.faq summary::after{content:'+';color:var(--cyan)}.faq details[open] summary::after{content:'−'}.faq details p{color:var(--muted);font-size:14px;padding:16px 24px 0 0}.closing{text-align:center;border:1px solid var(--line);padding:70px 25px;background:#0c2030;border-radius:15px;margin-bottom:85px}.closing h2{font-size:42px;margin-bottom:30px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0 40px}.footer p{font-size:10px;color:var(--muted)}.footer>span{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:810px}.hero-art{object-position:center 45%}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav{padding:0 24px}.nav nav{gap:18px;font-size:12px}.hero{min-height:680px}.hero-art{object-position:60% center}.hero h1{font-size:44px}.hero-shade{background:linear-gradient(90deg,#040e19ef,#040e1944)}.intro,.faq{gap:35px}.feature,.feature.reverse{gap:35px}.feature h3{font-size:30px}.product-preview{padding:17px}.quote-grid strong,.quote-grid b{font-size:14px}.steps{gap:25px}.asset-strip{gap:25px;flex-wrap:wrap}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav{height:74px;padding:0 20px}.nav img{width:120px;height:auto}.nav nav{display:none}.button.small{font-size:12px;padding:7px 12px}.hero{min-height:830px;align-items:flex-start}.hero-art{height:460px;top:auto;bottom:0;object-position:77% center}.hero-shade{background:linear-gradient(180deg,#07111e 40%,#07111e00 73%,#07111e 100%)}.hero-content{padding-top:52px;padding-bottom:0}.hero h1{font-size:36px;line-height:1.4;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.9px;margin-bottom:18px}.lead{font-size:15px;margin:22px 0}.actions{gap:18px;flex-wrap:wrap}.actions .button{font-size:13px;padding:12px 17px}.text-link{font-size:12px}.hero-note{font-size:10px}.hero-footer{bottom:22px;font-size:7px;letter-spacing:1px}.asset-strip{padding:21px 15px;gap:15px 28px;font-size:8px}.section{padding-top:65px;padding-bottom:65px}.intro,.faq{grid-template-columns:1fr;gap:27px}h2{font-size:29px}.intro-copy{font-size:15px}.section-heading{padding-top:10px}.section-heading>p:last-child{font-size:14px}.feature,.feature.reverse{grid-template-columns:1fr;gap:32px;padding:50px 0}.feature.reverse .feature-copy{order:0}.feature h3{font-size:31px}.feature-copy>p{font-size:14px}.product-preview,.reverse .product-preview{transform:none;padding:16px}.quote-grid{gap:7px}.quote-grid>div{padding:10px 8px}.quote-grid strong,.quote-grid b{font-size:14px}.preview-bar{font-size:12px}.sample{font-size:8px}.event{gap:10px}.event h4{font-size:14px}.event p{font-size:10px}.timeframes{gap:8px}.timeframes strong{font-size:26px}.workflow{margin-top:55px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{font-size:20px}.steps>div{padding-top:17px}.faq summary{font-size:15px}.closing{padding:45px 20px;margin-bottom:45px}.closing h2{font-size:29px}.footer{flex-wrap:wrap;gap:20px;padding-bottom:30px}.footer p{order:3;width:100%;font-size:10px}.footer>span{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the eagle's face in frame at wide aspect ratios. */
@media(min-width:601px){.hero-art{object-position:center top}}
@media(max-width:600px){.hero-content{margin-top:0;margin-bottom:0}}

/* VISTRI cinematic glass direction */
:root{--bg:#04151f;--muted:#a2bdca;--line:#517a8b42}
body{background:#04151f}.nav{position:absolute;inset:0 0 auto;z-index:5;background:rgba(3,20,29,.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #d5faff22}.nav nav{color:#e0eef4}.button{border-radius:999px;background:#d9f6fb;border-color:#effeff;color:#0b3340;padding:15px 28px;box-shadow:0 4px 24px #50cadd15}.button.small{background:#e1f8fa15;border:1px solid #d5faff55;color:#f0fcff;box-shadow:none}.button.small:hover{background:#ffffff25}.cinematic-hero{min-height:860px;height:100svh;max-height:1200px;justify-content:center;text-align:center;align-items:flex-start;background:#04151f}.cinematic-hero .hero-art{height:116%;object-position:center center;top:-8%;will-change:transform}.cinematic-hero .hero-shade{background:linear-gradient(180deg,#01131d7d 0%,#031b2740 45%,#04151f22 70%,#04151f 100%)}.cinematic-hero .hero-content{padding-top:185px;margin-top:0;margin-bottom:0;max-width:1000px}.cinematic-hero h1{font-size:clamp(48px,5.6vw,82px);max-width:none;line-height:1.24;font-weight:400;letter-spacing:-.05em;text-shadow:0 3px 40px #00131c88}.cinematic-hero h1 span{color:#e0f7fa}.cinematic-hero .lead{font-size:18px;color:#d7eaf2;line-height:1.8;margin:28px 0}.cinematic-hero .actions{justify-content:center}.cinematic-hero .text-link{color:#e5faff}.hero-glass-strip{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:min(870px,calc(100% - 48px));display:grid;grid-template-columns:repeat(3,1fr);padding:24px 15px;border-radius:20px;background:#1738495c;border:1px solid #c7f2ff33;box-shadow:inset 0 1px 0 #ffffff15,0 24px 70px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.hero-glass-strip>span{color:#dffaff;font-size:12px;letter-spacing:1.5px;padding:0 10px}.hero-glass-strip>span+span{border-left:1px solid #ccf5ff29}.hero-glass-strip>span>span{display:block;font-size:11px;letter-spacing:0;color:#afcbd6;margin-top:6px}.zoom-story{height:190vh;position:relative;background:#04151f}.zoom-sticky{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.zoom-frame{position:absolute;inset:0;overflow:hidden;clip-path:inset(14% 18% round 36px);will-change:clip-path}.zoom-frame>img{height:100%;width:100%;object-fit:cover;object-position:center 28%;transform:scale(1.12);will-change:transform}.zoom-shade{position:absolute;inset:0;background:linear-gradient(90deg,#01101be0,transparent 85%),linear-gradient(0deg,#04151f66,transparent 60%)}.zoom-copy{position:absolute;left:12%;top:50%;transform:translateY(-50%);max-width:580px;opacity:0}.zoom-copy h2{font-size:clamp(32px,4.8vw,70px);color:white}.zoom-copy>p:last-child{font-size:16px;color:#c6e1ec;margin-top:25px;max-width:410px}.zoom-label{position:absolute;right:5%;bottom:5%;color:#d8faff;font-size:10px;letter-spacing:2px}.zoom-prompt{position:absolute;bottom:5%;color:#b4d6e1;font-size:12px;letter-spacing:.8px}.zoom-prompt span{display:inline-block;margin-left:20px}.asset-strip{background:#062331;border-color:#4c83954d;color:#a5d7e5}.intro{padding-block:130px}.features{position:relative}.section-heading{text-align:center;padding-block:20px 0}.section-heading h2{font-size:44px}.feature,.feature.reverse{padding-block:110px;gap:70px}.product-preview,.reverse .product-preview{transform:translate3d(0,var(--depth-y,0px),0);background:linear-gradient(135deg,#477a8d30,#102c4070);border:1px solid #bdeafa35;box-shadow:inset 0 1px 0 #e7fcff26,0 25px 70px #0004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:25px;padding:28px;will-change:transform}.quote-grid>div{background:#153d485c;border-color:#6de0c34d;box-shadow:inset 0 1px 0 #c4ffe80b}.timeframes>div{background:#3d6e841f;border:1px solid #94c6d322}.preview-bar{border-color:#9bc9d826}.workflow{position:relative;background:linear-gradient(140deg,#0b3343,#04151f);border-color:#79cce229}.steps>div{padding:27px;border:1px solid #a5e8fc26;border-radius:20px;background:#8ac8de0a;backdrop-filter:blur(12px)}.closing{position:relative;overflow:hidden;padding:105px 30px;border-radius:30px;background:linear-gradient(125deg,#123c4bd9,#051f2be8),url('/static/landing/connected-city.jpg') center/cover;border-color:#b8eafa33;box-shadow:inset 0 1px 0 #ffffff22}.closing h2{font-size:50px}.faq details{border-color:#8cc4d82b}.footer{border-color:#8cc4d826}.motion-ready .feature-copy,.motion-ready .section-heading,.motion-ready .steps>div{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.motion-ready .is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.cinematic-hero .hero-content{padding-top:160px}.cinematic-hero h1{font-size:58px}.feature,.feature.reverse{gap:34px}.product-preview,.reverse .product-preview{padding:20px}.steps{gap:18px}.steps>div{padding:20px}}
@media(max-width:600px){.nav{height:76px}.cinematic-hero{height:100svh;min-height:740px;max-height:950px}.cinematic-hero .hero-art{top:0;bottom:auto;height:110%;object-position:center center}.cinematic-hero .hero-shade{background:linear-gradient(180deg,#01121b80,#03182655 60%,#04151f 100%)}.cinematic-hero .hero-content{padding-top:153px;width:calc(100% - 32px)}.cinematic-hero h1{font-size:39px;line-height:1.38;letter-spacing:-1.8px}.cinematic-hero .eyebrow{font-size:8px;letter-spacing:1.3px}.cinematic-hero .lead{font-size:14px;margin-block:24px}.cinematic-hero .actions{gap:20px;flex-direction:column}.hero-glass-strip{bottom:36px;width:calc(100% - 32px);padding:18px 6px;border-radius:17px}.hero-glass-strip>span{font-size:8px;letter-spacing:.7px;padding:0 6px}.hero-glass-strip>span>span{font-size:9px;line-height:1.6}.zoom-story{height:155svh}.zoom-frame{clip-path:inset(18% 6% round 26px)}.zoom-frame>img{object-position:69% center}.zoom-shade{background:linear-gradient(0deg,#03131bf2,transparent 95%)}.zoom-copy{left:7%;right:7%;top:auto;bottom:15%;transform:none}.zoom-copy h2{font-size:37px}.zoom-copy>p:last-child{font-size:14px;margin-top:16px}.zoom-copy .eyebrow{font-size:8px}.zoom-label{font-size:8px}.intro{padding-block:70px}.section-heading h2{font-size:28px}.feature,.feature.reverse{padding-block:65px;gap:33px}.product-preview,.reverse .product-preview{padding:18px;border-radius:20px}.steps>div{padding:24px}.closing{padding:60px 20px}.closing h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.app-reveal-story{height:auto;padding:35px 20px}.app-reveal-sticky{position:relative;height:auto;min-height:55svh;border-radius:24px}.app-reveal-frame{width:100%!important;height:auto!important;aspect-ratio:16/9;border-radius:22px!important}.app-reveal-phone,.app-reveal-hint{display:none}.app-reveal-market{opacity:1!important;transform:none!important}.app-reveal-label{opacity:1!important}.zoom-story{height:auto;padding:35px 20px}.zoom-sticky{position:relative;height:75svh;border-radius:24px}.zoom-frame{clip-path:none!important}.zoom-frame>img{transform:none!important}.zoom-copy{opacity:1!important}.zoom-prompt{display:none}.product-preview,.hero-art{transform:none!important}.motion-ready .feature-copy,.motion-ready .section-heading,.motion-ready .steps>div{opacity:1;transform:none}.product-preview{will-change:auto}}

/* Lower-page atmosphere: a lit environment gives the translucent surfaces depth. */
.intro{position:relative;isolation:isolate}
.intro::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:radial-gradient(ellipse 33% 75% at 18% 56%,#1f7d9960,transparent 72%),radial-gradient(ellipse 28% 65% at 86% 24%,#2d688347,transparent 75%),linear-gradient(180deg,#062331 0%,#071c2b 100%)}
.intro>div:first-child{padding:32px 0 32px 30px;border-left:2px solid #75dff399}
.intro-copy{padding:30px 34px;border:1px solid #9deeff40;border-radius:24px;background:linear-gradient(135deg,#bdedfc1c,#8ecdda09 52%,#103f5350);box-shadow:inset 0 1px 0 #f1ffff37,0 22px 65px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.features{isolation:isolate}
.features::before{content:"";position:absolute;z-index:-1;inset:-70px calc(50% - 50vw) -80px;background:radial-gradient(ellipse 33% 28% at 82% 11%,#096f9c62,transparent 85%),radial-gradient(ellipse 35% 25% at 10% 48%,#30818d4d,transparent 84%),radial-gradient(ellipse 42% 26% at 78% 83%,#106da16b,transparent 85%),linear-gradient(180deg,#071c2b,#082536 50%,#061b2a);pointer-events:none}
.features::after{content:"";position:absolute;z-index:-1;inset:-70px calc(50% - 50vw) -80px;background-image:linear-gradient(#9beeff07 1px,transparent 1px),linear-gradient(90deg,#9beeff07 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);pointer-events:none}
.feature{position:relative;border-bottom-color:#bbf7ff26}
.feature-copy{padding:36px;border:1px solid #c6f4ff23;border-radius:26px;background:linear-gradient(135deg,#caeffc16,#ffffff04 55%,#80c9e609);box-shadow:inset 0 1px 0 #ffffff26,0 24px 65px #00131d48;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.product-preview,.reverse .product-preview{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#aedffb31 0%,#70bdd921 35%,#092e4285 75%,#1261873b 100%);border:1px solid #ccf6ff6e;box-shadow:inset 0 1px 0 #ffffff91,inset 0 0 0 1px #edffff0b,0 32px 85px #001018a8,0 0 65px #4fc6ed22;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%)}
.product-preview::before{content:"";position:absolute;z-index:-1;inset:-60% -25% auto;height:115%;transform:rotate(-20deg);background:linear-gradient(180deg,#ffffff24,transparent 65%);pointer-events:none}
.product-preview::after{content:"";position:absolute;z-index:-1;width:65%;aspect-ratio:1;right:-28%;bottom:-85%;border-radius:50%;background:#4acff555;filter:blur(58px);pointer-events:none}
.quote-grid>div,.timeframes>div{background:linear-gradient(145deg,#dcf8ff1d,#2d8dac1a 58%,#0a293f9c);border:1px solid #bcefff3d;box-shadow:inset 0 1px 0 #ffffff39,0 10px 24px #001b2959;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.quote-grid>div:hover,.timeframes>div:hover{border-color:#b4f9ff9c;transform:translateY(-2px);transition:transform .2s,border-color .2s}
.workflow{isolation:isolate;background:radial-gradient(ellipse at 20% 10%,#357c9940,transparent 55%),radial-gradient(ellipse at 95% 90%,#1173a059,transparent 60%),linear-gradient(135deg,#0b2737,#061927)}
.steps>div{background:linear-gradient(140deg,#d4f8ff25,#6bb4d312 45%,#061e2e9c);border:1px solid #cef6ff5c;box-shadow:inset 0 1px 0 #ffffff6b,0 22px 55px #0004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.faq{position:relative;isolation:isolate}
.faq::before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:radial-gradient(ellipse 44% 70% at 90% 50%,#126b944c,transparent 85%),linear-gradient(180deg,#061927,#082436)}
.faq-list{padding:14px 30px;border:1px solid #c4f4ff4d;border-radius:25px;background:linear-gradient(145deg,#ddf8ff1c,#8fc6df0b 50%,#13507133);box-shadow:inset 0 1px 0 #ffffff57,0 25px 70px #0005;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.faq details:last-child{border-bottom:0}

/* Scroll reveal: the selected phone artwork grows into the latest live Market capture. */
.app-reveal-story{position:relative;height:230vh;background:#03131d;isolation:isolate}
.app-reveal-sticky{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}
.app-reveal-sticky::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#0b8fb44d,transparent 42%),linear-gradient(180deg,#061d29,#020d14);opacity:calc(1 - var(--reveal-progress,0));transition:opacity .15s linear}
.app-reveal-frame{position:relative;width:360px;height:360px;max-width:100vw;max-height:100svh;overflow:hidden;border:1px solid #bcefff66;border-radius:46px;background:linear-gradient(145deg,#173a4a,#051824);box-shadow:inset 0 1px 0 #fff6,0 40px 110px #000a,0 0 90px #1cd9ff2e;will-change:width,height,border-radius,box-shadow;transform:translateZ(0)}
.app-reveal-frame>img{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:opacity,transform}
.app-reveal-phone{z-index:2;object-fit:contain;padding:20px;filter:drop-shadow(0 28px 24px #000b);opacity:1;transform:scale(.82) rotate(-2deg)}
.app-reveal-market{z-index:1;object-fit:cover;object-position:center top;opacity:0;transform:scale(1.12)}
.app-reveal-glow{position:absolute;z-index:0;inset:12%;border-radius:50%;background:#14cfff45;filter:blur(45px);opacity:1}
.app-reveal-hint{position:absolute;z-index:4;left:50%;bottom:8%;display:grid;justify-items:center;gap:7px;transform:translateX(-50%);text-align:center;color:#dffaff;pointer-events:none;will-change:opacity}
.app-reveal-hint span,.app-reveal-label span{font-size:9px;letter-spacing:2.2px;color:#66e7ff}.app-reveal-hint strong{font-size:14px;font-weight:500}.app-reveal-hint i{font-size:18px;font-style:normal;animation:reveal-arrow 1.35s ease-in-out infinite}
.app-reveal-label{position:absolute;z-index:4;left:24px;right:24px;bottom:22px;display:flex;align-items:center;justify-content:space-between;opacity:0;pointer-events:none;will-change:opacity}.app-reveal-label a{pointer-events:auto;color:#e8fbff;font-size:12px;padding:8px 13px;border:1px solid #c5f6ff70;border-radius:999px;background:#06202bbd;backdrop-filter:blur(16px);text-decoration:none}
@keyframes reveal-arrow{50%{transform:translateY(7px)}}
@media(max-width:600px){.app-reveal-story{height:205svh}.app-reveal-frame{width:230px;height:280px;border-radius:36px}.app-reveal-phone{padding:8px}.app-reveal-market{object-position:50% top}.app-reveal-hint{bottom:10%;width:85%}.app-reveal-label{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.app-reveal-label span{font-size:7px}.app-reveal-label a{font-size:10px;padding:7px 11px}}
@media(max-width:600px){.intro>div:first-child{padding:0 0 0 18px}.intro-copy,.feature-copy{padding:24px}.feature-copy{border-radius:20px}.faq-list{padding:8px 20px}.features::after{background-size:40px 40px}}

/* Real app captures replace the illustrative Market and RSI mock cards. */
.screenshot-preview,.reverse .screenshot-preview{display:block;padding:0;overflow:visible;cursor:zoom-in;text-decoration:none;color:#f1fbff;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.screenshot-preview:hover{border-color:transparent;box-shadow:none}
.screenshot-preview:focus-visible{outline:3px solid #8fefff;outline-offset:6px}
.screenshot-preview::before,.screenshot-preview::after{display:none}
.screenshot-preview>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;background:#071827;border-bottom:1px solid #d6f7ff55}
.screenshot-preview>.feature-screen-capture{border:1px solid #c9f4ff4f;border-radius:22px;box-shadow:0 28px 65px #0010189c;transition:transform .35s ease,box-shadow .35s ease}.screenshot-preview:hover>.feature-screen-capture{transform:translateY(-5px) scale(1.01);box-shadow:0 36px 80px #001018c7}
.device-showcase{position:relative;display:block;isolation:isolate;--art-base:-1.5deg}
.rsi-preview .device-showcase{--art-base:1.5deg}
.device-showcase::before{content:"";position:absolute;z-index:-1;inset:15% 8% 8%;background:radial-gradient(circle at 55% 48%,#20d2ff38,transparent 53%);filter:blur(34px);pointer-events:none}
.selected-device-art{display:block;width:114%;height:auto;margin-left:-7%;filter:drop-shadow(0 35px 30px #0009) drop-shadow(0 0 30px #1bdcff35);transform:translate3d(0,var(--art-y,0px),0) rotate(var(--art-base)) scale(1);transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease;will-change:transform}
.screenshot-preview:hover .selected-device-art{filter:drop-shadow(0 42px 34px #000b) drop-shadow(0 0 42px #1bdcff55);transform:translate3d(0,calc(var(--art-y,0px) - 9px),0) rotate(0deg) scale(1.025)}
.screenshot-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 6px 0;background:transparent;border:0}
.screenshot-caption strong{display:block;font-size:15px;letter-spacing:.02em}
.screenshot-caption small{display:block;color:#b0cddd;font-size:11px;margin-top:3px}
.screenshot-caption>span:last-child{flex:none;padding:7px 12px;border:1px solid #c6f6ff55;border-radius:999px;color:#dcfbff;font-size:11px;background:#0c2f3d88;backdrop-filter:blur(12px)}
@media(max-width:600px){.screenshot-preview,.reverse .screenshot-preview{padding:0}.device-showcase{margin-inline:-20px}.selected-device-art{width:124%;margin-left:-12%}.screenshot-caption{padding:8px 2px 0;gap:8px}.screenshot-caption strong{font-size:13px}.screenshot-caption small{font-size:9px}.screenshot-caption>span:last-child{font-size:9px;padding:5px 8px}}

/* Full-screen screenshot viewer. The stage owns touch gestures so mobile users can pinch and pan the capture. */
body.lightbox-open{overflow:hidden}
.image-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,2.5vw,36px);border:0;background:#020b12d9;color:var(--text);overflow:hidden;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.image-lightbox::backdrop{background:#01070cc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lightbox-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #c8f4ff55;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#17394be8,#061924f2);box-shadow:inset 0 1px 0 #ffffff38,0 30px 100px #000b}
.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid #c6efff24;background:#c8efff0a}
.lightbox-header strong{display:block;font-size:15px}.lightbox-header small{display:block;color:#9fc2d2;font-size:11px;margin-top:2px}
.lightbox-header button,.lightbox-controls button{font:inherit;color:#e9fbff;border:1px solid #c6f6ff4d;background:#a7e9ff10;border-radius:999px;cursor:pointer}
.lightbox-header button{padding:7px 16px}.lightbox-header button:hover,.lightbox-controls button:hover{background:#b9efff22;border-color:#d9faff99}
.lightbox-stage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:grab;background:radial-gradient(circle at 50% 40%,#1d5e7952,transparent 65%),#03101a}
.lightbox-stage.is-panning{cursor:grabbing}
.lightbox-stage img{display:block;max-width:92%;max-height:92%;width:auto;height:auto;object-fit:contain;transform:translate3d(var(--pan-x,0px),var(--pan-y,0px),0) scale(var(--image-scale,1));transform-origin:center;will-change:transform;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.lightbox-controls{display:flex;justify-content:center;gap:10px;padding:12px;border-top:1px solid #c6efff24;background:#c8efff0a}
.lightbox-controls button{min-width:76px;padding:7px 14px;font-size:12px}.lightbox-controls .lightbox-scale{min-width:72px;color:#8fefff}
@media(max-width:600px){.image-lightbox{padding:0}.lightbox-shell{border-radius:0;border-inline:0}.lightbox-header{padding:12px 14px}.lightbox-header small{font-size:10px}.lightbox-stage img{max-width:96%;max-height:94%}.lightbox-controls{padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.lightbox-controls button{min-width:70px}.screenshot-preview{cursor:zoom-in}}
@media(prefers-reduced-motion:no-preference){.image-lightbox[open]{animation:lightbox-in .2s ease-out}.image-lightbox[open] .lightbox-shell{animation:lightbox-shell-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes lightbox-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-shell-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}}