:root{--ink:#02051c;--blue:#087bfa;--cyan:#20a7ff;--pale:#f3f7fc;--line:#dce7f6;--muted:#52617c;--font:'Inter',sans-serif;--display:'Anton',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);overflow-x:hidden}a{text-decoration:none;color:inherit}.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(20px,5vw,76px);position:fixed;inset:0 0 auto;z-index:20;transition:.3s}.header.scrolled{height:70px;background:#fffffff0;backdrop-filter:blur(14px);box-shadow:0 4px 22px #02051c0a}.brand{width:45px;height:45px;position:relative;display:inline-grid;place-items:center;font:32px/1 var(--display)}.brand span{display:block;width:29px;height:29px;border:7px solid var(--ink);border-radius:50%;font-size:0}.brand i{position:absolute;width:21px;height:10px;background:var(--blue);border-radius:0 10px 10px 10px;transform:rotate(45deg);bottom:7px;right:1px}nav{display:flex;gap:clamp(15px,2vw,32px);font-size:13px;font-weight:600}nav a{transition:.2s}nav a:hover{color:var(--blue)}.header-cta{background:var(--ink);color:#fff;padding:13px 18px;border-radius:50px;font-size:12px;font-weight:700}.header-cta span{color:var(--cyan);font-size:18px}.menu-toggle{display:none}.section,.hero{max-width:1440px;margin:auto;padding-left:clamp(24px,7vw,110px);padding-right:clamp(24px,7vw,110px)}.hero{min-height:770px;padding-top:164px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px}.eyebrow,.section-label{font-size:10px;letter-spacing:.19em;font-weight:800;color:#365070;margin:0 0 20px}.hero h1,h2{font:clamp(46px,6.2vw,102px)/.9 var(--display);letter-spacing:-.02em;margin:0;text-transform:uppercase}.hero h1 span{font-size:.39em;line-height:1.8;letter-spacing:.06em;display:block}.hero h1 em,h2 em{font-style:normal;color:var(--blue)}.lede{font-size:clamp(16px,1.45vw,21px);line-height:1.48;color:#334c72;max-width:540px;margin:28px 0}.actions{display:flex;gap:18px;align-items:center}.button{display:inline-flex;align-items:center;gap:28px;border-radius:50px;padding:15px 20px;font-weight:800;font-size:13px;transition:.25s}.button.primary{color:#fff;background:var(--blue);box-shadow:0 12px 26px #087bfa36}.button.primary:hover{background:#006be3;transform:translateY(-2px)}.button b{font-size:23px;font-weight:400}.text-button{padding-left:3px}.hero-visual{height:525px;position:relative;isolation:isolate}.hero-visual>img{position:absolute;width:min(440px,73%);right:0;bottom:0;z-index:3;mix-blend-mode:multiply}.orbit{position:absolute;border:1px solid #dceaff;border-radius:50%;z-index:-1}.o1{width:440px;height:440px;right:30px;bottom:20px}.o2{width:360px;height:360px;right:70px;bottom:60px;border-style:dashed}.hero-panel{position:absolute;width:70%;height:250px;right:11%;bottom:36px;background:#fff;border:1px solid #e5edf8;border-radius:17px;padding:18px;box-shadow:0 28px 48px #043d8d1a;transform:rotate(-4deg);z-index:1}.panel-top{display:flex;gap:9px;align-items:center;font-weight:800;font-size:13px}.panel-top span{margin-right:auto}.panel-top i{width:7px;height:7px;border-radius:50%;background:#d3dfed}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.panel-grid div{padding:10px;background:var(--pale);border-radius:8px}.panel-grid small,.floating-card small,.ui-content small{display:block;font-size:8px;color:#61718b}.panel-grid b{width:80%;height:6px;background:#c5d8f0;display:block;margin-top:8px;border-radius:4px}.chart{height:78px;border-bottom:2px solid #e4edf8;display:flex;gap:9%;align-items:end;padding:0 5px}.chart span{width:13%;background:linear-gradient(#38b3ff,var(--blue));border-radius:5px 5px 0 0}.chart span:nth-child(1){height:22%}.chart span:nth-child(2){height:42%}.chart span:nth-child(3){height:38%}.chart span:nth-child(4){height:70%}.chart span:nth-child(5){height:90%}.floating-card{position:absolute;background:#fff;border-radius:13px;padding:15px;box-shadow:0 15px 35px #063e8915;z-index:4}.card-a{top:46px;right:15px}.card-a strong{display:block;font-size:13px;margin-top:5px}.card-a i{width:33px;height:5px;background:var(--blue);display:block;border-radius:2px;margin-top:10px}.card-b{left:4%;bottom:95px;display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:#19c46b}.intro{padding-top:135px;padding-bottom:150px;background:linear-gradient(135deg,#fff 50%,#f8fbff)}.intro-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:80px;align-items:center}.intro h2,.service h2,.traffic h2,.diagnosis h2{font-size:clamp(45px,5.6vw,88px)}.statement{font-size:18px;line-height:1.35;font-weight:800;max-width:290px}.operation-ui{display:flex;min-height:330px;background:#fff;border:1px solid #dfeaf7;border-radius:22px;box-shadow:0 25px 50px #042a6510;overflow:hidden;transform:rotate(-2deg)}.sidebar{background:var(--ink);width:88px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:22px}.brand-mini{color:#fff;font:bold 25px var(--display);margin-bottom:14px}.sidebar i{width:19px;height:19px;border:1px solid #8491a7;border-radius:5px}.sidebar .on{background:var(--blue);border-color:var(--blue)}.ui-content{flex:1;padding:36px}.ui-content>p{font-size:20px;font-weight:800;margin:0}.ui-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.ui-cards article{padding:14px;background:var(--pale);border-radius:9px}.ui-cards b{font-size:11px;display:block;margin-top:8px}.ui-cards span{width:8px;height:8px;display:block;background:#20c970;border-radius:50%;margin-top:8px}.ui-line{height:86px;border:1px solid #e6eef8;border-radius:10px;display:flex;align-items:end;padding:13px}.ui-line i{width:100%;height:70%;border-radius:50% 80% 0 0;background:linear-gradient(160deg,transparent 30%,#a7d7ff 32%,#087bfa 34%,transparent 36%)}.service{padding-top:132px;padding-bottom:135px;background:var(--ink);color:#fff;max-width:none}.service-heading,.service-body{max-width:1220px;margin:auto}.service .section-label{color:#99bce4}.service .lede{color:#c2d2e6}.service-body{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;margin-top:55px}.benefits{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:22px}.benefits li{display:flex;gap:15px}.benefits li>span{width:34px;height:34px;border-radius:9px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.benefits b{font-size:16px}.benefits p{margin:4px 0 0;color:#6a7890;font-size:14px;line-height:1.35}.service .benefits p{color:#b0c0d5}.dashboard{border-radius:18px;background:#fff;color:var(--ink);padding:25px;box-shadow:16px 18px 0 #087bfa;min-height:365px}.dash-nav{display:flex;gap:16px;align-items:center}.dash-nav>span{width:40px;height:40px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font:22px var(--display)}.dash-nav p{font-weight:800;margin:0}.dash-nav small{display:block;color:#74839b;font-size:11px;font-weight:500;margin-top:3px}.dash-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 16px}.dash-status div{border:1px solid #e5edf7;border-radius:10px;padding:13px}.dash-status small{font-size:10px;color:#68778e;display:block}.dash-status b{font-size:12px}.dash-status b:before{content:'';display:inline-block;width:7px;height:7px;background:#20c870;border-radius:50%;margin-right:5px}.line-chart{border:1px solid #e5edf7;border-radius:10px;padding:17px}.line-chart small{font-weight:800}.line-chart svg{width:100%;height:160px;overflow:visible}.line-chart path{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round}.traffic{padding-top:135px;padding-bottom:130px}.traffic-top{display:flex;justify-content:space-between;gap:60px}.traffic-top .lede{max-width:390px;align-self:end}.traffic-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:95px;align-items:center;margin-top:45px}.traffic .benefits{margin:0}.campaign{position:relative;border:1px solid #dce8f7;border-radius:20px;padding:44px 34px 25px;background:#fbfdff;box-shadow:0 28px 50px #093f8112}.ad-icons{position:absolute;top:-32px;right:35px;display:flex;gap:12px}.ad-icons b{width:56px;height:56px;background:#fff;border-radius:14px;box-shadow:0 10px 23px #031c4215;display:grid;place-items:center;font-size:28px;color:var(--blue);transform:rotate(8deg)}.ad-icons b:nth-child(2){color:#f4aa00;transform:translateY(-9px)}.ad-icons b:nth-child(3){color:#111;background:#111;font-size:32px}.campaign-head span{font-size:20px;font-weight:800}.campaign-head small{display:block;color:#6f7f94;margin-top:4px}.campaign-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:30px 0}.campaign-bars p{margin:0;padding:12px;background:#fff;border:1px solid #e3ecf7;border-radius:9px}.campaign-bars small{font-size:9px}.campaign-bars i{height:6px;background:#a7d5ff;display:block;border-radius:5px;margin-top:11px}.campaign-bars p:nth-child(2) i,.campaign-bars p:nth-child(4) i{background:var(--blue);width:70%}.campaign-wave{height:130px;border-radius:12px;background:linear-gradient(transparent 54%,#e8f4ff 55%),linear-gradient(165deg,transparent 55%,#087bfa 56%,transparent 58%);border:1px solid #e1ebf7}.diagnosis{padding-top:135px;padding-bottom:130px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;background:#f7faff;max-width:none}.diagnosis-copy{max-width:530px;justify-self:end;position:relative}.diagnosis-copy h2{font-size:clamp(45px,5vw,80px)}.diagnosis-call{font:clamp(25px,3vw,40px)/.95 var(--display);color:var(--blue);text-transform:uppercase;margin:24px 0}.diagnosis-copy img{width:160px;position:absolute;right:10px;bottom:-20px;mix-blend-mode:multiply}.diagnosis-panel{background:#fff;border:1px solid #dce7f4;border-radius:19px;padding:27px;box-shadow:0 20px 45px #062b5d12;max-width:610px}.diag-head{display:flex;justify-content:space-between}.diag-head b{font-size:18px}.diag-head small{display:block;color:#70809a;font-size:11px;margin-top:4px}.diag-head i{font-style:normal;color:#7587a1}.diag-list{margin:23px 0}.diag-list p{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f7;margin:0;padding:10px 0;font-size:13px}.diag-list p>span{color:var(--blue);font-size:17px}.diag-list b{font-size:10px;color:#119a50;background:#dff8e9;border-radius:20px;padding:6px 9px;margin-left:auto}.diag-list .attention{color:#d33737;background:#ffe9e9}.diag-list .follow{color:#1478c6;background:#e7f3ff}.next-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.next-steps div{border-radius:9px;padding:13px;background:var(--pale)}.next-steps small{font-size:9px;font-weight:800;color:#52627b}.next-steps p{font-size:10px;margin:10px 0 0;color:#415270}.process{padding-top:130px;padding-bottom:135px}.timeline{list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.timeline:before{content:'';position:absolute;height:1px;background:#cbdcf2;left:0;right:0;top:21px}.timeline li{position:relative;padding-top:58px;padding-right:18px}.timeline span{position:absolute;top:0;left:0;width:42px;height:42px;background:var(--blue);border:5px solid #fff;box-shadow:0 0 0 1px #cbdcf2;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}.timeline b{font-size:16px}.timeline p{font-size:13px;line-height:1.4;color:#65748b;margin:7px 0}.final-cta{max-width:none;background:var(--ink);color:#fff;min-height:620px;padding-top:115px;padding-bottom:100px;position:relative;overflow:hidden}.final-cta:after{content:'';width:540px;height:540px;position:absolute;right:-130px;bottom:-190px;border-radius:50%;background:radial-gradient(circle,#087bfa55,transparent 65%)}.final-copy{max-width:850px;margin:auto;position:relative;z-index:2}.final-cta .eyebrow{color:#94b7e2}.final-cta h2{font-size:clamp(65px,8.4vw,130px)}.final-cta .lede{color:#c6d3e6}.button.large{text-transform:uppercase;padding:20px 27px;font-size:14px}.cta-mascot{position:absolute;width:265px;right:13%;bottom:25px;z-index:2;mix-blend-mode:screen;filter:drop-shadow(0 20px 15px #0005)}footer{padding:38px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.6}footer>span{font-size:10px;color:#718098}.whatsapp{position:fixed;z-index:15;right:24px;bottom:24px;width:55px;height:55px;background:#1cc96b;color:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 25px #00a55255}.whatsapp span{font-size:30px;transform:rotate(-20deg)}.whatsapp small{position:absolute;right:65px;background:var(--ink);white-space:nowrap;padding:8px 11px;border-radius:8px;font-size:10px;opacity:0;transform:translateX(5px);transition:.2s}.whatsapp:hover small{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.header{height:70px;padding:0 21px}.header nav,.header-cta{display:none}.menu-toggle{width:42px;height:42px;background:#fff;border:1px solid #dce7f4;border-radius:50%;display:grid;place-content:center;gap:5px}.menu-toggle b{display:block;width:18px;height:2px;background:var(--ink)}.header nav.open{display:flex;position:absolute;top:63px;left:15px;right:15px;background:#fff;border:1px solid #e2ebf6;border-radius:15px;padding:18px;box-shadow:0 15px 35px #031c4214;flex-direction:column;gap:18px}.hero{padding-top:124px;min-height:auto;grid-template-columns:1fr;gap:15px}.hero-visual{height:390px;margin-right:-20px}.hero-panel{height:190px}.floating-card{transform:scale(.85);transform-origin:right top}.card-b{left:-15px}.intro,.service,.traffic,.diagnosis,.process{padding-top:85px;padding-bottom:85px}.intro-grid,.service-body,.traffic-grid,.diagnosis{grid-template-columns:1fr;gap:40px}.operation-ui{min-height:260px}.ui-content{padding:25px 16px}.sidebar{width:58px;padding:15px}.traffic-top{display:block}.traffic-top .lede{margin-top:25px}.traffic-grid{gap:35px}.campaign{padding:40px 17px 17px}.campaign-bars{gap:5px}.diagnosis-copy{justify-self:start}.diagnosis-copy img{display:none}.diagnosis-panel{padding:18px}.next-steps{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr;gap:24px}.timeline:before{display:none}.timeline li{padding-top:52px}.cta-mascot{width:160px;right:5%;bottom:25px}.final-cta{min-height:610px;padding-top:85px}.final-copy{padding-right:0}.final-cta h2{font-size:clamp(61px,17vw,90px)}.final-cta .button{max-width:100%;gap:12px;font-size:11px}.whatsapp{right:16px;bottom:16px}.whatsapp small{display:none}footer{align-items:flex-start;flex-wrap:wrap}footer>span{width:100%}}@media(max-width:430px){.hero h1{font-size:clamp(48px,15vw,67px)}.hero-visual{height:325px}.hero-visual>img{width:80%}.o1{width:290px;height:290px}.o2{width:240px;height:240px}.hero-panel{width:78%;right:7%;bottom:27px}.intro h2,.service h2,.traffic h2,.diagnosis h2{font-size:clamp(43px,13.5vw,58px)}.dashboard{padding:17px;box-shadow:8px 10px 0 #087bfa}.dash-status{grid-template-columns:1fr 1fr}.dash-status div:last-child{grid-column:1/-1}.line-chart svg{height:105px}.diag-list p{font-size:11px;gap:6px}.diag-list b{font-size:8px;padding:5px}.final-cta h2{font-size:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}