:root{--ink:#090b1a;--card:#151932;--muted:#b2b8ce;--lime:#d8ff4f;--violet:#8d6bff;--line:#ffffff1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Tahoma,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.aurora{position:fixed;z-index:-1;border-radius:50%;filter:blur(105px);pointer-events:none}.a{width:450px;height:450px;right:-210px;top:80px;background:#5737ef55}.b{width:330px;height:330px;left:-190px;top:780px;background:#e723a55c}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;direction:ltr;font-size:20px;font-weight:900;letter-spacing:2px}.brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--lime);color:#111426;font-size:23px;font-style:italic;box-shadow:0 0 30px #d8ff4f38}.nav nav{display:flex;gap:30px;color:#d8dced;font-size:14px}.nav nav a:hover,footer a:hover{color:var(--lime)}.nav-button,.primary{background:var(--lime);color:#111426;padding:13px 18px;border-radius:99px;font-weight:800;font-size:14px}.nav-button b,.primary b{font-size:19px;margin-right:8px}.hero{min-height:690px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:56px;padding:60px 0 80px}.eyebrow{margin:0 0 17px;color:var(--lime);font-size:11px;font-weight:bold;letter-spacing:1.5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(59px,8vw,104px);line-height:.88;letter-spacing:-5px;margin-bottom:25px}em{font-style:normal;color:var(--lime)}.hero-copy>p:not(.eyebrow),.safety>div>p:last-child,.download-copy>p:last-child{max-width:455px;color:#c3c8d9;line-height:1.9;font-size:17px}.actions{display:flex;align-items:center;gap:24px;margin:32px 0}.primary{padding:16px 22px}.text-link{font-size:14px;font-weight:bold}.text-link::first-letter{color:var(--lime)}.trust{display:flex;gap:20px;color:#b5bace;font-size:12px}.trust span:first-letter{color:var(--lime);font-size:17px}.stage{height:580px;position:relative;display:grid;place-items:center;isolation:isolate}.phone{width:278px;height:555px;z-index:2;overflow:hidden;border:8px solid #2c304a;border-radius:43px;background:#121630;box-shadow:0 32px 80px #000b,0 0 0 1px #7780a944;transform:rotate(5deg)}.phone-top{height:38px;display:flex;direction:ltr;align-items:center;justify-content:space-between;padding:0 14px;font-size:9px}.phone-top i{width:76px;height:20px;border-radius:20px;background:#070912}.phone-body{height:calc(100% - 38px);padding:10px 16px;position:relative;background:radial-gradient(circle at 70% 13%,#7658f466,transparent 34%),linear-gradient(155deg,#171b3b,#0c0f22)}.phone-brand{display:flex;gap:7px;align-items:center;direction:ltr}.phone-brand b{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:var(--lime);color:#111426;font-style:italic}.phone-brand span{margin-right:auto;color:var(--lime);font-size:18px}.live{display:block;margin:48px 0 12px;font-size:9px;color:#c5c9dc;letter-spacing:1px;direction:ltr}.live::first-letter{color:#ff62c2}.phone h2{font-size:37px;line-height:.94;letter-spacing:-2px;margin-bottom:28px}.room{display:flex;gap:7px;align-items:center;padding:11px 8px;border:1px solid #ffffff16;border-radius:17px;background:#ffffff13}.avatars{display:flex;direction:ltr}.avatars b{width:23px;height:23px;display:grid;place-items:center;margin-left:-7px;border:2px solid #242844;border-radius:50%;background:#ffb86c;color:#34200d;font-size:9px}.avatars b:nth-child(2){background:#73d4ff}.avatars b:nth-child(3){background:#ff80c9}.avatars b:last-child{background:#373c5e;color:white}.room span{display:grid;gap:2px;flex:1}.room small,.room em{font-size:8px}.room small{color:#aeb4cc}.room strong{font-size:10px}.room em{font-style:normal;color:var(--lime)}.room button{border:0;border-radius:9px;padding:7px;background:var(--lime);color:#111426;font-size:9px;font-weight:bold}.wave{height:104px;display:flex;align-items:center;justify-content:center;gap:5px}.wave i{width:5px;border-radius:9px;background:linear-gradient(var(--lime),var(--violet));animation:pulse 1.2s ease-in-out infinite}.wave i:nth-child(1),.wave i:nth-child(7){height:20px}.wave i:nth-child(2),.wave i:nth-child(6){height:44px;animation-delay:.1s}.wave i:nth-child(3),.wave i:nth-child(5){height:67px;animation-delay:.2s}.wave i:nth-child(4){height:86px;animation-delay:.3s}@keyframes pulse{50%{transform:scaleY(.4);opacity:.55}}.phone-nav{position:absolute;bottom:14px;right:14px;left:14px;display:flex;justify-content:space-between;color:#858ba9}.phone-nav span{display:grid;place-items:center;font-size:16px}.phone-nav small{font-size:7px;margin-top:3px}.phone-nav .selected{color:var(--lime)}.orbit{position:absolute;z-index:1;border:1px solid #ffffff20;border-radius:50%}.one{width:470px;height:470px}.two{width:610px;height:610px;border-style:dashed;animation:spin 20s linear infinite}@keyframes spin{to{rotate:360deg}}.pill{position:absolute;z-index:3;padding:10px 13px;border:1px solid #ffffff1a;border-radius:12px;background:#171b36de;box-shadow:0 12px 30px #0005;font-size:11px;font-weight:bold}.pill::first-letter{color:var(--lime);font-size:16px}.p1{top:105px;left:2px}.p2{bottom:110px;right:0}.experience{padding:105px 0}.heading{margin-bottom:35px}.heading h2,.safety h2,.download h2{margin:0;font-size:clamp(40px,5vw,68px);line-height:.96;letter-spacing:-3px}.features{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.feature{min-height:277px;padding:24px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:var(--card)}.feature.large{background:linear-gradient(135deg,#29215a,#191d38)}.feature>small{color:#9299b4}.icon{width:47px;height:47px;display:grid;place-items:center;margin:44px 0 18px;border-radius:15px;background:#ffffff12;color:var(--lime);font-size:24px}.icon.bars{font-size:15px;letter-spacing:2px}.feature h3{margin-bottom:8px;font-size:21px}.feature p{color:var(--muted);line-height:1.65;font-size:14px}.mini-wave{position:absolute;bottom:24px;left:25px;color:var(--lime);letter-spacing:4px;animation:pulse 1s infinite}.safety{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center;padding:95px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.safety-list article{display:flex;align-items:center;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}.safety-list article:first-child{border-top:1px solid var(--line)}.safety-list b{color:var(--lime);font-size:13px}.safety-list span{display:grid;gap:6px;flex:1}.safety-list strong{font-size:17px}.safety-list small{color:var(--muted);font-size:13px}.safety-list i{font-style:normal;color:var(--lime);font-size:21px}.download{margin:105px auto 70px;padding:58px;min-height:405px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .72fr;gap:40px;align-items:center;border-radius:35px;background:radial-gradient(circle at 10% 100%,#d8ff4f27,transparent 35%),linear-gradient(115deg,#31276c,#1d1c43 52%,#2a1d4b)}.release{display:grid;gap:12px;padding:19px;position:relative;border:1px solid #ffffff20;border-radius:23px;background:#0a0d20a8}.release-meta{display:flex;gap:20px}.release-meta span{display:grid;gap:5px}.release-meta small{color:var(--muted)}.release-meta b{font-size:14px;direction:ltr}.release a,.release button{min-height:58px;border:1px solid #ffffff19;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--lime);color:#101322;font:inherit;font-weight:bold;cursor:pointer}.release a small{font-size:10px;opacity:.7}.release .store,.release button{background:#ffffff12;color:white}.release button{width:100%}footer{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9299b4;font-size:12px;border-top:1px solid var(--line)}footer .brand{font-size:16px;color:white}footer .brand span{width:30px;height:30px;border-radius:10px;font-size:18px}footer div{display:flex;gap:18px}@media(max-width:760px){.wrap{width:min(100% - 32px,520px)}.nav{height:76px}.nav nav{display:none}.nav-button{padding:10px 13px;font-size:12px}.hero{min-height:auto;grid-template-columns:1fr;gap:20px;padding:52px 0 30px}h1{font-size:68px;letter-spacing:-3px}.hero-copy>p:not(.eyebrow){font-size:15px}.stage{height:490px;scale:.82;margin:-25px}.p1{left:22px}.p2{right:25px}.experience{padding:75px 0}.features,.safety,.download{grid-template-columns:1fr}.feature{min-height:220px}.icon{margin:30px 0 15px}.safety{gap:38px;padding:75px 0}.download{margin-top:70px;padding:36px 25px;gap:28px}.download h2{font-size:49px}footer{padding:20px 0;flex-wrap:wrap}}@media(max-width:390px){.actions{gap:13px}.primary{padding:14px;font-size:13px}.text-link{font-size:12px}.trust{gap:11px;font-size:11px}}
/* Mobile viewport guard: placed first but uses !important to beat the compact base rules. */
@media(max-width:900px){html,body{overflow-x:hidden!important;max-width:100%!important}.wrap{width:min(calc(100% - 32px),520px)!important}.hero{grid-template-columns:minmax(0,1fr)!important}.hero-copy{min-width:0}.features,.safety,.download{grid-template-columns:minmax(0,1fr)!important}.stage{width:100%;margin-left:0!important;margin-right:0!important}}
/* Yoka motion layer */
@media (prefers-reduced-motion:no-preference){
  body{background:radial-gradient(circle at 82% 8%,#5132bd30,transparent 28%),radial-gradient(circle at 9% 62%,#0c765340,transparent 30%),var(--ink)!important}
  .aurora{animation:yokaAurora 13s ease-in-out infinite alternate}
  .aurora.b{animation-delay:-6s}
  .nav{animation:yokaDrop .75s cubic-bezier(.2,.8,.2,1) both}
  .hero-copy{animation:yokaLift .9s .12s cubic-bezier(.2,.8,.2,1) both}
  .stage{animation:yokaLift 1s .28s cubic-bezier(.2,.8,.2,1) both}
  .phone{animation:yokaFloat 5.5s ease-in-out infinite!important;will-change:transform}
  .orbit.one{animation:yokaOrbitPulse 4.5s ease-in-out infinite}
  .pill{animation:yokaPill 4s ease-in-out infinite;will-change:transform}
  .p2{animation-delay:-2s}
  .feature,.safety-list article,.download{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
  .feature:hover{transform:translateY(-9px);border-color:#d8ff4f73;box-shadow:0 24px 45px #0006}
  .safety-list article:hover{transform:translateX(-7px);border-color:#d8ff4f66}
  .download:hover{box-shadow:0 32px 85px #2e217b72}
  .primary,.nav-button,.release a,.release button{transition:transform .25s ease,box-shadow .25s ease}
  .primary:hover,.nav-button:hover,.release a:hover,.release button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #d8ff4f42}
  .yoka-reveal{opacity:0;transform:translateY(34px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
  .yoka-reveal.is-visible{opacity:1;transform:none}
}
@keyframes yokaDrop{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}
@keyframes yokaLift{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@keyframes yokaFloat{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-18px)}}
@keyframes yokaAurora{from{transform:translate3d(-16px,-10px,0) scale(.92)}to{transform:translate3d(26px,20px,0) scale(1.14)}}
@keyframes yokaOrbitPulse{50%{transform:scale(1.06);opacity:.38}}
@keyframes yokaPill{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}