:root{
  --bg:#02081c;--bg2:#06122d;--panel:#0b1735;--panel2:#101e43;--text:#f6f7ff;--muted:#aab3ca;
  --line:rgba(142,165,222,.18);--purple:#7b2cff;--violet:#9c2cff;--blue:#2d6bff;--cyan:#00d8ff;
  --green:#23e77b;--yellow:#ffbd17;--pink:#ff4fc5;--radius:20px;--shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:radial-gradient(circle at 70% 8%,rgba(61,45,183,.13),transparent 30%),linear-gradient(180deg,#02071a 0%,#030a21 42%,#02071a 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.site-header{height:86px;position:sticky;top:0;z-index:100;background:rgba(2,8,28,.76);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:rgba(121,107,255,.16);box-shadow:0 12px 40px rgba(0,0,0,.24)}.header-inner{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;margin-right:auto}.brand img{width:178px;height:auto}.desktop-nav{display:flex;gap:42px;font-size:15px;color:#e9ebf7}.desktop-nav a,.footer-nav a{transition:.2s}.desktop-nav a:hover,.footer-nav a:hover,.footer-legal a:hover,.footer-support a:hover{color:#a47cff}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(178,105,255,.6);border-radius:12px;padding:15px 22px;background:linear-gradient(135deg,#9527ef 0%,#5c28df 55%,#395cff 100%);font-weight:750;box-shadow:0 14px 35px rgba(97,42,226,.28),inset 0 1px rgba(255,255,255,.18);transition:.22s transform,.22s filter,.22s box-shadow}.button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 46px rgba(97,42,226,.42),inset 0 1px rgba(255,255,255,.18)}.button svg{width:19px;height:19px;fill:none}.button-sm{padding:12px 18px;font-size:14px}.menu-button{display:none;border:0;background:transparent;color:white;padding:8px}.menu-button svg{width:28px;height:28px}.mobile-nav{display:none}.hero{position:relative;padding:34px 0 26px;min-height:660px}.hero::after{content:"";position:absolute;right:-8%;bottom:0;width:61%;height:260px;background:radial-gradient(ellipse at center,rgba(0,115,255,.18),transparent 66%);filter:blur(20px);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4;pointer-events:none}.hero-glow-a{width:340px;height:340px;right:20%;top:70px;background:#3d2cff}.hero-glow-b{width:270px;height:270px;right:2%;top:250px;background:#005dff}.hero-grid{display:grid;grid-template-columns:43% 57%;align-items:center;gap:12px;position:relative;z-index:1}.hero-copy{padding-top:8px}.status-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #b77c00;color:#ffbd17;background:rgba(83,56,0,.22);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;margin-bottom:22px;box-shadow:inset 0 0 22px rgba(255,188,17,.05)}.status-chip svg{width:16px;height:16px;fill:none}.hero h1{font-size:clamp(45px,4.2vw,67px);line-height:1.07;letter-spacing:-.045em;margin:0 0 20px;font-weight:800}.hero h1 span{background:linear-gradient(90deg,#02d9ff 0%,#6961ff 52%,#e221ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#bec6d9;font-size:18px;line-height:1.65;max-width:585px;margin:0 0 26px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:610px;margin-bottom:24px}.hero-stats>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.hero-stats b{font-size:13px;line-height:1.25}.hero-stats small{grid-column:2;color:#9ea8bf;font-size:12px;line-height:1.3}.stat-icon{grid-row:1/3;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#184fff,#6326dc);box-shadow:0 10px 22px rgba(63,66,238,.28),inset 0 1px rgba(255,255,255,.2)}.stat-icon svg{width:24px;height:24px;fill:currentColor}.hero-button{font-size:16px;padding:15px 22px}.access-note{display:flex;align-items:center;gap:7px;color:#9aa5bd;font-size:13px;margin-top:12px}.access-note svg{width:16px;height:16px;fill:none;color:#e6ae25}.hero-visual{height:570px;position:relative;isolation:isolate}.visual-orbit{position:absolute;inset:7% 0 0 8%;border-radius:45% 55% 48% 52%;background:radial-gradient(circle at 55% 42%,rgba(91,54,255,.28),rgba(7,21,64,.12) 50%,transparent 72%);filter:blur(3px)}.visual-orbit::after{content:"";position:absolute;right:-3%;bottom:7%;width:110%;height:100px;border-top:2px solid rgba(38,124,255,.42);border-radius:50%;transform:rotate(-9deg);filter:drop-shadow(0 0 12px #0868ff)}.phone{position:absolute;background:#050a16;border:3px solid #3d465a;border-radius:36px;padding:7px;box-shadow:0 26px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}.phone::before{content:"";position:absolute;inset:0;border-radius:32px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none;z-index:3}.phone img{width:100%;height:100%;object-fit:cover;border-radius:27px}.speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:29%;height:5px;border-radius:999px;background:#050913;z-index:4;box-shadow:0 0 0 1px rgba(255,255,255,.04)}.phone-main{width:255px;height:535px;left:34%;top:4%;z-index:3;transform:rotate(-1deg)}.phone-left{width:225px;height:472px;left:8%;top:13%;z-index:2;transform:rotate(-7deg)}.phone-right{width:220px;height:462px;right:2%;top:12%;z-index:1;transform:rotate(8deg)}.section{padding:34px 0}.section-title,.section-heading h2{font-size:30px;line-height:1.2;margin:0;font-weight:800;letter-spacing:-.025em}.section-title{text-align:center;margin-bottom:20px}.section-heading{text-align:center;margin-bottom:20px}.section-heading p{color:#99a4bd;margin:8px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.feature-card{min-height:210px;padding:22px 17px 18px;text-align:center;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(15,31,68,.88),rgba(7,18,43,.88));box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.14);transition:.25s transform,.25s border-color}.feature-card:hover{transform:translateY(-5px);border-color:rgba(128,95,255,.45)}.feature-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:13px;display:grid;place-items:center;box-shadow:inset 0 1px rgba(255,255,255,.18),0 12px 25px rgba(0,0,0,.2)}.feature-icon svg{width:27px;height:27px;fill:currentColor}.feature-card h3{font-size:16px;margin:0 0 10px}.feature-card p{font-size:13px;color:#b3bdd1;margin:0;line-height:1.55}.violet h3{color:#d39aff}.violet .feature-icon{background:linear-gradient(145deg,#5d2cd9,#2335a4)}.blue h3{color:#6bc9ff}.blue .feature-icon{background:linear-gradient(145deg,#286bf0,#172b70)}.green h3{color:#65ef87}.green .feature-icon{background:linear-gradient(145deg,#15844e,#153d39)}.orange h3{color:#ffc43c}.orange .feature-icon{background:linear-gradient(145deg,#c56c24,#6e361d)}.pink h3{color:#ff8fc8}.pink .feature-icon{background:linear-gradient(145deg,#c52a88,#6c1d69)}.cyan h3{color:#54e5ee}.cyan .feature-icon{background:linear-gradient(145deg,#2093aa,#183d65)}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mode-card{position:relative;min-height:177px;display:grid;grid-template-columns:76px 1fr;gap:15px;padding:20px;border-radius:17px;border:1px solid currentColor;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.22);transition:.25s}.mode-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,currentColor,transparent 46%);opacity:.08;pointer-events:none}.mode-card:hover{transform:translateY(-4px);filter:brightness(1.07)}.mode-number{width:70px;height:70px;border-radius:17px;border:2px solid currentColor;display:grid;place-items:center;font-size:43px;font-weight:500;background:rgba(8,28,52,.6);box-shadow:inset 0 0 20px currentColor,0 0 20px rgba(0,0,0,.15)}.mode-card h3{margin:5px 0 8px;font-size:20px;line-height:1.18}.mode-card p{margin:0;color:#bdc6d6;font-size:13px;line-height:1.5}.mode-symbol{position:absolute;left:23px;bottom:17px;width:25px;height:25px;fill:none}.mode-cyan{color:#00e5ff;background:linear-gradient(145deg,#042a3d,#041523)}.mode-purple{color:#b35cff;background:linear-gradient(145deg,#29105b,#12092d)}.mode-green{color:#35ed77;background:linear-gradient(145deg,#073c2e,#061d1a)}.mode-yellow{color:#ffba13;background:linear-gradient(145deg,#47300a,#1f180d)}.testing-section{padding-top:58px}.testing-panel{position:relative;overflow:hidden;border:1px solid rgba(182,64,255,.68);border-radius:28px;background:radial-gradient(circle at 15% 15%,rgba(93,31,196,.22),transparent 35%),linear-gradient(120deg,rgba(20,20,70,.94),rgba(4,18,48,.96));box-shadow:0 22px 78px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)}.testing-top{padding:42px 42px 20px;text-align:center}.testing-kicker{margin:0 0 12px!important;color:#aeb8d6!important;font-size:14px!important;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.testing-top h2{margin:0;font-size:clamp(29px,4vw,44px);line-height:1.1;letter-spacing:-.035em}.testing-top>p:last-child{margin:10px 0 0;color:#aab4cb;font-size:17px}.testing-steps{padding:14px 42px 42px;display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);gap:18px;align-items:center}.testing-step{min-height:270px;padding:26px;display:flex;flex-direction:column;border:1px solid rgba(113,134,207,.35);border-radius:20px;background:rgba(5,22,57,.65);box-shadow:inset 0 1px rgba(255,255,255,.025)}.testing-step-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center}.testing-step-number{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#8439f1,#4e3fea);box-shadow:inset 0 1px rgba(255,255,255,.26),0 9px 22px rgba(75,50,225,.18);font-size:24px;font-weight:840}.testing-step h3{margin:0;font-size:20px;line-height:1.25}.testing-step>p{margin:17px 0 24px;color:#aab4cb;font-size:15px;line-height:1.55}.testing-step-button{margin-top:auto;align-self:flex-start;padding:13px 20px;font-size:14px}.button-secondary{background:rgba(5,18,47,.48);border-color:rgba(113,134,207,.38);box-shadow:none}.button-secondary:hover{background:rgba(19,34,73,.8);border-color:rgba(151,115,255,.65);box-shadow:0 12px 28px rgba(0,0,0,.18)}.testing-step-arrow{display:grid;place-items:center;color:#8494c3}.testing-step-arrow svg{width:42px;height:42px;fill:none}.testing-note{padding:0 42px 38px;text-align:center;color:#a9b4d3;font-size:13px}.testing-note strong{color:#ffc64a}.details-section{padding-top:4px}.screens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:900px;margin:0 auto}.screen-card{margin:0;text-align:center}.detail-phone{position:relative;width:100%;height:auto;aspect-ratio:360/753;border-radius:28px;padding:6px;border-width:2px;box-shadow:0 20px 40px rgba(0,0,0,.38),0 0 28px rgba(79,67,200,.1)}.detail-phone img{border-radius:23px}.screen-card figcaption{margin-top:10px;font-weight:650;font-size:14px;color:#e6e9f2}.faq-section{padding:20px 0 50px}.faq-inner{border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.faq-inner h2{font-size:28px;margin:0 0 8px}.faq-inner>div p{color:#98a4bd;margin:0;max-width:340px}.faq-inner details{border:1px solid var(--line);border-radius:14px;padding:16px;background:rgba(9,23,53,.55)}.faq-inner summary{cursor:pointer;font-weight:700}.faq-inner details p{color:#abb5ca;font-size:14px;margin:12px 0 0}.site-footer{border-top:1px solid rgba(108,131,188,.22);padding:24px 0 38px;background:rgba(1,6,20,.55)}.footer-grid{display:grid;grid-template-columns:1.2fr 1.5fr .8fr 1fr;gap:34px;align-items:start}.footer-brand img{width:145px}.footer-brand p{color:#929db4;font-size:12px;margin:9px 0 0}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;font-size:13px;color:#d9deeb}.footer-support,.footer-legal{display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-support span{color:#d9deeb}.footer-support a,.footer-legal a{color:#9382ff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.feature-card,.mode-card{transition:none}}
@media(max-width:1100px){.desktop-nav{gap:24px}.header-cta{display:none}.hero-grid{grid-template-columns:48% 52%}.hero-visual{transform:scale(.9);transform-origin:center right}.feature-grid{grid-template-columns:repeat(3,1fr)}.mode-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-support,.footer-legal{margin-top:4px}}
@media(max-width:820px){.container{width:min(100% - 32px,680px)}.site-header{height:72px}.brand img{width:155px}.desktop-nav{display:none}.menu-button{display:block}.mobile-nav{position:absolute;top:72px;left:16px;right:16px;display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(5,15,38,.97);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.2s}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a{padding:12px 13px;border-radius:10px}.mobile-nav a:hover{background:rgba(117,74,255,.13)}.hero{padding-top:28px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.status-chip{margin-bottom:17px}.hero h1{font-size:clamp(43px,11vw,62px)}.hero-lead{margin-left:auto;margin-right:auto}.hero-stats{margin-left:auto;margin-right:auto}.access-note{justify-content:center}.hero-visual{height:530px;transform:none;margin-top:8px}.phone-main{left:50%;transform:translateX(-50%) rotate(-1deg)}.phone-left{left:4%}.phone-right{right:4%}.feature-grid{grid-template-columns:repeat(2,1fr)}.screens-grid{grid-template-columns:repeat(2,1fr);max-width:560px}.steps-grid{grid-template-columns:1fr;max-width:620px}.step-arrow{transform:rotate(90deg);line-height:1}.testing-panel{padding:22px}.step-card-layout{grid-template-columns:120px minmax(0,1fr)}.faq-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-nav{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.hero{padding-top:22px}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.hero-stats>div{text-align:left}.hero-button{width:100%}.hero-visual{height:420px;margin-left:-10px;margin-right:-10px}.phone-main{width:194px;height:406px}.phone-left{width:155px;height:325px;top:17%;left:0}.phone-right{width:150px;height:315px;top:17%;right:0}.phone{border-radius:28px;padding:5px}.phone img{border-radius:23px}.section{padding:28px 0}.section-title,.section-heading h2,.testing-heading h2{font-size:25px}.feature-grid,.mode-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.mode-card{min-height:165px}.testing-panel{padding:18px 14px}.testing-heading p{font-size:14px}.step-card{padding:18px;min-height:250px}.step-number{left:16px;top:16px;width:40px;height:40px;font-size:22px}.step-card-layout{grid-template-columns:86px minmax(0,1fr);gap:14px;padding-top:18px}.group-icon{width:76px;height:76px;margin-top:16px}.google-play-icon{width:66px;height:76px;margin-top:16px}.step-content h3{font-size:18px}.step-content p{font-size:13px}.testing-button{min-width:0;width:100%;font-size:15px}.screens-grid{gap:18px}.detail-phone{border-radius:22px}.detail-phone img{border-radius:18px}.screen-card figcaption{font-size:12px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-nav{grid-template-columns:repeat(2,1fr)}.faq-section{padding-bottom:30px}}

@media(max-width:820px){.testing-top{padding:32px 22px 10px}.testing-steps{padding:16px 22px 30px;grid-template-columns:1fr}.testing-step-arrow{transform:rotate(90deg)}.testing-note{padding:0 22px 30px}}
@media(max-width:560px){.testing-panel{border-radius:22px}.testing-top{padding:28px 16px 8px}.testing-kicker{font-size:12px!important}.testing-top h2{font-size:29px}.testing-top>p:last-child{font-size:15px}.testing-steps{padding:14px 14px 24px;gap:14px}.testing-step{min-height:0;padding:20px;border-radius:16px}.testing-step-head{grid-template-columns:46px minmax(0,1fr);gap:13px}.testing-step-number{width:46px;height:46px;border-radius:12px;font-size:21px}.testing-step h3{font-size:18px}.testing-step>p{font-size:14px;margin:15px 0 20px}.testing-step-button{width:100%;align-self:stretch}.testing-note{padding:0 16px 24px;line-height:1.5}}




/* v7 refined modes carousel */
.modes-section{padding-top:18px}.modes-section .section-heading{margin-bottom:22px}.modes-section .section-heading h2{font-size:30px}.modes-section .section-heading p{font-size:16px}.mode-carousel{position:relative;padding:0 42px}.mode-track-viewport{overflow:hidden}.mode-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px 0 4px}.mode-track::-webkit-scrollbar{display:none}.mode-track .mode-card{flex:0 0 calc((100% - 48px) / 4);scroll-snap-align:start}.mode-card{position:relative;min-height:196px;display:grid;grid-template-columns:78px 1fr;align-items:start;gap:18px;padding:20px 18px 18px 18px;border-radius:18px;border:1px solid currentColor;overflow:hidden;box-shadow:inset 0 0 40px rgba(0,0,0,.20);transition:.25s}.mode-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 16%,currentColor,transparent 46%);opacity:.08;pointer-events:none}.mode-card:hover{transform:translateY(-4px);filter:brightness(1.05)}.mode-number{width:66px;height:66px;border-radius:16px;border:2px solid currentColor;display:grid;place-items:center;font-size:40px;font-weight:600;background:rgba(8,28,52,.45);box-shadow:inset 0 0 18px currentColor,0 0 22px rgba(0,0,0,.12)}.mode-copy h3{margin:4px 0 10px;font-size:20px;line-height:1.16}.mode-copy p{margin:0;color:#c0c8d8;font-size:14px;line-height:1.5;max-width:210px}.mode-symbol-img{position:absolute;left:22px;bottom:18px;width:28px;height:28px;display:block;filter:drop-shadow(0 0 8px rgba(255,255,255,.04))}.mode-cyan{color:#67dcff;background:linear-gradient(145deg,#082942,#071523)}.mode-purple{color:#a962ff;background:linear-gradient(145deg,#2b0f5b,#14092d)}.mode-green{color:#79ef72;background:linear-gradient(145deg,#123c2d,#081d19)}.mode-yellow{color:#f4ba36;background:linear-gradient(145deg,#4c320b,#23170b)}.mode-blue{color:#7ca8ff;background:linear-gradient(145deg,#10264e,#0a152a)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:14px;border:1px solid rgba(87,104,181,.45);background:linear-gradient(180deg,rgba(9,24,57,.94),rgba(6,17,44,.92));color:#d7def1;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);transition:transform .2s ease,filter .2s ease,border-color .2s ease,opacity .2s ease}.carousel-nav:hover{transform:translateY(-50%) scale(1.03);filter:brightness(1.08);border-color:rgba(145,119,255,.72)}.carousel-nav:disabled{opacity:.25;cursor:default;transform:translateY(-50%)}.carousel-nav svg{width:22px;height:22px;fill:none}.carousel-prev{left:-10px}.carousel-prev svg{transform:rotate(180deg)}.carousel-next{right:-10px}
@media(max-width:1100px){.mode-track .mode-card{flex-basis:calc((100% - 16px) / 2)}.mode-copy p{max-width:none}}
@media(max-width:700px){.mode-carousel{padding:0}.mode-track .mode-card{flex-basis:84%}.carousel-nav{display:none}.modes-section .section-heading{margin-bottom:16px}}


/* v8: wider landscape mode cards */
.mode-carousel{padding:0 50px}
.mode-track{gap:18px;padding:4px 0 8px}
.mode-track .mode-card{flex:0 0 calc((100% - 36px) / 3)}
.mode-card{
  min-height:202px;
  grid-template-columns:86px minmax(0,1fr);
  gap:20px;
  padding:20px 22px 20px;
  border-radius:18px;
}
.mode-number{
  width:74px;
  height:74px;
  border-radius:13px;
  border-width:2px;
  font-size:43px;
  line-height:1;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(6,17,39,.72));
  box-shadow:
    inset 0 0 20px currentColor,
    inset 0 1px 0 rgba(255,255,255,.38),
    0 0 16px color-mix(in srgb,currentColor 38%,transparent),
    0 10px 22px rgba(0,0,0,.18);
}
.mode-copy h3{margin:5px 0 10px;font-size:21px;line-height:1.18}
.mode-copy p{max-width:none;font-size:14px;line-height:1.48}
.mode-symbol-img{left:24px;bottom:19px;width:38px;height:38px}
.carousel-prev{left:-2px}.carousel-next{right:-2px}

@media(max-width:1100px){
  .mode-track .mode-card{flex-basis:calc((100% - 18px) / 2)}
  .mode-card{min-height:198px}
}
@media(max-width:760px){
  .mode-carousel{padding:0}
  .mode-track .mode-card{flex-basis:88%}
  .mode-card{min-height:194px;grid-template-columns:82px minmax(0,1fr);gap:17px;padding:18px 19px}
  .mode-number{width:70px;height:70px;font-size:40px}
  .mode-symbol-img{left:22px;bottom:17px;width:35px;height:35px}
}


/* v9 branding + screenshots refresh */
.brand img{width:240px!important;height:auto}.footer-brand img{width:200px!important;height:auto}.hero h1{max-width:530px;font-family:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif;font-size:clamp(36px,4vw,56px)!important;line-height:1.03;letter-spacing:-.03em;font-weight:700;margin:0 0 18px}.hero-lead{max-width:560px;font-size:17px}.phone img,.detail-phone img{image-rendering:auto;-ms-interpolation-mode:bicubic;backface-visibility:hidden;transform:translateZ(0)}@media(max-width:820px){.brand img{width:210px!important}.hero h1{font-size:clamp(34px,8.2vw,48px)!important;max-width:none}}@media(max-width:560px){.brand img{width:190px!important}.footer-brand img{width:180px!important}.hero h1{font-size:34px!important;line-height:1.05}.hero-visual{height:440px}.phone-main{width:200px;height:422px}.phone-left{width:160px;height:338px;top:17%;left:0}.phone-right{width:155px;height:328px;top:17%;right:0}}


/* v10 pre-rendered side phones: no browser rotation */
.hero-side-phone{position:absolute;display:block;z-index:1;filter:drop-shadow(0 28px 34px rgba(0,0,0,.48));backface-visibility:hidden;transform:translateZ(0)}.hero-side-phone img{display:block;width:100%;height:auto;image-rendering:auto}.phone-left-rendered{width:265px;left:3%;top:9%;z-index:2}.phone-right-rendered{width:258px;right:-1%;top:9%;z-index:1}.phone-main{z-index:3}.phone-left,.phone-right{display:none!important}@media(max-width:1100px){.phone-left-rendered{width:245px;left:0}.phone-right-rendered{width:238px;right:-3%}}@media(max-width:820px){.phone-left-rendered{width:218px;left:0;top:15%}.phone-right-rendered{width:210px;right:0;top:15%}}@media(max-width:560px){.phone-left-rendered{width:164px;left:-3%;top:18%}.phone-right-rendered{width:158px;right:-3%;top:18%}}


/* v11: corrected hero composition and fully interactive infinite carousels */
.hero-visual{height:570px;overflow:visible}.hero-side-phone{position:absolute;display:block;filter:drop-shadow(0 28px 34px rgba(0,0,0,.48));backface-visibility:hidden;transform:translateZ(0)}.hero-side-phone img{display:block;width:100%;height:auto;image-rendering:auto}.phone-left-rendered{width:248px;left:2%;top:10%;z-index:1}.phone-right-rendered{width:258px;right:-1%;top:9%;z-index:2}.phone-main{width:255px;height:535px;left:34%;top:4%;z-index:3;transform:rotate(-1deg)}

[data-loop-carousel]{position:relative}.mode-track,.details-track{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;user-select:none;cursor:grab}.mode-track.is-dragging,.details-track.is-dragging{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important}.mode-track img,.details-track img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.carousel-nav:disabled{opacity:1;cursor:pointer}

.details-section{padding-top:18px}.details-carousel{position:relative;padding:0 54px}.details-track-viewport{overflow:hidden}.details-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 2px 18px}.details-track::-webkit-scrollbar{display:none}.screen-card{flex:0 0 calc((100% - 52px)/3);scroll-snap-align:start;margin:0;text-align:center}.detail-device{position:relative;width:100%;aspect-ratio:var(--device-ratio,480 / 1000);padding:6px;border:2px solid #3d465a;border-radius:30px;background:#050a16;overflow:hidden;box-shadow:0 22px 46px rgba(0,0,0,.42),0 0 30px rgba(79,67,200,.12),inset 0 0 0 1px rgba(255,255,255,.08)}.detail-device::before{content:"";position:absolute;z-index:2;top:10px;left:50%;width:27%;height:5px;transform:translateX(-50%);border-radius:999px;background:#050913;box-shadow:0 0 0 1px rgba(255,255,255,.04)}.detail-device picture,.detail-device img{display:block;width:100%;height:100%}.detail-device img{object-fit:contain;border-radius:23px;image-rendering:auto}.screen-card figcaption{margin-top:12px;font-size:14px;font-weight:700;color:#e8ebf5}

@media(max-width:1100px){.phone-left-rendered{width:228px;left:-1%}.phone-right-rendered{width:238px;right:-3%}.screen-card{flex-basis:calc((100% - 26px)/2)}}
@media(max-width:820px){.phone-left-rendered{width:205px;left:0;top:15%}.phone-right-rendered{width:210px;right:0;top:15%}.details-carousel{padding:0 48px}.screen-card{flex-basis:calc((100% - 26px)/2)}}
@media(max-width:560px){.phone-left-rendered{width:155px;left:-4%;top:19%}.phone-right-rendered{width:160px;right:-4%;top:18%}.details-carousel{padding:0}.details-carousel .carousel-nav{display:none}.screen-card{flex-basis:82%}.detail-device{border-radius:25px}.detail-device img{border-radius:19px}}


/* v12: side phones fan outward from the center */
.phone-left-rendered{left:-1%;top:8%;z-index:1}
.phone-right-rendered{right:-4%;top:8%;z-index:1}
.phone-main{z-index:3}
@media(max-width:1100px){.phone-left-rendered{left:-4%;top:10%}.phone-right-rendered{right:-6%;top:10%}}
@media(max-width:820px){.phone-left-rendered{left:-2%;top:15%}.phone-right-rendered{right:-2%;top:15%}}
@media(max-width:560px){.phone-left-rendered{left:-6%;top:19%}.phone-right-rendered{right:-6%;top:19%}}


/* v13 corrected mild outward hero fan */
.phone-left-rendered{width:245px!important;left:2%!important;top:10%!important;z-index:1!important}.phone-right-rendered{width:245px!important;right:0%!important;top:10%!important;z-index:1!important}.phone-main{z-index:3!important}
@media(max-width:1100px){.phone-left-rendered{width:225px!important;left:1%!important;top:13%!important}.phone-right-rendered{width:225px!important;right:0%!important;top:13%!important}}
@media(max-width:820px){.phone-left-rendered{width:205px!important;left:1%!important;top:16%!important}.phone-right-rendered{width:205px!important;right:1%!important;top:16%!important}}
@media(max-width:560px){.phone-left-rendered{width:154px!important;left:-1%!important;top:20%!important}.phone-right-rendered{width:154px!important;right:-1%!important;top:20%!important}}

/* v15: side devices use the same CSS shell as the center device. */
.hero-side-phone{display:none!important}.phone-left,.phone-right{display:block!important;width:225px!important;height:472px!important;top:12%!important;z-index:1!important}.phone-left{left:4%!important;transform:rotate(-7deg)!important}.phone-right{right:0!important;transform:rotate(7deg)!important}
@media(min-width:1101px){.hero{min-height:730px}.hero-visual{height:690px}.phone-main{width:320px!important;height:670px!important;left:27%!important;top:1%!important}.phone-left,.phone-right{width:280px!important;height:588px!important;top:7%!important}.phone-left{left:4%!important}.phone-right{right:0!important}}
.hero::after{display:none}.hero-visual>.hero-glow{z-index:0;opacity:.62;filter:blur(78px)}.hero-visual .hero-glow-a{width:340px;height:340px;left:-54px;right:auto;top:72px;background:#3d2cff}.hero-visual .hero-glow-b{width:270px;height:270px;right:-68px;left:auto;top:250px;background:#005dff}.hero-visual::after{content:"";position:absolute;z-index:0;left:50%;bottom:-82px;width:660px;height:190px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,115,255,.28),transparent 66%);filter:blur(20px)}@media(max-width:820px){.hero-visual .hero-glow-a{width:250px;height:250px;left:-58px;top:86px}.hero-visual .hero-glow-b{width:225px;height:225px;right:-58px;top:150px}.hero-visual::after{width:460px;height:145px;bottom:-58px}}@media(max-width:560px){.hero-visual .hero-glow-a{width:180px;height:180px;left:-45px;top:84px}.hero-visual .hero-glow-b{width:170px;height:170px;right:-45px;top:132px}.hero-visual::after{width:320px;height:110px;bottom:-45px}}
@media(max-width:1100px){.phone-left,.phone-right{width:205px!important;height:430px!important;top:14%!important}.phone-left{left:1%!important}.phone-right{right:0!important}}
@media(max-width:820px){.phone-left,.phone-right{width:185px!important;height:388px!important;top:16%!important}.phone-left{left:1%!important}.phone-right{right:1%!important}}
@media(max-width:560px){.phone-left,.phone-right{width:145px!important;height:304px!important;top:20%!important}.phone-left{left:-2%!important}.phone-right{right:-2%!important}}

.language-switcher{display:flex;gap:3px;padding:3px;border:1px solid rgba(142,165,222,.24);border-radius:10px;background:rgba(7,18,43,.62)}.language-switcher button{border:0;border-radius:7px;padding:6px 8px;background:transparent;color:#aab3ca;font:700 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:.2s background,.2s color}.language-switcher button[aria-pressed="true"]{background:#5631d9;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18)}.language-switcher button:hover{color:#fff}@media(max-width:560px){.language-switcher{margin-left:8px}.language-switcher button{padding:6px 7px}}

/* Preserve a full card edge and shadow at both ends of the modes carousel. */
.mode-track-viewport{padding-left:14px;padding-right:14px}.mode-track{padding-left:0;padding-right:0}

/* Compact four-card training modes layout. */
.mode-carousel{padding:0}.mode-track-viewport{padding-left:0;padding-right:0}.mode-track{gap:16px;padding:4px 0 10px}.mode-track .mode-card{flex-basis:calc((100% - 48px)/4);min-height:172px;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:16px 15px;border-radius:16px}.mode-number{width:62px;height:62px;border-radius:14px;font-size:36px}.mode-copy h3{margin:3px 0 8px;font-size:18px;line-height:1.15}.mode-copy p{font-size:13px;line-height:1.48}.mode-symbol-img{left:20px;bottom:16px;width:28px;height:28px}.mode-carousel>.carousel-nav{display:none}@media(max-width:1100px){.mode-track .mode-card{flex-basis:calc((100% - 16px)/2);min-height:184px}}@media(max-width:760px){.mode-track .mode-card{flex-basis:88%;min-height:194px;grid-template-columns:82px minmax(0,1fr);gap:17px;padding:18px 19px}.mode-number{width:70px;height:70px;font-size:40px}.mode-symbol-img{left:22px;bottom:17px;width:35px;height:35px}}

.mode-number{box-shadow:inset 0 0 8px currentColor,0 0 10px rgba(0,0,0,.1)}
.mode-number{display:grid;place-items:center;padding:0;line-height:1;font-variant-numeric:lining-nums tabular-nums}.mode-number>span{display:block;line-height:1;transform:translateY(-3px)}

.mode-track .mode-card{min-height:150px}.mode-symbol-img{bottom:22px}@media(max-width:760px){.mode-track .mode-card{min-height:194px}.mode-symbol-img{bottom:28px}}

.mode-pagination{display:flex;justify-content:center;gap:8px;margin-top:14px}.mode-pagination button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#435072;cursor:pointer;transition:.2s transform,.2s background}.mode-pagination button[aria-current="true"]{width:22px;border-radius:999px;background:#8b61ff}.mode-pagination button:hover{background:#b28cff}

.store-availability{display:flex;justify-content:center;gap:10px;margin-top:18px}.store-badge{display:inline-flex;align-items:center;border:1px solid rgba(102,222,161,.48);border-radius:999px;padding:7px 12px;background:rgba(26,147,88,.15);color:#9df3bd;font-size:13px;font-weight:750}.store-badge-soon{border-color:rgba(157,172,214,.34);background:rgba(119,135,181,.12);color:#c9d2eb}.store-badge small{margin-left:5px;font-size:11px}.install-qr{max-width:620px;margin:26px auto 0;padding:22px 24px;display:grid;grid-template-columns:54px minmax(0,1fr) 144px;gap:20px;align-items:center;border:1px solid rgba(102,222,161,.34);border-radius:20px;background:linear-gradient(135deg,rgba(12,49,54,.72),rgba(11,27,59,.78));box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 38px rgba(0,0,0,.16)}.android-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#3dcc70,#17834a);color:#ecfff3;box-shadow:inset 0 1px rgba(255,255,255,.24),0 10px 22px rgba(34,173,91,.22)}.android-mark svg{width:36px;height:36px}.install-qr h3{margin:0 0 7px;font-size:20px}.install-qr p{margin:0;color:#b7c5d8;font-size:14px;line-height:1.5}.qr-code{display:block;width:144px;padding:8px;border-radius:14px;background:#fff;transition:.2s transform,.2s box-shadow}.qr-code:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.26)}.qr-code img{width:100%;height:auto}@media(max-width:560px){.store-availability{flex-direction:column;align-items:center}.install-qr{grid-template-columns:1fr;text-align:center;padding:22px;gap:14px}.android-mark{margin:0 auto}.qr-code{margin:0 auto}}