/* ============================================================ ZENITE DIGITAL — CSS Premium v4 Azul Navy #07111F · Dourado #C9A84C Fontes: Termina Bold (títulos) · Montserrat (thaextos) INSTALAÇÃO NO ELEMENTOR: 1. Elementor > Site Settings > Custom CSS > cole aqui OU Appearance > Customize > Additional CSS 2. Na página: Elementor > Page Settings > Advanced > CSS Classes > digite: znlp-page 3. No do tema (via functions.php ou plugin): adicione a classe "znlp-page" quando necessário NOTA: O CSS abaixo usa seletores globais (sem prefixo de classe) para máxima compatibilidade com Elementor. ============================================================ */ /* Google Fonts — carregue no Elementor > Site Settings > Custom Fonts ou adicione no header do tema: */ /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap'); */ /* ═══ TERMINA ═══ */ @font-face{font-family:'Termina';font-weight:700;src:local('Termina Bold'),local('Termina-Bold')} @font-face{font-family:'Termina';font-weight:400;src:local('Termina Regular'),local('Termina-Regular')} /* ═══ TOKENS ═══ */ :root{ --n:#07111F; --n2:#0D1E35; --n3:#142844; --n4:#1C3358; --g:#C9A84C; --g2:#E5CB7A; --g3:#9A7A28; --g4:rgba(201,168,76,.12); --w:#fff; --fog:#F4F6FA; --mu:#6B7A8D; --bd:#253347; --TT:'Termina','Montserrat',sans-serif; --TB:'Montserrat',sans-serif; --E:cubic-bezier(.22,1,.36,1); --ES:cubic-bezier(.34,1.56,.64,1); } /* ═══ RESET ═══ */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;font-size:16px} body{font-family:var(--TB);background:var(--n);color:var(--w);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1} a{text-decoration:none;color:inherit} img{display:block;width:100%;object-fit:cover} button{cursor:pointer;font-family:var(--TB);border:none;background:none} /* ═══ SCROLL ANIMATIONS ═══ */ .sr{opacity:0;transform:translateY(48px);transition:opacity .9s var(--E),transform .9s var(--E)} .sr.on{opacity:1;transform:none} .sr-up{opacity:0;transform:translateY(28px);transition:opacity .7s var(--E),transform .7s var(--E)} .sr-up.on{opacity:1;transform:none} .sr-scale{opacity:0;transform:scale(.92);transition:opacity .8s var(--E),transform .8s var(--E)} .sr-scale.on{opacity:1;transform:none} .sr-left{opacity:0;transform:translateX(-48px);transition:opacity .8s var(--E),transform .8s var(--E)} .sr-left.on{opacity:1;transform:none} .sr-right{opacity:0;transform:translateX(48px);transition:opacity .8s var(--E),transform .8s var(--E)} .sr-right.on{opacity:1;transform:none} .d1{transition-delay:.08s}.d2{transition-delay:.18s}.d3{transition-delay:.28s} .d4{transition-delay:.38s}.d5{transition-delay:.48s}.d6{transition-delay:.58s} /* Word reveal animation */ .word-reveal span{display:inline-block;opacity:0;transform:translateY(20px);transition:opacity .5s var(--E),transform .5s var(--E)} .word-reveal.on span{opacity:1;transform:none} /* ═══ TYPOGRAPHY ═══ */ .ey{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--g);display:block;margin-bottom:14px} .ey-dk{color:var(--g3)!important} .h-display{font-family:var(--TT);font-weight:700;line-height:1.0;letter-spacing:-2.5px} .sz-xl{font-size:clamp(52px,8vw,80px)} .sz-lg{font-size:clamp(38px,5.5vw,52px)} .sz-md{font-size:clamp(28px,3.8vw,52px)} .sz-sm{font-size:clamp(22px,2.8vw,36px)} .gold{color:var(--g)} .white{color:var(--w)} .dark{color:var(--n)} .center{text-align:center} p.body-lg{font-size:clamp(17px,2vw,20px);font-weight:600;line-height:1.65;color:rgba(255,255,255,.65)} p.body-md{font-size:clamp(15px,1.6vw,18px);font-weight:400;line-height:1.72;color:rgba(255,255,255,.6)} p.body-dk{color:var(--mu)!important} /* ═══ BUTTONS ═══ */ .btn-gold{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--g),var(--g3));color:var(--n);font-family:var(--TT);font-weight:700;font-size:15px;padding:18px 44px;border-radius:100px;transition:.4s var(--E);box-shadow:0 8px 30px rgba(201,168,76,.4);white-space:nowrap} .btn-gold:hover{background:linear-gradient(135deg,var(--g2),var(--g));transform:translateY(-3px) scale(1.02);box-shadow:0 18px 48px rgba(201,168,76,.55)} .btn-ghost{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.7);font-weight:500;font-size:15px;padding:18px 36px;border-radius:100px;border:1.5px solid rgba(255,255,255,.2);transition:.3s var(--E)} .btn-ghost:hover{border-color:rgba(201,168,76,.5);color:var(--g2);background:rgba(201,168,76,.06)} .btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center} /* Icon inside button */ .btn-arrow{width:18px;height:18px;transition:transform .3s var(--E)} .btn-gold:hover .btn-arrow{transform:translateX(4px)} /* ═══ NAV ═══ */ #nav{position:fixed;top:0;left:0;right:0;z-index:300;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(7,17,31,0);backdrop-filter:blur(0);transition:background .4s,backdrop-filter .4s} #nav.scrolled{background:rgba(7,17,31,.92);backdrop-filter:blur(24px) saturate(180%);border-bottom:.5px solid rgba(201,168,76,.12)} .nav-logo{font-family:var(--TT);font-weight:700;font-size:18px;letter-spacing:-.5px} .nav-logo em{font-style:normal;color:var(--g)} .nav-links{display:flex;gap:32px;align-items:center} .nav-links a{font-size:13px;font-weight:500;color:rgba(255,255,255,.6);transition:.2s} .nav-links a:hover{color:var(--g2)} .nav-cta{background:linear-gradient(135deg,var(--g),var(--g3));color:var(--n);font-family:var(--TT);font-weight:700;font-size:12px;padding:9px 22px;border-radius:100px;transition:.3s var(--E)} .nav-cta:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(201,168,76,.4)} .nav-burger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer} .nav-burger span{display:block;width:22px;height:2px;background:var(--w);border-radius:2px;transition:.3s var(--E)} .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav-burger.open span:nth-child(2){opacity:0} .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .nav-mobile{position:fixed;top:56px;left:0;right:0;background:rgba(7,17,31,.97);backdrop-filter:blur(24px);padding:24px 48px 32px;transform:translateY(-120%);transition:transform .4s var(--E);z-index:299;border-bottom:1px solid rgba(201,168,76,.12)} .nav-mobile.open{transform:none} .nav-mobile a{display:block;font-size:17px;font-weight:500;color:rgba(255,255,255,.7);padding:14px 0;border-bottom:.5px solid rgba(255,255,255,.07)} .nav-mobile a:hover{color:var(--g2)} .nav-mobile .btn-gold{width:100%;justify-content:center;margin-top:20px} /* ═══ HERO — CINEMATIC FULLSCREEN ═══ */ .hero{position:relative;height:100svh;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center} .hero-bg{position:absolute;inset:0;z-index:0} .hero-bg picture{display:block;width:100%;height:100%} .hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%;transform:none!important;transition:none} .hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,17,31,.65) 0%,rgba(7,17,31,.45) 35%,rgba(7,17,31,.7) 70%,var(--n) 100%);z-index:1} /* Animated grain overlay */ .hero-grain{position:absolute;inset:0;z-index:2;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none} .hero-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--g),transparent);z-index:3} .hero-content{position:relative;z-index:4;padding:0 24px;max-width:1000px;width:100%} .hero-stars{font-size:20px;letter-spacing:6px;color:var(--w);margin-bottom:22px} .hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);color:var(--g2);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:9px 22px;border-radius:100px;margin-bottom:32px} .hero-dot{width:7px;height:7px;border-radius:50%;background:var(--g);animation:pulse 2s ease-in-out infinite} @keyframes pulse{0%,100%{transform:scale(1);opacity:1;box-shadow:0 0 0 0 rgba(201,168,76,.5)}50%{transform:scale(1.4);opacity:.7;box-shadow:0 0 0 6px rgba(201,168,76,0)}} .hero-h1{margin-bottom:28px;max-width:3200px;margin-left:auto;margin-right:auto} .hero-h1 em{font-style:normal;color:var(--g);position:relative} .hero-h1-main{line-height:.92;margin:0 auto 28px;max-width:1180px} .hero-h1-main em{font-style:italic;color:var(--g)} .hero-sub{max-width:560px;margin:0 auto 48px} .hero-actions{justify-content:center;margin-bottom:18px} .trust-badges-hero{display:flex;align-items:center;justify-content:center;gap:34px;margin:0 auto 52px;color:rgba(255,255,255,.92);font-size:17px;line-height:1.2} .trust-item{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} .trust-item span{color:var(--w)} /* Hero scroll indicator */ .hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeInUp 1.2s var(--E) 1.5s both} @keyframes fadeInUp{from{opacity:0;transform:translate(-50%,12px)}to{opacity:.5;transform:translate(-50%,0)}} .hero-scroll span{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.5)} .hero-scroll-track{width:1.5px;height:40px;background:rgba(255,255,255,.15);border-radius:2px;overflow:hidden;position:relative} .hero-scroll-thumb{position:absolute;top:0;left:0;right:0;height:40%;background:var(--g);border-radius:2px;animation:scrollDown 2s ease-in-out infinite} @keyframes scrollDown{0%{top:0;opacity:1}80%{top:60%;opacity:.3}100%{top:0;opacity:1}} /* Hero stats bar */ .hero-stats-bar{position:relative;z-index:4;width:100%;max-width:820px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(201,168,76,.15);margin-top:72px;animation:fadeUp 1s var(--E) .8s both} @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}} .hs{text-align:center;padding:28px 16px 44px;position:relative} .hs:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;bottom:20%;width:.5px;background:rgba(201,168,76,.2)} .hs-n{font-family:var(--TT);font-weight:700;font-size:clamp(26px,3.5vw,42px);color:var(--g);letter-spacing:-1.5px;line-height:1;display:block} .hs-l{font-size:12px;color:rgba(255,255,255,.42);margin-top:7px;line-height:1.4;display:block} /* ═══ SECTION WRAPPER ═══ */ .s{padding:120px 48px} .s-sm{padding:80px 48px} .w{max-width:1200px;margin:0 auto} .w-md{max-width:900px;margin:0 auto} .w-sm{max-width:680px;margin:0 auto;text-align:center} /* Section divider */ .divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent);margin:0} /* ═══ MARQUEE — horizontal scroll ticker ═══ */ .marquee-wrap{background:var(--n2);padding:20px 0;overflow:hidden;border-top:.5px solid rgba(201,168,76,.1);border-bottom:.5px solid rgba(201,168,76,.1)} .marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite} .marquee-track:hover{animation-play-state:paused} .marquee-item{display:flex;align-items:center;gap:12px;padding:0 40px;font-family:var(--TT);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);white-space:nowrap;transition:.2s} .marquee-item .mi-dot{width:6px;height:6px;border-radius:50%;background:var(--g);opacity:.5;flex-shrink:0} .marquee-item:hover{color:var(--g2)} @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}} /* ═══ PROBLEM ═══ */ .prob-s{background:var(--n);position:relative;overflow:hidden} .prob-s::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)} .prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.09);border-radius:28px;overflow:hidden;margin-top:60px} .pc{background:var(--n2);padding:52px 44px;position:relative;overflow:hidden;transition:.35s var(--E)} .pc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.04),transparent);opacity:0;transition:.35s} .pc:hover{background:var(--n3)}.pc:hover::before{opacity:1} .pc-img{position:relative;z-index:1;margin:-20px -12px 24px;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:var(--n3)} .pc-img img{width:100%;height:100%;object-fit:cover;display:block} .pc-wide{grid-column:span 2;background:linear-gradient(120deg,var(--n3),var(--n2));border-top:2px solid var(--g)} .pc-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;background:rgba(224,85,85,.1);border:1px solid rgba(224,85,85,.15)} .pc-icon-ok{background:rgba(201,168,76,.1)!important;border-color:rgba(201,168,76,.2)!important} .pc h3{font-family:var(--TT);font-weight:700;font-size:18px;color:var(--w);margin-bottom:12px;letter-spacing:-.3px;line-height:1.25} .pc p{font-size:14px;line-height:1.72;color:rgba(255,255,255,.5);margin:0} .pc-wide h3{font-size:24px;color:var(--g2);margin-bottom:14px} .pc-wide p{font-size:17px;color:rgba(255,255,255,.72);max-width:700px} /* ═══ WHO WE SERVE — 3 PHOTO CARDS ═══ */ .serve-s{background:var(--n2)} .serve-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px} .sc{position:relative;border-radius:24px;overflow:hidden;height:460px;cursor:pointer;transition:transform .5s var(--E)} .sc:hover{transform:translateY(-8px)} .sc-img{position:absolute;inset:0;background:var(--n2)} .sc:hover .sc-img{transform:none} .sc-img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block} .sc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,17,31,.9) 0%,rgba(7,17,31,.5) 46%,rgba(7,17,31,.08) 100%)} .sc-body{position:absolute;bottom:0;left:0;right:0;padding:36px 30px} .sc-tag{display:inline-block;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);color:var(--g2);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:12px} .sc-body h3{font-family:var(--TT);font-weight:700;font-size:21px;margin-bottom:8px;letter-spacing:-.3px;line-height:1.2} .sc-body p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.55;margin:0} /* ═══ SERVICES — APPLE BENTO GRID ═══ */ .svc-s{background:var(--fog)} .bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:16px;margin-top:60px} .bc{background:var(--w);border-radius:24px;overflow:hidden;border:.5px solid rgba(10,22,40,.06);transition:transform .45s var(--E),box-shadow .45s;position:relative;cursor:default} .bc:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(10,22,40,.14)} .bc.tall{grid-row:span 2} .bc.wide{grid-column:span 2} .bc.hero-card{grid-column:span 3;background:var(--n);border-color:rgba(201,168,76,.1)} /* Photo within card */ .bp{position:relative;overflow:hidden;background:var(--n2)} .bp img{transition:transform .7s var(--E)} .bc:hover .bp img{transform:scale(1.05)} .bp-h-tall{height:480px} .bp-h-md{height:220px} .bp-h-sm{height:200px} .bp-h-wide{height:240px} .bp-badge{position:absolute;top:16px;left:16px;background:rgba(7,17,31,.8);backdrop-filter:blur(10px);border:1px solid rgba(201,168,76,.25);color:var(--g2);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:100px} /* Service icon strip */ .svc-icon-strip{display:flex;align-items:center;gap:10px;margin-bottom:10px} .svc-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--g4);border:1px solid rgba(201,168,76,.2);flex-shrink:0} .bb{padding:28px 28px 34px} .bb .snum{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--g3);margin-bottom:10px;display:block} .bb h3{font-family:var(--TT);font-weight:700;font-size:20px;color:var(--n);letter-spacing:-.4px;margin-bottom:10px;line-height:1.2} .bb p{font-size:14px;color:var(--mu);line-height:1.68;margin:0} /* Hero card (dark, wide) */ .hero-card .bb{padding:40px 48px} .hero-card .bb h3{color:var(--w);font-size:clamp(24px,3vw,38px);max-width:600px;margin-bottom:16px} .hero-card .bb p{color:rgba(255,255,255,.6);font-size:16px;max-width:560px} /* ═══ FULLBLEED CINEMATIC ═══ */ .fb{position:relative;height:88vh;min-height:520px;overflow:hidden;display:flex;align-items:center} .fb-img{position:absolute;inset:0} .fb-img img{height:100%;object-position:center 40%;transition:transform .5s var(--E)} .fb-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(7,17,31,.92) 0%,rgba(7,17,31,.6) 50%,rgba(7,17,31,.2) 100%)} .fb-content{position:relative;z-index:2;max-width:1200px;width:100%;padding:0 80px} .fb-content .h-display{max-width:560px;margin-bottom:22px} .fb-content .body-lg{max-width:440px;margin-bottom:38px} /* Center variant */ .fb.center .fb-overlay{background:rgba(7,17,31,.78)} .fb.center .fb-content{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%} .fb.center .fb-content .h-display,.fb.center .fb-content .body-lg{max-width:700px;text-align:center} /* ═══ NUMBERS ═══ */ .num-s{background:var(--n);position:relative;overflow:hidden} .num-s::before,.num-s::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)} .num-s::before{top:0}.num-s::after{bottom:0} .num-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(201,168,76,.06),transparent 70%);pointer-events:none} .num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(201,168,76,.07);border:1px solid rgba(201,168,76,.1);border-radius:28px;overflow:hidden;margin-top:60px} .nc{background:rgba(7,17,31,.98);padding:56px 40px;text-align:center;position:relative;transition:.35s var(--E)} .nc:hover{background:var(--n2)} .nc-bar{position:absolute;top:0;left:50%;transform:translateX(-50%);height:2px;width:0;background:var(--g);transition:width 1.4s var(--E);border-radius:0 0 2px 2px} .nc.on .nc-bar{width:52%} .nc-big{font-family:var(--TT);font-weight:700;font-size:clamp(44px,5.5vw,72px);color:var(--g);letter-spacing:-2.5px;line-height:1;margin-bottom:16px;display:block} .nc-lbl{font-size:15px;color:rgba(255,255,255,.72);font-weight:500;line-height:1.4;display:block} .nc-sub{font-size:12px;color:rgba(255,255,255,.3);margin-top:8px;display:block} /* ═══ SPLIT SECTIONS ═══ */ .split-s{display:grid;grid-template-columns:1fr 1fr;min-height:640px;overflow:hidden} .split-s.rev{direction:rtl} .split-s.rev>*{direction:ltr} .sp-photo{position:relative;overflow:hidden;min-height:480px} .sp-photo img{position:absolute;inset:0;height:100%;transition:transform .7s var(--E)} .split-s:hover .sp-photo img{transform:scale(1.04)} .sp-copy{display:flex;flex-direction:column;justify-content:center;padding:80px 72px;background:var(--n2)} .sp-copy.lt{background:var(--fog)} .sp-copy .ey{margin-bottom:14px} .sp-copy .h-display{margin-bottom:20px} .sp-copy .body-lg{margin-bottom:36px;max-width:480px} /* Feature list in splits */ .fl{display:flex;flex-direction:column} .fi{display:flex;gap:18px;align-items:flex-start;padding:20px 0;border-bottom:.5px solid rgba(201,168,76,.12);transition:padding .3s var(--E)} .fi:first-child{border-top:.5px solid rgba(201,168,76,.12)} .split-s:not(.rev) .sp-copy.lt .fi{border-color:rgba(10,22,40,.1)} .fi-icon{width:42px;height:42px;border-radius:12px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-top:2px;transition:.3s var(--E)} .fi:hover .fi-icon{background:rgba(201,168,76,.2);transform:scale(1.08)} .fi-text strong{font-family:var(--TT);font-weight:700;font-size:15px;display:block;margin-bottom:5px;letter-spacing:-.2px;color:var(--w);transition:.2s} .sp-copy.lt .fi-text strong{color:var(--n)} .fi-text span{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6} .sp-copy.lt .fi-text span{color:var(--mu)} /* ═══ PROCESS / HOW IT WORKS ═══ */ .how-s{background:var(--w)} .how-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 88px;margin-top:68px} .hstep{} .hstep-num{font-family:var(--TT);font-weight:700;font-size:80px;color:var(--g);opacity:.12;letter-spacing:-4px;line-height:1;margin-bottom:-14px;transition:.4s var(--E)} .hstep:hover .hstep-num{opacity:.35} .hstep-bar{height:2px;background:linear-gradient(90deg,var(--g),transparent);margin-bottom:24px;transform-origin:left;transition:.6s var(--E)} .hstep.on .hstep-bar,.hstep-bar{transform:scaleX(1)} .hstep h3{font-family:var(--TT);font-weight:700;font-size:21px;color:var(--n);letter-spacing:-.4px;margin-bottom:12px} .hstep p{font-size:15px;color:var(--mu);line-height:1.74;margin:0} /* ═══ TESTIMONIALS / SOCIAL PROOF ═══ */ .proof-s{background:var(--n2);overflow:hidden} .proof-scroll{display:flex;gap:20px;padding:8px 4px 18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-top:56px;cursor:grab;user-select:none;overscroll-behavior-y:none} .proof-scroll::-webkit-scrollbar{display:none} .proof-scroll.grabbing{cursor:grabbing} .tcard{background:var(--n3);border:1px solid rgba(201,168,76,.1);border-radius:20px;padding:36px 32px;min-width:340px;max-width:340px;transition:.3s var(--E);flex:0 0 340px;overflow:hidden} .tcard:hover{background:var(--n4);border-color:rgba(201,168,76,.25);transform:translateY(-4px)} .tcard-stars{display:flex;gap:4px;margin-bottom:18px} .tcard-star{color:var(--g);font-size:16px} .tcard-quote{font-size:15px;line-height:1.7;color:rgba(255,255,255,.75);margin-bottom:24px;font-style:italic} .tcard-author{display:flex;align-items:center;gap:14px} .tcard-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(201,168,76,.3)} .tcard-name{font-family:var(--TT);font-weight:700;font-size:14px;color:var(--w)} .tcard-role{font-size:12px;color:rgba(255,255,255,.4);margin-top:2px} /* ═══ FAQ ═══ */ .faq-s{background:var(--fog)} .faq-list{max-width:800px;margin:56px auto 0} .faq-item{border-bottom:1px solid rgba(10,22,40,.1)} .faq-item:first-child{border-top:1px solid rgba(10,22,40,.1)} .faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;cursor:pointer;user-select:none;transition:.2s} .faq-q:hover{padding-left:8px} .faq-q-txt{font-family:var(--TT);font-weight:700;font-size:16px;color:var(--n);letter-spacing:-.2px;line-height:1.35;transition:.2s} .faq-q:hover .faq-q-txt{color:var(--g3)} .faq-tog{width:30px;height:30px;border-radius:50%;background:var(--n);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;line-height:1;color:var(--g);transition:.4s var(--E)} .faq-item.open .faq-tog{background:var(--g);color:var(--n);transform:rotate(45deg)} .faq-a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.65,0,.35,1)} .faq-ai{font-size:15px;color:var(--mu);line-height:1.78;padding:0 40px 24px 0} .faq-item.open .faq-a{max-height:400px} /* ═══ FORM ═══ */ .form-s{background:var(--n2);position:relative;overflow:hidden} .form-s::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,var(--g) 50%,transparent 90%)} .form-bg-art{position:absolute;right:-200px;top:50%;transform:translateY(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(201,168,76,.05),transparent 70%);pointer-events:none} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:start;position:relative;z-index:1} .form-left .h-display{margin-bottom:20px} .form-left .body-lg{margin-bottom:38px;max-width:480px} .trust-list{display:flex;flex-direction:column;gap:14px} .ti{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:rgba(255,255,255,.65);transition:.2s} .ti:hover{color:var(--g2)} .ti-dot{width:26px;height:26px;border-radius:50%;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.25);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--g);flex-shrink:0;transition:.3s var(--E)} .ti:hover .ti-dot{background:rgba(201,168,76,.2);transform:scale(1.1)} .form-box{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.14);border-radius:28px;padding:52px 44px;backdrop-filter:blur(10px)} .fg{margin-bottom:18px} .fg label{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:8px} .fg input,.fg select,.fg textarea{width:100%;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:15px 20px;font-family:var(--TB);font-size:15px;color:var(--w);outline:none;transition:.3s var(--E);-webkit-appearance:none;appearance:none} .fg input::placeholder{color:rgba(255,255,255,.25)} .fg input:focus,.fg select:focus,.fg textarea:focus{border-color:rgba(201,168,76,.5);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(201,168,76,.08)} .fg select option{background:var(--n2);color:var(--w)} .fg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .form-submit{width:100%;background:linear-gradient(135deg,var(--g),var(--g3));color:var(--n);font-family:var(--TT);font-weight:700;font-size:17px;padding:20px;border-radius:100px;transition:.4s var(--E);box-shadow:0 8px 30px rgba(201,168,76,.3);letter-spacing:.2px;margin-top:8px} .form-submit:hover{background:linear-gradient(135deg,var(--g2),var(--g));transform:translateY(-3px);box-shadow:0 18px 50px rgba(201,168,76,.5)} .form-submit:disabled{cursor:wait;opacity:.72;transform:none!important} .form-note{font-size:12px;color:rgba(255,255,255,.22);text-align:center;margin-top:16px;line-height:1.5} .form-message{display:none;margin-top:14px;text-align:center;font-size:13px;font-weight:600;line-height:1.5} .form-message.ok{display:block;color:#86efac} .form-message.err{display:block;color:#fca5a5} .form-whatsapp-link{color:#86efac;text-decoration:underline;text-underline-offset:3px;white-space:nowrap} .znlp-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} /* ═══ CTA FINAL ═══ */ .cta-final{position:relative;min-height:700px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:100px 40px} .cta-img{position:absolute;inset:0} .cta-img img{height:100%;object-position:center 40%} .cta-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,17,31,.6),rgba(7,17,31,.88))} .cta-content{position:relative;z-index:2;max-width:800px} .stars-row{font-size:20px;letter-spacing:14px;color:var(--g);margin-bottom:28px;display:block} .cta-h{margin-bottom:22px} .cta-sub{color:rgba(255,255,255,.58);font-size:clamp(16px,1.8vw,20px);font-weight:300;line-height:1.65;max-width:520px;margin:0 auto 48px} .cta-badge-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px} .cta-badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.15);padding:8px 18px;border-radius:100px;font-size:12px;font-weight:500;color:rgba(255,255,255,.6)} .cta-badge em{font-style:normal;color:var(--g2)} /* ═══ FOOTER ═══ */ .footer{background:var(--n);border-top:.5px solid rgba(255,255,255,.07);padding:40px 48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px} .footer-logo{font-family:var(--TT);font-weight:700;font-size:16px;color:rgba(255,255,255,.4)} .footer-logo em{font-style:normal;color:var(--g)} .footer-links{display:flex;gap:24px} .footer-links a{font-size:13px;color:rgba(255,255,255,.3);transition:.2s} .footer-links a:hover{color:var(--g2)} .footer-copy{font-size:12px;color:rgba(255,255,255,.2)} /* ═══ FLOATING CTA (mobile) ═══ */ .floating-cta{position:fixed;bottom:24px;left:24px;right:24px;z-index:200;background:linear-gradient(135deg,var(--g),var(--g3));color:var(--n);font-family:var(--TT);font-weight:700;font-size:15px;padding:18px 24px;border-radius:18px;text-align:center;box-shadow:0 12px 40px rgba(201,168,76,.5);transform:translateY(100px);opacity:0;transition:transform .5s var(--ES),opacity .5s var(--E);display:none} .floating-cta.show{transform:none;opacity:1} .floating-cta-link{display:block;color:inherit;text-decoration:none;padding:0 28px} .floating-cta-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;color:rgba(7,17,31,.5);background:none;border:none;cursor:pointer;padding:4px} /* ═══ RESPONSIVE ═══ */ @media(max-width:1100px){ .bento{grid-template-columns:1fr 1fr} .bc.tall{grid-row:span 1} .bp-h-tall{height:240px} .bc.wide,.bc.hero-card{grid-column:span 2} .split-s{grid-template-columns:1fr} .split-s.rev{direction:ltr} .sp-photo{min-height:420px} .sp-copy{padding:60px 44px} .fb-content{padding:0 48px} .serve-grid{grid-template-columns:1fr 1fr} .prob-grid{grid-template-columns:1fr} .pc-wide{grid-column:span 1} .form-grid{grid-template-columns:1fr;gap:52px} .how-grid{grid-template-columns:1fr;gap:40px} } @media(max-width:768px){ :root{--sz:16px} #nav{padding:0 20px} .nav-links{display:none} .nav-burger{display:flex} .s{padding:80px 24px} .s-sm{padding:60px 24px} .hero{height:auto;min-height:100svh;justify-content:center;padding:56px 0 92px} .hero-bg img{object-fit:cover;object-position:center center;background:var(--n)} .hero-bg-overlay{background:linear-gradient(to bottom,rgba(7,17,31,.34) 0%,rgba(7,17,31,.42) 38%,rgba(7,17,31,.86) 100%)} .hero-content{padding:0 22px} .hero-stars{font-size:17px;letter-spacing:4px;margin-bottom:14px} .hero-h1-main{font-size:clamp(38px,10vw,56px)!important;line-height:.98!important;letter-spacing:-1.3px;margin-bottom:26px} .hero-sub{margin-bottom:30px;font-size:16px;line-height:1.55} .hero-actions{margin-bottom:16px} .hero .btn-gold{font-size:13px;line-height:1.18;padding:16px 18px;white-space:normal;text-align:center;max-width:min(340px,92vw)} .trust-badges-hero{margin-bottom:34px;font-size:15px} .hero-stats-bar{grid-template-columns:1fr 1fr;margin-top:52px} .hs:nth-child(2){border-right:none} .hs:nth-child(3){border-top:.5px solid rgba(201,168,76,.15)} .hs:nth-child(4){border-top:.5px solid rgba(201,168,76,.15)} .hs::after{display:none!important} .hs:not(:last-child),.hs{border-right:none!important} .hs:nth-child(odd){border-right:.5px solid rgba(201,168,76,.15)!important} .serve-grid{grid-template-columns:1fr} .bento{grid-template-columns:1fr} .bc.wide,.bc.hero-card,.bc.tall{grid-column:span 1;grid-row:span 1} .bp-h-tall,.bp-h-md,.bp-h-sm,.bp-h-wide{height:220px} .fb{height:auto;min-height:520px;padding:80px 0} .fb-overlay{background:rgba(7,17,31,.82)!important} .fb-content{padding:0 28px} .fb-content .h-display,.fb-content .body-lg{max-width:100%!important;text-align:center!important} .fb.center .fb-content{padding:0 28px} .btn-row{justify-content:center} .fb-content .btn-row{justify-content:center} .num-grid{grid-template-columns:1fr 1fr} .nc{padding:36px 24px} .sp-photo{min-height:320px} .sp-copy{padding:52px 28px} .sp-copy.lt{padding:52px 28px} .form-box{padding:36px 24px} .fg-row{grid-template-columns:1fr} .cta-final{padding:80px 24px;min-height:560px} .footer{flex-direction:column;align-items:flex-start;padding:32px 24px;gap:16px} .footer-links{flex-wrap:wrap;gap:16px} .floating-cta{display:block;left:50%;right:auto;width:min(320px,calc(100vw - 64px));bottom:calc(env(safe-area-inset-bottom,0px) + 10px);font-size:12px;line-height:1.25;padding:10px 12px;border-radius:12px;transform:translate(-50%,100px)} .floating-cta.show{transform:translateX(-50%)} .floating-cta-link{padding:0 26px 0 8px} .floating-cta-close{right:8px;font-size:15px} .proof-scroll{margin:40px -24px 0;padding:8px 24px 18px} .hero-badge{font-size:10px;padding:8px 16px} .hero-actions{flex-direction:column;align-items:center} .btn-gold,.btn-ghost{width:100%;max-width:340px;justify-content:center} .tcard{min-width:290px;max-width:290px;flex-basis:290px;padding:28px 24px} } @media(max-width:480px){ .sz-xl{font-size:38px;letter-spacing:-1.5px} .sz-lg{font-size:30px;letter-spacing:-1px} .sz-md{font-size:24px;letter-spacing:-.5px} .hero-badge{display:none} .num-grid{grid-template-columns:1fr} .hero-stats-bar{grid-template-columns:1fr 1fr} } /* ZNLP shortcode wrapper */ .znlp-page{background:var(--n,#07111F);color:var(--w,#fff);overflow-x:clip;} body.page-id-2546 .znlp-page, body.page-id-2546 .znlp-page *{box-sizing:border-box;} body.page-id-2546 #header{display:none!important;} body.page-id-2546 .ct-container-full, body.page-id-2546 .site-main, body.page-id-2546 .entry-content, body.page-id-2546 .elementor-2546{ margin-top:0!important; padding-top:0!important; } body.page-id-2546 .entry-content, body.page-id-2546 .elementor-2546{ max-width:none!important; width:100%!important; } body.page-id-2546 .elementor-2546 > .elementor-element, body.page-id-2546 .elementor-2546 .e-con, body.page-id-2546 .elementor-2546 .e-con-inner, body.page-id-2546 .elementor-2546 .elementor-widget-html, body.page-id-2546 .elementor-2546 .elementor-widget-container{ margin-top:0!important; padding-top:0!important; min-height:0!important; } @media(max-width:768px){ .znlp-page .bento[style*="repeat(4"]{grid-template-columns:1fr!important} .znlp-page .hero{width:100%!important;left:0!important;right:auto!important;margin-left:0!important;margin-right:0!important} .znlp-page .trust-badges-hero{flex-direction:column;align-items:center;gap:10px!important} }