:root{--bg:#040914;--bg2:#071225;--panel:#0b1930;--panel2:#0e203d;--line:rgba(116,158,255,.2);--text:#f6f8ff;--muted:#9daac1;--cyan:#22d3ee;--blue:#4f7cff;--purple:#b45cff;--green:#30db9d;--radius:24px;--container:1240px;--shadow:0 30px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.section-pad{padding:112px 0}.ambient{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:-2;opacity:.16}.ambient-one{width:520px;height:520px;background:#164dff;top:160px;right:-180px}.ambient-two{width:440px;height:440px;background:#d13cff;top:720px;left:-260px}.announcement{border-bottom:1px solid rgba(255,255,255,.06);background:#09162a;color:#cbd8ee;font-size:13px}.announcement-inner{height:38px;display:flex;align-items:center;justify-content:center;gap:10px}.announcement-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.announcement a{color:#63dbff;margin-left:5px}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,9,20,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:44px;height:44px;object-fit:cover;border-radius:13px;box-shadow:0 0 30px rgba(62,194,255,.22)}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:16px}.brand small{font-size:10px;color:#7f91ad;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.nav-links{display:flex;align-items:center;gap:28px;color:#aebbd0;font-size:14px}.nav-links a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:14px;padding:13px 18px;font-weight:750;transition:.25s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-nav{background:#eef4ff;color:#061024;padding:10px 16px;font-size:13px}.btn-primary{background:linear-gradient(135deg,#4f6dff,#30cfff);box-shadow:0 15px 38px rgba(58,116,255,.28)}.btn-primary svg,.btn-store svg{width:24px;fill:currentColor}.btn-primary span,.btn-store span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.btn-primary small,.btn-store small{font-size:10px;font-weight:600;opacity:.72;margin-bottom:4px}.btn-store{background:rgba(12,27,52,.82);border-color:rgba(120,164,255,.25)}.btn-store:hover{border-color:rgba(120,190,255,.58);background:#102548}.btn-store.muted{opacity:.78}.hero{padding-top:92px}.hero-grid{display:grid;grid-template-columns:.92fr 1.25fr;gap:72px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:#6fe4ff;font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:20px}.eyebrow span{width:28px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.eyebrow.light{color:#b6eaff}.hero h1,.section-heading h2,.mobile-copy h2,.download-copy h2{font-size:clamp(46px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:0}.hero h1 span,.section-heading h2 span,.mobile-copy h2 span{background:linear-gradient(100deg,#74e9ff,#7d8cff 56%,#d477ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;color:var(--muted);max-width:620px;margin:27px 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:flex;gap:30px;margin-top:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:13px}.hero-proof span{font-size:11px;color:#7889a4;margin-top:3px}.hero-visual{position:relative;min-width:0}.hero-glow{position:absolute;width:75%;height:72%;left:15%;top:12%;background:radial-gradient(circle,#1658ff55,transparent 67%);filter:blur(24px)}.screen-shell{position:relative;background:#07101f;border:1px solid rgba(124,164,255,.29);border-radius:18px;padding:8px;box-shadow:var(--shadow);overflow:hidden}.desktop-shell{transform:perspective(1600px) rotateY(-6deg) rotateX(1.5deg)}.screen-shell img{border-radius:11px;width:100%}.screen-topbar{height:34px;display:flex;align-items:center;padding:0 9px;color:#7e8da6;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots span{width:7px;height:7px;border-radius:50%;background:#31435d}.screen-label{margin:auto}.live-pill{display:flex;align-items:center;gap:5px;background:#0c1b32;border:1px solid rgba(255,255,255,.08);padding:4px 8px;border-radius:30px}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(7,20,40,.9);border:1px solid rgba(102,172,255,.28);backdrop-filter:blur(15px);padding:11px 14px;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.float-card>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#3c66ff,#14d9ef);display:grid;place-items:center;font-weight:900}.float-card div{display:flex;flex-direction:column}.float-card strong{font-size:12px}.float-card small{color:#8797b1;font-size:9px;margin-top:2px}.float-ai{right:-20px;top:18%}.float-shield{left:-34px;bottom:22%}.float-work{right:8%;bottom:-20px}.feature-strip{border-block:1px solid rgba(255,255,255,.07);background:#071223;overflow:hidden}.feature-marquee{min-width:max-content;height:70px;display:flex;align-items:center;justify-content:center;gap:28px;color:#7790b3;font-weight:800;font-size:12px;letter-spacing:.16em}.feature-marquee i{width:5px;height:5px;border-radius:50%;background:#28cfff;box-shadow:0 0 12px #28cfff}.section-heading{max-width:850px;margin-bottom:56px}.section-heading.center{text-align:center;margin-inline:auto}.section-heading.center .eyebrow{justify-content:center}.section-heading h2{font-size:clamp(38px,4vw,62px)}.section-heading p{color:var(--muted);font-size:17px;max-width:720px;margin:21px auto 0}.section-heading.split{max-width:none;display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:80px}.section-heading.split p{margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;min-height:300px;border:1px solid rgba(118,157,234,.18);background:linear-gradient(145deg,rgba(13,31,59,.86),rgba(7,17,34,.86));border-radius:24px;padding:28px;overflow:hidden;transition:.3s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(101,179,255,.43)}.feature-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#3c77ff;filter:blur(80px);opacity:.07;right:-70px;bottom:-70px}.feature-card>span,.feature-copy>span{display:block;color:#7285a4;font-size:10px;letter-spacing:.18em;font-weight:800;margin-top:22px}.feature-card h3{font-size:26px;letter-spacing:-.035em;margin:8px 0 12px}.feature-card p{color:#99a8bf;margin:0}.feature-large{grid-column:span 2;display:grid;grid-template-columns:1fr .8fr;gap:25px;min-height:360px}.feature-large .card-icon{position:absolute;top:28px;left:28px}.feature-large .feature-copy{padding-top:55px}.feature-large h3{font-size:32px}.card-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:23px;font-weight:900}.card-icon.gradient{background:linear-gradient(135deg,#6c52ff,#2dd6f6)}.card-icon.green{color:#41eca9;background:#0e493b}.card-icon.cyan{color:#4be6ff;background:#0c3c4b}.card-icon.blue{color:#66a8ff;background:#14345d}.card-icon.purple{color:#d38dff;background:#392052}.card-icon.orange{color:#ffbb67;background:#4f351c}.ai-demo{align-self:end;background:#071326;border:1px solid rgba(133,164,255,.18);border-radius:18px;padding:18px;transform:rotate(-2deg)}.ai-bubble{padding:12px 14px;border-radius:13px;font-size:12px;margin:8px 0}.ai-bubble.user{background:#132643;margin-left:30px}.ai-bubble.alpha{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#253784,#213b65)}.ai-bubble img{width:28px;height:28px;border-radius:8px}.mini-status{display:inline-flex;align-items:center;gap:7px;margin-top:34px;background:#0d2f29;color:#55e8ae;border:1px solid #1b5c4d;border-radius:30px;padding:7px 10px;font-size:11px}.mini-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}.workspace-pills{display:flex;gap:6px;margin-top:35px}.workspace-pills b{font-size:10px;padding:7px 10px;border-radius:20px;background:#112540;color:#92b4e8}.showcase{background:linear-gradient(180deg,transparent,#071326 48%,transparent)}.annotated-wrap{position:relative;padding:55px 120px}.annotated-screen{border-radius:24px;padding:10px}.annotation{position:absolute;width:230px;display:flex;gap:12px;align-items:flex-start;background:rgba(8,22,43,.92);border:1px solid rgba(102,177,255,.28);border-radius:16px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.28)}.annotation>span{width:34px;height:34px;display:grid;place-items:center;background:#122d52;color:#5bdcff;border-radius:10px;font-weight:900;font-size:11px}.annotation div{display:flex;flex-direction:column}.annotation strong{font-size:12px}.annotation small{font-size:10px;color:#8798b1;margin-top:3px}.a1{left:0;top:20%}.a2{right:0;top:15%}.a3{left:20px;bottom:10%}.a4{right:15px;bottom:12%}.mobile-section{overflow:hidden}.mobile-grid{display:grid;grid-template-columns:.95fr .9fr;align-items:center;gap:100px}.mobile-copy h2{font-size:clamp(42px,5vw,68px)}.mobile-copy>p{font-size:17px;color:var(--muted);max-width:600px;margin:24px 0}.mobile-points{display:grid;gap:12px;margin:30px 0}.mobile-points>div{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid rgba(120,158,229,.15);border-radius:15px;background:#081528}.mobile-points b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#102a4b;color:#50dfff;font-size:11px}.mobile-points span{display:flex;flex-direction:column}.mobile-points strong{font-size:13px}.mobile-points small{font-size:11px;color:#8393ad}.phone-stage{position:relative;display:grid;place-items:center;min-height:700px}.phone-frame{position:relative;width:min(340px,72vw);height:690px;border:9px solid #14233a;border-radius:48px;background:#020711;box-shadow:0 40px 100px #000,0 0 0 1px #4872bb;overflow:hidden;z-index:2}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-speaker{position:absolute;z-index:3;top:9px;left:50%;transform:translateX(-50%);width:92px;height:18px;border-radius:20px;background:#050b16}.phone-orbit{position:absolute;border-radius:50%;border:1px solid rgba(67,133,255,.25)}.orbit-one{width:580px;height:580px}.orbit-two{width:430px;height:430px;border-color:rgba(192,74,255,.2)}.phone-card{position:absolute;z-index:4;background:rgba(7,22,42,.93);border:1px solid rgba(72,199,255,.3);border-radius:16px;padding:13px 16px;box-shadow:0 18px 40px rgba(0,0,0,.3);display:flex;flex-direction:column}.phone-card strong{font-size:12px;color:#66e1ff}.phone-card small{font-size:10px;color:#8292ad}.pc-one{left:calc(50% - 340px);top:25%;right:auto}
.pc-two{right:calc(50% - 340px);top:48%;bottom:auto;left:auto}
.pc-three{left:calc(50% - 340px);top:70%;right:auto;bottom:auto}
.phone-card{min-width:150px}
.pc-three strong{color:#9b8cff}.numbers-section{padding-top:0}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(116,160,232,.17);background:#081426;border-radius:24px}.numbers-grid div{text-align:center;padding:36px 20px;border-right:1px solid rgba(255,255,255,.07)}.numbers-grid div:last-child{border:0}.numbers-grid strong{display:block;font-size:42px;line-height:1;background:linear-gradient(120deg,#55dfff,#7c82ff);-webkit-background-clip:text;color:transparent}.numbers-grid span{display:block;color:#7f8ea7;font-size:11px;margin-top:9px;text-transform:uppercase;letter-spacing:.13em}.roadmap-section{background:#061020}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-card{border:1px solid rgba(117,157,231,.16);background:#0a1830;border-radius:22px;padding:26px}.roadmap-card.current{border-color:rgba(56,213,181,.35)}.roadmap-card>span{color:#5edcff;font-size:10px;letter-spacing:.18em;font-weight:900}.roadmap-card h3{font-size:23px;margin:12px 0 9px}.roadmap-card p{color:#8c9bb4;min-height:70px}.progress{height:5px;background:#091020;border-radius:10px;overflow:hidden;margin-top:25px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2fe0c0,#3d8cff)}.download-panel{position:relative;overflow:hidden;border:1px solid rgba(96,158,255,.3);border-radius:32px;padding:56px;background:radial-gradient(circle at 0 100%,#1946a066,transparent 40%),radial-gradient(circle at 100% 0,#9329bd44,transparent 40%),#0b1930;display:grid;grid-template-columns:.8fr 1fr;gap:50px;align-items:center}.download-copy h2{font-size:clamp(40px,4vw,62px)}.download-copy p{color:#a2b1c8}.download-cards{display:grid;gap:12px}.platform-card{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(4,12,26,.68);border:1px solid rgba(139,170,234,.18);border-radius:17px;transition:.2s}.platform-card:hover{transform:translateX(5px);border-color:#5dbaff}.platform-card.disabled{opacity:.7}.platform-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#132a4c;color:#75dfff;font-size:23px}.platform-card span{display:flex;flex-direction:column}.platform-card small{color:#7f90aa;font-size:10px}.platform-card strong{font-size:14px;margin-top:2px}.platform-card>b{margin-left:auto}.faq-grid{display:grid;grid-template-columns:.7fr 1fr;gap:90px}.faq-item{border-bottom:1px solid rgba(255,255,255,.1)}.faq-item button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:22px 0;text-align:left;font-weight:750;cursor:pointer}.faq-item button b{font-size:24px;color:#5bdfff;transition:.2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s}.faq-answer p{overflow:hidden;margin:0;color:#94a4bc}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding-bottom:22px}.faq-item.open button b{transform:rotate(45deg)}.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:70px 0 25px;background:#030711}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:60px}.footer-brand p{color:#7e8da7;max-width:330px;font-size:13px;margin-top:20px}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#e7ecf7;margin:0 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid>div:not(:first-child) a{color:#8190aa;font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;color:#62718a;font-size:11px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#0d1d37;border:1px solid rgba(85,191,255,.35);border-radius:16px;padding:15px 18px;box-shadow:0 22px 60px rgba(0,0,0,.45);display:flex;flex-direction:column;transform:translateY(140%);opacity:0;transition:.35s}.toast.show{transform:none;opacity:1}.toast strong{font-size:13px}.toast span{font-size:10px;color:#8d9db7;margin-top:4px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:1100px){.nav-links{display:none}.menu-toggle{display:block;order:3}.btn-nav{order:4}.nav-links.open{position:absolute;display:flex;flex-direction:column;align-items:stretch;top:78px;left:20px;right:20px;background:#09162a;border:1px solid var(--line);border-radius:18px;padding:20px}.hero-grid,.mobile-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{margin-top:25px}.desktop-shell{transform:none}.float-ai{right:0}.float-shield{left:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-column:span 2}.annotated-wrap{padding:45px 70px 150px}.annotation{position:static;width:auto}.annotated-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}.annotated-screen{grid-column:span 2}.phone-stage{min-height:730px}.mobile-copy{text-align:center}.mobile-copy .eyebrow{justify-content:center}.mobile-copy>p{margin-inline:auto}.faq-grid{grid-template-columns:1fr;gap:25px}.download-panel{grid-template-columns:1fr}.section-heading.split{grid-template-columns:1fr;gap:20px}.section-heading.split p{margin:0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}}
@media(max-width:900px) and (min-width:721px){
  .pc-one,.pc-three, .pc-four{left:calc(50% - 285px)}
  .pc-two, .pc-five, .pc-six{right:calc(50% - 285px)}
}
@media(max-width:720px){.container{width:min(calc(100% - 24px),var(--container))}.section-pad{padding:78px 0}.announcement-inner{font-size:10px}.announcement a{display:none}.nav-wrap{height:68px}.brand img{width:38px;height:38px}.brand small{display:none}.btn-nav{display:none}.hero{padding-top:58px}.hero h1{font-size:43px}.hero-lead{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn:first-child{grid-column:span 2}.hero-proof{gap:15px;display:grid;grid-template-columns:repeat(3,1fr)}.hero-proof span{font-size:9px}.float-card{display:none}.feature-marquee{justify-content:flex-start;padding-inline:20px;animation:marquee 18s linear infinite}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto;display:block}.feature-large .feature-copy{padding-top:55px}.ai-demo{margin-top:25px}.section-heading h2{font-size:38px}.section-heading p{font-size:14px}.annotated-wrap{padding:0;display:block}.annotation{margin-top:10px}.mobile-grid{gap:40px}.phone-stage{min-height:650px}.phone-frame{height:620px;width:305px}.phone-card{display:none}.numbers-grid{grid-template-columns:1fr 1fr}.numbers-grid div:nth-child(2){border-right:0}.numbers-grid div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.roadmap-grid{grid-template-columns:1fr}.download-panel{padding:30px 20px}.download-copy h2{font-size:39px}.faq-grid{gap:5px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}.toast{left:12px;right:12px;bottom:12px}.screen-topbar{display:none}.screen-shell{padding:5px}.desktop-shell{border-radius:13px}.feature-strip{display:none}}@keyframes marquee{to{transform:translateX(-50%)}}

.pc-one {
  left: calc(50% - 340px);
  top: 10%;
  right: auto;
}

.pc-three {
  left: calc(50% - 340px);
  top: 35%;
  right: auto;
  bottom: auto;
}

.pc-four {
  left: calc(50% - 340px);
  top: 60%;
  right: auto;
  bottom: auto;
}

.pc-seven {
  left: calc(50% - 350px);
  top: 80%;
  bottom: auto;
  right: auto;
}

.pc-two {
  right: calc(50% - 340px);
  top: 10%;
  bottom: auto;
  left: auto;
}

.pc-five {
  right: calc(50% - 340px);
  top: 35%;
  bottom: auto;
  left: auto;
}
.pc-six {
  right: calc(50% - 340px);
  top: 60%;
  bottom: auto;
  left: auto;
}  

.pc-eight {
  right: calc(50% - 340px);
  top: 80%;
  bottom: auto;
  left: auto;
}

.pc-nine {
  bottom: calc(50% - 340px);
  top: 100%;
  bottom: auto;
  left: auto;
}

.pc-ten {
  bottom: calc(50% - 340px);
  top: -8%;
  bottom: auto;
  left: auto;
}