/* Final density layer. Loaded last so the audited desktop scale remains authoritative. */
body{font-size:14px;background:#fff}
.site-header{width:min(86.5vw,1880px);height:64px;margin:12px auto -76px;padding:0 14px 0 22px;top:12px;border-radius:32px;justify-content:flex-start}
.site-header .brand{width:min(var(--logo-width,104px),104px)}
.main-nav{gap:29px;margin:0 18px 0 auto;font-size:11px}
.main-nav>a,.nav-group>a{padding:10px 0}.submenu-toggle{width:22px;height:26px;font-size:11px}.header-cta{min-height:40px;padding:9px 19px;font-size:11px}
.mega-menu{width:min(calc(100vw - 32px),1000px);top:86px;padding:18px;border-radius:22px}.nav-group .mega-menu{left:50%;transform:translate(-50%,6px)}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu,.nav-group.expanded .mega-menu{transform:translate(-50%,0)}.mega-menu section a{padding:9px 10px}.mega-menu aside{padding:18px}.mega-menu aside strong{font-size:18px}
.button{min-height:42px;padding:9px 20px;font-size:11px}

.campaign-hero{min-height:519px;padding:94px 32px 58px}
.campaign-grid{width:min(100%,1092px);grid-template-columns:.9fr 1.1fr;gap:60px}.campaign-copy{max-width:480px}.campaign-badge{margin-bottom:24px;padding:6px 11px;font-size:8px}
.campaign-copy h1{margin:0 0 20px;font-size:clamp(34px,2.75vw,42px);line-height:1.08;letter-spacing:-.042em}.campaign-copy>p:not(.eyebrow){margin:18px 0 20px;max-width:470px;font-size:13px;line-height:1.55}
.campaign-points{margin:0;gap:6px}.campaign-points span{padding:7px 10px;font-size:9px}.campaign-actions{gap:18px}.campaign-actions .button{min-height:42px;padding:9px 20px}.campaign-link{font-size:10px}
.campaign-visual{height:342px}.campaign-visual>img{border-radius:38% 14% 28% 12%/20% 14% 24% 16%}.campaign-float{min-width:170px;padding:10px 12px;border-radius:14px}.campaign-float>span{width:30px;height:30px}.campaign-float strong{font-size:11px}.campaign-float small{font-size:9px}.float-top{top:34px;right:-18px}
.solution-ribbon{width:100%;min-height:92px;margin:0;padding:20px max(calc((100vw - 900px)/2),40px);border-radius:0 0 11% 11%/0 0 40% 40%;box-shadow:none}.solution-ribbon a{color:#496460;font-size:11px}

.performance-intro{max-width:780px;margin:0 auto 30px;padding:0}.performance-intro .eyebrow{margin-bottom:10px;font-size:9px}.performance-intro h2{font-size:clamp(32px,2.75vw,42px);line-height:1.08}
.split-feature{min-height:511px;grid-template-columns:1fr 1fr}.split-media{min-height:511px;border-radius:0 13% 13% 0/0 42% 42% 0}.split-copy{max-width:560px;padding:68px 62px}.split-copy .eyebrow{margin-bottom:12px;font-size:9px}.split-copy h2{margin:0 0 20px;font-size:clamp(32px,2.75vw,42px);line-height:1.08}.split-copy>p:not(.eyebrow){max-width:460px;margin-bottom:24px;font-size:13px}

.journey-tabs{width:100%;margin:0 0 24px;justify-content:flex-start;border-color:var(--line)}.journey-tabs button{min-width:92px;padding:9px 8px;color:var(--brand-primary);font-size:11px;text-align:left}
.product-highlight{width:min(calc(100% - 40px),1092px);min-height:396px;margin:88px auto;padding:0;grid-template-columns:.9fr 1.1fr;gap:70px}.product-visual{min-height:396px;height:396px;border-radius:28px}.product-visual img{height:396px}.product-visual::after{inset:68% 0 0}.product-visual span{bottom:22px;font-size:18px}.product-copy h2{margin:8px 0 18px;font-size:clamp(31px,2.75vw,42px)}.product-copy>p:not(.eyebrow){margin-bottom:23px;font-size:13px}
.closing-banner{width:min(calc(100% - 40px),1092px);min-height:342px;margin:88px auto;padding:44px 48px;grid-template-columns:1fr 1fr;align-items:center;border-radius:26px;text-align:left}.closing-banner>div:first-child{max-width:510px}.closing-banner h2{margin:5px 0 14px;font-size:clamp(31px,2.6vw,39px)}.closing-banner p:not(.eyebrow){margin:0 0 20px;color:#c9dad6;font-size:12px}

.site-footer{min-height:492px;border:0;background:#f4f4f4}.footer-inner{width:min(calc(100% - 40px),1092px);margin:auto;padding:58px 0 24px;display:block}.footer-brand{padding-bottom:30px;display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(183,214,92,.85)}.footer-brand img{width:92px}.footer-brand p{max-width:360px;margin:0;color:var(--muted);font-size:11px}.footer-columns{padding:30px 0 34px;display:grid;grid-template-columns:1.2fr .8fr 1fr .9fr;gap:52px}.footer-columns section{display:grid;align-content:start;gap:8px}.footer-columns h2{margin:0 0 8px;font-size:12px}.footer-columns a,.footer-columns span{color:var(--muted);font-size:10px}.footer-bottom{padding-top:22px;display:flex;align-items:center;gap:18px;border-top:1px solid rgba(183,214,92,.85)}.footer-bottom strong{margin-right:auto;letter-spacing:0;font-size:11px}.footer-bottom small,.footer-bottom span{color:#748681;font-size:9px}

@media(max-width:900px){.site-header{height:62px;margin:10px auto -74px;top:10px}.main-nav{top:82px}.nav-group .mega-menu,.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu,.nav-group.expanded .mega-menu{left:auto;transform:none}.campaign-grid,.split-feature,.journey-layout,.integration-section,.product-highlight,.closing-banner{grid-template-columns:1fr}.campaign-hero{padding-top:105px}.campaign-visual{height:390px}.campaign-grid{gap:35px}.split-copy{max-width:none}.integration-track{margin-top:35px;position:static;justify-content:flex-start;overflow-x:auto;grid-column:1}.principle-cards,.benefit-strip{overflow-x:auto}.closing-pattern{display:none}}
@media(max-width:680px){.campaign-hero{padding:102px 20px 54px}.campaign-copy h1{font-size:38px}.campaign-visual{height:300px}.campaign-float{right:-4px}.solution-ribbon{padding:17px 18px;border-radius:0}.performance-block{padding-top:58px}.dashboard-scene{width:94vw;height:260px}.scene-chip{display:none}.split-media{min-height:310px}.split-copy{padding:48px 22px}.journey-overview{padding:58px 20px}.journey-overview>h2{margin-bottom:32px}.journey-visual{padding:18px;grid-template-columns:1fr;gap:8px}.flow-card{min-height:92px}.flow-line{width:2px;height:18px;margin:auto}.benefit-strip{padding:60px 18px}.benefit-strip article{min-width:270px}.resource-section{padding:62px 20px}.resource-pills a{min-width:100%}.integration-section{padding:64px 20px}.product-highlight{width:calc(100% - 36px);margin:62px auto;gap:34px}.product-visual,.product-visual img{min-height:320px;height:320px}.principles-section{padding:60px 18px}.principle-cards article{min-width:270px}.closing-banner{width:calc(100% - 36px);margin:62px auto;padding:44px 25px}.site-footer{min-height:0}.footer-inner{width:calc(100% - 40px);padding-top:45px}.footer-brand{align-items:flex-start;flex-direction:column;gap:18px}.footer-columns{grid-template-columns:1fr 1fr;gap:35px 22px}.footer-bottom{align-items:flex-start;flex-direction:column}}

/* Header integrado ao hero; assume superfície clara somente após a rolagem. */
.site-header{
    border:0;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    transition:height .28s ease,top .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.site-header>.brand,.site-header>.main-nav,.site-header>.header-cta,.site-header>.menu-toggle{position:relative;z-index:2}
.header-signature{width:100%;height:100%;position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}
.header-signature .signature-brand-fill{fill:#fff;stroke:none;transition:fill .28s ease}
.header-signature .signature-pod{fill:#fff;stroke:rgba(7,59,54,.22);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:none;transition:fill .28s ease,stroke .28s ease}
.header-signature .signature-brand-pod{fill:none}
.header-signature .signature-connector,.header-signature .signature-joint{fill:none;stroke:rgba(7,59,54,.22);stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .28s ease}
.site-header .brand img{transition:filter .28s ease,opacity .28s ease}
.main-nav>a,.nav-group>a,.submenu-toggle{font-weight:720;letter-spacing:-.012em;transition:color .22s ease,opacity .22s ease}
.main-nav>a,.nav-group>a{position:relative}
.main-nav>a::after,.nav-group>a::after{content:"";height:2px;position:absolute;right:0;bottom:4px;left:0;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}
.main-nav>a:hover::after,.main-nav>a:focus-visible::after,.nav-group>a:hover::after,.nav-group>a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.page-home .site-header:not(.is-scrolled){background:transparent;box-shadow:none}
.page-home .site-header:not(.is-scrolled) .header-signature .signature-pod{fill:var(--brand-primary,#073b36);stroke:var(--brand-secondary,#b7d65c)}
.page-home .site-header:not(.is-scrolled) .header-signature .signature-brand-fill{fill:var(--brand-primary,#073b36)}
.page-home .site-header:not(.is-scrolled) .header-signature .signature-brand-pod{fill:none}
.page-home .site-header:not(.is-scrolled) .header-signature .signature-connector,
.page-home .site-header:not(.is-scrolled) .header-signature .signature-joint{stroke:var(--brand-secondary,#b7d65c)}
.page-home .site-header:not(.is-scrolled) .brand img{filter:brightness(0) invert(1)}
.page-home .site-header:not(.is-scrolled) .main-nav>a,
.page-home .site-header:not(.is-scrolled) .nav-group>a,
.page-home .site-header:not(.is-scrolled) .submenu-toggle{color:#fff}
.page-home .site-header:not(.is-scrolled) .main-nav>a:hover,
.page-home .site-header:not(.is-scrolled) .nav-group>a:hover,
.page-home .site-header:not(.is-scrolled) .submenu-toggle:hover{color:var(--brand-secondary,#b7d65c)}
.page-home .site-header:not(.is-scrolled) .header-cta{border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,24,21,.16)}
.site-header.is-scrolled{height:58px;top:8px;border:0;background:transparent;box-shadow:none}
.site-header.is-scrolled .header-signature .signature-pod{fill:#fff;stroke:var(--brand-primary,#073b36)}
.site-header.is-scrolled .header-signature .signature-connector,
.site-header.is-scrolled .header-signature .signature-joint{stroke:var(--brand-primary,#073b36)}
.site-header.is-scrolled .header-signature .signature-joint{fill:#fff}
.site-header.is-scrolled .header-cta{min-height:38px}

@media(max-width:900px){
    html,body{overflow-x:hidden}
    .header-signature{display:none}
    .site-header{
        width:calc(100vw - 24px);
        max-width:none;
        height:58px;
        margin:10px 12px -68px;
        padding:0 8px 0 18px;
        top:10px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        border:1px solid rgba(7,59,54,.16);
        border-radius:999px;
        background:#fff;
        box-sizing:border-box;
    }
    .site-header .brand{width:min(var(--logo-width,96px),96px);max-width:96px;flex:0 0 auto}
    .site-header .header-cta{display:none}
    .menu-toggle{
        width:42px;
        height:42px;
        margin:0 0 0 auto;
        padding:0;
        display:grid;
        place-items:center;
        flex:0 0 42px;
        position:relative;
        border:1px solid rgba(7,59,54,.12);
        border-radius:50%;
        background:rgba(255,255,255,.92);
    }
    .menu-toggle span:not(.sr-only){width:18px;height:1.5px;margin:0;position:absolute;left:11px;border-radius:2px;background:var(--brand-primary,#073b36);transform-origin:center;transition:top .2s ease,transform .2s ease,opacity .15s ease}
    .menu-toggle span:nth-child(1){top:14px}
    .menu-toggle span:nth-child(2){top:20px}
    .menu-toggle span:nth-child(3){top:26px}
    .menu-toggle[aria-expanded="true"] span:nth-child(1){top:20px;transform:rotate(45deg)}
    .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
    .menu-toggle[aria-expanded="true"] span:nth-child(3){top:20px;transform:rotate(-45deg)}
    .site-header>.main-nav{
        width:auto;
        max-height:calc(100dvh - 92px);
        margin:0;
        padding:16px;
        display:none;
        align-items:stretch;
        gap:4px;
        position:fixed;
        top:78px;
        right:12px;
        left:12px;
        overflow-y:auto;
        color:var(--brand-primary,#073b36);
        font-size:14px;
        border:1px solid rgba(7,59,54,.12);
        border-radius:20px;
        background:#fff;
        box-shadow:0 20px 50px rgba(7,59,54,.18);
    }
    .main-nav.open{display:flex;flex-direction:column}
    .main-nav>a,.nav-group>a{width:100%;padding:12px 10px}
    .nav-group{width:100%;display:grid;grid-template-columns:1fr 42px;align-items:center}
    .submenu-toggle{width:42px;height:42px;font-size:15px}
    .nav-group .mega-menu,
    .nav-group:hover .mega-menu,
    .nav-group:focus-within .mega-menu,
    .nav-group.expanded .mega-menu{
        width:100%;
        padding:6px 0 0;
        grid-column:1/-1;
        position:static;
        left:auto;
        border:0;
        border-radius:0;
        box-shadow:none;
        transform:none;
    }
    .mega-menu aside{display:none}
    .page-home .site-header:not(.is-scrolled){border-color:rgba(183,214,92,.72);background:var(--brand-primary,#073b36)}
    .page-home .site-header:not(.is-scrolled) .menu-toggle{border-color:rgba(183,214,92,.42);background:rgba(255,255,255,.06)}
    .page-home .site-header:not(.is-scrolled) .menu-toggle span:not(.sr-only){background:#fff}
    .page-home .site-header:not(.is-scrolled) .main-nav{background:#fff}
    .page-home .site-header:not(.is-scrolled) .main-nav>a,
    .page-home .site-header:not(.is-scrolled) .nav-group>a,
    .page-home .site-header:not(.is-scrolled) .submenu-toggle{color:var(--brand-primary,#073b36)}
    .site-header.is-scrolled{width:calc(100vw - 24px);height:58px;margin-right:12px;margin-left:12px;top:8px;background:#fff}
}

/* Hero responsivo em tela cheia, com profundidade e movimento discretos. */
.campaign-hero{
    min-height:100svh;
    padding-top:clamp(112px,14vh,168px);
    padding-bottom:clamp(72px,10vh,118px);
    display:grid;
    align-items:center;
    position:relative;
    isolation:isolate;
}
.campaign-hero::before,
.campaign-hero::after{
    content:"";
    position:absolute;
    z-index:-1;
    pointer-events:none;
}
.campaign-hero::before{
    width:min(62vw,920px);
    aspect-ratio:1;
    top:-34%;
    right:-13%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(72,150,132,.32) 0,rgba(31,105,93,.14) 42%,transparent 70%);
    filter:blur(2px);
    animation:hero-aurora 13s ease-in-out infinite alternate;
}
.campaign-hero::after{
    width:42vw;
    height:42vw;
    max-width:650px;
    max-height:650px;
    left:-18%;
    bottom:-42%;
    opacity:.18;
    border:1px solid var(--brand-secondary,#b7d65c);
    border-radius:50%;
    box-shadow:0 0 0 52px rgba(183,214,92,.08),0 0 0 104px rgba(183,214,92,.045);
    animation:hero-rings 16s ease-in-out infinite alternate;
}
.campaign-grid{position:relative;z-index:1}
.campaign-visual{
    height:clamp(390px,55svh,600px);
    transform:translate3d(var(--hero-pointer-x,0),calc(var(--hero-pointer-y,0) + var(--hero-scroll,0)),0);
    transition:transform .8s cubic-bezier(.2,.7,.2,1);
    will-change:transform;
}
.campaign-visual::before{
    content:"";
    position:absolute;
    inset:-18px;
    z-index:-1;
    border:1px solid rgba(183,214,92,.22);
    border-radius:38% 14% 28% 12%/20% 14% 24% 16%;
    transform:translate(14px,12px);
    animation:hero-outline 9s ease-in-out infinite alternate;
}
.campaign-visual>img{animation:hero-image-drift 14s ease-in-out infinite alternate;will-change:transform}
.campaign-float{animation:hero-card-float 5.5s ease-in-out infinite;will-change:transform}
.campaign-float>span{animation:hero-arrow 2.8s ease-in-out infinite}
.campaign-badge{position:relative;overflow:hidden}
.campaign-badge::after{
    content:"";
    width:42px;
    position:absolute;
    inset:-12px auto -12px -60px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
    transform:skewX(-18deg);
    animation:hero-shine 6s ease-in-out infinite;
}
.page-ready .campaign-copy>*{animation:hero-copy-in .72s both cubic-bezier(.2,.75,.25,1)}
.page-ready .campaign-copy>*:nth-child(2){animation-delay:.08s}
.page-ready .campaign-copy>*:nth-child(3){animation-delay:.16s}
.page-ready .campaign-copy>*:nth-child(4){animation-delay:.24s}
.page-ready .campaign-copy>*:nth-child(5){animation-delay:.32s}
@keyframes hero-copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes hero-aurora{to{transform:translate3d(-7%,8%,0) scale(1.1);opacity:.78}}
@keyframes hero-rings{to{transform:translate3d(8%,-7%,0) scale(1.05);opacity:.28}}
@keyframes hero-outline{to{transform:translate(4px,4px);opacity:.48}}
@keyframes hero-image-drift{from{transform:scale(1.015)}to{transform:scale(1.055) translate3d(-.7%,.4%,0)}}
@keyframes hero-card-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes hero-arrow{50%{transform:translate3d(3px,-3px,0)}}
@keyframes hero-shine{0%,62%{left:-60px}82%,100%{left:calc(100% + 30px)}}

@media(max-width:900px){
    .campaign-hero{min-height:100svh;padding-top:110px;padding-bottom:74px}
    .campaign-visual{height:clamp(360px,48svh,480px)}
    .campaign-hero::before{width:95vw;top:14%;right:-42%}
    .campaign-hero::after{display:none}
}
@media(max-width:680px){
    .campaign-hero{min-height:100svh;padding:102px 20px 64px}
    .campaign-visual{height:clamp(300px,42svh,380px)}
    .campaign-visual::before{inset:-9px;transform:translate(7px,7px)}
}
