:root{--bg:#0b1020;--surface:#151c30;--muted:#a6aec4;--white:#f7f8ff;--blue:#7698ff;--line:#ffffff1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#0b1020e8;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand>span:last-child{color:#8eabff}.brand-icon{display:inline-grid;place-items:center;background:#6689ff;color:white;width:34px;height:34px;border-radius:10px;margin-right:6px;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:650}.nav-links>a:not(.nav-cta){color:#c4c9d7}.nav-links a:hover,.text-link:hover{color:#91acff}.nav-cta{background:#e9efff;color:#111a34;padding:11px 18px;border-radius:12px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:26px}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:65px;padding-bottom:80px}.eyebrow,.section-label{font-size:11px;letter-spacing:2.4px;font-weight:850;color:#91acff}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:#698cff17;border:1px solid #7293ff35;padding:9px 14px;border-radius:30px}.pulse{width:7px;height:7px;border-radius:50%;background:#7bdfbd;box-shadow:0 0 14px #7bdfbd}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6vw,92px);line-height:1.02;letter-spacing:-5px;margin:25px 0}h1 em,h2 em{font-style:normal;color:#87a5ff}.hero-copy>p{max-width:480px;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;gap:25px;align-items:center;padding:15px 20px;border-radius:13px;font-size:13px;font-weight:800}.primary{background:#7798ff;color:#091125}.secondary{border:1px solid #ffffff36}.micro{font-size:12px!important;margin-top:20px;color:#7d879f!important}.phone-stage{position:relative;display:grid;place-items:center;min-height:610px}.glow{position:absolute;width:480px;height:480px;max-width:100%;background:radial-gradient(circle,#526cd956,transparent 70%);filter:blur(25px)}.phone{position:relative;width:288px;height:585px;background:#05080f;border:7px solid #323b51;border-radius:44px;box-shadow:0 35px 90px #0009,0 0 0 2px #79839c55;transform:rotate(6deg);overflow:hidden}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:19px;width:80px;background:#03050a;border-radius:20px;z-index:2}.phone-screen{padding:43px 16px 0;background:#10182a;height:100%;font-size:11px}.app-top{display:flex;justify-content:space-between;font-weight:800;margin-bottom:27px}.mini-logo{color:#a2b7ff}.app-greeting{font-size:8px;color:#8999b8;letter-spacing:2px}.app-heading{font-size:17px;font-weight:800;margin:4px 0 15px}.stats{display:flex;gap:9px;margin-bottom:14px}.stats>div{flex:1;background:#202c48;border:1px solid #ffffff10;border-radius:13px;padding:12px}.stats strong{display:block;font-size:25px}.stats small{color:#aebbd4}.chart-card{background:#1b2740;border-radius:13px;padding:13px;margin-bottom:19px}.card-title{display:flex;justify-content:space-between;font-weight:750;font-size:10px}.card-title span{color:#95aafa;font-size:9px}.chart-area{display:flex;align-items:center;gap:18px;padding:17px 0 4px}.donut,.art-donut{border-radius:50%;background:conic-gradient(#718eff 0 45%,#ffb26e 45% 70%,#b58dff 70% 86%,#66d8ae 86%);position:relative}.donut{width:105px;height:105px}.donut:after,.art-donut:after{content:"";position:absolute;inset:24%;background:#1b2740;border-radius:50%}.legend{display:grid;gap:7px;color:#bac5d9;font-size:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.blue{background:#718eff}.orange{background:#ffb26e}.purple{background:#b58dff}.green{background:#66d8ae}.tiles{display:flex;gap:8px;margin-top:10px}.tile{flex:1;height:100px;border-radius:11px;padding:12px;font-size:22px}.t1{background:#283b73}.t2{background:#47365d}.tile small,.tile b{display:block;font-size:9px}.tile small{color:#c4cce4;margin-top:3px}.tabbar{position:absolute;bottom:0;left:0;right:0;height:53px;display:flex;justify-content:space-around;align-items:center;background:#121b2e;border-top:1px solid #ffffff1c}.tabbar span{text-align:center;color:#a8b5ce;font-size:15px}.tabbar small{display:block;font-size:8px}.floating-chip{position:absolute;background:#263353;border:1px solid #ffffff2c;border-radius:13px;padding:11px 15px;font-size:11px;font-weight:750;box-shadow:0 14px 30px #0005}.chip-one{top:105px;right:0}.chip-two{bottom:90px;left:0}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#12192b}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;color:#b9c3dc;font-size:11px;font-weight:850;letter-spacing:1.8px}.strip b{color:#6e8de4;font-size:19px}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:15px 0 35px}.section-heading p{max-width:350px;color:var(--muted)}h2{font-size:clamp(38px,4.5vw,62px);line-height:1.12;letter-spacing:-2.5px;margin:12px 0 22px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.feature{grid-column:span 2;background:#151d30;border:1px solid var(--line);border-radius:22px;overflow:hidden}.feature.large{grid-column:span 3}.feature-art{height:180px;display:grid;place-items:center;overflow:hidden}.art-blue{background:radial-gradient(circle at 50% 100%,#5374c9,#1c305b)}.art-purple{background:radial-gradient(circle,#745cbb,#34224d)}.art-orange{background:radial-gradient(circle,#bc7648,#4a2b30)}.art-green{background:radial-gradient(circle,#287e75,#173f49)}.art-pink{background:radial-gradient(circle,#865ca2,#34264f)}.art-stack{font-size:56px;color:#b8caff;line-height:.7;transform:rotate(-12deg);text-shadow:10px 12px 0 #435ea3}.art-figure{font-size:55px;color:#dac8ff;letter-spacing:-12px}.art-donut{width:130px;height:130px;box-shadow:0 20px 50px #0005}.art-donut:after{background:#653f40}.art-star{font-size:150px;color:#91f2cb;line-height:1}.art-cloud{font-size:160px;color:#e5b5ff}.feature-body{padding:26px}.tag{color:#94a9d9;font-size:10px;letter-spacing:1.8px;font-weight:850}.feature h3{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin:12px 0}.feature p{font-size:14px;color:var(--muted);margin-bottom:0}.preview-section{background:#151d31;border-block:1px solid var(--line)}.preview-inner{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.preview-inner p{color:var(--muted);max-width:390px}.text-link{font-weight:800;color:#a0b7ff}.preview-panel{background:#0d1426;border:1px solid #ffffff20;border-radius:23px;padding:27px;box-shadow:0 30px 80px #0003}.preview-head{display:flex;justify-content:space-between;color:#9badd0;font-size:10px;letter-spacing:1.4px;font-weight:800}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.preview-stats>div{background:#1b2945;padding:15px;border-radius:12px}.preview-stats small{display:block;color:#a5b1cc}.preview-stats strong{font-size:29px}.preview-bars{display:grid;gap:17px}.preview-bars div{font-size:12px}.preview-bars i{display:block;width:var(--w);height:9px;background:var(--c);border-radius:10px;margin-top:8px}.sample-note{font-size:10px;margin:25px 0 0!important}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.step-grid>div{border-top:1px solid #ffffff36;padding-top:20px}.step-grid span{color:#8ca9ff;font-weight:800}.step-grid h3{font-size:23px;margin:20px 0 8px}.step-grid p{color:var(--muted)}.download-section{padding-bottom:100px}.download-card{padding:80px 40px;text-align:center;background:radial-gradient(ellipse at 50% 110%,#3b5095,#1a2545 60%,#151e36);border:1px solid #ffffff24;border-radius:28px}.download-card p{color:#c0cae2}.coming-badge{display:inline-block;margin-top:14px;padding:15px 25px;border-radius:13px;background:#e9efff;color:#10172b;font-weight:850;font-size:14px}.footer{padding:35px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p,.footer small{color:#8e9ab5;font-size:12px}.footer small{width:100%}.footer-links{display:flex;gap:25px;font-size:13px}.subpage{padding:90px 0 120px;max-width:800px}.subpage>p,.subpage section p,.subpage li{color:#b7c2d9}.subpage h2{font-size:27px;letter-spacing:-.7px;margin-top:45px}.subpage h1{font-size:clamp(44px,6vw,70px)}.subpage a:not(.btn){color:#a1baff;text-decoration:underline}.notice{background:#1b2945;border:1px solid #ffffff25;padding:18px;border-radius:13px;color:#cad4ea}.faq{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{padding-top:12px}.subpage ul{padding-left:22px}@media(max-width:850px){.hero{grid-template-columns:1fr;text-align:center;padding-top:70px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.phone-stage{min-height:610px}.section-heading,.preview-inner{display:block}.section-heading p{max-width:600px}.feature,.feature.large{grid-column:span 3}.preview-panel{margin-top:40px}.strip-inner{flex-wrap:wrap;justify-content:center}.chip-one{right:7%}.chip-two{left:7%}}@media(max-width:600px){.wrap{width:min(100% - 32px,1160px)}.nav{height:66px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;background:#10192d;padding:24px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}h1{letter-spacing:-3px;font-size:58px}.hero{padding-top:50px;gap:0}.phone{transform:rotate(3deg) scale(.9)}.phone-stage{min-height:560px}.floating-chip{font-size:10px}.chip-one{right:0}.chip-two{left:0}.strip-inner{font-size:9px;letter-spacing:1px}.section{padding:75px 0}.feature,.feature.large{grid-column:span 6}.feature-art{height:145px}.preview-inner{padding:75px 0}.step-grid{grid-template-columns:1fr}.download-card{padding:60px 20px}.footer{display:block}.footer-links{margin:20px 0}.preview-panel{padding:16px}.preview-stats strong{font-size:22px}}


/* Interactive feature carousel */
.feature-carousel{overflow:hidden;border-radius:24px;touch-action:pan-y}
#feature-track{display:flex;gap:0;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}
#feature-track>.feature,#feature-track>.feature.large{flex:0 0 100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;min-height:340px;border-radius:24px}
#feature-track .feature-art{height:100%;min-height:340px}
#feature-track .feature-body{align-self:center;padding:clamp(26px,5vw,72px)}
#feature-track .feature h3{font-size:clamp(26px,3vw,42px)}
#feature-track .feature p{font-size:clamp(15px,1.5vw,18px);line-height:1.7}
.carousel-controls{display:flex;justify-content:space-between;align-items:center;margin:22px 0 18px}
.carousel-count{font-size:13px;letter-spacing:2px;color:var(--muted);font-weight:700}
.carousel-buttons{display:flex;gap:10px}
.carousel-arrow{border:1px solid #ffffff33;background:#1d2942;color:white;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:22px;transition:background .2s,transform .2s}
.carousel-arrow:hover:not(:disabled){background:#4966c5;transform:scale(1.07)}
.carousel-arrow:disabled{opacity:.35;cursor:not-allowed}
.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.carousel-dots button{height:8px;width:8px;border:0;border-radius:10px;background:#596477;cursor:pointer;transition:width .3s,background .3s}
.carousel-dots button.active{width:30px;background:#8da4ff}
#feature-track .feature-art>*{transition:transform .9s cubic-bezier(.2,.9,.2,1),opacity .7s;transform:translateY(28px) scale(.8);opacity:0}
#feature-track .feature.is-visible .feature-art>*{transform:translateY(0) scale(1);opacity:1}
#feature-track .feature.is-visible .art-donut{animation:donut-enter 1.3s ease both}
@keyframes donut-enter{from{clip-path:circle(0% at 50% 50%);transform:rotate(-100deg) scale(.75)}to{clip-path:circle(75% at 50% 50%);transform:rotate(0) scale(1)}}
#feature-track .feature.is-visible .art-star{animation:star-enter 1.1s ease both}
@keyframes star-enter{from{transform:rotate(-90deg) scale(.15);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}
.preview-bars i{transform:scaleX(0);transform-origin:left;transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.preview-panel.is-visible .preview-bars i{transform:scaleX(1)}
.preview-stats strong{transition:opacity .4s}
@media(max-width:700px){#feature-track>.feature,#feature-track>.feature.large{grid-template-columns:1fr;min-height:0}#feature-track .feature-art{height:220px;min-height:220px}#feature-track .feature-body{padding:28px;min-height:220px}.carousel-arrow{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){#feature-track,.preview-bars i,#feature-track .feature-art>*{transition:none!important;animation:none!important}#feature-track .feature-art>*{opacity:1;transform:none}}