:root{
  --bg:#07091a;
  --bg-2:#0b1030;
  --panel:rgba(255,255,255,.065);
  --panel-2:rgba(255,255,255,.095);
  --line:rgba(255,255,255,.13);
  --text:#f7f7ff;
  --muted:#b4b8d2;
  --cyan:#19c7ff;
  --blue:#3167ff;
  --purple:#8b2cff;
  --pink:#ca39ff;
  --radius:30px;
  --shadow:0 30px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 0%, rgba(27,143,255,.12), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(144,44,255,.12), transparent 30%),
    linear-gradient(160deg,#060817 0%,#080b1d 45%,#0a0d22 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.27;pointer-events:none;z-index:-3}
.ambient-a{width:500px;height:500px;background:#087cff;top:10%;left:-260px}
.ambient-b{width:600px;height:600px;background:#8f19ff;right:-320px;top:36%}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{
  width:min(1180px,calc(100% - 36px));
  margin:20px auto 0;
  padding:12px 14px 12px 18px;
  min-height:70px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(9,12,34,.64);
  backdrop-filter:blur(20px);
  display:flex;align-items:center;gap:34px;
  position:sticky;top:16px;z-index:50;
  box-shadow:0 16px 50px rgba(0,0,0,.22)
}
.brand{display:flex;align-items:center;min-width:190px}
.brand img{width:170px;height:44px;object-fit:contain;object-position:left center}
.topbar nav{display:flex;gap:28px;margin-left:auto}
.topbar nav a{color:#ccd0e6;font-size:14px;font-weight:700;transition:.25s}
.topbar nav a:hover{color:#fff;transform:translateY(-1px)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:16px;
  font-weight:800;letter-spacing:-.01em;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;
  cursor:pointer
}
.btn:hover{transform:translateY(-3px)}
.btn-small{min-height:42px;padding:0 17px;font-size:14px;background:linear-gradient(120deg,var(--blue),var(--purple));box-shadow:0 10px 28px rgba(82,58,255,.28)}
.btn-primary{background:linear-gradient(115deg,#1499ff 0%,#4e50ff 48%,#9828ff 100%);box-shadow:0 16px 40px rgba(82,68,255,.36);position:relative;overflow:hidden}
.btn-primary:after{content:"";position:absolute;inset:-2px;transform:translateX(-125%) skewX(-25deg);width:55%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .7s}
.btn-primary:hover:after{transform:translateX(230%) skewX(-25deg)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.045);color:#e2e4f2}
.btn-ghost:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08)}
.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:110px 0}
.hero{min-height:760px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding-top:74px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:850;color:#b9c0e4;display:flex;align-items:center;gap:9px;margin-bottom:18px}
.eyebrow span{width:27px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--purple))}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(54px,6.6vw,88px);line-height:.96;letter-spacing:-.058em;margin-bottom:25px;max-width:760px}
h1 span,h2 span{background:linear-gradient(100deg,#43d7ff 5%,#6f65ff 48%,#bd4aff 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{max-width:650px;color:#c0c4db;font-size:19px;line-height:1.72;letter-spacing:-.015em}
.hero-lead strong{color:#fff}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 18px}
.download-icon{font-size:22px;line-height:1}
.free-note{max-width:620px;border-left:3px solid #7c54ff;padding:10px 14px;color:#b8bdd3;font-size:14px;background:linear-gradient(90deg,rgba(113,77,255,.10),transparent)}
.free-note b{color:#fff}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px;max-width:680px}
.trust-row>div{padding:16px 16px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:rgba(255,255,255,.035)}
.trust-row b,.trust-row small{display:block}.trust-row b{font-size:13px}.trust-row small{margin-top:5px;color:#858ba8;font-size:11px}
.hero-visual{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;perspective:1300px}
.orb{position:absolute;border-radius:50%;filter:blur(8px)}
.orb-one{width:370px;height:370px;background:radial-gradient(circle at 35% 28%,#49dcff,#1163ff 42%,#7625ff 72%,transparent 73%);opacity:.22;animation:float 8s ease-in-out infinite}
.orb-two{width:230px;height:230px;background:#a526ff;filter:blur(80px);opacity:.26;right:0;bottom:10%}
.phone-stack{position:relative;width:100%;height:610px;transform-style:preserve-3d;isolation:isolate}
.phone{position:absolute;margin:0;border-radius:33px;padding:7px;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.06));box-shadow:0 35px 80px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);overflow:hidden;transition:transform .35s ease,filter .35s ease,opacity .35s ease;will-change:transform}
.phone img{width:100%;height:100%;object-fit:cover;border-radius:27px}
.phone-main{width:285px;height:633px;left:52%;top:50%;transform:translate(-50%,-50%) rotateY(-6deg) rotateX(2deg);z-index:4}
.phone-left{width:190px;height:422px;left:7%;top:25%;transform:rotateY(27deg) rotateZ(-9deg);z-index:1;filter:saturate(.78) brightness(.72);opacity:.88}
.phone-right{width:205px;height:455px;right:5%;top:21%;transform:rotateY(-25deg) rotateZ(9deg);z-index:2;filter:saturate(.82) brightness(.8);opacity:.92}
.phone:hover{z-index:8!important;filter:none;opacity:1;box-shadow:0 42px 100px rgba(20,84,255,.24),0 35px 80px rgba(0,0,0,.45)}
.floating-chip{position:absolute;z-index:9;padding:11px 15px;background:rgba(13,17,43,.88);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 14px 35px rgba(0,0,0,.32)}
.chip-a{right:-62px;top:26%;color:#8bf4ff}
.strip{width:min(1180px,calc(100% - 36px));margin:0 auto;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);padding:21px 30px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;color:#d9dced;font-size:14px;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.strip span{color:#505879}.section-heading{max-width:760px;margin-bottom:42px}.section-heading.centered{margin-left:auto;margin-right:auto;text-align:center}.section-heading.centered .eyebrow{justify-content:center}
h2{font-size:clamp(40px,5.2vw,68px);line-height:1.02;letter-spacing:-.05em;margin-bottom:20px}.section-heading p,.showcase-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:680px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.feature-card{grid-column:span 4;min-height:390px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));padding:29px;position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.05);transition:transform .3s,border-color .3s,background .3s}.feature-card:hover{transform:translateY(-7px);border-color:rgba(112,104,255,.45);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045))}.feature-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#5938ff;filter:blur(100px);opacity:.09;right:-80px;top:-90px}.feature-large{grid-column:span 8;min-height:520px;display:grid;grid-template-columns:.86fr 1.14fr;gap:24px}.feature-library{grid-column:span 4;min-height:440px}.feature-icon{width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:21px;margin-bottom:22px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.feature-card h3{font-size:26px;letter-spacing:-.03em;margin-bottom:12px}.feature-card p{color:#aeb4cd;line-height:1.65;font-size:15px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.pill-row span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#bdc4e6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 10px}.screen-crop{align-self:end;height:430px;border-radius:25px 25px 0 0;overflow:hidden;transform:translateY(29px) rotate(2.5deg);box-shadow:0 28px 70px rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.12)}.screen-crop img{width:100%;height:100%;object-fit:cover;object-position:top}.mini-screen{height:180px;position:absolute;left:27px;right:27px;bottom:-35px;border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.11);transform:rotate(-1.2deg);transition:transform .35s}.feature-card:hover .mini-screen{transform:translateY(-9px) rotate(0)}.mini-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.focus-top img{object-position:50% 20%}.focus-mid img{object-position:50% 41%}.library-screen{height:225px;position:absolute;left:26px;right:26px;bottom:-24px;border-radius:22px 22px 0 0;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 60px rgba(0,0,0,.35);transform:rotate(2deg)}.library-screen img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.how{padding-top:130px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{min-height:260px;padding:30px;border-top:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);border-radius:0 0 24px 24px}.step-no{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.12em;color:#7fdfff;background:rgba(32,149,255,.09);border:1px solid rgba(69,173,255,.15);border-radius:999px;padding:7px 10px;margin-bottom:45px}.step h3{font-size:25px;letter-spacing:-.03em;margin-bottom:9px}.step p{color:#a8aec5;line-height:1.65}.showcase{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px}.showcase-copy h2{font-size:clamp(42px,5vw,64px)}.checklist{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}.checklist li{display:flex;align-items:center;gap:12px;color:#d8dced;font-weight:650}.checklist li span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#159cff,#832dff);font-size:12px}.showcase-visual{min-height:620px;display:grid;place-items:center;perspective:1300px}.perspective-stage{width:100%;height:570px;position:relative;transform-style:preserve-3d}.angled-shot{position:absolute;width:300px;height:600px;margin:0;border-radius:34px;padding:7px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.4)}.angled-shot img{width:100%;height:100%;object-fit:cover;border-radius:28px}.shot-back{left:9%;top:15px;transform:rotateY(22deg) rotateZ(-7deg) scale(.88);filter:brightness(.72);z-index:1}.shot-front{right:11%;top:-8px;transform:rotateY(-12deg) rotateZ(5deg);z-index:2}.glass-badge{position:absolute;z-index:7;border:1px solid rgba(255,255,255,.18);background:rgba(18,20,52,.68);backdrop-filter:blur(17px);padding:14px 17px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.36)}.glass-badge b,.glass-badge small{display:block}.glass-badge b{font-size:13px}.glass-badge small{font-size:11px;color:#9ca4c5;margin-top:3px}.badge-one{left:3%;bottom:19%}.badge-two{right:3%;top:24%}.download-section{padding-top:70px}.download-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:38px;padding:58px 60px;display:grid;grid-template-columns:160px 1fr;gap:40px;align-items:center;background:linear-gradient(125deg,rgba(18,98,255,.18),rgba(119,43,255,.20) 55%,rgba(194,43,255,.12));box-shadow:var(--shadow)}.download-card:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:linear-gradient(145deg,#078eff,#6a38ff,#bd28ff);filter:blur(90px);opacity:.16;right:-150px;top:-190px}.download-logo{width:145px;filter:drop-shadow(0 22px 35px rgba(50,76,255,.25))}.download-card h2{font-size:clamp(39px,4.3vw,60px);margin-bottom:14px}.download-card p{color:#b7bdd5;max-width:760px;line-height:1.7}.download-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.download-actions>span{color:#8e96b9;font-size:13px}.btn-download-big{min-height:58px;padding:0 28px}.free-highlight{margin:16px 0 0!important;color:#fff!important;font-weight:850!important}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,140%);z-index:100;width:min(520px,calc(100% - 30px));padding:17px 20px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(13,17,42,.92);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.45);transition:.35s ease;display:grid;gap:3px}.toast.show{transform:translate(-50%,0)}.toast b{font-size:14px}.toast span{font-size:12px;color:#aeb5cf;line-height:1.5}footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:36px 0 56px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:210px 1fr auto;gap:28px;align-items:center;color:#8189a8;font-size:12px;line-height:1.6}.footer-brand img{width:160px}.copyright{white-space:nowrap;margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.22,1)}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.04)}}
@media (max-width:1050px){.hero{grid-template-columns:1fr;padding-top:85px}.hero-copy{max-width:790px}.hero-visual{min-height:680px}.phone-stack{max-width:680px}.feature-card{grid-column:span 6}.feature-large{grid-column:span 12}.feature-library{grid-column:span 6}.showcase{grid-template-columns:1fr}.showcase-copy{max-width:760px}.showcase-visual{min-height:590px}.topbar nav{display:none}}
@media (max-width:720px){.topbar{width:calc(100% - 22px);margin-top:10px;top:9px;min-height:60px;padding:8px 9px 8px 13px;border-radius:18px}.brand{min-width:0}.brand img{width:126px;height:36px}.btn-small{padding:0 13px;min-height:39px;margin-left:auto}.section{width:calc(100% - 26px);padding:80px 0}.hero{padding-top:58px;gap:20px;min-height:auto}.hero h1{font-size:clamp(49px,15vw,68px)}.hero-lead{font-size:16px;line-height:1.68}.hero-actions .btn{width:100%}.trust-row{grid-template-columns:1fr}.hero-visual{min-height:555px;margin-top:4px}.phone-stack{height:540px}.phone-main{width:235px;height:522px;left:52%}.phone-left{width:138px;height:308px;left:1%;top:24%;transform:rotateY(24deg) rotateZ(-8deg);opacity:.82}.phone-right{width:152px;height:338px;right:1%;top:21%;transform:rotateY(-22deg) rotateZ(8deg);opacity:.88}.chip-a{right:-24px;top:23%;font-size:10px}.strip{width:calc(100% - 26px);justify-content:flex-start;padding:17px 18px;gap:12px;font-size:12px}.strip span{display:none}.section-heading{margin-bottom:28px}.section-heading p,.showcase-copy>p{font-size:16px}.bento{display:block}.feature-card,.feature-large,.feature-library{display:block;min-height:390px;margin-bottom:14px}.feature-large{min-height:650px}.feature-large .feature-copy{position:relative;z-index:3}.screen-crop{height:350px;margin-top:25px;transform:translateY(29px) rotate(1deg)}.feature-library{min-height:430px}.steps{grid-template-columns:1fr}.step{min-height:220px}.step-no{margin-bottom:28px}.showcase{gap:30px}.showcase-visual{min-height:470px;overflow:hidden}.perspective-stage{height:460px}.angled-shot{width:215px;height:478px}.shot-back{left:-3%}.shot-front{right:-2%}.badge-one{left:0;bottom:14%}.badge-two{right:0;top:21%}.download-card{grid-template-columns:1fr;padding:34px 26px;text-align:left}.download-logo{width:105px}.download-actions .btn{width:100%}footer{grid-template-columns:1fr;gap:11px}.copyright{white-space:normal}.footer-brand{width:max-content}.ambient{opacity:.18}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}