
:root{
  --ink:#061126; --ink2:#0a1e3f; --muted:#637188; --paper:#ffffff; --soft:#f4f7ff;
  --line:rgba(12,32,70,.10); --glass:rgba(255,255,255,.74); --glass2:rgba(255,255,255,.56);
  --brand1:#6d5dfc; --brand2:#02c6ff; --brand3:#14f195; --brand4:#ffb84d; --brand5:#ff5ea8;
  --shadow:0 30px 90px rgba(6,17,38,.16); --shadow2:0 18px 45px rgba(20,40,80,.14);
  --radius:32px; --radius2:44px; --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;color:var(--ink);background:var(--soft);line-height:1.6;overflow-x:hidden} body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 10% -5%, rgba(109,93,252,.30), transparent 34rem),radial-gradient(circle at 92% 10%, rgba(2,198,255,.22), transparent 30rem),radial-gradient(circle at 50% 100%, rgba(20,241,149,.16), transparent 34rem),#f7f9ff} body::after{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(6,17,38,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(6,17,38,.035) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 82%)}
a{color:inherit;text-decoration:none} img,svg{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 38px));margin-inline:auto}.page-shell{animation:pageIn .55s var(--ease) both}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:14px;top:14px;z-index:99;background:#fff;padding:12px 16px;border-radius:16px}
.top-glow{position:fixed;inset:auto auto 10% -12%;width:24rem;height:24rem;border-radius:999px;background:rgba(109,93,252,.18);filter:blur(45px);z-index:-1;animation:blob 13s ease-in-out infinite}.top-glow.two{left:auto;right:-12%;bottom:45%;background:rgba(20,241,149,.16);animation-delay:-4s}.notice{background:linear-gradient(90deg,#07162e,#0f2d5b,#32165a);color:#eaf4ff;font-size:.88rem}.notice .container{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:42px;flex-wrap:wrap}.notice b{color:white}.site-header{position:sticky;top:0;z-index:60;background:rgba(247,249,255,.72);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.72)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px}.logo img{width:214px;height:auto}.menu{display:flex;align-items:center;gap:5px;margin:0;padding:0;list-style:none}.menu a{display:inline-flex;align-items:center;justify-content:center;padding:12px 13px;border-radius:999px;font-size:.92rem;font-weight:850;color:#173154;transition:.22s var(--ease);white-space:nowrap}.menu a:hover,.menu a.active{background:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 12px 24px rgba(35,55,90,.08);color:#4a3ff2;transform:translateY(-2px)}.nav-actions{display:flex;gap:10px;align-items:center}.mobile-toggle{display:none;border:0;background:rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(20,40,80,.08);width:48px;height:48px;border-radius:18px;cursor:pointer}.mobile-toggle span{display:block;width:23px;height:2px;background:var(--ink);border-radius:999px;margin:5px auto;transition:.25s var(--ease)}.site-header.open .mobile-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.open .mobile-toggle span:nth-child(2){opacity:0}.site-header.open .mobile-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{--bg:linear-gradient(135deg,var(--brand1),var(--brand2) 48%,var(--brand3));display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 20px;font-weight:950;letter-spacing:-.01em;color:white;background:var(--bg);box-shadow:0 17px 0 rgba(6,17,38,.18),0 28px 55px rgba(2,198,255,.23);transform:translateY(0);transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease);cursor:pointer;position:relative;overflow:hidden}.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-120%);transition:.55s}.btn:hover{transform:translateY(-5px) rotateX(8deg);box-shadow:0 22px 0 rgba(6,17,38,.16),0 42px 70px rgba(2,198,255,.26);filter:saturate(1.12)}.btn:hover::before{transform:translateX(120%)}.btn:active{transform:translateY(4px);box-shadow:0 7px 0 rgba(6,17,38,.18),0 16px 35px rgba(2,198,255,.18)}.btn.secondary{--bg:linear-gradient(135deg,#fff,#eef5ff);color:#07162e;box-shadow:0 11px 0 rgba(6,17,38,.10),0 22px 40px rgba(20,40,80,.12)}.btn.dark{--bg:linear-gradient(135deg,#07162e,#182f62);box-shadow:0 14px 0 rgba(0,0,0,.18),0 28px 55px rgba(7,22,46,.22)}.btn.hot{--bg:linear-gradient(135deg,var(--brand5),#ff8a3d);box-shadow:0 17px 0 rgba(6,17,38,.16),0 30px 50px rgba(255,94,168,.2)}.btn.small{padding:11px 15px;font-size:.88rem}.btn.full{width:100%}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.65);backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(20,40,80,.08);border-radius:999px;padding:8px 13px;font-size:.87rem;font-weight:900;color:#263a5e}.pill::before{content:"";width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--brand1),var(--brand3));box-shadow:0 0 0 6px rgba(109,93,252,.12)}
.hero{padding:86px 0 58px;position:relative}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(3.3rem,7vw,6.9rem);line-height:.88;letter-spacing:-.08em;margin:18px 0 22px}.gradient-text{background:linear-gradient(135deg,#07162e 0%,#5346ff 38%,#02aaf0 70%,#04aa72 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.18rem;color:#52617a;max-width:740px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.stat{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.78);border-radius:26px;padding:17px;box-shadow:var(--shadow2);transform-style:preserve-3d}.stat b{display:block;font-size:1.5rem;line-height:1.2}.stat span{color:#637188;font-weight:750}.hero-visual{position:relative;min-height:520px;perspective:1000px}.hero-visual .main-ill{position:absolute;inset:0;margin:auto;width:95%;filter:drop-shadow(0 45px 60px rgba(6,17,38,.18));animation:float 6.2s ease-in-out infinite}.app-card{position:absolute;border:1px solid rgba(255,255,255,.76);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-radius:34px;padding:18px;box-shadow:var(--shadow);transform-style:preserve-3d}.app-card.top{right:2%;top:6%;width:236px;animation:float 7s ease-in-out infinite reverse}.app-card.bottom{left:1%;bottom:6%;width:260px;animation:float 7.5s ease-in-out infinite}.meter{height:10px;border-radius:999px;background:#e5ecf8;overflow:hidden;margin-top:12px}.meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand1),var(--brand3));width:74%;animation:loadbar 2.4s ease both}.phone-frame{position:absolute;right:6%;bottom:0;width:220px;border-radius:44px;background:#07162e;padding:14px;box-shadow:0 35px 80px rgba(6,17,38,.28);transform:rotate(3deg)}.phone-screen{background:linear-gradient(145deg,#6558fb,#02c6ff 52%,#14f195);border-radius:32px;min-height:300px;padding:18px;color:white}.phone-speaker{width:64px;height:8px;background:rgba(255,255,255,.42);border-radius:999px;margin:0 auto 22px}.phone-screen h3{color:white}.mini-line{height:12px;border-radius:999px;background:rgba(255,255,255,.55);margin:12px 0}.mini-line.short{width:70%}.orb{position:absolute;border-radius:999px;filter:blur(.2px);opacity:.92}.orb.one{width:78px;height:78px;background:var(--brand4);left:8%;top:10%;animation:orbit 9s linear infinite}.orb.two{width:52px;height:52px;background:var(--brand5);right:4%;bottom:30%;animation:orbit 11s linear infinite reverse}.orb.three{width:38px;height:38px;background:var(--brand3);left:38%;bottom:4%;animation:orbit 8s linear infinite}
.section{padding:84px 0}.section.compact{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px}.section-head h2{max-width:760px}.section-head p{max-width:560px}.eyebrow{font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.77rem;color:#5243fb;margin-bottom:10px}h2{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98;letter-spacing:-.055em;margin:0 0 16px}h3{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 10px;color:#081833}p{margin:0 0 16px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.75);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow2);position:relative;overflow:hidden;transition:.3s var(--ease);transform-style:preserve-3d}.card::after{content:"";position:absolute;inset:auto -35% -42% auto;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(109,93,252,.16),transparent 66%);transition:.35s var(--ease);z-index:0}.card>*{position:relative;z-index:1}.card:hover{transform:translateY(-9px) rotateX(2deg) rotateY(-2deg);box-shadow:0 34px 90px rgba(20,40,80,.18)}.card:hover::after{transform:scale(1.35)}.icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;font-size:1.65rem;margin-bottom:18px;background:linear-gradient(135deg,rgba(109,93,252,.16),rgba(2,198,255,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 16px 35px rgba(20,40,80,.09)}.service-card{min-height:280px;display:flex;flex-direction:column}.service-card p{flex:1}.service-card a{font-weight:950;color:#5346ff}.feature-list{display:grid;gap:14px}.feature{display:flex;gap:14px;align-items:flex-start}.tick{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;color:#07162e;background:linear-gradient(135deg,var(--brand3),#c7ff6f);font-weight:950;box-shadow:0 10px 24px rgba(20,241,149,.22)}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}.glass-panel{border:1px solid rgba(255,255,255,.75);border-radius:var(--radius2);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.48));backdrop-filter:blur(20px);box-shadow:var(--shadow);padding:34px;overflow:hidden;position:relative}.glass-panel.dark{background:linear-gradient(145deg,#07162e,#142b61);color:white}.glass-panel.dark p{color:#c4d3ea}.glass-panel.dark h2,.glass-panel.dark h3{color:white}.glass-panel::before{content:"";position:absolute;inset:-90px -120px auto auto;width:260px;height:260px;border-radius:999px;background:rgba(2,198,255,.18)}.process{display:grid;gap:14px;counter-reset:steps}.step{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.74);border-radius:26px;padding:18px;box-shadow:0 12px 30px rgba(20,40,80,.08)}.step::before{counter-increment:steps;content:counter(steps);width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,var(--brand1),var(--brand2));color:white;display:grid;place-items:center;font-weight:950;box-shadow:0 13px 0 rgba(6,17,38,.13)}.form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.input,select,textarea{width:100%;border:1px solid rgba(12,32,70,.12);border-radius:20px;background:rgba(255,255,255,.86);padding:15px 16px;font:inherit;color:var(--ink);outline:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.85);transition:.2s var(--ease)}.input:focus,select:focus,textarea:focus{border-color:#4a7cff;box-shadow:0 0 0 5px rgba(74,124,255,.12)}textarea{min-height:132px;resize:vertical}.form-note{font-size:.88rem;color:#94a0b4}.message{display:none;border-radius:18px;padding:12px 14px;background:rgba(20,241,149,.12);color:#075e43;font-weight:850}.message.show{display:block}.faq{display:grid;gap:13px}.faq-item{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.68);border-radius:26px;overflow:hidden;box-shadow:0 14px 34px rgba(20,40,80,.08)}.faq-q{width:100%;border:0;background:transparent;text-align:left;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 22px;font:inherit;color:#07162e;font-weight:950;cursor:pointer}.faq-q span{transition:.2s var(--ease);font-size:1.5rem}.faq-a{display:none;padding:0 22px 22px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.testimonial{min-height:275px;display:flex;flex-direction:column;justify-content:space-between}.stars{color:#ffad31;letter-spacing:2px;font-size:1.25rem}.person{display:flex;gap:13px;align-items:center;margin-top:18px}.person img{width:52px;height:52px;border-radius:18px}.quote{color:#31435f;font-size:1.05rem}.tag-row{display:flex;gap:10px;flex-wrap:wrap}.tag{border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:900;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.78);color:#344460}.price-card{border-radius:36px;padding:30px;background:linear-gradient(145deg,#07162e,#17366c);color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.price-card p{color:#c7d7ee}.price-card h3{color:white}.price{font-size:2.8rem;line-height:1;font-weight:950;letter-spacing:-.05em;color:white;margin:14px 0}.page-hero{padding:70px 0 42px}.page-hero .container{display:grid;grid-template-columns:1fr .44fr;gap:24px;align-items:end}.breadcrumb{font-size:.9rem;color:#65738a;font-weight:850}.hero-bento{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bento{border-radius:28px;padding:20px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.76);box-shadow:0 14px 34px rgba(20,40,80,.09);min-height:140px}.bento.wide{grid-column:1/-1;min-height:115px}.team-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{border:0;border-radius:999px;padding:10px 14px;font-weight:950;background:rgba(255,255,255,.7);cursor:pointer}.filter-btn.active{background:linear-gradient(135deg,var(--brand1),var(--brand2));color:white}.cta-band{position:relative;overflow:hidden;border-radius:48px;padding:48px;background:linear-gradient(135deg,#07162e,#222164 52%,#006e89);box-shadow:var(--shadow);color:white;display:flex;justify-content:space-between;align-items:center;gap:28px}.cta-band h2{color:white}.cta-band p{color:#d1dff0}.cta-band::after{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:999px;background:rgba(20,241,149,.20)}.footer{padding:58px 0 28px;background:#061126;color:#dfe9ff}.footer p,.footer a{color:#afbfd8}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:26px}.footer h4{color:white;margin:0 0 14px}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-logo{filter:brightness(0) invert(1);opacity:.92;width:210px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#9caed0}.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;gap:10px}.mobile-dock{display:none}.scroll-progress{position:fixed;left:0;top:0;height:4px;background:linear-gradient(90deg,var(--brand1),var(--brand2),var(--brand3));z-index:100;width:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}.tilt{transform-style:preserve-3d}.accent-blue .icon,.accent-blue::after{background:linear-gradient(135deg,rgba(2,198,255,.22),rgba(109,93,252,.14))}.accent-green .icon,.accent-green::after{background:linear-gradient(135deg,rgba(20,241,149,.22),rgba(2,198,255,.12))}.accent-orange .icon,.accent-orange::after{background:linear-gradient(135deg,rgba(255,184,77,.26),rgba(255,94,168,.12))}.accent-pink .icon,.accent-pink::after{background:linear-gradient(135deg,rgba(255,94,168,.20),rgba(109,93,252,.13))}.accent-red .icon,.accent-red::after{background:linear-gradient(135deg,rgba(255,96,96,.20),rgba(255,184,77,.14))}.accent-teal .icon,.accent-teal::after{background:linear-gradient(135deg,rgba(20,241,149,.20),rgba(109,93,252,.12))}.accent-yellow .icon,.accent-yellow::after{background:linear-gradient(135deg,rgba(255,218,91,.26),rgba(20,241,149,.12))}
@keyframes pageIn{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-30px) scale(1.12)}}@keyframes loadbar{from{width:0}to{width:74%}}@keyframes orbit{from{transform:rotate(0deg) translateX(18px) rotate(0deg)}to{transform:rotate(360deg) translateX(18px) rotate(-360deg)}}
@media (max-width:1100px){.menu a{font-size:.86rem;padding:10px 9px}.logo img{width:196px}.nav-actions .btn.secondary{display:none}.footer-grid{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:920px){.menu,.nav-actions{display:none}.mobile-toggle{display:block}.site-header.open .menu{display:grid;position:absolute;left:16px;right:16px;top:86px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px);padding:14px;border-radius:30px;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow)}.site-header.open .menu a{justify-content:flex-start;padding:14px 16px}.hero-grid,.split,.page-hero .container{grid-template-columns:1fr}.hero{padding-top:56px}.hero-visual{min-height:460px}.grid-3{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.sticky-cta{display:none}.mobile-dock{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:55;background:rgba(255,255,255,.82);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:28px;padding:8px;justify-content:space-around}.mobile-dock a{display:grid;place-items:center;gap:2px;font-size:.76rem;font-weight:950;color:#07162e}body{padding-bottom:78px}.page-hero h1,.hero h1{font-size:clamp(3rem,12vw,5rem)}}
@media (max-width:660px){.container{width:min(100% - 26px,1180px)}.notice .container{justify-content:center;text-align:center}.logo img{width:184px}.hero-visual{min-height:380px}.app-card.top{right:0;top:0;width:190px}.app-card.bottom{left:0;bottom:16px;width:210px}.phone-frame{width:176px;right:0}.phone-screen{min-height:242px}.trust-row,.grid-2,.grid-3,.grid-4,.form-row,.footer-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.section{padding:62px 0}.glass-panel{padding:24px;border-radius:32px}.card{padding:22px;border-radius:28px}.page-hero{padding-top:48px}.hero h1,.page-hero h1{letter-spacing:-.065em}.hero-bento{grid-template-columns:1fr}.cta-band{border-radius:34px;padding:30px;align-items:flex-start;flex-direction:column}.footer{padding-bottom:95px}.copyright{display:block}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
