/* Design: Cofre Azul Editorial — editorial financeiro neo-contemporâneo; navy #0C1B2A, lime #C8F169, cream #F6F3EC; Fraunces + Manrope; linhas finas, assimetria e motion discreto. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --navy:#0c1b2a; --navy-2:#10283b; --ink:#152333; --cream:#f6f3ec; --paper:#fffdfa; --lime:#c8f169; --lime-deep:#a6d83f; --muted:#68737c; --coral:#ef856c; --line:rgba(12,27,42,.14); --ease-out:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:'Manrope',sans-serif; }
button,input,select { font:inherit; } button { cursor:pointer; border:0; } a { color:inherit; text-decoration:none; }
.site-shell { overflow:hidden; }
.site-header { position:absolute; z-index:10; top:0; left:0; right:0; height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(22px,5vw,78px); color:white; }
.brand { display:inline-flex; align-items:center; gap:10px; letter-spacing:-.03em; }.brand-mark { width:38px; height:38px; object-fit:contain; }.brand span { display:flex; flex-direction:column; line-height:.95; }.brand b { font:700 23px 'Fraunces',serif; }.brand small { margin-top:5px; font-size:8px; letter-spacing:.2em; font-weight:800; opacity:.72; }
.main-nav { display:flex; align-items:center; gap:34px; font-size:12px; font-weight:700; }.main-nav a { opacity:.76; transition:opacity .2s; }.main-nav a:hover { opacity:1; }.nav-cta { display:flex; align-items:center; gap:10px; background:var(--lime); color:var(--navy); padding:14px 18px; font-size:11px; font-weight:800; letter-spacing:.02em; }.menu-toggle { display:none; color:white; background:transparent; }
.hero-section { position:relative; min-height:760px; display:grid; grid-template-columns:48% 52%; align-items:center; padding:150px clamp(22px,5vw,78px) 90px; color:white; background:var(--navy); }.hero-section:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,27,42,.98) 0%,rgba(12,27,42,.9) 42%,rgba(12,27,42,.2) 100%); pointer-events:none; }.hero-noise { position:absolute; inset:0; opacity:.08; background-image:radial-gradient(#fff 0.5px,transparent .5px); background-size:5px 5px; }.hero-copy,.hero-visual { position:relative; z-index:1; }.hero-copy { max-width:650px; padding-bottom:10px; }.eyebrow { display:flex; align-items:center; gap:13px; color:var(--navy); font-size:10px; letter-spacing:.16em; font-weight:800; }.eyebrow.light { color:var(--lime); }.eyebrow span { font-size:12px; }.eyebrow-dot { width:7px; height:7px; background:var(--lime); border-radius:50%; }.hero-copy h1 { max-width:650px; margin:28px 0 25px; font:600 clamp(47px,5.5vw,82px)/.97 'Fraunces',serif; letter-spacing:-.055em; }.hero-copy h1 em,.method-heading em,.urgency-copy em,.form-context em { color:var(--lime); font-style:normal; }.hero-lead { max-width:500px; margin:0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.75; }.hero-actions { display:flex; align-items:center; gap:22px; margin-top:38px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:52px; padding:0 22px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:transform .16s var(--ease-out),box-shadow .2s; }.button:active { transform:scale(.97); }.button-lime { background:var(--lime); color:var(--navy); box-shadow:0 9px 25px rgba(200,241,105,.12); }.button-lime:hover { box-shadow:0 13px 32px rgba(200,241,105,.24); transform:translateY(-2px); }.micro-proof { display:flex; align-items:center; gap:7px; color:rgba(255,255,255,.58); font-size:10px; }.hero-footnote { display:flex; align-items:center; gap:12px; margin-top:72px; color:rgba(255,255,255,.5); font-size:9px; letter-spacing:.13em; text-transform:uppercase; }.hero-footnote span:first-child { color:var(--lime); }.line { width:40px; height:1px; background:rgba(255,255,255,.24); }
.hero-visual { min-height:500px; display:flex; align-items:center; justify-content:flex-end; }.hero-image-wrap { width:min(520px,90%); height:560px; overflow:hidden; clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%); }.hero-image-wrap img { width:100%; height:100%; object-fit:cover; }.saving-card { position:absolute; left:3%; bottom:7%; display:flex; flex-direction:column; gap:5px; min-width:190px; padding:18px 20px; color:var(--navy); background:var(--lime); }.saving-label { font-size:8px; letter-spacing:.16em; font-weight:800; }.saving-card strong { font:600 29px 'Fraunces',serif; }.saving-card strong b { font-size:33px; }.saving-card > span:last-child { font-size:9px; opacity:.72; }.scan-card { position:absolute; right:0; top:11%; display:flex; align-items:center; gap:11px; padding:13px 16px; background:rgba(255,255,255,.95); color:var(--navy); font-size:10px; box-shadow:0 15px 30px rgba(0,0,0,.16); }.scan-icon { display:grid; place-items:center; width:32px; height:32px; color:var(--lime-deep); border:1px solid var(--lime-deep); }.scan-card div { display:flex; flex-direction:column; gap:4px; }.scan-card b { font-size:11px; }.scan-card span { color:var(--muted); font-size:9px; }.scan-card i { width:6px; height:6px; border-radius:50%; background:#64c361; }.hero-scroll { position:absolute; bottom:28px; left:clamp(22px,5vw,78px); z-index:2; display:flex; gap:8px; align-items:center; color:rgba(255,255,255,.45); font-size:9px; letter-spacing:.14em; }
.comparison-section { padding:125px clamp(22px,9vw,145px) 100px; background:var(--paper); }.section-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:40px; }.section-intro h2 { max-width:650px; margin:0; font:600 clamp(36px,4.2vw,64px)/1.02 'Fraunces',serif; letter-spacing:-.05em; }.section-intro .eyebrow { margin-top:9px; min-width:180px; }.comparison-content { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(50px,9vw,150px); align-items:center; margin:100px 0 110px; }.comparison-statement { position:relative; }.quote-mark { position:absolute; top:-50px; left:-22px; color:var(--lime-deep); font:700 105px/1 'Fraunces',serif; }.comparison-statement p { position:relative; margin:0; font:500 clamp(30px,3.2vw,49px)/1.1 'Fraunces',serif; letter-spacing:-.04em; }.comparison-statement b { font-weight:700; }.statement-line { width:130px; height:3px; margin-top:35px; background:var(--lime-deep); }.comparison-detail { padding-top:20px; }.comparison-detail p { margin:0 0 27px; color:#5e6871; font-size:15px; line-height:1.8; }.detail-list { display:flex; flex-direction:column; gap:16px; }.detail-list div { display:flex; align-items:center; gap:11px; font-size:12px; font-weight:700; }.detail-list svg { flex:none; padding:3px; border-radius:50%; color:var(--navy); background:var(--lime); }.admin-strip { border-top:1px solid var(--line); padding-top:24px; }.admin-caption { color:#889098; font-size:9px; font-weight:800; letter-spacing:.15em; }.admin-list { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; margin-top:23px; color:#8d9498; }.admin-list span { font-size:18px; font-weight:800; letter-spacing:-.05em; }
.method-section { position:relative; padding:116px clamp(22px,6vw,92px) 130px; color:white; background:var(--navy); }.method-section:before { content:''; position:absolute; top:0; left:0; width:35%; height:1px; background:var(--lime); }.method-heading { max-width:760px; }.method-heading h2 { margin:28px 0 18px; font:600 clamp(40px,5vw,70px)/1 'Fraunces',serif; letter-spacing:-.05em; }.method-heading p { max-width:550px; margin:0; color:rgba(255,255,255,.58); font-size:15px; line-height:1.7; }.method-grid { display:grid; grid-template-columns:1.03fr 1fr .83fr; gap:18px; align-items:start; margin-top:76px; }.method-card { position:relative; min-height:560px; padding:27px; overflow:hidden; }.planning-card { background:#e8e6dc; color:var(--navy); }.strategy-card { margin-top:54px; background:#17364a; }.growth-card { min-height:460px; margin-top:110px; background:var(--lime); color:var(--navy); }.method-number { display:flex; align-items:center; justify-content:space-between; font-size:11px; font-weight:800; letter-spacing:.08em; }.method-number span { opacity:.52; font-size:9px; letter-spacing:.14em; }.method-card h3 { max-width:250px; margin:36px 0 13px; font:600 34px/1 'Fraunces',serif; letter-spacing:-.04em; }.method-card p { max-width:350px; margin:0; font-size:12px; line-height:1.72; opacity:.72; }.card-image { height:180px; margin:34px -27px -27px; overflow:hidden; }.card-image img { width:100%; height:100%; object-fit:cover; }.strategy-card .card-image { margin-top:41px; }.card-tag { position:absolute; right:20px; bottom:20px; display:flex; align-items:center; gap:6px; padding:7px 9px; color:var(--navy); background:var(--lime); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.planning-card .card-tag { color:white; background:var(--navy); }.growth-graphic { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:230px; gap:10px; margin-top:20px; color:var(--navy); }.growth-graphic svg { stroke-width:1; }.growth-graphic span { font-size:9px; letter-spacing:.14em; text-transform:uppercase; }.growth-graphic i { display:block; width:100px; height:1px; background:var(--navy); transform:rotate(-38deg); margin:-5px 0; }
.urgency-section { position:relative; display:grid; grid-template-columns:1.2fr 2fr 1fr; gap:50px; align-items:center; padding:120px clamp(22px,9vw,145px); background:var(--lime); }.urgency-stamp { display:flex; align-items:flex-start; gap:10px; color:var(--navy); font-size:9px; line-height:1.45; letter-spacing:.1em; }.urgency-stamp svg { flex:none; margin-top:2px; }.urgency-stamp b { font-size:10px; }.urgency-copy { max-width:650px; }.urgency-copy h2 { margin:22px 0 19px; font:600 clamp(40px,5vw,68px)/.97 'Fraunces',serif; letter-spacing:-.06em; }.urgency-copy p { max-width:540px; margin:0 0 31px; color:rgba(12,27,42,.7); font-size:15px; line-height:1.75; }.button-navy { color:white; background:var(--navy); }.button-navy:hover { box-shadow:0 13px 32px rgba(12,27,42,.22); transform:translateY(-2px); }.urgency-aside { padding:31px 0 31px 34px; border-left:1px solid rgba(12,27,42,.28); }.aside-big { display:block; font:600 34px/1 'Fraunces',serif; letter-spacing:-.04em; }.aside-big em { font-style:normal; }.aside-small { display:block; margin-top:25px; font-size:10px; font-weight:800; line-height:1.6; letter-spacing:.13em; text-transform:uppercase; }
.form-section { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(50px,10vw,150px); padding:130px clamp(22px,9vw,145px); background:var(--paper); }.form-context h2 { margin:28px 0; font:600 clamp(56px,7vw,100px)/.82 'Fraunces',serif; letter-spacing:-.07em; }.form-context p { max-width:330px; color:var(--muted); font-size:14px; line-height:1.75; }.form-note { display:flex; align-items:center; gap:12px; margin-top:46px; color:var(--navy); font-size:11px; line-height:1.6; }.form-note svg { color:var(--lime-deep); }.form-panel { padding:38px; background:var(--navy); color:white; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }.form-grid label { display:flex; flex-direction:column; gap:9px; color:rgba(255,255,255,.62); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.form-grid input,.form-grid select { width:100%; border:0; border-bottom:1px solid rgba(255,255,255,.26); border-radius:0; padding:9px 0 12px; outline:0; color:white; background:transparent; font-size:13px; font-weight:500; letter-spacing:0; text-transform:none; transition:border-color .2s; }.form-grid input::placeholder { color:rgba(255,255,255,.38); }.form-grid input:focus,.form-grid select:focus { border-color:var(--lime); }.form-grid select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--lime) 50%),linear-gradient(135deg,var(--lime) 50%,transparent 50%); background-position:calc(100% - 8px) 14px,calc(100% - 3px) 14px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; }.form-grid option { color:var(--navy); }.privacy-copy { margin:31px 0 23px; color:rgba(255,255,255,.5); font-size:10px; line-height:1.65; }.privacy-copy a { color:var(--lime); text-decoration:underline; }.form-submit { width:100%; }.form-submit:disabled { cursor:wait; opacity:.7; }.form-error { margin:0 0 16px; color:#ffab98; font-size:11px; }.success-state { min-height:420px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }.success-icon { display:grid; place-items:center; width:60px; height:60px; color:var(--navy); background:var(--lime); border-radius:50%; }.success-state h3 { margin:26px 0 11px; font:600 38px 'Fraunces',serif; }.success-state p { max-width:420px; color:rgba(255,255,255,.66); font-size:13px; line-height:1.7; }.text-button { display:flex; align-items:center; gap:8px; margin-top:18px; padding:0; color:var(--lime); background:transparent; font-size:11px; font-weight:800; }
.site-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:30px clamp(22px,5vw,78px); color:rgba(255,255,255,.6); background:var(--navy); font-size:10px; }.site-footer .brand { color:white; }.site-footer .brand-mark { width:30px; height:30px; }.site-footer .brand b { font-size:18px; }.site-footer .brand small { font-size:6px; }
@media (max-width:850px) { .main-nav { position:absolute; top:72px; right:22px; left:22px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px; background:var(--paper); color:var(--navy); box-shadow:0 15px 35px rgba(0,0,0,.2); }.main-nav.open { display:flex; }.main-nav a { padding:14px; }.nav-cta { justify-content:center; margin-top:6px; }.menu-toggle { display:block; }.hero-section { grid-template-columns:1fr; min-height:920px; padding-top:145px; }.hero-copy { z-index:2; }.hero-copy h1 { max-width:580px; }.hero-visual { min-height:390px; margin-top:-30px; }.hero-image-wrap { width:90%; height:390px; margin-left:auto; }.scan-card { top:0; right:4%; }.saving-card { left:0; bottom:-10px; }.comparison-content,.form-section { grid-template-columns:1fr; }.comparison-content { gap:65px; margin:75px 0 90px; }.section-intro { display:block; }.section-intro h2 { margin-top:28px; }.method-grid { grid-template-columns:1fr; }.method-card,.strategy-card,.growth-card { margin-top:0; min-height:0; }.growth-card { min-height:400px; }.urgency-section { grid-template-columns:1fr; gap:34px; }.urgency-aside { padding:26px 0 0; border-left:0; border-top:1px solid rgba(12,27,42,.28); }.form-section { gap:55px; }.form-context h2 { font-size:74px; }.site-footer { flex-wrap:wrap; }.site-footer > span:last-child { width:100%; } }
@media (max-width:520px) { .site-header { height:74px; }.hero-section { min-height:850px; padding-top:125px; }.hero-copy h1 { font-size:49px; }.hero-lead { font-size:14px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:14px; }.hero-footnote { margin-top:45px; }.hero-visual { min-height:310px; }.hero-image-wrap { height:310px; }.saving-card { min-width:170px; padding:14px; }.saving-card strong { font-size:23px; }.saving-card strong b { font-size:28px; }.comparison-section,.method-section,.form-section { padding-top:85px; padding-bottom:85px; }.comparison-section { padding-left:22px; padding-right:22px; }.section-intro h2 { font-size:41px; }.comparison-statement p { font-size:34px; }.method-card { padding:22px; }.card-image { margin-left:-22px; margin-right:-22px; }.form-panel { padding:24px 19px; }.form-grid { grid-template-columns:1fr; gap:20px; }.form-context h2 { font-size:67px; }.urgency-copy h2 { font-size:47px; }.urgency-section { padding-top:85px; padding-bottom:85px; }.site-footer { align-items:flex-start; flex-direction:column; } }
@media (prefers-reduced-motion:no-preference) { .hero-copy,.hero-visual { animation:rise .7s var(--ease-out) both; }.hero-visual { animation-delay:.12s; } @keyframes rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } } }

/* ================================
BOTÃO FLUTUANTE WHATSAPP
================================ */

