@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080f1d;--bg2:#0b1527;--card:#101d32;--line:rgba(151,184,226,.13);--text:#f1f6ff;--muted:#94a4bb;--blue:#4b9dff;--blue2:#68caff;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk','DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0 49.95%,rgba(85,139,203,.035) 50% 50.05%,transparent 50.1%),linear-gradient(transparent 0 49.95%,rgba(85,139,203,.035) 50% 50.05%,transparent 50.1%);background-size:92px 92px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1200px,calc(100% - 80px));margin:auto}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.4;z-index:-1}.ambient-one{top:180px;right:-200px;width:700px;height:700px;background:#143568}.ambient-two{top:690px;left:-300px;width:500px;height:500px;background:#103c5c}
.site-header{height:84px;border-bottom:1px solid rgba(158,192,234,.1);position:relative;z-index:5;background:rgba(8,15,29,.68);backdrop-filter:blur(22px)}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{height:37px;width:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#76d3ff,#317bed);box-shadow:0 8px 26px rgba(48,129,250,.32);font:700 13px var(--display);letter-spacing:-2px;color:#061229}.brand-mark span{transform:translateY(2px)}.brand-name{font:700 22px var(--display);letter-spacing:-1.2px}.brand-name span{color:#79beff}.desktop-nav{display:flex;gap:38px;margin-left:auto;margin-right:auto}.desktop-nav a{font-size:14px;color:#a9b7ca;transition:color .25s}.desktop-nav a:hover,.footer a:hover{color:#7bc4ff}.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(113,180,255,.45);border-radius:11px;padding:11px 17px;font-weight:700;font-size:13px;color:#d9ecff;background:rgba(59,133,226,.11);transition:transform .25s,background .25s,box-shadow .25s}.header-cta svg{width:16px;height:16px}.header-cta:hover{transform:translateY(-2px);background:rgba(59,133,226,.2);box-shadow:0 10px 30px rgba(42,109,194,.18)}
.hero{min-height:770px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;position:relative;padding-top:50px;padding-bottom:60px}.hero-copy{position:relative;z-index:2;padding-bottom:10px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#81bfff}.eyebrow b{color:#486786;margin:0 5px}.eyebrow-line{height:1px;width:30px;background:#579dff;box-shadow:0 0 13px #5ba4ff}.hero h1{font:700 clamp(48px,5.8vw,78px)/1.07 var(--display);letter-spacing:-.068em;margin:30px 0 25px;white-space:nowrap}.gradient-text{display:inline-block;background:linear-gradient(105deg,#f4f9ff 0%,#8fc9ff 45%,#5795ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{max-width:535px;color:#a3b1c7;font-size:17px;line-height:1.8;margin:0 0 34px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;gap:16px;padding:10px 15px 10px 10px;min-width:255px;border-radius:14px;background:linear-gradient(115deg,#73d2ff 0%,#3e94f6 58%,#2b71ed 100%);color:#06172f;box-shadow:0 16px 42px rgba(46,129,241,.26),inset 0 1px 0 rgba(255,255,255,.46);font-size:15px;font-weight:800;transition:transform .28s,box-shadow .28s,filter .28s}.primary-button:hover{transform:translateY(-4px);filter:brightness(1.07);box-shadow:0 20px 52px rgba(46,129,241,.4),inset 0 1px 0 rgba(255,255,255,.55)}.button-icon{display:grid;place-items:center;width:44px;height:44px;background:rgba(255,255,255,.22);border-radius:10px}.button-icon svg{width:22px;height:22px;stroke-width:2.4}.primary-button small{display:block;font-size:11px;font-weight:600;color:#144277;margin-top:2px}.button-arrow{width:18px;height:18px;margin-left:auto}.secondary-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#d5e8ff;transition:gap .25s,color .25s}.secondary-link svg{width:17px;height:17px}.secondary-link:hover{gap:14px;color:#7bc4ff}.hero-meta{display:flex;gap:28px;color:#607792;font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:44px}.hero-meta span:first-child{display:inline-flex;gap:8px;align-items:center;color:#a9bdd5}.meta-dot,.caption-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#61d4b4;box-shadow:0 0 13px #5ce4ba;animation:pulse 2.5s infinite}
.hero-visual{height:675px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.visual-grid{position:absolute;inset:35px -40px 12px 0;background-image:radial-gradient(rgba(95,151,221,.26) 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(ellipse,#000 8%,transparent 72%);z-index:-2}.halo{position:absolute;border:1px solid rgba(99,160,234,.18);border-radius:50%;pointer-events:none}.halo-one{width:540px;height:540px;box-shadow:0 0 65px rgba(47,98,194,.13),inset 0 0 60px rgba(47,98,194,.08);animation:orbit 18s linear infinite}.halo-two{width:415px;height:415px;border-color:rgba(68,145,250,.23);border-style:dashed;animation:orbit 28s linear reverse infinite}.hero-visual::before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:#215fbb;filter:blur(100px);opacity:.33;z-index:-1}.visual-caption{position:absolute;top:35px;left:0;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#9ebbdc}.caption-dot{width:5px;height:5px;background:#57a5ff;box-shadow:0 0 10px #57a5ff}.caption-num{margin-left:10px;color:#526d8a}.visual-bottom-label{position:absolute;right:0;bottom:32px;writing-mode:vertical-rl;color:#45607d;font-size:9px;font-weight:700;letter-spacing:.3em}.phone-wrap{position:relative;margin-top:24px;filter:drop-shadow(0 36px 42px rgba(0,0,0,.65));animation:phone-float 7s ease-in-out infinite}.phone{width:298px;height:610px;border-radius:43px;padding:8px;background:linear-gradient(125deg,#686f78,#15191f 20%,#222c37 50%,#080b10 82%,#5a6572);border:2px solid #79818a;box-shadow:inset 0 0 0 2px #11151b,0 0 0 4px rgba(87,108,137,.12);position:relative;transform:rotate(-4deg)}.phone::after{content:"";position:absolute;width:3px;height:70px;right:-5px;top:125px;border-radius:3px;background:#6a7179}.phone-screen{position:relative;background:#07101f;border-radius:35px;height:100%;overflow:hidden;padding:19px 13px 35px}.phone-camera{position:absolute;z-index:3;top:15px;left:50%;transform:translateX(-50%);background:#020408;width:14px;height:14px;border:3px solid #171b21;border-radius:50%;box-shadow:0 0 0 2px #05080d}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:0 8px 13px;font-size:9px;font-weight:700;color:#f0f5ff}.phone-heading{height:36px;display:flex;gap:7px;align-items:center;margin:0 4px 11px;position:relative}.phone-logo{height:27px;width:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#2ea1ed,#3168bd);font-size:9px;font-weight:800}.phone-heading strong{display:block;font-size:11px}.phone-heading small{display:block;font-size:8px;color:#6894c5}.phone-heading-glow{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#4ed5b2;box-shadow:0 0 8px #4ed5b2}.screen-content{height:468px;overflow:hidden}.app-feature{border:1px solid #243650;background:#101c2e;border-radius:15px;padding:11px 11px 9px;margin-bottom:8px;box-shadow:inset 0 1px 0 rgba(144,187,244,.04)}.app-feature-top{display:flex;align-items:center;gap:8px}.app-icon{width:26px;height:26px;border-radius:9px;background:#142f50;color:#67bdff;display:grid;place-items:center}.app-icon svg{width:14px;height:14px;stroke-width:1.8}.app-feature-top strong{font-size:9.5px;letter-spacing:-.02em;flex:1}.app-switch{width:33px;height:18px;border:1px solid #7186a3;background:#23384f;border-radius:30px;position:relative}.app-switch::before{content:"";position:absolute;width:11px;height:11px;left:3px;top:2.5px;border-radius:50%;background:#9ab1ca}.app-tags{display:flex;gap:4px;margin:8px 0 4px}.app-tags span{border-radius:4px;background:#283445;color:#dfb45e;font-size:6px;padding:3px 5px}.app-tags span+span{background:#173655;color:#b9dafa}.app-feature p{font-size:7.1px;color:#a0adbd;line-height:1.35;margin:0}.app-memory{border:1px solid #243650;background:#101c2e;border-radius:15px;padding:12px 11px;margin-top:15px}.app-memory strong{font-size:10px}.app-memory p{font-size:7px;color:#a2afc0;line-height:1.4;margin:5px 0 10px}.app-memory small{font-size:7px;font-weight:700}.memory-bar{height:5px;border-radius:10px;background:#263b58;overflow:hidden;margin-bottom:5px}.memory-bar span{display:block;width:52%;height:100%;background:linear-gradient(90deg,#468be9,#79c8ff);border-radius:10px}.phone-nav{position:absolute;bottom:17px;left:10px;right:10px;height:48px;border:1px solid #223752;background:#101d31;border-radius:15px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.phone-nav button{border:0;background:none;color:#a5b4c9;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px;cursor:pointer;transition:color .2s}.phone-nav button svg{width:15px;height:15px}.phone-nav button.active{color:#6bbcff}.phone-nav button.active svg{background:#16365d;width:27px;height:24px;padding:4px;border-radius:8px}.phone-nav button:hover{color:#9bd8ff}.phone-home-bar{position:absolute;bottom:6px;width:73px;height:3px;background:#f4f6fc;border-radius:4px;left:50%;transform:translateX(-50%)}.screen-alt{padding:10px 1px}.alt-heading{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;margin:9px 0 20px}.alt-icon{width:30px;height:30px;display:grid;place-items:center;background:#16365d;color:#70bdff;border-radius:9px}.alt-icon svg{width:16px;height:16px}.alt-card{position:relative;overflow:hidden;min-height:170px;border:1px solid #2a5078;background:linear-gradient(135deg,#19395e,#102037);border-radius:17px;padding:19px 15px}.alt-card small{display:block;font-size:8px;letter-spacing:.12em;color:#88c9ff;margin-bottom:20px}.alt-card strong{display:block;max-width:170px;font:700 18px/1.18 var(--display);position:relative;z-index:1}.alt-card p{font-size:8px;line-height:1.5;max-width:200px;color:#bdd0e6;position:relative;z-index:1}.alt-orbit{position:absolute;width:175px;height:175px;border-radius:50%;border:1px solid #498bd3;right:-60px;top:-60px;box-shadow:0 0 0 25px rgba(73,139,211,.08),0 0 0 55px rgba(73,139,211,.06)}.alt-row{display:flex;justify-content:space-between;margin-top:9px;padding:16px 14px;background:#101c2e;border:1px solid #243650;border-radius:12px;font-size:9px;font-weight:700}.alt-row span+span{color:#80bbfa}.float-note{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(119,177,240,.25);background:rgba(16,33,58,.79);backdrop-filter:blur(14px);border-radius:13px;box-shadow:0 20px 35px rgba(0,0,0,.19);z-index:2;animation:note-float 6s ease-in-out infinite}.float-note strong{display:block;font-size:11px}.float-note small{display:block;color:#8fa9c6;font-size:9px;margin-top:3px}.note-top{right:4px;top:132px;transform:rotate(4deg)}.note-top svg{color:#89d4ff;width:21px;height:21px}.note-bottom{left:0;bottom:111px;animation-delay:-3s}.note-ring{display:grid;place-items:center;width:30px;height:30px;background:#173960;border-radius:9px;color:#78c7ff}.note-ring svg{width:18px;height:18px}
.features-section{position:relative;padding:108px 0 120px;background:linear-gradient(180deg,rgba(16,31,53,.7),rgba(8,15,29,.25));border-top:1px solid rgba(150,185,230,.1);border-bottom:1px solid rgba(150,185,230,.08)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.section-kicker span{font-family:var(--display);color:#c0e1ff;border:1px solid rgba(130,191,255,.34);border-radius:6px;padding:4px 7px;font-size:10px;letter-spacing:0}.section-intro h2,.download-copy h2{font:700 clamp(36px,4vw,54px)/1.1 var(--display);letter-spacing:-.055em;margin:24px 0 0}.section-intro h2 span{color:#77baff}.section-intro p{max-width:410px;color:#92a4bd;line-height:1.7;font-size:14px;margin:0 0 5px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-tile{min-height:310px;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,rgba(24,44,70,.72),rgba(11,22,39,.85));position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.feature-tile::before{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-110px;border-radius:50%;background:#3e91ed;opacity:0;filter:blur(55px);transition:opacity .35s}.feature-tile:hover{transform:translateY(-8px);border-color:rgba(95,171,255,.47);box-shadow:0 24px 45px rgba(0,0,0,.2)}.feature-tile:hover::before{opacity:.16}.tile-top{display:flex;justify-content:space-between;align-items:start}.tile-icon{display:grid;place-items:center;width:47px;height:47px;background:linear-gradient(145deg,#204e7e,#142d4c);color:#83caff;border:1px solid rgba(112,184,254,.25);border-radius:12px}.tile-icon svg{width:23px;height:23px}.tile-number{font:500 11px var(--display);letter-spacing:.1em;color:#597592}.feature-tile h3{font:700 22px var(--display);letter-spacing:-.03em;margin:42px 0 10px}.feature-tile p{font-size:13px;color:#9baec6;line-height:1.7;min-height:67px;margin:0 0 24px}.tile-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(142,183,229,.14);padding-top:15px;font-size:10px;font-weight:700;letter-spacing:.12em;color:#75b8ff}.tile-footer svg{width:15px;height:15px;transition:transform .3s}.feature-tile:hover .tile-footer svg{transform:translateX(5px)}
.download-section{padding-top:105px;padding-bottom:105px}.download-panel{position:relative;min-height:425px;overflow:hidden;border:1px solid rgba(91,163,251,.31);border-radius:28px;background:radial-gradient(circle at 79% 55%,rgba(47,114,210,.32),transparent 43%),linear-gradient(110deg,#132b49,#0c1930 68%);display:flex;align-items:center;padding:65px 72px}.download-panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(157,204,255,.17) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(90deg,transparent 38%,#000 100%)}.download-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);pointer-events:none}.download-copy{position:relative;z-index:2;max-width:540px}.download-copy h2{font-size:clamp(38px,4.5vw,59px)}.download-copy h2 em{font-style:normal;color:#79c0ff}.download-copy p{font-size:15px;color:#adc0d6;line-height:1.75;max-width:410px;margin:18px 0 26px}.download-art{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:310px;height:310px;display:grid;place-items:center}.art-ring{border-radius:50%;position:absolute;border:1px solid rgba(107,180,255,.34)}.ring-outer{width:310px;height:310px;box-shadow:0 0 0 31px rgba(76,151,247,.035),0 0 0 66px rgba(76,151,247,.025);animation:orbit 24s linear infinite}.ring-outer::before,.ring-inner::before{content:"";position:absolute;top:20%;left:8%;width:7px;height:7px;border-radius:50%;background:#89d0ff;box-shadow:0 0 16px #5babff}.ring-inner{width:224px;height:224px;border-style:dashed;opacity:.8;animation:orbit 18s linear reverse infinite}.art-core{width:155px;height:155px;display:grid;place-items:center;border-radius:38px;transform:rotate(-8deg);background:linear-gradient(140deg,#6bd5ff,#2f82ee 75%);box-shadow:0 26px 60px rgba(35,118,247,.45),inset 0 2px 1px rgba(255,255,255,.5)}.art-core span{font:700 60px var(--display);letter-spacing:-.19em;transform:translateX(-8px);color:#06224a}.art-label{position:absolute;font-size:9px;letter-spacing:.14em;font-weight:800;color:#94c8fa}.label-top{top:0;left:-20px}.label-bottom{bottom:0;right:-35px}.footer{border-top:1px solid var(--line);background:#080f1b}.footer-content{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-content>span,.footer-content>a:last-child{color:#68809c;font-size:12px;transition:color .25s}.footer .brand-mark{width:30px;height:30px;border-radius:8px;font-size:11px}.footer .brand-name{font-size:18px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.feature-tile:nth-child(2){transition-delay:.09s}.feature-tile:nth-child(3){transition-delay:.18s}
@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px currentColor}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes phone-float{50%{transform:translateY(-11px)}}@keyframes note-float{50%{translate:0 -8px}}
@media(max-width:1100px){.container{width:min(100% - 56px,1060px)}.hero{grid-template-columns:1fr .9fr;gap:12px}.hero h1{font-size:clamp(43px,5.5vw,65px)}.hero-visual{transform:scale(.91);transform-origin:center}.note-top{right:-12px}.note-bottom{left:-20px}.download-art{right:5%}}
@media(max-width:850px){.container{width:calc(100% - 42px)}.desktop-nav{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:80px;padding-bottom:55px;gap:10px}.hero h1{font-size:clamp(45px,8.5vw,70px);white-space:normal}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{height:650px;transform:none}.visual-caption{left:8%}.note-top{right:8%}.note-bottom{left:9%}.features-section{padding:80px 0}.section-intro{align-items:start;flex-direction:column;gap:15px}.features-grid{gap:12px}.feature-tile{padding:20px}.feature-tile h3{font-size:19px}.download-panel{padding:52px 44px}.download-art{opacity:.45;right:-35px}.download-copy{max-width:550px}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.site-header{height:70px}.brand-name{font-size:19px}.brand-mark{height:33px;width:33px}.header-cta{padding:9px 11px}.header-cta span{display:none}.hero{padding-top:57px}.hero h1{font-size:clamp(40px,10.5vw,58px);letter-spacing:-.062em;margin:25px 0 20px}.hero-lead{font-size:15px;line-height:1.7;margin-bottom:26px}.hero-actions{flex-direction:column;gap:18px}.primary-button{min-width:270px}.hero-meta{font-size:9px;gap:13px;margin-top:31px}.hero-visual{height:650px;margin-left:-16px;margin-right:-16px;overflow:hidden}.phone-wrap{transform:scale(.88);margin-top:5px;animation:none}.phone{transform:rotate(-3deg)}.halo-one{width:390px;height:390px}.halo-two{width:310px;height:310px}.visual-caption{top:18px;left:18px;font-size:9px}.visual-bottom-label{display:none}.float-note{display:none}.features-section{padding:70px 0}.section-intro{margin-bottom:30px}.section-intro h2,.download-copy h2{font-size:38px}.section-intro p{font-size:13px}.features-grid{grid-template-columns:1fr}.feature-tile{min-height:0;padding:23px}.feature-tile h3{margin-top:30px}.feature-tile p{min-height:0}.download-section{padding-top:65px;padding-bottom:65px}.download-panel{padding:45px 25px 235px;min-height:560px;border-radius:20px}.download-copy p{font-size:13px}.download-art{width:190px;height:190px;top:auto;bottom:5px;right:50%;transform:translateX(50%);opacity:.65}.ring-outer{width:190px;height:190px}.ring-inner{width:145px;height:145px}.art-core{width:100px;height:100px;border-radius:27px}.art-core span{font-size:40px}.art-label{display:none}.footer-content{min-height:90px}.footer-content>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
html{overflow-x:clip}.ambient{position:fixed}

/* Motion and depth */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;transform:scaleX(var(--progress,0));transform-origin:left;background:linear-gradient(90deg,#75d5ff,#418cff,#9079ff);box-shadow:0 0 16px rgba(93,177,255,.8);pointer-events:none}
.site-header::after{content:"";position:absolute;bottom:-1px;left:0;width:28%;height:1px;background:linear-gradient(90deg,transparent,#64b9ff,transparent);opacity:.7;animation:header-sweep 11s ease-in-out infinite}
.hero-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.75}
.hero-visual{z-index:1}.hero-copy{z-index:2}
.comet{position:absolute;width:145px;height:1px;background:linear-gradient(90deg,transparent,#7bc6ff,transparent);filter:drop-shadow(0 0 5px #80c5ff);transform:rotate(-32deg);opacity:0;pointer-events:none;z-index:0;animation:comet-fly 9s ease-in-out infinite}
.comet-one{top:12%;left:35%}.comet-two{top:54%;left:5%;animation-delay:4.8s}
.hero-scroll-cue{display:flex;align-items:center;gap:12px;margin-top:60px;color:#6982a1;font-size:9px;font-weight:800;letter-spacing:.2em}
.hero-scroll-cue span{position:relative;display:block;width:1px;height:34px;background:rgba(110,177,251,.25);overflow:hidden}
.hero-scroll-cue span::after{content:"";position:absolute;left:0;top:-50%;height:50%;width:1px;background:#83c9ff;animation:scroll-line 2s ease-in-out infinite}
.primary-button{position:relative;overflow:hidden}
.primary-button::after{content:"";position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 41%,rgba(255,255,255,.38) 50%,transparent 59%);transform:translateX(-100%) rotate(10deg);transition:transform .8s ease;pointer-events:none}
.primary-button:hover::after{transform:translateX(100%) rotate(10deg)}
.phone-wrap{--rx:0deg;--ry:0deg;will-change:transform}
.phone-screen::after{content:"";position:absolute;left:0;right:0;top:-140px;height:110px;background:linear-gradient(to bottom,transparent,rgba(87,163,255,.035),transparent);pointer-events:none;animation:screen-scan 10s linear infinite}
.screen-content:not([hidden])>.app-feature,.screen-content:not([hidden])>.app-memory,.screen-content:not([hidden])>.alt-card,.screen-content:not([hidden])>.alt-row{animation:screen-rise .65s both}
.screen-content:not([hidden])>*:nth-child(2){animation-delay:.07s}.screen-content:not([hidden])>*:nth-child(3){animation-delay:.14s}.screen-content:not([hidden])>*:nth-child(4){animation-delay:.21s}.screen-content:not([hidden])>*:nth-child(5){animation-delay:.28s}
.signal-strip{position:relative;overflow:hidden;height:75px;border-top:1px solid rgba(113,170,231,.14);border-bottom:1px solid rgba(113,170,231,.14);background:linear-gradient(90deg,#0a172a,#10223a,#0a172a);display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.signal-strip::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:160px;transform:translateX(-50%);background:rgba(75,151,255,.09);filter:blur(35px)}
.signal-track{width:max-content;display:flex;align-items:center;gap:43px;flex:none;white-space:nowrap;animation:signal-flow 26s linear infinite;font:700 12px var(--display);letter-spacing:.22em;color:#7797bc}
.signal-track b{font-size:17px;color:#6bbcff;font-weight:400;filter:drop-shadow(0 0 9px #4aa8ff)}
.signal-track span:nth-of-type(5n+1){color:#d2eaff}
.features-section{background:radial-gradient(circle at 5% 25%,rgba(38,87,151,.12),transparent 42%),linear-gradient(180deg,rgba(16,31,53,.75),rgba(8,15,29,.25))}
.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-tile{min-height:385px;display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(28,50,79,.82),rgba(10,22,39,.94))}
.feature-tile::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(101,184,255,.14),transparent 65%);opacity:0;transition:opacity .35s}
.feature-tile:hover::after{opacity:1}
.feature-tile>*{position:relative;z-index:1}
.feature-tile h3{margin-top:31px}
.feature-tile p{min-height:67px;margin-bottom:17px}
.tile-icon{transition:transform .4s,box-shadow .4s}
.feature-tile:hover .tile-icon{transform:rotate(-8deg) scale(1.08);box-shadow:0 10px 30px rgba(43,124,224,.28)}
.tile-demo{height:84px;margin-top:auto;margin-bottom:19px;border:1px solid rgba(105,162,224,.18);border-radius:12px;background:rgba(6,16,30,.45);padding:10px;display:flex;align-items:center;justify-content:center}
.tile-demo-features{flex-direction:column;gap:5px}
.tile-demo-features>span{height:27px;width:100%;display:flex;align-items:center;gap:8px;border:1px solid rgba(98,152,210,.14);border-radius:7px;padding:0 9px;background:#12223a;color:#bad8f7;font-size:9px;font-weight:700}
.tile-demo-features svg{width:14px;height:14px;color:#72baff}.tile-demo-features i{margin-left:auto;width:22px;height:12px;border-radius:10px;background:#2b4564;position:relative}.tile-demo-features i::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#a6c8e8;left:3px;top:2.5px}
.tile-demo-permissions{gap:10px}
.tile-demo-permissions span{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:8px;background:#132f4c;border:1px solid rgba(105,176,244,.17);color:#b9dcff;font-size:10px;font-weight:800;letter-spacing:.08em}
.tile-demo-permissions span:first-child{color:#e9c178;background:#332d27;border-color:rgba(228,185,111,.19)}
.tile-demo-permissions svg{width:15px;height:15px}
.tile-demo-nav{gap:8px}
.tile-demo-nav span{width:48px;height:43px;display:grid;place-items:center;border-radius:10px;color:#7792b1}
.tile-demo-nav span.selected{background:#153c6b;color:#8fcfff;box-shadow:0 8px 19px rgba(29,100,197,.22)}
.tile-demo-nav svg{width:20px;height:20px}
.tile-footer{margin-top:0}
.download-panel{box-shadow:0 30px 75px rgba(0,0,0,.13)}
.download-glow{position:absolute;top:-80px;left:-80px;width:320px;height:320px;border-radius:50%;background:#3e89f0;filter:blur(90px);opacity:.11;animation:glow-breathe 7s ease-in-out infinite}
.art-core{animation:art-float 6s ease-in-out infinite}
@keyframes header-sweep{0%,100%{transform:translateX(-100%);opacity:0}40%,60%{opacity:.8}80%{transform:translateX(490%);opacity:0}}
@keyframes comet-fly{0%,75%,100%{opacity:0;translate:-120px 70px}80%{opacity:.65}94%{opacity:0;translate:220px -130px}}
@keyframes scroll-line{to{top:110%}}
@keyframes phone-float{0%,100%{transform:perspective(900px) translateY(0) rotateX(var(--rx)) rotateY(var(--ry))}50%{transform:perspective(900px) translateY(-11px) rotateX(var(--rx)) rotateY(var(--ry))}}
@keyframes screen-scan{to{top:105%}}
@keyframes screen-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes signal-flow{to{transform:translateX(-50%)}}
@keyframes glow-breathe{50%{opacity:.23;transform:scale(1.3)}}
@keyframes art-float{50%{translate:0 -10px;rotate:6deg}}
@media(max-width:850px){.hero-scroll-cue{justify-content:center;margin-top:35px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-tile{min-height:420px}.tile-demo{margin-bottom:14px}.signal-strip{height:65px}}
@media(max-width:620px){.hero-scroll-cue{display:none}.hero-particles,.comet{display:none}.signal-strip{height:54px}.signal-track{gap:27px;font-size:10px}.features-grid{grid-template-columns:1fr}.feature-tile{min-height:335px}.feature-tile p{min-height:0}.tile-demo{height:72px}.phone-wrap{animation:phone-float 7s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){.reading-progress{transition:none}.phone-wrap,.art-core,.signal-track,.phone-screen::after,.site-header::after,.comet,.hero-scroll-cue span::after{animation:none!important}.screen-content:not([hidden])>*{animation:none!important}}