:root{--ink:#171221;--muted:#696273;--purple:#7137e8;--violet:#a267ff;--pink:#ff4aa2;--cyan:#27c8e7;--surface:#fbfaff;--card:#fff;--line:#e9e1f2;--shadow:0 30px 80px -40px rgba(71,29,145,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;color:var(--ink);background:var(--surface);font:16px/1.7 Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;z-index:-2;inset:0;background:radial-gradient(circle at 10% 8%,rgba(162,103,255,.18),transparent 28rem),radial-gradient(circle at 92% 22%,rgba(255,74,162,.12),transparent 25rem),linear-gradient(rgba(113,55,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(113,55,232,.035) 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px;mask-image:linear-gradient(#000,transparent 82%)}
img{max-width:100%;display:block}
a{color:inherit}
button,a{font:inherit}
:focus-visible{outline:3px solid rgba(113,55,232,.3);outline-offset:4px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:12px 18px}
.nav-shell{max-width:1180px;margin:auto;padding:9px 10px 9px 15px;display:flex;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(251,250,255,.78);box-shadow:0 14px 40px rgba(51,22,101,.1);backdrop-filter:blur(22px)}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--purple);font:800 22px/1 "Plus Jakarta Sans",sans-serif;text-decoration:none;letter-spacing:-.04em}
.brand img{width:40px;height:40px;padding:8px 7px;border-radius:12px;object-fit:contain;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 8px 22px rgba(113,55,232,.26)}
.nav-links{display:flex;align-items:center;gap:3px}
.nav-links a{padding:11px 13px;border-radius:999px;color:#554d61;font:700 13px/1 "Plus Jakarta Sans",sans-serif;text-decoration:none;transition:.25s}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--purple);background:#eee5ff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 22px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 16px 34px -12px rgba(113,55,232,.55),inset 0 1px rgba(255,255,255,.3);font:800 14px/1 "Plus Jakarta Sans",sans-serif;text-decoration:none;transition:transform .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px);box-shadow:0 20px 40px -12px rgba(113,55,232,.62)}
.button.secondary{color:var(--ink);background:rgba(255,255,255,.76);border:1px solid var(--line);box-shadow:none}
.menu-button{display:none;background:none;border:0;color:var(--ink);font-size:24px}
.hero{min-height:100svh;padding:145px 24px 80px;display:flex;align-items:center;position:relative;isolation:isolate}
.hero:after{content:"";position:absolute;z-index:-1;width:720px;height:720px;right:-220px;top:70px;border-radius:50%;background:conic-gradient(from 20deg,rgba(113,55,232,.19),rgba(255,74,162,.16),rgba(39,200,231,.13),rgba(113,55,232,.19));filter:blur(72px);animation:aura 15s linear infinite}
.container{width:min(1180px,100%);margin:auto}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 9px;border:1px solid rgba(113,55,232,.16);border-radius:999px;background:rgba(255,255,255,.78);color:#5822bb;font:800 11px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 28px rgba(88,34,187,.08)}
.eyebrow:before{content:"";width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:inset 0 0 0 7px rgba(255,255,255,.84)}
h1,h2,h3{font-family:"Plus Jakarta Sans",sans-serif}
h1{margin:25px 0 23px;font-size:clamp(52px,6.2vw,86px);line-height:.99;letter-spacing:-.06em;text-wrap:balance}
.gradient-text{background:linear-gradient(90deg,var(--purple),var(--pink),#008ec2,var(--purple));background-size:230% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 7s linear infinite}
.hero-copy{max-width:640px;margin:0 0 32px;color:var(--muted);font-size:18px}
.cta-row{display:flex;gap:13px;flex-wrap:wrap}
.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;padding-top:25px;border-top:1px solid var(--line)}
.trust-row strong{display:block;font:800 20px/1.2 "Plus Jakarta Sans";color:var(--ink)}.trust-row span{color:var(--muted);font-size:12px}
.phone-stage{min-height:620px;display:flex;align-items:center;justify-content:center;position:relative}
.phone-stage:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:linear-gradient(145deg,rgba(113,55,232,.18),rgba(255,74,162,.12));box-shadow:inset 0 0 80px rgba(255,255,255,.85),0 45px 100px rgba(76,31,154,.16)}
.phone{position:relative;z-index:2;width:250px;padding:10px;border-radius:38px;background:#121016;box-shadow:0 35px 80px -25px rgba(17,11,27,.55);animation:float 6s ease-in-out infinite}
.phone img{width:100%;border-radius:29px}
.phone.alt{z-index:1;width:210px;margin-left:-28px;transform:translateY(48px) rotate(-7deg);animation:float-alt 7s ease-in-out infinite}
.float-chip{position:absolute;z-index:4;padding:12px 16px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 18px 42px rgba(52,22,103,.16);backdrop-filter:blur(16px);font:800 12px/1.2 "Plus Jakarta Sans";animation:chip 5s ease-in-out infinite}.float-chip.one{left:0;top:17%}.float-chip.two{right:0;bottom:17%;animation-delay:-2s}
.section{padding:105px 24px}.section.alt{background:rgba(242,237,251,.64)}.section.dark{color:#fff;background:#171221}
.section-head{max-width:720px;margin:0 auto 54px;text-align:center}.kicker{color:var(--purple);font:800 11px/1 "Plus Jakarta Sans";letter-spacing:.14em;text-transform:uppercase}.section h2,.legal-hero h1{margin:14px 0;font-size:clamp(34px,4.5vw,54px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.section-head p{color:var(--muted);font-size:17px}.dark .section-head p{color:#bbb2c8}
.store-grid,.feature-grid,.steps,.faq-grid{display:grid;gap:20px}.store-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}
.store-card,.feature-card,.step,.faq-card{padding:28px;border:1px solid rgba(113,55,232,.12);border-radius:26px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);transition:transform .3s,border-color .3s,box-shadow .3s}
.store-card:hover,.feature-card:hover,.step:hover{transform:translateY(-7px);border-color:rgba(113,55,232,.35);box-shadow:0 34px 74px -42px rgba(74,29,153,.55)}
.store-card{display:flex;align-items:center;gap:16px;text-decoration:none}.store-card img{width:50px;height:50px;object-fit:contain}.store-card small{display:block;color:var(--muted)}.store-card strong{font:800 18px/1.3 "Plus Jakarta Sans"}
.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.app-card{position:relative;padding:34px;border:1px solid rgba(113,55,232,.13);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.app-card:hover{transform:translateY(-7px);border-color:rgba(113,55,232,.36);box-shadow:0 36px 78px -40px rgba(74,29,153,.58)}
.app-card:after{content:"";position:absolute;width:180px;height:180px;right:-75px;top:-75px;border-radius:50%;background:var(--app-glow,rgba(113,55,232,.12));filter:blur(6px)}
.app-top{position:relative;z-index:1;display:flex;align-items:center;gap:17px;margin-bottom:22px}
.app-symbol{width:62px;height:62px;display:grid;place-items:center;flex:0 0 auto;border-radius:19px;color:#fff;background:var(--app-gradient,linear-gradient(135deg,var(--purple),var(--pink)));box-shadow:0 14px 30px -12px rgba(74,29,153,.48);font:800 23px/1 "Plus Jakarta Sans"}
.app-top h3{margin:0;font-size:24px;line-height:1.15}.platform-note{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.app-card>p{color:var(--muted)}.app-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:20px 0;padding:0;list-style:none}.app-features li{position:relative;padding-left:21px;font-size:13px}.app-features li:before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:800}
.platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.platform-link{display:inline-flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:800 12px/1 "Plus Jakarta Sans";text-decoration:none;transition:.25s}.platform-link:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-2px)}.platform-link img{width:19px;height:19px;object-fit:contain}.android-only{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf9ef;color:#257538;font:800 10px/1 "Plus Jakarta Sans";text-transform:uppercase;letter-spacing:.06em}
.suite-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-card{padding:25px 20px;border:1px solid var(--line);border-radius:23px;background:#fff;text-align:center;box-shadow:0 22px 50px -38px rgba(62,25,126,.4)}.flow-card b{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));font-family:"Plus Jakarta Sans"}.flow-card strong{display:block;font-family:"Plus Jakarta Sans"}.flow-card span{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.feature-icon,.step-number{width:52px;height:52px;display:grid;place-items:center;margin-bottom:22px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));font:800 21px "Plus Jakarta Sans";box-shadow:0 12px 25px rgba(113,55,232,.22)}
.feature-card h3,.step h3{margin:0 0 9px;font-size:20px}.feature-card p,.step p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-copy h2{margin:13px 0 20px}.split-copy p{color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{position:relative;margin:13px 0;padding-left:31px}.check-list li:before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--purple);font-size:12px}
.visual-card{position:relative;min-height:520px;display:grid;place-items:center;border:1px solid rgba(113,55,232,.13);border-radius:38px;background:linear-gradient(145deg,#f0e8ff,#fff0f7);box-shadow:var(--shadow);overflow:hidden}.visual-card img{max-height:470px;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(37,18,68,.24));animation:float 6s ease-in-out infinite}
.seo-copy{columns:2;column-gap:55px}.seo-copy p{margin-top:0;color:var(--muted)}
.faq-grid{grid-template-columns:1fr 1fr}.faq-card h3{margin:0 0 8px;font-size:18px}.faq-card p{margin:0;color:var(--muted)}
.cta-panel{padding:70px;border-radius:40px;color:#fff;background:linear-gradient(135deg,var(--purple),#8b50f0 50%,var(--pink));box-shadow:0 35px 85px -40px rgba(88,34,187,.65);text-align:center;position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-120px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(10px)}.cta-panel h2{position:relative;margin-top:0}.cta-panel p{position:relative;max-width:650px;margin:0 auto 28px;opacity:.86}.cta-panel .button{background:#fff;color:var(--purple);box-shadow:none}
.site-footer{padding:52px 24px 28px;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-brand p{max-width:420px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links strong{font-family:"Plus Jakarta Sans"}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--purple)}.copyright{margin-top:35px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.legal-hero{padding:165px 24px 65px;text-align:center;position:relative}.legal-hero h1{font-size:clamp(45px,7vw,74px);background:linear-gradient(90deg,var(--ink),var(--purple),var(--pink),var(--ink));background-size:230% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 8s linear infinite}.effective{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:13px}
.legal-shell{width:min(900px,calc(100% - 36px));margin:0 auto 90px;padding:clamp(30px,6vw,70px);border:1px solid rgba(255,255,255,.85);border-radius:38px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);position:relative}.legal-shell:before{content:"";position:absolute;left:0;top:65px;bottom:65px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--purple),var(--pink),var(--cyan))}.legal-shell .intro{font-size:18px;color:#4f4659}.legal-shell h2{margin:50px 0 14px;padding-top:18px;border-top:1px solid var(--line);font-size:26px;line-height:1.25}.legal-shell h3{margin:27px 0 8px}.legal-shell p{margin:0 0 15px}.legal-shell ul{margin:12px 0 20px;padding:18px 20px 18px 42px;border-radius:18px;background:linear-gradient(135deg,rgba(113,55,232,.05),rgba(255,74,162,.035))}.legal-shell li{margin:6px 0}.contact-card{margin-top:35px;padding:24px;border:1px solid #e1d4f4;border-radius:20px;background:linear-gradient(135deg,rgba(113,55,232,.09),rgba(255,74,162,.06))}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes gradient{to{background-position:230% center}}@keyframes aura{to{transform:rotate(360deg) scale(1.08)}}@keyframes float{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes float-alt{0%,100%{transform:translateY(48px) rotate(-7deg)}50%{transform:translateY(31px) rotate(-5deg)}}@keyframes chip{50%{transform:translateY(-10px)}}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero{text-align:center}.hero-copy{margin-left:auto;margin-right:auto}.cta-row,.trust-row{justify-content:center}.phone-stage{min-height:520px}.feature-grid{grid-template-columns:1fr 1fr}.store-grid,.steps{grid-template-columns:1fr}.suite-flow{grid-template-columns:1fr 1fr}.split-copy{order:-1}.seo-copy{columns:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.site-header{padding:8px 10px}.nav-shell{padding:8px 9px}.brand{font-size:19px}.brand img{width:35px;height:35px}.nav-shell>.button{padding:12px 13px;font-size:11px}.hero{padding:120px 18px 65px}.hero h1{font-size:clamp(44px,13vw,59px)}.hero-copy{font-size:16px}.phone-stage{min-height:430px}.phone-stage:before{width:320px;height:320px}.phone{width:190px}.phone.alt{width:155px}.float-chip{padding:9px 11px;font-size:10px}.float-chip.one{left:-5px}.float-chip.two{right:-5px}.section{padding:76px 18px}.feature-grid,.faq-grid,.apps-grid,.suite-flow{grid-template-columns:1fr}.app-card{padding:26px 21px}.app-features{grid-template-columns:1fr}.visual-card{min-height:400px}.visual-card img{max-height:360px}.cta-panel{padding:46px 22px;border-radius:28px}.footer-grid{grid-template-columns:1fr}.legal-hero{padding:130px 18px 45px}.legal-shell{padding:29px 22px;border-radius:27px}.legal-shell h2{font-size:23px}.legal-shell .intro{font-size:16px}}
@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}}