.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;


    width: 62px;
    height: 62px;

background: #25D366;
border-radius: 50%;

display: flex;
align-items: center;
justify-content: center;

box-shadow: 0 8px 25px rgba(0, 0, 0, 0.22);

z-index: 9999;

text-decoration: none;

transition: all 0.25s ease;

animation: whatsapp-pulse 2.2s infinite;


}

.whatsapp-float svg {
width: 34px;
height: 34px;
fill: #fff;
}

.whatsapp-float:hover {
transform: scale(1.1);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.28);
}

/* Texto que aparece ao passar o mouse */

.whatsapp-tooltip {
position: absolute;


right: 75px;

top: 50%;
transform: translateY(-50%);

background: #071421;
color: #fff;

padding: 9px 14px;

border-radius: 8px;

font-size: 13px;
font-weight: 600;

white-space: nowrap;

opacity: 0;
visibility: hidden;

transition: all 0.25s ease;


}

.whatsapp-float:hover .whatsapp-tooltip {
opacity: 1;
visibility: visible;
}

/* Animação */

@keyframes whatsapp-pulse {


0% {
    box-shadow:
        0 0 0 0 rgba(37, 211, 102, 0.55),
        0 8px 25px rgba(0, 0, 0, 0.22);
}

70% {
    box-shadow:
        0 0 0 14px rgba(37, 211, 102, 0),
        0 8px 25px rgba(0, 0, 0, 0.22);
}

100% {
    box-shadow:
        0 0 0 0 rgba(37, 211, 102, 0),
        0 8px 25px rgba(0, 0, 0, 0.22);
}


}

/* Celular */

@media (max-width: 600px) {


.whatsapp-float {
    width: 58px;
    height: 58px;

    right: 16px;
    bottom: 16px;
}

.whatsapp-float svg {
    width: 31px;
    height: 31px;
}

.whatsapp-tooltip {
    display: none;
}


}