/* LeadMonster — cinematic edition. Shared, dependency-free visual system. */
:root{--bg:#08090b;--surface:#0d0e11;--card:#141519;--card-hover:#1a1b20;--text:#f6f5f2;--text-secondary:#b6b6bf;--muted:#999aa5;--red:#ff443e;--red-deep:#dc2b26;--red-tint:rgba(255,68,62,.1);--green:#baff8b;--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.22);--radius-lg:22px;--font:'DM Sans',Arial,sans-serif}
::selection{background:#ff443e;color:#fff}html{scroll-padding-top:110px}body{background:var(--bg)}body,button,input,select{font-family:var(--font)}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{color:inherit}.container{max-width:1320px;padding-inline:48px}section{padding:110px 0;scroll-margin-top:90px}h2{font-size:clamp(32px,4.5vw,60px);letter-spacing:-.055em;line-height:1.08;font-weight:700;text-wrap:balance}.em{font-family:var(--font);font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--red)}.section-label{font-size:13px;color:var(--muted);letter-spacing:.14em}.section-label:before{background:var(--red);width:24px}.section-head{margin-bottom:48px}.section-head.center{text-align:left}.section-head.center .section-sub{margin-left:0}.section-head.center .section-label:before{display:block}.section-sub{font-size:17px;line-height:1.7;max-width:610px}
.header{top:16px;left:24px;right:24px;width:auto;border:1px solid var(--border);border-radius:18px;background:rgba(14,15,18,.82);backdrop-filter:blur(22px);box-shadow:0 10px 40px #0003;transition:background .3s,top .3s}.header .container{max-width:1320px;padding-inline:24px}.header-inner{height:70px}.logo{font-size:22px;letter-spacing:-.06em;gap:8px}.logo-symbol{display:flex;align-items:center;justify-content:center;background:var(--red);width:32px;height:32px;border-radius:9px;font-weight:700;font-size:22px;letter-spacing:-.16em;padding-right:4px;transform:rotate(-8deg);color:#fff}.nav{gap:26px}.nav a{font-size:14px;position:relative}.nav a:after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav a:hover:after,.nav a.current:after{transform:scaleX(1)}.header-actions{display:flex;gap:10px;align-items:center}.btn{border-radius:100px;gap:16px;transition:background .25s,box-shadow .25s,transform .25s}.btn-primary{background:var(--red);color:#fff;box-shadow:0 4px 20px #ff443e18}.btn-primary:hover{background:#ff625c;box-shadow:0 8px 30px #ff443e40}.btn-lg{padding:18px 27px;font-size:15px;border-radius:100px}.btn-ghost{background:rgba(255,255,255,.025)}.menu-toggle{display:none;width:42px;height:42px;background:transparent;border:1px solid var(--border-strong);border-radius:50%;font-size:22px;cursor:pointer}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--red);width:100%;transform:scaleX(0);transform-origin:left;z-index:150;pointer-events:none}.skip-link{position:fixed;left:24px;top:-100px;background:var(--red);padding:12px;z-index:1000}.skip-link:focus{top:8px}
.hero{min-height:820px;min-height:min(940px,100svh);padding:178px 0 44px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#46141155,transparent 49%)}.hero:before{background:linear-gradient(90deg,transparent 49.9%,#ffffff03 50%,transparent 50.1%);background-size:100px 100%;opacity:.8}.hero-grid{grid-template-columns:1.05fr .95fr;gap:0;align-items:center;min-height:540px}.hero-content{z-index:4;position:relative}.hero-badge{border:0;background:none;padding:0;margin-bottom:25px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;gap:12px;color:#bfc0c7}.hero-badge:before{content:'';width:22px;height:2px;background:var(--red)}.hero h1{font-size:clamp(58px,6.6vw,94px);line-height:.99;letter-spacing:-.07em;max-width:730px;margin-bottom:26px;font-weight:700}.hero h1 .headline-line{display:block}.hero h1 .outline-word{color:transparent;-webkit-text-stroke:1px #f6f5f2}.hero h1 .accent-word{color:var(--red)}.hero-sub{max-width:435px;font-size:16px;line-height:1.8;margin-bottom:27px}.hero-sub strong{font-weight:500}.hero-buttons{margin-bottom:38px;gap:12px}.hero-stats{gap:34px;padding-top:23px;max-width:470px}.hero-stat-value{font-size:31px;line-height:1.2}.hero-stat-label{font-size:13px}.hero-visual{height:570px;position:relative;perspective:1100px;transform-style:preserve-3d;z-index:2}.hero-scene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--scene-x,0deg)) rotateY(var(--scene-y,0deg));transition:transform .18s ease-out}.hero-aura{position:absolute;width:94%;aspect-ratio:1;left:3%;top:4%;border-radius:50%;background:radial-gradient(circle,#fc352747,#e5241a0a 55%,transparent 70%);filter:blur(15px)}.orbit{position:absolute;left:4%;top:10%;width:92%;height:80%;border:1px solid #ff625c66;border-radius:50%;transform:rotateZ(-25deg) rotateY(30deg);box-shadow:inset 0 0 25px #ff443e10,0 0 25px #ff443e08}.orbit-two{transform:rotateZ(32deg) rotateY(61deg);border-color:#ffffff20}.hero-mascot{position:absolute;height:112%;max-width:none;width:auto;left:50%;bottom:-48px;transform:translateX(-50%) translateZ(38px);object-fit:contain;filter:drop-shadow(0 20px 35px #0008);mask-image:linear-gradient(#000 82%,transparent 99%)}.mascot-float{position:absolute;inset:0;transform-style:preserve-3d;animation:levitate 7s ease-in-out infinite}.scene-label{position:absolute;top:32px;right:0;color:#aaaab3;writing-mode:vertical-rl;font-size:12px;letter-spacing:.25em}.floating-metric{position:absolute;padding:18px 21px;border:1px solid #ffffff26;background:linear-gradient(120deg,#282a30dc,#101114e8);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 18px 40px #0006;transform:translateZ(80px);min-width:168px}.floating-metric small{font-size:12px;color:#bfc0c7;display:block}.floating-metric strong{font-size:35px;letter-spacing:-.045em;display:block;line-height:1.3}.floating-metric em{font-size:12px;color:var(--green);font-style:normal}.float-one{left:-25px;top:70px;animation:card-drift 6s ease-in-out infinite}.float-two{right:-6px;bottom:56px;animation:card-drift 7s ease-in-out -2s infinite}.float-two strong{color:var(--green)}.mini-trend{display:flex;align-items:flex-end;height:32px;gap:4px;margin-top:9px}.mini-trend i{height:var(--h);width:12px;background:linear-gradient(var(--red),#ff443e33);border-radius:2px;animation:meter-rise 1.4s both;transform-origin:bottom}.hero-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;border-top:1px solid var(--border);padding-top:24px;margin-top:42px;font-size:12px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.scroll-link{display:flex;align-items:center;gap:12px}.scroll-link span{font-size:22px;color:var(--red);animation:nudge 2s infinite}.motion-toggle{background:transparent;border:1px solid var(--border-strong);padding:9px 13px;border-radius:100px;cursor:pointer;color:var(--text-secondary);font-size:12px;letter-spacing:0;text-transform:none}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.brands{padding:38px 0;background:#101114}.brands-title{font-size:12px;margin-bottom:28px}.brands-row+.brands-row{margin-top:14px}.brand-item{width:154px;height:64px;border:0;background:#ffffff05;border-radius:9px}.brand-item img{max-height:42px;filter:grayscale(1);opacity:.75}.brand-item:hover img{filter:grayscale(0);opacity:1}.brands-track{gap:14px}
.certificates{padding:88px 0}.certificates>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.certificates .section-head{margin:0}.certificates h2{font-size:clamp(30px,3.2vw,44px)}.certificates-grid{gap:18px}.certificate-card{padding:20px;background:linear-gradient(135deg,#1a1b20,#101114);border-radius:16px}.certificate-image{aspect-ratio:574/323;object-fit:contain}.certificate-title{font-size:16px}.certificate-badge{font-size:12px}.certificate-issuer{font-size:13px}
.problem{background:var(--bg)}.problem-grid{gap:0;border-top:1px solid var(--border)}.problem-item{border:none;border-right:1px solid var(--border);border-radius:0;padding:34px;background:transparent}.problem-item:first-child{padding-left:0}.problem-item:last-child{border-right:none}.problem-num{font:500 50px/1 var(--font);color:#ffffff32;margin-bottom:35px;letter-spacing:-.06em}.problem-item h3{font-size:22px}.problem-item p,.solution-card p,.service-card p,.process-item p,.case-result{font-size:16px;line-height:1.75}.solution{background:#0c0d10}.solution-grid{gap:16px}.solution-card{padding:30px;background:linear-gradient(130deg,#191a1f,#111215);min-height:235px}.solution-card h3{font-size:20px}.solution-card-icon{width:48px;height:48px;border-radius:14px}.services{background:var(--bg)}.services-grid{gap:16px;counter-reset:service}.service-card{position:relative;padding:30px;min-height:300px;overflow:hidden;background:linear-gradient(150deg,#1c1d23,#101114);counter-increment:service;transform-style:preserve-3d}.service-card:before{content:'0' counter(service);position:absolute;right:24px;top:20px;font-size:13px;color:#83848e}.service-icon{width:56px;height:56px;border-radius:16px;margin-bottom:32px}.service-icon svg{width:28px;height:28px}.service-card h3{font-size:26px;letter-spacing:-.04em}.service-features span{font-size:12px;padding:4px 9px}.service-card:hover{border-color:#ff443e65}.tilt-card{transition:transform .25s ease-out,border-color .25s,box-shadow .25s}.tilt-card:hover{box-shadow:0 20px 50px #0005}
.cases{background:var(--surface)}.cases-grid{max-width:none;gap:28px}.case-media-card{padding:12px;border-radius:24px;background:#17181c}.case-viewport{border-radius:15px;max-height:610px;aspect-ratio:4/5}.case-track img{object-fit:contain}.case-nav{opacity:1;width:44px;height:44px;border:1px solid #ffffff30;font-size:28px}.case-meta{padding:22px 16px}.case-company{font-size:30px;letter-spacing:-.04em}.case-tag{display:inline-flex;font-size:12px}.case-dot{width:24px;height:24px;position:relative;background:none}.case-dot:before{content:'';position:absolute;left:8px;top:9px;width:7px;height:7px;border-radius:10px;background:#777}.case-dot.active{width:24px;background:none}.case-dot.active:before{background:var(--red)}.case-dots{gap:1px;padding:10px 0 0}.case-result strong{color:#f4f4f2}
.process{background:var(--bg)}.process-grid{gap:0;border-top:1px solid var(--border)}.process-item{border:0;border-right:1px solid var(--border);border-radius:0;background:none;padding:30px 25px}.process-item:last-child{border-right:0}.process-num{width:auto;height:auto;font-size:65px;color:var(--red);background:none;font-weight:500;letter-spacing:-.07em;margin-bottom:32px}.process-item h3{font-size:20px}.results{background:var(--red);color:#fff;padding:75px 0}.results .section-label{color:#fff9}.results .section-label:before{background:#fff}.results .section-head{margin-bottom:45px}.results-grid{gap:0}.result-card{background:none;border:0;border-left:1px solid #ffffff40;border-radius:0;padding:16px;text-align:left}.result-card:first-child{border-left:0;padding-left:0}.result-value{font-size:clamp(42px,5vw,70px);font-weight:500}.result-label{color:#ffffffcf;font-size:14px}.results .spot:after{display:none}
.calc>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.calc .section-head{margin:0}.calc-card{width:100%;padding:35px;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#ff443e18,transparent 70%),#141519;box-shadow:0 30px 70px #0004}.calc-label{gap:15px}.calc-label span{font-size:15px}.calc-label .calc-value{font-size:36px;color:var(--text)}.calc-res-label{font-size:13px}.calc-results{gap:12px}.calc-res{padding:20px 8px}.calc-res-value{font-size:clamp(22px,2.3vw,30px)}.calc-cta .btn{width:100%;justify-content:center;font-size:14px}.calc-note{font-size:13px;line-height:1.7}
.testimonials{background:#0d0e11}.testimonials-grid{max-width:none;gap:24px}.testimonial-card{padding:36px;border-radius:22px;background:#16171b}.testimonial-text{font-size:21px;color:#ededee;letter-spacing:-.025em;line-height:1.65}.testimonial-avatar{width:48px;height:48px}.testimonial-name{font-size:16px}.testimonial-role{font-size:13px}.faq>.container{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-list{width:100%}.faq-item{border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;margin-bottom:0}.faq-question{padding:24px 0;width:100%;text-align:left;background:none;border:0;color:var(--text);font-family:var(--font)}.faq-question h3{font-size:17px}.faq-answer p{padding:0 0 25px;font-size:16px}.faq-item.active .faq-answer{max-height:none}.faq-item.active .faq-question{color:var(--red)}
.cta{padding:20px 0 90px}.cta-card{padding:76px 54px;text-align:left;min-height:440px;background:linear-gradient(110deg,#e8312b,#b91c20);border:0;isolation:isolate}.cta-card:before{background:radial-gradient(ellipse at 90% 30%,#ffffff18,transparent 60%)}.cta-card h2{max-width:730px;color:#fff;font-size:clamp(36px,5vw,64px)}.cta-text{margin:22px 0 26px;max-width:560px;color:#fff9eb}.cta-features{justify-content:flex-start;gap:18px;max-width:650px}.cta-feature{color:#fff}.cta-feature svg{fill:#fff}.cta-card .btn{background:#f9f6f1;color:#151515}.cta-card .btn:hover{background:#fff;box-shadow:0 10px 25px #0003}.cta-mascot{position:absolute;height:115%;right:-90px;bottom:-90px;z-index:-1;opacity:.34;mask-image:linear-gradient(90deg,transparent,#000 25%);pointer-events:none}.footer{padding:45px 0 30px}.footer-wordmark{font-weight:700;font-size:clamp(50px,13vw,186px);line-height:1.1;letter-spacing:-.075em;color:#222328;padding-top:48px;overflow:hidden;white-space:nowrap}.footer-text,.footer-links a{font-size:13px}.floating-chat-btn{background:#1e2025;border:1px solid #ffffff30;box-shadow:0 5px 25px #0005}.modal-overlay{backdrop-filter:blur(10px);background:#000b}.modal{border-radius:24px;padding:34px;background:#16171c;box-shadow:0 40px 120px #000b}.modal h3{font-size:30px;letter-spacing:-.045em}.form-group label{font-size:14px}.form-group input,.form-group select{min-height:48px;font-size:16px}.form-submit{border-radius:100px;background:var(--red)}.modal-close{width:44px;height:44px}.anim-in{opacity:1;transform:none}.motion-ready .anim-in{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.motion-ready .anim-in.visible{opacity:1;transform:none}.hero-content>*{animation:entrance .9s both}.hero-content>:nth-child(2){animation-delay:.08s}.hero-content>:nth-child(3){animation-delay:.16s}.hero-content>:nth-child(4){animation-delay:.24s}.hero-content>:nth-child(5){animation-delay:.32s}
@keyframes entrance{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes levitate{50%{transform:translateY(-15px) rotateZ(1deg)}}@keyframes card-drift{50%{translate:0 -10px}}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes meter-rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(min-width:1600px){.hero h1{font-size:100px}.hero-visual{height:620px}}
@media(max-width:1100px){.container{padding-inline:32px}.hero h1{font-size:70px}.hero-grid{grid-template-columns:1.1fr .9fr}.hero-visual{height:510px}.float-one{left:0;top:15px}.float-two{right:-10px;bottom:0}.floating-metric{padding:13px 16px;min-width:140px}.floating-metric strong{font-size:28px}.nav{gap:18px}.certificates>.container,.calc>.container,.faq>.container{gap:35px}.hero-sub{max-width:380px}.cta-mascot{opacity:.2}}
@media(max-width:860px){section{padding:75px 0}.container{padding-inline:24px}.header{left:12px;right:12px;top:12px}.header .container{padding-inline:16px}.header-inner{height:62px}.logo{font-size:20px}.header .btn{font-size:12px;padding:10px 14px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;padding:22px;background:#15161af7;border:1px solid var(--border-strong);border-radius:18px;gap:20px;box-shadow:0 25px 40px #0008}.nav.open{display:flex}.nav a{font-size:17px}.hero{padding-top:132px;min-height:auto}.hero-grid{grid-template-columns:1fr 1fr;min-height:490px}.hero h1{font-size:clamp(48px,7.8vw,67px)}.hero-visual{height:470px}.hero-badge{font-size:11px;letter-spacing:.07em}.hero-sub{font-size:15px}.hero-buttons{gap:9px;margin-bottom:25px}.hero-buttons .btn{font-size:13px;padding:14px 19px}.hero-stats{gap:20px}.hero-stat-value{font-size:26px}.hero-stat-label{font-size:12px}.float-one{left:8px;top:0}.float-two{right:-3px;bottom:7px}.floating-metric{min-width:120px;padding:12px}.floating-metric small,.floating-metric em{font-size:11px}.hero-bottom{margin-top:22px}.certificates>.container,.calc>.container,.faq>.container{grid-template-columns:1fr;gap:35px}.certificates-grid{grid-template-columns:1fr 1fr}.problem-grid{grid-template-columns:1fr}.problem-item,.problem-item:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--border)}.problem-num{font-size:36px;margin-bottom:16px}.cases-grid{grid-template-columns:1fr 1fr;gap:16px}.case-meta{padding:18px 6px}.case-company{font-size:25px}.case-result{font-size:14px}.process-grid{grid-template-columns:1fr 1fr}.process-item{border-bottom:1px solid var(--border)}.results-grid{grid-template-columns:repeat(4,1fr)}.result-value{font-size:43px}.result-label{font-size:12px}.cta-card{padding:46px 32px}.cta-mascot{right:-120px}.testimonials-grid{grid-template-columns:1fr 1fr}.testimonial-card{padding:25px}.testimonial-text{font-size:18px}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:125px}.hero h1{font-size:clamp(53px,12.5vw,76px);max-width:500px}.hero-sub{font-size:16px;max-width:420px}.hero-badge{font-size:11px}.hero-visual{height:430px;margin-top:35px;width:min(100%,410px);justify-self:center}.hero-mascot{height:117%;bottom:-42px}.hero-stats{justify-content:space-between;gap:10px;max-width:420px}.hero-stat-value{font-size:29px}.hero-stat-label{font-size:12px}.hero-buttons .btn{font-size:14px;padding:15px 22px}.hero-bottom{margin-top:40px;gap:12px}.hero-bottom>span{display:none}.float-one{top:33px;left:-3px}.float-two{right:-3px;bottom:18px}.floating-metric{padding:15px;min-width:136px}.floating-metric strong{font-size:30px}.floating-metric small,.floating-metric em{font-size:12px}.scene-label{display:none}.certificates-grid,.cases-grid,.testimonials-grid{grid-template-columns:1fr}.section-head{margin-bottom:32px}.services-grid,.solution-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:28px}.service-icon{margin-bottom:24px}.solution-card{min-height:0}.process-grid{grid-template-columns:1fr}.process-item{border-right:0;padding:25px 0}.process-num{font-size:46px;margin-bottom:20px}.results-grid{grid-template-columns:1fr 1fr;gap:30px 0}.result-card{padding:10px 16px}.result-card:nth-child(3){border-left:0;padding-left:0}.result-value{font-size:50px}.result-label{font-size:14px}.calc-card{padding:26px 20px}.calc-results{grid-template-columns:1fr}.calc-label .calc-value{font-size:30px}.calc-label span{font-size:14px}.calc-cta .btn{white-space:normal;line-height:1.6;padding:14px 18px}.cta-card{padding:38px 26px}.cta-card h2{font-size:40px;letter-spacing:-.05em}.cta-text{font-size:16px}.cta-features{gap:12px}.cta-feature{font-size:13px}.cta-mascot{display:none}.cta-card .btn{font-size:14px;padding:16px 20px}.footer-inner{gap:24px}.footer-wordmark{font-size:13vw}.modal{padding:30px 23px}.modal h3{font-size:26px}.floating-chat{right:18px;bottom:18px}.brand-item{width:125px;height:58px}.header .logo-symbol{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .anim-in{opacity:1;transform:none}.hero-scene,.tilt-card{transform:none!important}.hero-canvas{display:none}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;transition:none!important}html.motion-paused .anim-in{opacity:1;transform:none}html.motion-paused .hero-content>*{animation:none!important;opacity:1}html.motion-paused .hero-scene,html.motion-paused .tilt-card{transform:none!important}html.motion-paused .hero-canvas{display:none}

.cta-short{display:none}@media(max-width:600px){.cta-full{display:none}.cta-short{display:inline}.header .btn{gap:6px}.header-actions{gap:8px}}