@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070914;--bg2:#0b1020;--panel:#101729;--text:#f5f7ff;--muted:#a6afc4;--line:rgba(169,187,222,.14);--cyan:#38d7ff;--blue:#5578ff;--purple:#a66bff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.section{position:relative;padding:110px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,9,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;width:165px;height:64px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.nav-links{display:flex;gap:30px;color:#c4cadd;font-size:13px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--cyan)}.header-cta{font-size:12px;font-weight:700;white-space:nowrap;padding:13px 18px;border:1px solid rgba(90,201,255,.5);border-radius:8px;background:rgba(52,150,255,.1)}.header-cta span,.btn span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{padding:96px 0 80px;min-height:670px;display:flex;align-items:center;overflow:hidden}.hero-glow{position:absolute;width:700px;height:700px;right:-140px;top:-160px;background:radial-gradient(circle,rgba(55,90,255,.19),transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;position:relative}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#8da9ff}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(40px,5vw,67px);line-height:1.08;letter-spacing:-2.7px;margin-bottom:24px;max-width:720px}h1 span,h2 span{background:linear-gradient(100deg,#49d9ff 0%,#6c8dff 48%,#b76bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{color:#aeb8cc;font-size:16px;line-height:1.8;max-width:620px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 21px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(110deg,#177eea,#6a66ff 65%,#9b55ef);box-shadow:0 8px 30px rgba(71,99,255,.24)}.btn-secondary{border:1px solid rgba(177,195,228,.25);background:rgba(255,255,255,.025)}.trust-row{display:flex;flex-wrap:wrap;gap:15px 20px;margin-top:36px;color:#a8b3c8;font-size:11px}.trust-row i{font-style:normal;color:var(--cyan);margin-right:6px}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.visual-grid{position:absolute;inset:5% 0;background-image:linear-gradient(rgba(90,120,180,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,120,180,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.orbit{position:absolute;border:1px solid rgba(102,137,255,.2);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:370px;height:190px}.orbit-two{width:470px;height:245px;border-color:rgba(54,213,255,.13)}.visual-card{width:290px;height:300px;padding:23px;border:1px solid rgba(116,156,255,.34);border-radius:17px;background:linear-gradient(145deg,rgba(20,34,65,.93),rgba(9,14,28,.92));box-shadow:0 25px 90px rgba(0,0,0,.45),inset 0 0 30px rgba(67,119,255,.06);position:relative;z-index:2;transform:rotate(-5deg)}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-label{font-size:8px;letter-spacing:1.6px;color:#9baedb}.live-dot{width:7px;height:7px;background:#44e5c2;border-radius:50%;box-shadow:0 0 10px #44e5c2}.visual-mark{font-family:'Space Grotesk';font-size:106px;font-weight:700;letter-spacing:-12px;text-align:center;margin:16px 0 3px;background:linear-gradient(135deg,#29dcff,#4976ff 55%,#bb6cff);-webkit-background-clip:text;color:transparent}.visual-mark span{font-size:90px}.visual-line{height:1px;background:linear-gradient(90deg,transparent,#5a8bff,transparent);margin:7px 0 18px}.visual-bars{display:flex;align-items:end;gap:7px;height:45px}.visual-bars b{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#416cff,#40d5ff);opacity:.8}.visual-bars b:nth-child(1){height:35%}.visual-bars b:nth-child(2){height:58%}.visual-bars b:nth-child(3){height:42%}.visual-bars b:nth-child(4){height:78%}.visual-bars b:nth-child(5){height:62%}.visual-bars b:nth-child(6){height:90%}.visual-bars b:nth-child(7){height:72%}.visual-bars b:nth-child(8){height:100%}.card-bottom{font-size:9px;color:#8192b5;margin-top:17px}.floating-chip{position:absolute;z-index:3;padding:12px 15px;border:1px solid rgba(122,163,255,.24);border-radius:9px;background:rgba(14,22,42,.94);box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:11px;color:#dce5ff;white-space:nowrap}.chip-icon{color:var(--cyan);margin-right:7px}.chip-one{top:45px;right:8px}.chip-two{bottom:48px;left:0}.chip-three{bottom:95px;right:0}.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(85,125,255,.55),transparent)}
.problem{background:#0a0e1a}.problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section-kicker{margin-bottom:20px}.problem h2,.section-heading h2,.why-heading h2,.ideal h2,.benefits h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1.6px;margin-bottom:0}.section-intro{font-size:14px;color:#b3bdd0;margin-bottom:20px}.problem-list{border-top:1px solid var(--line)}.problem-item{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.item-number{font-size:10px;color:#7185b3}.problem-item p{margin:0;font-size:14px;color:#d4dbea}.item-arrow{color:#688dff;font-size:17px}.problem-callout{margin-top:28px;display:flex;flex-direction:column;gap:5px;font-size:14px;color:#aeb8ce}.problem-callout strong{font-family:'Space Grotesk';font-size:25px;color:#fff}
.solutions{background:linear-gradient(180deg,#070914,#090d19)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution-card{position:relative;min-height:255px;padding:25px 22px;border:1px solid rgba(160,182,223,.12);border-radius:12px;background:linear-gradient(145deg,rgba(18,27,47,.85),rgba(11,16,29,.72));overflow:hidden;transition:transform .25s,border-color .25s}.solution-card:hover{transform:translateY(-5px);border-color:rgba(83,177,255,.45)}.solution-card.featured{background:linear-gradient(145deg,rgba(28,46,89,.9),rgba(14,19,36,.9));border-color:rgba(85,139,255,.3)}.solution-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(63,127,255,.13);color:#71cfff;font-size:20px;border:1px solid rgba(89,155,255,.2)}.solution-index{position:absolute;top:29px;right:23px;font-size:10px;color:#657595}.solution-card h3{font-size:17px;margin:27px 0 10px;letter-spacing:-.3px}.solution-card p{font-size:12px;line-height:1.75;color:#aab5cb;margin:0}.card-accent{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#48cfff,#7d69ff,transparent);opacity:0;transition:opacity .2s}.solution-card:hover .card-accent{opacity:1}
.why-us{background:#0b1020}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why-heading{position:relative;min-height:460px}.why-heading h2{position:relative;z-index:1}.why-decoration{position:absolute;bottom:0;left:0;width:300px;height:220px;display:grid;place-items:center;color:rgba(74,131,255,.18);font-family:'Space Grotesk';font-size:200px;font-weight:700;line-height:1}.deco-orbit{position:absolute;width:330px;height:100px;border:2px solid rgba(64,213,255,.26);border-radius:50%;transform:rotate(-28deg)}.why-list{border-top:1px solid var(--line)}.why-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.why-icon{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(99,155,255,.25);border-radius:9px;display:grid;place-items:center;color:#65cfff;background:rgba(50,109,255,.1)}.why-item h3{font-size:15px;margin:0 0 5px}.why-item p{font-size:12px;color:#a6b2c8;margin:0;line-height:1.6}
.process{background:#070914}.centered{text-align:center;justify-content:center}.process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative}.process-track:before{content:"";position:absolute;top:34px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,rgba(66,210,255,.15),rgba(105,112,255,.55),rgba(66,210,255,.15))}.process-step{position:relative;text-align:center;padding:0 13px}.step-num{font-size:10px;color:#6d8fff;display:block;margin-bottom:18px}.step-icon{position:relative;z-index:1;width:68px;height:68px;margin:0 auto 22px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(98,150,255,.3);background:#0c1428;color:#6bd7ff;font-size:25px;box-shadow:0 0 0 8px #070914}.process-step h3{font-size:14px;margin:0 0 10px}.process-step p{font-size:11px;line-height:1.7;color:#a5b1c8;margin:0}
.ideal{background:#0a0e1a}.ideal-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.ideal-list{border-top:1px solid var(--line)}.ideal-item{display:grid;grid-template-columns:38px 1fr 20px;gap:15px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.ideal-item span{font-size:10px;color:#778bb9}.ideal-item p{font-size:14px;margin:0;color:#dce3f1}.ideal-item b{font-size:16px;color:#678cff;font-weight:400}
.benefits{background:#070914}.benefits-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.benefit-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.benefit-card{min-height:135px;padding:22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,rgba(17,27,48,.8),rgba(10,15,27,.8))}.benefit-card:last-child{grid-column:span 2;min-height:100px}.benefit-card span{display:block;font-size:10px;color:#698bff;margin-bottom:20px}.benefit-card p{font-size:14px;line-height:1.5;margin:0;color:#e1e7f4}
.final-cta{overflow:hidden;background:#0b1020;padding:105px 0;text-align:center}.cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(55,111,255,.25),transparent 58%)}.cta-inner{position:relative;max-width:850px}.cta-inner h2{font-size:clamp(34px,4.6vw,58px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.cta-inner>p{font-size:15px;color:#aeb9cf;line-height:1.8;max-width:700px;margin:0 auto 28px}.cta-support{font-size:11px;color:#8e9cb8;margin-top:20px}.site-footer{border-top:1px solid var(--line);background:#070914}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7f8ca8;font-size:10px;letter-spacing:1.5px}.footer-brand{width:115px;height:55px;overflow:hidden}.footer-brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.footer-top{color:#b6c5e4;font-size:11px;letter-spacing:0}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:30;width:57px;height:57px;display:grid;place-items:center;border-radius:50%;background:#20c96b;box-shadow:0 8px 28px rgba(32,201,107,.35);transition:transform .2s}.whatsapp-float:hover{transform:scale(1.08)}.whatsapp-float svg{width:28px;height:28px;fill:#fff}
@media(max-width:1000px){.nav-links{gap:17px}.hero-grid{gap:15px}.hero-visual{transform:scale(.9)}.problem-grid,.why-grid{gap:55px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:repeat(3,1fr);row-gap:40px}.process-track:before{display:none}.ideal-grid,.benefits-grid{gap:50px}}
@media(max-width:720px){.container{width:min(100% - 34px,var(--max))}.section{padding:75px 0}.header-inner{height:70px}.brand{width:130px;height:55px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:#0a0e1a;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav-links.open{display:flex}.header-cta{margin-left:auto;padding:11px 12px;font-size:10px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px}.menu-toggle span{width:20px;height:2px;background:#fff}.hero{padding:70px 0 55px}.hero-grid{grid-template-columns:1fr}.hero-copy{position:relative;z-index:4}.hero h1{font-size:clamp(39px,10vw,56px);letter-spacing:-2px}.hero-subtitle{font-size:14px}.hero-visual{height:350px;margin-top:20px;transform:none}.visual-card{transform:scale(.85) rotate(-5deg)}.floating-chip{font-size:10px;padding:10px}.chip-one{right:0;top:20px}.chip-two{left:0;bottom:20px}.chip-three{right:0;bottom:65px}.trust-row{gap:12px 15px}.problem-grid,.why-grid,.ideal-grid,.benefits-grid{grid-template-columns:1fr;gap:35px}.problem h2,.section-heading h2,.why-heading h2,.ideal h2,.benefits h2{font-size:35px}.section-heading{margin-bottom:30px}.solutions-grid{gap:10px}.solution-card{padding:19px 16px;min-height:255px}.solution-card h3{font-size:15px}.solution-card p{font-size:11px}.why-heading{min-height:300px}.why-decoration{font-size:150px;width:230px;height:160px}.deco-orbit{width:260px;height:80px}.process-track{grid-template-columns:repeat(2,1fr);row-gap:35px}.process-step{padding:0 8px}.process-step p{font-size:10px}.ideal-item{padding:17px 0}.ideal-item p{font-size:13px}.benefit-cards{gap:10px}.benefit-card{padding:18px;min-height:125px}.benefit-card p{font-size:12px}.final-cta{padding:75px 0}.cta-inner h2{font-size:37px;letter-spacing:-1.4px}.cta-inner>p{font-size:13px}.footer-inner{min-height:85px}.footer-brand{width:90px}.footer-inner>span{font-size:8px}.whatsapp-float{right:15px;bottom:15px;width:52px;height:52px}}
@media(max-width:390px){.header-cta{display:none}.solutions-grid{grid-template-columns:1fr}.solution-card{min-height:220px}.process-track{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}}