:root{color-scheme:dark;--bg:#080914;--panel:#121426;--text:#f5f4ff;--muted:#9b9cb3;--line:#292b43;--purple:#9e75ff;--cyan:#68e9ff;--pink:#ff75d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.ambient{position:absolute;pointer-events:none;filter:blur(105px);opacity:.24;z-index:-1}.ambient-a{width:480px;height:480px;top:80px;right:-100px;background:#6840e9}.ambient-b{width:340px;height:340px;top:510px;left:-170px;background:#127fc5}.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.055)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:700;letter-spacing:-1.5px}.brand-icon{width:37px;height:37px;display:grid;place-items:center;position:relative;font-size:24px;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#6c48d8,#b04bcb);box-shadow:0 0 24px #794cce45}.brand-dot{position:absolute;width:5px;height:5px;right:5px;bottom:5px;background:#7ceaff;border-radius:50%}.brand-accent{color:#ae8dff}.nav-links{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:700;color:#c6c4d9}.nav-links>a:not(.nav-cta):hover{color:white}.nav-cta{padding:12px 19px;border:1px solid #4e466d;border-radius:9px;color:white}.nav-cta:hover{border-color:#b094ff}.menu-toggle{display:none}.hero{min-height:685px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:50px;padding-bottom:70px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#b69aff}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #413458;border-radius:100px;padding:11px 14px;background:#231b383d;letter-spacing:1.2px}.status-pulse{width:7px;height:7px;border-radius:50%;background:#a783ff;box-shadow:0 0 0 5px #a783ff22;display:inline-block;flex:none}.hero h1{font-size:clamp(53px,5.2vw,82px);letter-spacing:-5px;line-height:1.08;margin:26px 0}.gradient-text{background:linear-gradient(100deg,#aa8aff 8%,#e28ce9 54%,#70e3ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{max-width:520px;font-size:18px;line-height:1.8;color:#a9aac1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;border-radius:10px;padding:16px 23px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#8a60ef,#b45fd5);box-shadow:0 8px 35px #8054d63b}.button-ghost{border:1px solid #3c3c58;background:#141526}.hero-note{margin-top:28px;color:#8f91aa;font-size:12px;display:flex;align-items:center;gap:9px}.platform-dot,.online-dot{display:inline-block;width:7px;height:7px;background:#57e1ac;border-radius:50%;box-shadow:0 0 10px #57e1ac}.hero-art{position:relative;min-height:535px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #55487c4a;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:520px;height:340px}.orbit-two{width:600px;height:440px;border-color:#55487c23}.mockup{position:relative;width:340px;padding:16px;border:1px solid #4b4269;border-radius:25px;background:linear-gradient(155deg,#25233b,#111321 70%);box-shadow:0 40px 90px #0009,0 0 80px #7847cf33;transform:rotate(7deg)}.mockup-top{display:flex;align-items:center;gap:11px;padding:7px 4px 16px}.mini-brand{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(120deg,#8c56eb,#df73d1);font-weight:900}.tiny-label{font-size:9px;color:#a2a1b7;letter-spacing:1.3px;display:block;margin-bottom:3px}.mockup-top strong,.match-card strong{font-size:13px}.mockup-more{margin-left:auto;color:#aaa}.game-visual{height:225px;border-radius:15px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#8957d7aa,transparent 35%),radial-gradient(circle at 30% 70%,#1576a0,transparent 45%),linear-gradient(130deg,#252149,#101f3b)}.game-visual:before,.game-visual:after{content:"";position:absolute;border:1px solid #b9a0ff66;border-radius:50%;width:220px;height:220px;right:-60px;top:-70px;transform:rotate(40deg)}.game-visual:after{width:290px;height:290px;right:-115px;top:-100px;border-color:#85d8ff55}.game-visual-tag{position:absolute;top:15px;left:15px;font-size:9px;font-weight:800;letter-spacing:1px;background:#0b1024aa;padding:8px;border:1px solid #ffffff30;border-radius:6px}.game-visual-content{position:absolute;bottom:20px;left:19px}.game-type{display:block;font-size:9px;letter-spacing:1px;color:#b4e8ff;margin-bottom:8px}.game-visual-content strong{font-size:25px;line-height:1.12;letter-spacing:-1px}.mockup-row{display:flex;align-items:center;gap:10px;padding:17px 2px;font-size:11px;color:#b4b3c9}.avatars{display:flex;padding-left:6px}.avatars i{font-style:normal;display:grid;place-items:center;margin-left:-6px;width:24px;height:24px;border:2px solid #161528;border-radius:50%;background:#784bd3;font-size:9px;font-weight:700}.avatars i:nth-child(2){background:#c6609d}.avatars i:nth-child(3){background:#318cbb}.ready-indicator{margin-left:auto;color:#61dbab;font-size:10px}.match-card{border:1px solid #40395c;background:#26223c;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px}.match-icon{display:grid;place-items:center;background:#4d347a;width:37px;height:37px;border-radius:10px;color:#e2c5ff}.match-arrow{margin-left:auto;color:#c8a3ff}.float-label{position:absolute;z-index:2;padding:13px 16px;border:1px solid #544878;border-radius:12px;background:#211b39ee;box-shadow:0 18px 35px #0005;font-size:12px;font-weight:700;white-space:nowrap}.float-label-top{top:76px;right:-8px;transform:rotate(4deg)}.float-label-bottom{bottom:88px;left:-3px;transform:rotate(-5deg)}.float-icon{color:#f4a5f1;margin-right:8px}.float-label-bottom .online-dot{margin-right:7px}.trust-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:24px 0;border-top:1px solid #26253a;border-bottom:1px solid #26253a;color:#a3a0ba;font-size:11px;letter-spacing:1.7px}.trust-strip strong{font-size:13px;color:#d0cbe0}.strip-star{color:#795cbb}.section{padding-top:130px;padding-bottom:120px}.section-heading{max-width:650px}.section h2{font-size:clamp(39px,4.5vw,64px);line-height:1.12;letter-spacing:-3px;margin:18px 0}.muted-heading{color:#7f7d9d}.section-heading p,.workflow-copy>p{font-size:16px;color:#a1a2b8;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:45px}.feature-card{position:relative;overflow:hidden;min-height:310px;padding:28px;border:1px solid #36314d;border-radius:18px;background:linear-gradient(155deg,#211b36,#11131f)}.feature-blue{background:linear-gradient(155deg,#15283b,#11131f);border-color:#2a4256}.feature-pink{background:linear-gradient(155deg,#311c38,#11131f);border-color:#50304d}.feature-symbol{font-size:33px;color:#b9a0ff;margin-bottom:55px}.feature-blue .feature-symbol{color:#80e4ff}.feature-pink .feature-symbol{color:#ff95d8}.feature-index{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#a99dca}.feature-card h3{font-size:25px;letter-spacing:-1px;margin:13px 0}.feature-card p{max-width:270px;color:#a9a6be;font-size:13px;line-height:1.8;margin:0}.card-decoration{position:absolute;width:170px;height:170px;right:-85px;top:12px;border:1px solid #8d6bc544;border-radius:50%;box-shadow:0 0 0 35px #8d6bc511,0 0 0 70px #8d6bc508}.feature-blue .card-decoration{border-color:#5ecde744;box-shadow:0 0 0 35px #5ecde711,0 0 0 70px #5ecde708}.feature-pink .card-decoration{border-color:#e66fb344;box-shadow:0 0 0 35px #e66fb311,0 0 0 70px #e66fb308}.workflow-section{background:linear-gradient(180deg,#0c0e1b,#111126 55%,#0a0b16)}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.workflow-copy h2{font-size:clamp(37px,4vw,56px)}.text-link{display:inline-flex;gap:20px;color:#c6a8ff;font-weight:800;font-size:14px;margin-top:20px}.steps{border-left:1px solid #35334d}.step{display:flex;gap:25px;padding:20px 0 27px 30px;border-bottom:1px solid #29283b}.step:last-child{border-bottom:0}.step-number{color:#ae90fb;font-size:13px;font-weight:800}.step h3{margin:0 0 10px;font-size:20px}.step p{margin:0;color:#a3a3b7;font-size:13px;line-height:1.8}.about-panel{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:90px}.about-panel p{color:#a9a8bf;line-height:1.9;font-size:17px;margin-bottom:15px}.launch-section{padding-top:25px}.launch-panel{position:relative;overflow:hidden;text-align:center;padding:90px 25px;border:1px solid #5a417e;border-radius:25px;background:radial-gradient(ellipse at 50% 110%,#5b2e7e 0%,transparent 60%),linear-gradient(140deg,#221837,#151328)}.launch-panel h2{font-size:clamp(39px,5vw,65px);margin:20px 0}.launch-panel p{max-width:500px;margin:0 auto 28px;color:#b4aac9;line-height:1.8}.launch-badge{display:inline-flex;align-items:center;gap:12px;border:1px solid #8b65a1;border-radius:9px;padding:14px 20px;font-size:11px;letter-spacing:1.5px;font-weight:800;background:#281b3e}.launch-spark{position:absolute;font-size:50px;color:#b68bff66}.launch-spark-a{left:11%;top:20%}.launch-spark-b{right:13%;bottom:15%}.footer{padding-bottom:30px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:30px 0 45px}.footer-top p{color:#9391a9;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2c2a3d;padding-top:25px;color:#7e7e98;font-size:12px}@media(max-width:980px){.hero{gap:0}.hero h1{font-size:59px}.mockup{width:300px}.orbit-one{width:400px}.orbit-two{width:450px}.float-label-top{right:-4px}.workflow{gap:45px}.feature-card{padding:22px}}@media(max-width:720px){.shell{width:min(100% - 36px,520px)}.nav{height:72px}.brand{font-size:22px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:1px solid #393450;background:#161424;border-radius:9px;padding:12px;cursor:pointer}.menu-toggle span{display:block;width:19px;height:2px;background:#f2eaff}.nav-links{display:none;position:absolute;top:70px;left:18px;right:18px;padding:20px;background:#171629;border:1px solid #403855;border-radius:12px;flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{display:flex;flex-direction:column;gap:25px;padding-top:75px;padding-bottom:55px;min-height:unset}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:.6px}.hero h1{font-size:clamp(46px,11vw,67px);letter-spacing:-3.5px}.hero-lead{font-size:15px}.hero-actions{justify-content:center}.hero-note{justify-content:center}.hero-art{width:100%;min-height:430px}.mockup{width:280px;transform:rotate(4deg)}.orbit-one{width:340px;height:270px}.orbit-two{width:400px;height:340px}.float-label{font-size:10px;padding:10px}.float-label-top{top:35px;right:0}.float-label-bottom{bottom:25px;left:0}.trust-strip{flex-wrap:wrap;justify-content:center;font-size:9px;text-align:center}.trust-strip strong{font-size:10px}.section{padding-top:85px;padding-bottom:80px}.section h2{letter-spacing:-2px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:245px}.feature-symbol{margin-bottom:25px}.workflow{grid-template-columns:1fr;gap:40px}.about-panel{grid-template-columns:1fr;gap:0}.launch-section{padding-top:15px}.launch-panel{padding:65px 15px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}.footer-top{padding-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Phase 2: polish, accessibility and FAQ */
::selection{background:#8d65e5;color:#fff}
:focus-visible{outline:3px solid #8eeaff;outline-offset:4px}
.skip-link{position:fixed;top:12px;left:12px;z-index:99;transform:translateY(-150%);background:#f3eaff;color:#171023;padding:12px 18px;border-radius:9px;font-weight:800}
.skip-link:focus{transform:translateY(0)}
.site-header{background:rgba(8,9,20,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0}
.hero-art:before{content:"";position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(ellipse,#7754da2b,transparent 65%);filter:blur(24px)}
.hero .eyebrow{box-shadow:0 0 35px #a574e51a}
.feature-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.feature-card:hover{transform:translateY(-7px);border-color:#9473d2;box-shadow:0 20px 50px #0005}
.feature-blue:hover{border-color:#62cce5}.feature-pink:hover{border-color:#e178c2}
.nav-links a:not(.nav-cta){transition:color .2s}
.faq-section{padding-top:85px}
.faq-heading{text-align:center;max-width:620px;margin:0 auto 40px}
.faq-heading p{color:var(--muted);line-height:1.8}
.faq-list{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq-list details{border:1px solid #333149;border-radius:14px;background:linear-gradient(130deg,#18182a,#10111e);overflow:hidden}
.faq-list details[open]{border-color:#735a9e}
.faq-list summary{list-style:none;cursor:pointer;padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-weight:700;font-size:15px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#302544;color:#bba2ff;font-size:21px;flex:none;transition:transform .2s}
.faq-list details[open] .faq-plus{transform:rotate(45deg)}
.faq-list details p{margin:0;padding:0 25px 23px;max-width:720px;color:#aaa8bf;font-size:14px;line-height:1.8}
.footer-bottom a{color:#b9a1ed}
@media(max-width:720px){.faq-section{padding-top:55px}.faq-list summary{padding:19px;font-size:14px}.faq-list details p{padding:0 19px 19px}.site-header{position:sticky}.hero-art{isolation:isolate}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Phase 3: genre showcase and interaction polish */
.catalog-section{padding-top:75px}
.catalog-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end;margin-bottom:38px}
.catalog-heading h2{margin:16px 0}
.catalog-heading p{color:#aaa9c1;line-height:1.8;max-width:510px}
.catalog-meta{padding:24px;border:1px solid #3a3451;background:linear-gradient(135deg,#221c38,#141625);border-radius:16px;display:flex;flex-direction:column;gap:9px}
.catalog-meta-icon{font-size:26px;color:#a993f3}
.catalog-meta strong{font-family:'Space Grotesk',sans-serif;font-size:16px}
.catalog-meta span:last-child{color:#aaa9c1;font-size:12px;line-height:1.7}
.game-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.game-tile{min-height:350px;position:relative;overflow:hidden;border-radius:19px;border:1px solid #474065;background:radial-gradient(circle at 50% 45%,#6334ab99,transparent 47%),linear-gradient(140deg,#211638,#0f1424);isolation:isolate;transition:transform .25s,border-color .25s}
.game-tile:hover{transform:translateY(-5px);border-color:#b395ff}
.game-tile:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 33px,#ffffff07 34px),repeating-linear-gradient(90deg,transparent 0 33px,#ffffff07 34px);mask-image:linear-gradient(to bottom,black,transparent)}
.game-tile:after{content:"";position:absolute;inset:auto -15% -40% -15%;height:65%;background:radial-gradient(ellipse,#070816 15%,transparent 70%);z-index:-1}
.tile-number{position:absolute;top:22px;left:22px;font-size:11px;letter-spacing:1.5px;color:#d1c6e8;font-weight:800}
.tile-orb{position:absolute;width:175px;height:175px;top:64px;left:calc(50% - 87px);border:1px solid #ffffff70;border-radius:28%;transform:rotate(35deg);box-shadow:0 0 45px #9e65ff55,inset 0 0 50px #ab7cff33}
.tile-orb:before,.tile-orb:after{content:"";position:absolute;inset:25px;border:1px solid #ffffff60;border-radius:35%;transform:rotate(25deg)}
.tile-orb:after{inset:55px;background:#bda0ff;box-shadow:0 0 45px #bda0ff;border-radius:50%}
.tile-coop{background:radial-gradient(circle at 50% 45%,#1d94b699,transparent 47%),linear-gradient(140deg,#13394b,#0e1725);border-color:#2d596d}
.tile-coop .tile-orb{border-radius:50%;box-shadow:0 0 45px #45d6f555,inset 0 0 50px #6ee3ff33}
.tile-coop .tile-orb:after{background:#9beeff;box-shadow:0 0 45px #9beeff}
.tile-survival{background:radial-gradient(circle at 50% 45%,#ad488a99,transparent 47%),linear-gradient(140deg,#3b1d3c,#161222);border-color:#674066}
.tile-survival .tile-orb{border-radius:40% 60% 30% 70%;box-shadow:0 0 45px #f568c455,inset 0 0 50px #ff8cc633}
.tile-survival .tile-orb:after{background:#ff9bd7;box-shadow:0 0 45px #ff9bd7}
.tile-bottom{position:absolute;bottom:24px;left:24px;right:24px}
.tile-caption{font-size:10px;letter-spacing:1.6px;color:#d6c6ef;font-weight:800}
.tile-bottom h3{font-size:25px;letter-spacing:-1px;margin:8px 0 0;max-width:220px}
.tile-arrow{position:absolute;right:0;bottom:0;font-size:20px;color:#d5b6ff}
.catalog-disclaimer{font-size:11px;color:#82839c;margin-top:18px}
@media(max-width:720px){.catalog-section{padding-top:30px}.catalog-heading{grid-template-columns:1fr;gap:12px}.game-tiles{grid-template-columns:1fr}.game-tile{min-height:270px}.tile-orb{width:145px;height:145px;top:36px;left:calc(50% - 72px)}}

/* Phase 4: conceptual app preview */
.app-preview-section{padding-top:90px}
.preview-intro{text-align:center;max-width:660px;margin:0 auto 46px}
.preview-intro p{color:#a9a8bf;line-height:1.8;max-width:580px;margin:0 auto}
.preview-stage{position:relative;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;min-height:650px;border:1px solid #302b49;border-radius:28px;padding:55px 9%;overflow:hidden;background:radial-gradient(ellipse at 28% 52%,#32205b 0%,transparent 52%),linear-gradient(135deg,#141324,#0b0d1b)}
.preview-glow{position:absolute;top:15%;left:8%;width:350px;height:450px;border-radius:50%;background:#7b43c72e;filter:blur(70px);pointer-events:none}
.preview-phone{position:relative;z-index:1;width:310px;max-width:100%;margin:0 auto;background:linear-gradient(145deg,#161629,#0d0f1b);border:6px solid #34334b;border-radius:40px;padding:27px 16px 14px;box-shadow:0 25px 70px #000b,0 0 0 1px #73618c88;transform:rotate(-4deg);font-family:'DM Sans',sans-serif}
.phone-notch{position:absolute;top:8px;left:calc(50% - 42px);width:84px;height:15px;background:#050611;border-radius:0 0 12px 12px}
.phone-header{display:flex;align-items:center;justify-content:space-between;margin:19px 0}
.phone-greeting span{display:block;color:#9a96b3;font-size:9px;letter-spacing:1px;font-weight:800;margin-bottom:5px}
.phone-greeting strong{font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.8px}
.phone-dot{color:#b18aff}
.phone-avatar{display:grid;place-items:center;width:34px;height:34px;background:linear-gradient(120deg,#7655d4,#c76cba);border-radius:50%;font-size:10px;font-weight:800}
.phone-search{background:#202035;border:1px solid #39354f;border-radius:10px;color:#8986a1;font-size:11px;padding:11px;display:flex;gap:9px;align-items:center}
.phone-search span{font-size:19px;line-height:12px}
.phone-filters{display:flex;gap:6px;overflow:hidden;white-space:nowrap;margin:13px 0 16px}
.phone-filters span{font-size:9px;border:1px solid #39334f;border-radius:7px;padding:8px;color:#b7aecb}
.phone-filters .selected{background:#8058d4;color:#fff;border-color:#8058d4}
.phone-card{background:#1b1a2c;border:1px solid #3a3451;border-radius:12px;overflow:hidden;margin-bottom:10px}
.phone-card-banner{height:108px;background:radial-gradient(circle at 80% 40%,#9d62de88,transparent 35%),linear-gradient(135deg,#263d65,#43204e);display:flex;flex-direction:column;justify-content:flex-end;padding:13px;gap:5px}
.phone-card-banner span{font-size:8px;letter-spacing:1.1px;color:#d7c9ee}
.phone-card-banner strong{font-size:17px;font-family:'Space Grotesk',sans-serif}
.phone-card-details{padding:12px 11px 9px;display:flex;justify-content:space-between;gap:5px;align-items:center}
.phone-card-details strong{font-size:11px}
.phone-card-details>span{font-size:8px;color:#65d7ab;white-space:nowrap}
.phone-live{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65d7ab;margin-right:3px}
.phone-card-footer{display:flex;align-items:center;gap:8px;padding:0 11px 12px;font-size:9px;color:#aaa6be}
.phone-bubbles{display:flex;padding-left:5px}
.phone-bubbles i{display:grid;place-items:center;width:19px;height:19px;margin-left:-5px;border:1px solid #1b1a2c;border-radius:50%;background:#5b54a4;font-style:normal;font-size:8px;color:#fff}
.phone-bubbles i:nth-child(2){background:#b35c8c}.phone-bubbles i:nth-child(3){background:#338eaa}
.phone-join{margin-left:auto;padding:7px 10px;border-radius:6px;background:#7950ce;color:#fff;font-weight:800}
.phone-card-two{padding-top:6px}
.phone-tabs{border-top:1px solid #353047;display:flex;justify-content:space-between;padding-top:12px;margin-top:16px}
.phone-tabs>span{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:17px;color:#8c88a2}
.phone-tabs>span.active{color:#ba9aff}
.phone-tabs small{font-size:7px}
.preview-aside{position:relative;z-index:1;display:grid;gap:26px}
.preview-stat{display:flex;align-items:flex-start;gap:17px}
.preview-stat-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #68548e;background:#302244;border-radius:13px;color:#c9a8ff;font-size:23px;flex:none}
.preview-stat strong{font-family:'Space Grotesk',sans-serif;font-size:20px}
.preview-stat p{color:#aaa6c1;font-size:13px;line-height:1.8;margin:9px 0 0}
.preview-disclaimer{font-size:10px;color:#85819d;line-height:1.6}
@media(max-width:850px){.preview-stage{gap:40px;padding:40px 5%}}
@media(max-width:720px){.app-preview-section{padding-top:50px}.preview-stage{grid-template-columns:1fr;gap:40px;padding:50px 22px}.preview-phone{width:290px;transform:rotate(-2deg)}.preview-aside{gap:20px}.preview-stat strong{font-size:18px}}