*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.header{z-index:100;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617e0;justify-content:space-between;align-items:center;width:100%;height:84px;padding:0 clamp(22px,6vw,100px);display:flex;position:fixed;top:0}.brand,.footerBrand{align-items:center;display:flex}.belmontLogo{object-fit:contain;width:auto;height:58px;display:block}.footerLogo{height:64px}.nav{text-transform:uppercase;gap:34px;font-size:13px;font-weight:800;display:flex}.nav a{transition:all .25s}.nav a:hover{color:var(--orange)}.whatsapp{background:var(--orange);border-radius:8px;padding:13px 22px;font-size:13px;font-weight:900}.menuButton{color:#fff;background:0 0;border:0;display:none}.hero{background:radial-gradient(circle at 70% 40%,#14376e33,#0000 35%),linear-gradient(120deg,#020617 45%,#07112f 100%);grid-template-columns:1fr 1fr;align-items:center;min-height:780px;padding:155px clamp(22px,7vw,120px) 80px;display:grid;position:relative;overflow:hidden}.heroGlow{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.glowOne{background:#ff64131f;width:380px;height:380px;top:160px;left:-200px}.glowTwo{background:#2864a01f;width:300px;height:300px;top:20%;right:12%}.heroContent{z-index:2;max-width:720px}.eyebrow{color:#c8cbd0;letter-spacing:2.4px;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;font-weight:800;display:flex}.eyebrow span{background:var(--orange);width:35px;height:3px}.hero h1{letter-spacing:-4px;margin:0;font-size:clamp(52px,6vw,96px);font-weight:950;line-height:.91}.hero h1 span,.webCopy h2 span{color:var(--orange)}.heroContent>p{color:#b7bcc2;max-width:570px;margin:28px 0 34px;font-size:clamp(17px,1.4vw,21px);line-height:1.6}.heroButtons{flex-wrap:wrap;gap:13px;display:flex}.primaryButton,.secondaryButton,.ctaButton{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:0 24px;font-size:13px;font-weight:900;transition:all .25s;display:inline-flex}.primaryButton{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 12px 35px #ff641338}.primaryButton:hover{transform:translateY(-3px);box-shadow:0 16px 45px #ff641359}.secondaryButton{border:1px solid #ffffff59}.heroVisual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative;overflow:visible}.visualOrb{display:none}.belmontHeroImage{z-index:3;object-fit:contain;filter:drop-shadow(0 30px 55px #00000073)drop-shadow(0 0 20px #ff641314);width:min(760px,100%);height:auto;display:block;position:relative}.floatingCard{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1215e6;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:9px;padding:13px 16px;font-size:12px;font-weight:800;display:flex;position:absolute;box-shadow:0 20px 40px #00000059}.floatingCard svg{color:var(--orange)}.cardOne{top:65px;right:0}.cardTwo{bottom:30px;left:0}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#07112f;grid-template-columns:repeat(4,1fr);gap:30px;padding:26px clamp(22px,7vw,120px);display:grid}.benefit{align-items:center;gap:14px;display:flex}.benefitIcon{min-width:45px;height:45px;color:var(--orange);background:#ff64131a;border-radius:50%;place-items:center;display:grid}.benefit strong{text-transform:uppercase;font-size:13px}.benefit p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.4}.section,.workSection{padding:110px clamp(22px,7vw,120px)}.sectionHeading{max-width:720px;margin-bottom:48px}.sectionHeading>span{color:var(--orange);letter-spacing:2px;font-size:12px;font-weight:900}.sectionHeading h2,.webCopy h2,.cta h2{letter-spacing:-2px;margin:12px 0;font-size:clamp(36px,4vw,62px);line-height:1.05}.sectionHeading p,.webCopy>p{color:var(--muted);font-size:17px;line-height:1.65}.serviceGrid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.serviceCard{border:1px solid var(--line);background:linear-gradient(145deg,#10172a,#07112f);border-radius:14px;flex-direction:column;min-height:285px;padding:28px;transition:border .25s,box-shadow .25s;display:flex}.serviceCard:hover{border-color:#ff641373;box-shadow:0 25px 60px #00000040}.serviceCard.featured{background:linear-gradient(145deg,#ff641321,#0000 50%),#10172a;border-color:#ff641359}.serviceIcon{width:50px;height:50px;color:var(--orange);background:#ff641317;border-radius:10px;place-items:center;display:grid}.serviceCard h3{margin:24px 0 10px;font-size:18px}.serviceCard p{color:var(--muted);flex:1;font-size:14px;line-height:1.55}.serviceCard a{color:var(--orange);align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.webSection{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 45%,#ff64131c,#0000 25%),#07112f;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;min-height:680px;padding:110px clamp(22px,7vw,120px);display:grid}.webCopy{max-width:620px}.webChecks{grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 36px;display:grid}.webChecks div{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.webChecks svg{color:var(--orange);width:19px}.devices{place-items:center;min-height:450px;display:grid;position:relative}.laptop{background:linear-gradient(145deg,#333a40,#111417);border-radius:18px 18px 8px 8px;width:min(650px,90%);padding:13px 13px 20px;box-shadow:0 40px 80px #0000008c}.laptopScreen{background:#080a0c;border:1px solid #333;border-radius:8px;height:350px;overflow:hidden}.fakeNav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:0 22px;font-size:10px;display:flex}.fakeNav b{color:var(--orange);font-size:15px}.fakeNav span{color:#7f858b}.fakeHero{background:radial-gradient(circle at 80% 40%,#ff64133d,#0000 30%);height:calc(100% - 52px);padding:65px 45px}.fakeHero small{color:var(--orange);margin-bottom:15px;font-weight:900;display:block}.fakeHero strong{max-width:350px;font-size:clamp(25px,3vw,48px);display:block}.fakeHero i{background:var(--orange);border-radius:5px;width:100px;height:30px;margin:25px 7px 0 0;display:inline-block}.fakeHero i+i{background:0 0;border:1px solid #555}.phone{background:#24292e;border-radius:27px;width:155px;height:315px;padding:8px;position:absolute;bottom:0;right:1%;box-shadow:0 30px 60px #000}.phoneScreen{background:radial-gradient(circle at 80% 70%,#ff64134d,#0000 35%),#080a0c;border-radius:21px;height:100%;padding:30px 18px}.phoneScreen b{color:var(--orange);margin-bottom:55px;display:block}.phoneScreen strong{font-size:25px;display:block}.phoneScreen span{color:#9da3a8;font-size:12px}.phoneScreen i{background:var(--orange);border-radius:5px;width:75px;height:25px;margin-top:25px;display:block}.workSection{background:#020617}.workGrid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.workCard{border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:330px;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.workCard:hover{transform:scale(1.015)}.workCard span{letter-spacing:2px;font-size:11px;font-weight:900}.workCard b{margin-top:8px;font-size:clamp(22px,2vw,34px)}.workRed{background:radial-gradient(circle at 70% 25%,#ff7a2b,#0000 25%),linear-gradient(135deg,#c84400,#020d36)}.workDark{background:linear-gradient(135deg,#0000 30%,#ffffff14),#101316}.workGradient{background:radial-gradient(circle at 20% 20%,#006cff,#0000 25%),radial-gradient(circle at 70% 45%,#ff6413,#0000 30%),radial-gradient(circle at 40% 90%,#ffb800,#0000 30%),#090b0d}.cta{text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 100%,#ff641338,#0000 35%),#07112f;padding:110px 22px}.cta>div{max-width:800px;margin:auto}.cta>div>span{color:var(--orange);letter-spacing:3px;font-size:12px;font-weight:900}.cta p{color:var(--muted);margin-bottom:30px;font-size:17px}.ctaButton{color:#090909;background:#fff}footer{border-top:1px solid var(--line);color:#8d9399;justify-content:space-between;align-items:center;gap:25px;min-height:120px;padding:30px clamp(22px,7vw,120px);font-size:12px;display:flex}.floatingWhatsapp{background:var(--orange);z-index:90;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #ff641359}@media (max-width:1150px){.serviceGrid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding-top:145px}.heroVisual{margin-top:40px}.desktopWhatsapp{display:none}}@media (max-width:850px){.header{height:72px}.menuButton{display:block}.nav{border-bottom:1px solid var(--line);z-index:-1;background:#020617fa;flex-direction:column;align-items:center;gap:26px;width:100%;padding:30px;transition:all .35s;position:fixed;top:72px;left:0;transform:translateY(-140%)}.navOpen{transform:translateY(0)}.hero{min-height:auto;padding-top:125px}.hero h1{letter-spacing:-2.5px}.webSection{grid-template-columns:1fr;gap:50px}.workGrid{grid-template-columns:1fr}.devices{min-height:400px}.belmontLogo{height:48px}}@media (max-width:650px){.belmontLogo{height:43px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:clamp(45px,14vw,68px)}.heroButtons{flex-direction:column}.primaryButton,.secondaryButton{width:100%}.heroVisual{min-height:360px}.belmontHeroImage{width:115%;max-width:none;margin-left:-8%}.benefits{grid-template-columns:1fr;gap:22px}.section,.workSection,.webSection{padding:80px 20px}.serviceGrid{grid-template-columns:1fr}.serviceCard{min-height:245px}.webChecks{grid-template-columns:1fr}.laptop{width:100%}.laptopScreen{height:270px}.fakeHero{padding:45px 25px}.phone{width:125px;height:260px;right:-5px}footer{text-align:center;flex-direction:column;padding:40px 20px}}:root{--black:#020617!important;--black2:#020d36!important;--card:#07112f!important;--line:#ffffff1a!important;--orange:#ff6413!important;--orange2:#d94b00!important;--white:#f7f7f7!important;--muted:#9ba1a8!important}body{color:#f7f7f7!important}.nav,.nav a,.hero h1,.benefit strong,.serviceCard h3{color:#f7f7f7}.hero h1 span{color:#ff6413!important}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translate(-35px)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translate(35px)}.reveal-right.is-visible{opacity:1;transform:translate(0)}.reveal-image{opacity:0;transition:opacity 1s,transform 1s cubic-bezier(.22,1,.36,1);transform:scale(.96)translateY(20px)}.reveal-image.is-visible{opacity:1;transform:scale(1)translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(25px)}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.is-visible>:first-child{transition-delay:50ms}.reveal-stagger.is-visible>:nth-child(2){transition-delay:.12s}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.19s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.26s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.33s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.4s}.premium-hover{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.premium-hover:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0000002e}.image-zoom{overflow:hidden}.image-zoom img{transition:transform .8s cubic-bezier(.22,1,.36,1)}.image-zoom:hover img{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-image,.reveal-stagger>*,.premium-hover,.image-zoom img{opacity:1!important;transition:none!important;transform:none!important}}.heroContent,.reveal-left,.reveal-image,.reveal-stagger>*,.premium-hover,.image-zoom{opacity:1!important;transform:none!important}
