:root {
    --navy:#071A2D;
    --navy2:#0D2946;
    --navy3:#143F67;
    --blue:#2D679B;
    --blue2:#4B8BC1;
    --orange:#FF6400;
    --orange2:#FF8534;
    --ink:#102A43;
    --muted:#6E8091;
    --paper:#F5F7FA;
    --white:#FFFFFF;
    --line:rgba(8,31,52,.10);
    --line-dark:rgba(255,255,255,.10);
    --green:#32C783;
    --yellow:#F7CA4D;
    --red:#E96969;
    --shadow:0 24px 65px rgba(5,23,39,.16);
    --radius:26px;
    --max:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.5;
    overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 36px),var(--max));margin:auto}
.section{padding:92px 0}
.section.white{background:#fff}
.section.dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}

/* Elementos decorativos animados */
.section.dark:before{
    content:"";position:absolute;width:580px;height:580px;border:78px solid rgba(255,255,255,.025);
    border-radius:50%;right:-260px;top:-260px;
    animation: pulseGlow 10s ease-in-out infinite alternate;
}
.section.dark:after{
    content:"";position:absolute;width:300px;height:300px;border:46px solid rgba(255,100,0,.045);
    border-radius:50%;left:-160px;bottom:-180px;
    animation: pulseGlow 7s ease-in-out infinite alternate-reverse;
}
.section.dark>.container{position:relative;z-index:2}

.kicker{
    display:inline-flex;align-items:center;gap:9px;color:var(--orange);
    font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
}
.kicker:before{content:"";width:22px;height:2px;background:currentColor}

.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:34px}
.section-head h2{
    max-width:790px;margin:9px 0 0;font-size:clamp(2.15rem,4.7vw,4rem);
    line-height:1.02;letter-spacing:-.05em;
}
.section-head p{max-width:560px;margin:0;color:var(--muted);font-size:1.04rem}
.dark .section-head p{color:#A9BAC8}

/* HEADER */
.header{
    position:sticky;top:0;z-index:80;
    background:rgba(7,26,45,.92);backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.07);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.audire-logo{width:205px;height:auto;transition: transform 0.3s ease;}
.audire-logo:hover{transform: scale(1.02);}

.menu{display:flex;gap:24px;align-items:center;color:#C8D4DE;font-size:.91rem}
.menu a{position:relative;padding:4px 0;transition:.3s ease}
.menu a:hover{color:#fff}
.menu a::after{
    content:""; position:absolute; bottom:0; left:0; width:0%; height:2px;
    background:var(--orange); transition:width 0.3s ease;
}
.menu a:hover::after{width:100%;}

.header-cta{
    padding:11px 16px;border-radius:12px;background:var(--orange);
    color:#fff;font-size:.88rem;font-weight:900;white-space:nowrap;
    box-shadow:0 10px 30px rgba(255,100,0,.18);
    transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.header-cta:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 14px 35px rgba(255,100,0,.35);
    background:var(--orange2);
}

/* HERO AJUSTADO PARA CABER NO DISPLAY */
.hero{
    min-height: calc(100vh - 74px);
    height: auto;
    padding: 35px 0 35px;
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background:
    radial-gradient(circle at 83% 18%, rgba(45,103,155,.44), transparent 27%),
    radial-gradient(circle at 73% 78%, rgba(255,100,0,.13), transparent 25%),
    linear-gradient(145deg, #061522 0%, #0A2138 51%, #0A1D31 100%);
}
.hero:before{
    content:"";position:absolute;width:560px;height:560px;border:82px solid rgba(255,255,255,.032);
    border-radius:50%;right:-120px;top:-170px;
    animation: spin 60s linear infinite;
}
.hero:after{
    content:"";position:absolute;width:250px;height:250px;border:42px solid rgba(255,100,0,.07);
    border-radius:50%;right:17%;bottom:-130px;
    animation: float 8s ease-in-out infinite alternate;
}
.hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:32px;
    align-items:center;
}
.hero-eyebrow{
    display:flex;
    align-items:center;
    gap:8px;
    color:#D5E1EB;
    font-weight:800;
    font-size:.75rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:6px;
}
.hero-eyebrow i{
    width:9px;height:9px;border-radius:50%;background:var(--orange);
    box-shadow:0 0 22px rgba(255,100,0,.62);
    animation: blink 2s infinite ease-in-out;
}
.hero h1{
    font-size:clamp(2.4rem, 4.2vw, 4.2rem);
    line-height:1.02;
    letter-spacing:-.055em;
    margin:10px 0 14px;
    max-width:780px;
}
.hero h1 span{color:var(--orange)}
.hero-copy{
    font-size:1rem;
    color:#BDCBD8;
    max-width:650px;
    margin:0;
    line-height:1.45;
}

.hero-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:20px;
}
.btn{
    min-height:50px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
    gap:8px;border:1px solid transparent;font-weight:900;cursor:pointer;
    transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn:hover{transform:translateY(-3px)}
.btn.primary{background:var(--orange);color:#fff;box-shadow:0 16px 40px rgba(255,100,0,.22)}
.btn.primary:hover{background:var(--orange2);box-shadow:0 20px 45px rgba(255,100,0,.38)}
.btn.secondary{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.15);color:#fff}
.btn.secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}

.hero-proof{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:18px;
    color:#C1CFDA;
    font-size:.81rem;
}
.hero-proof span{display:flex;align-items:center;gap:8px}
.hero-proof i{
    width:7px;height:7px;border-radius:50%;background:var(--green);
    box-shadow: 0 0 10px rgba(50,199,131,0.6);
}

/* HERO VISUAL & RADAR AJUSTADOS */
.hero-visual{
    min-height:420px;
    position:relative;
    display:grid;
    place-items:center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.radar{
    width:250px;
    height:250px;
    border-radius:50%;
    position:relative;
    background:radial-gradient(circle,rgba(73,139,193,.19),rgba(7,26,45,.15) 62%,transparent 64%);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 0 80px rgba(57,123,178,.16);
    animation:float 6s ease-in-out infinite;
}
.radar:before,.radar:after{
    content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.13);
}
.radar:before{inset:48px}
.radar:after{inset:-46px;border-style:dashed;animation:spin 24s linear infinite}
.radar-line {
    position: absolute;
    left: 0%;
    top: 50%;
    width: 100%; /* Ocupa todo o diâmetro do container para passar pelo centro exato */
    height: 0;
    
    /* Faz o container inteiro girar milimetricamente a partir do centro absoluto */
    transform-origin: center;
    animation: spin 5s linear infinite;
    z-index: 2;
}

.radar-line::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%; /* Metade do diâmetro (do centro até a borda) */
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(255,100,0,0.95), transparent);
}
.radar-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.radar-center strong{font-size:1.8rem;letter-spacing:-.04em}
.radar-center small{display:block;color:#9DAFBE}
.radar-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 22px rgba(255,100,0,.75); animation: pulseDot 2s infinite ease-in-out;}
.rd1{top:46px;left:78px} .rd2{right:56px;top:120px;background:var(--blue2);box-shadow:0 0 20px rgba(75,139,193,.7); animation-delay: 0.6s;} .rd3{bottom:60px;left:82px;background:var(--green);box-shadow:0 0 20px rgba(50,199,131,.55); animation-delay: 1.2s;}

.signal{
    min-width:150px;
    max-width:210px;
    position:absolute;
    padding:10px 12px;
    border-radius:14px;
    background:rgba(13,41,70,.92);
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    box-shadow:var(--shadow);
    font-size: 0.81rem;
    transition: all 0.4s ease;
}
.signal:hover {
    transform: translateY(-6px) scale(1.03);
    border-color: rgba(255,100,0,.4);
    box-shadow: 0 15px 35px rgba(0,0,0,0.3);
}
.signal .tag{font-size:.62rem;color:var(--orange);font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.signal b{display:block;margin-top:2px;font-size:.9rem} 
.signal small{color:#9FB0C0;font-size:0.75rem}
.sg1{left:0px;top:10px; animation: float 5s ease-in-out infinite alternate;} 
.sg2{right:0px;top:120px; animation: float 6s ease-in-out 1s infinite alternate;} 
.sg3{left:10px;bottom:0px; animation: float 5.5s ease-in-out 0.5s infinite alternate;}

/* IMPACT */
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.impact-card{
    background:#fff;border:1px solid var(--line);border-radius:21px;padding:24px;box-shadow:0 10px 30px rgba(8,31,52,.045);min-height:190px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.impact-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(8,31,52,.1);
    border-color: rgba(255,100,0,.25);
}
.impact-card strong{display:block;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.055em;color:var(--orange)}
.impact-card p{margin:10px 0 0;color:#6C7E8D;font-size:.91rem}
.impact-card small{display:block;margin-top:14px;color:#96A3AD;font-size:.72rem}

/* PAIN */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pain-card{
    min-height:150px;padding:22px;border:1px solid var(--line-dark);border-radius:20px;background:rgba(255,255,255,.04);
    transition: all 0.3s ease;
}
.pain-card:hover{
    background: rgba(255,255,255,.08);
    transform: translateY(-4px);
    border-color: var(--orange);
}
.pain-index{font-size:.7rem;color:var(--orange);font-weight:900;letter-spacing:.14em}
.pain-card h3{font-size:1.03rem;margin:17px 0 7px} .pain-card p{margin:0;color:#A7B7C5;font-size:.88rem}

/* OBS */
.obs-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}
.obs-copy h2{font-size:clamp(2.15rem,4.4vw,3.8rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 18px}
.obs-copy p{color:var(--muted);font-size:1.02rem}
.obs-list{display:grid;gap:12px;margin-top:22px}
.obs-item{display:flex;gap:11px;align-items:flex-start; transition: transform 0.2s ease;}
.obs-item:hover{transform: translateX(6px);}
.check{width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#EAF8F1;color:#1C8A5E;display:grid;place-items:center;font-size:.72rem;font-weight:900}
.flow{
    background:linear-gradient(145deg,#0A1D31,#123F67);color:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow)
}
.flow h3{font-size:1.5rem;letter-spacing:-.03em;margin:9px 0 0}
.flow-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:22px}
.flow-step{
    min-height:82px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04);
    display:grid;place-items:center;text-align:center;padding:10px 7px;font-size:.75rem;color:#D7E1E9;
    transition: all 0.3s ease;
}
.flow-step:hover{
    background: var(--orange);
    color: #fff;
    transform: scale(1.05);
    border-color: var(--orange);
}
.flow-step:hover b{color: #fff;}
.flow-step b{display:block;color:#fff;font-size:.84rem;margin-bottom:2px}

/* PRODUCTS */
.suite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product{
    min-height:500px;display:flex;flex-direction:column;padding:28px;border-radius:26px;border:1px solid var(--line);background:#fff;
    box-shadow:0 14px 40px rgba(8,31,52,.05);position:relative;overflow:hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.product:hover{
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(8,31,52,.12);
}
.product.featured{background:var(--navy);color:#fff;border-color:#16426B}
.product.featured:hover{box-shadow: 0 30px 60px rgba(0,0,0,.4);}
.product:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:30px solid rgba(45,103,155,.07);right:-82px;top:-84px; transition: transform 0.6s ease;}
.product:hover:after{transform: scale(1.2);}
.product.featured:after{border-color:rgba(255,255,255,.035)}
.product-code{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#E9F3FB;color:var(--blue);font-weight:900;margin-bottom:22px}
.product.orange .product-code{background:#FFF0E7;color:var(--orange)}
.product.featured .product-code{background:rgba(255,255,255,.08);color:#fff}
.product .label{font-size:.71rem;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);font-weight:900}
.product h3{font-size:1.76rem;line-height:1.03;letter-spacing:-.04em;margin:9px 0 10px}
.product p{margin:0 0 20px;color:#6D7D8B} .product.featured p{color:#AAB9C6}
.product ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.product li{display:flex;gap:10px;font-size:.9rem}
.product li:before{content:"•";color:var(--orange);font-weight:900}
.product .link{margin-top:auto;padding-top:24px;color:var(--orange);font-weight:900; transition: transform 0.2s ease; display: inline-block;}
.product .link:hover{transform: translateX(5px);}
.product details{margin-top:20px;border-top:1px solid rgba(8,31,52,.08);padding-top:15px}
.product.featured details{border-color:rgba(255,255,255,.08)}
.product summary{cursor:pointer;font-weight:800;font-size:.84rem;color:var(--blue); outline:none;}
.product.featured summary{color:#84B8E4}

/* SCORE */
.score-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:31px;align-items:center;background:linear-gradient(145deg,#081D31,#143F67);border-radius:30px;padding:33px;color:#fff;box-shadow:var(--shadow)}
.score-copy h2{font-size:clamp(2.15rem,4.3vw,3.8rem);line-height:1;letter-spacing:-.052em;margin:10px 0 18px}
.score-copy p{color:#B7C5D1}
.score-board{
    background:#fff;color:var(--ink);border-radius:24px;padding:24px;box-shadow:0 22px 60px rgba(2,13,24,.22);
    transition: transform 0.3s ease;
}
.score-board:hover{transform: scale(1.02);}
.score-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid #EDF1F4}
.score-total small{color:#86939D} .score-total strong{font-size:2.7rem;letter-spacing:-.06em}
.risk-pill{padding:8px 11px;border-radius:999px;background:#EAF8F1;color:#167C54;font-weight:900;font-size:.74rem}
.score-bars{display:grid;gap:13px;margin-top:20px}
.bar-row{display:grid;grid-template-columns:112px 1fr 40px;gap:12px;align-items:center;font-size:.83rem}
.bar{height:9px;border-radius:999px;background:#EEF2F5;overflow:hidden}
.bar i{
    display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--orange));
    animation: growBar 1.5s cubic-bezier(0.1, 0.42, 0.41, 1) forwards;
}
.score-alert{margin-top:20px;padding:15px;border:1px solid #EDF1F4;background:#F7F9FB;border-radius:16px;color:#536371;font-size:.83rem}

/* RTC */
.rtc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}
.rtc-copy h2{font-size:clamp(2.15rem,4.3vw,3.8rem);line-height:1;letter-spacing:-.05em;margin:10px 0 18px}
.rtc-copy p{color:var(--muted)}
.rtc-modules{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.rtc-card{
    background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;min-height:170px;
    transition: all 0.3s ease;
}
.rtc-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.06);
    border-color: rgba(45,103,155,0.3);
}
.rtc-card:last-child{grid-column:span 2}
.rtc-num{width:34px;height:34px;border-radius:10px;background:#E9F3FB;color:var(--blue);display:grid;place-items:center;font-size:.75rem;font-weight:900; transition: all 0.3s ease;}
.rtc-card:hover .rtc-num{background: var(--blue); color: #fff;}
.rtc-card b{display:block;margin:12px 0 7px} .rtc-card p{margin:0;color:#70808D;font-size:.86rem}

/* BENEFITS */
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.benefit{padding:23px;border:1px solid var(--line-dark);background:rgba(255,255,255,.04);border-radius:20px; transition: all 0.3s ease;}
.benefit:hover{background: rgba(255,255,255,.08); transform: translateY(-4px);}
.benefit .ico{font-size:1.2rem;color:var(--orange)} .benefit b{display:block;margin:12px 0 7px} .benefit p{margin:0;color:#A8B7C4;font-size:.88rem}

/* TARGET */
.target-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.target{
    background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:170px;
    transition: all 0.3s ease;
}
.target:hover{transform: translateY(-6px); box-shadow: 0 15px 35px rgba(8,31,52,.07); border-color: var(--orange);}
.target b{display:block;margin-bottom:8px} .target p{margin:0;color:#71818E;font-size:.87rem}

/* SNG */
.sng-box{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:0 15px 45px rgba(8,31,52,.05)}
.sng-copy-logo{width:280px;margin-bottom:25px}
.sng-box h2{font-size:clamp(2.1rem,4.2vw,3.7rem);line-height:1.02;letter-spacing:-.047em;margin:10px 0 16px}
.sng-box p{color:var(--muted)}
.sng-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.metric{
    padding:20px;border-radius:18px;background:var(--navy);color:#fff;
    transition: transform 0.3s ease;
}
.metric:hover{transform: scale(1.04); background: var(--navy2);}
.metric strong{display:block;font-size:2rem;color:var(--orange)} .metric span{font-size:.79rem;color:#AFBECA}

/* CONTEUDO SEO */
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.content-card{
    background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px;min-height:180px;
    transition: all 0.3s ease;
}
.content-card:hover{transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.06);}
.content-card h3{font-size:1.08rem;line-height:1.15;margin:12px 0 8px}
.content-card p{margin:0;color:#70808D;font-size:.88rem}
.content-card .num{color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.14em}

.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quote{padding:23px;border:1px solid var(--line-dark);background:rgba(255,255,255,.045);border-radius:20px; transition: all 0.3s ease;}
.quote:hover{background: rgba(255,255,255,.09); transform: translateY(-4px);}
.quote p{margin:0;color:#D9E3EA;font-size:.92rem}
.quote b{display:block;margin-top:18px;color:#fff;font-size:.82rem}
.quote small{color:#9FB0C0}

/* CTA */
.cta-shell{display:grid;grid-template-columns:1fr .92fr;gap:34px;align-items:center;background:linear-gradient(135deg,#0A2742,#154A75);border-radius:30px;padding:39px;color:#fff;box-shadow:var(--shadow)}
.cta-shell h2{font-size:clamp(2.3rem,4.6vw,4rem);line-height:1;letter-spacing:-.052em;margin:10px 0 15px}
.cta-shell p{color:#BECCD7;max-width:650px}
.form{display:grid;gap:10px;background:#fff;color:var(--ink);border-radius:22px;padding:23px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form input,.form select,.form textarea{
    width:100%;border:1px solid #DFE6EB;border-radius:12px;padding:13px 14px;outline:none;background:#fff;
    transition: all 0.25s ease;
}
.form input:focus,.form select:focus,.form textarea:focus{
    border-color:#77A9D0;box-shadow:0 0 0 4px rgba(45,103,155,.15);
    transform: translateY(-1px);
}
.form textarea{min-height:92px;resize:vertical} .form .btn{width:100%}
.form small{color:#84929C;font-size:.72rem} #form-msg{font-size:.77rem;color:#1E7655}

/* FOOTER RESTRUCTURING */
footer {
    background: #051420;
    color: #8295A5;
    padding: 38px 0 92px;
}

/* GRID ORGANIZADO EM 4 COLUNAS */
.footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 0.9fr 1.1fr;
    gap: 32px;
}

.footer-audire {
    width: 210px;
    margin-bottom: 17px;
    filter: brightness(1.9) saturate(.75);
}

footer p {
    max-width: 450px;
    color: #8FA1B0;
    font-size: .87rem;
}

footer b {
    display: block;
    color: #fff;
    margin-bottom: 12px;
}

/* LINKS COM ÍCONES INTEGRADOS */
.footer-link-icon,
.social-icon {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    margin: 6px 0;
    color: #8295A5 !important;
    font-size: 0.86rem;
    text-decoration: none;
    transition: transform 0.25s ease !important;
}

.footer-link-icon:hover,
.social-icon:hover {
    transform: translateX(4px) !important;
}

.footer-link-icon:hover svg,
.social-icon:hover svg {
    transform: scale(1.12);
}

.social-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-bottom {
    margin-top: 34px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-sng {
    width: 170px;
    filter: brightness(0) invert(1);
    opacity: .7;
}

.mobile-nav{display:none}

/* KEYFRAMES & ANIMAÇÕES */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{
    0%{transform:translateY(0px)}
    50%{transform:translateY(-12px)}
    100%{transform:translateY(0px)}
}
@keyframes pulseDot{
    0%, 100%{transform: scale(1); opacity: 1;}
    50%{transform: scale(1.4); opacity: 0.7;}
}
@keyframes pulseGlow{
    0%{transform: scale(1); opacity: 0.3;}
    100%{transform: scale(1.15); opacity: 0.8;}
}
@keyframes blink{
    0%, 100%{opacity: 1;}
    50%{opacity: 0.3;}
}
@keyframes growBar{
    from{width: 0%;}
}

/* MEDIAS */
@media(max-width:1000px){
    .menu{display:none}
    .hero-grid,.obs-grid,.score-shell,.rtc-grid,.sng-box,.cta-shell{grid-template-columns:1fr}
    .hero{min-height:auto}
    .hero-visual{min-height:430px}
    .impact-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}
    .pain-grid{grid-template-columns:repeat(2,1fr)}
    .suite-grid{grid-template-columns:1fr}
    .product{min-height:auto}
    .target-grid{grid-template-columns:repeat(2,1fr)}
    .section-head{display:block}
    .section-head p{margin-top:14px}
}
@media(max-width:680px){
    .container{width:min(calc(100% - 24px),var(--max))}
    .section{padding:66px 0}
    .header-inner{min-height:66px}
    .audire-logo{width:150px}
    .header-cta{font-size:.75rem;padding:10px 11px}
    .hero{padding:52px 0 44px}
    .hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}
    .hero-copy{font-size:1rem}
    .hero-actions{display:grid}
    .hero-actions .btn{width:100%}
    .hero-visual{min-height:350px;margin-top:12px}
    .radar{width:235px;height:235px}
    .radar:after{inset:-28px}
    .signal{min-width:145px;max-width:180px;padding:12px;transform:scale(.87)}
    .sg1{left:0px;top:28px} .sg2{right:0px;top:132px} .sg3{left:6px;bottom:19px}
    .impact-grid,.pain-grid,.benefit-grid,.target-grid{grid-template-columns:1fr}
    .flow-row{grid-template-columns:repeat(2,1fr)}
    .score-shell,.sng-box,.cta-shell{padding:22px}
    .score-board{padding:18px}
    .bar-row{grid-template-columns:87px 1fr 36px}
    .rtc-modules{grid-template-columns:1fr}
    .rtc-card:last-child{grid-column:auto}
    .content-grid,.quote-grid{grid-template-columns:1fr}
    .sng-metrics{grid-template-columns:1fr 1fr}
    .form-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}
    .footer{padding-bottom:96px}
    .mobile-nav{
    display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;
    background:rgba(7,26,45,.97);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.09)
    }
    .mobile-nav a{padding:11px 4px;text-align:center;color:#D3DEE7;font-size:.69rem}
    .mobile-nav a b{display:block;color:var(--orange);font-size:.73rem}
}

/* BOTÃO FLUTUANTE ADAPTÁVEL AO FUNDO */
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 999;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ffffff;
    mix-blend-mode: difference;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.whatsapp-float svg {
    fill: #000000;
    transition: transform 0.3s ease;
}

.whatsapp-float:hover {
    transform: translateY(-4px) scale(1.08);
}

.whatsapp-float:hover svg {
    transform: scale(1.1);
}

@media (max-width: 680px) {
    .whatsapp-float {
        bottom: 80px;
        right: 16px;
        width: 50px;
        height: 50px;
    }
}

/* --- ESTADOS BASE DAS ANIMAÇÕES --- */
.reveal-fade, .reveal-left, .reveal-right, .reveal-scale, .reveal-stagger {
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.reveal-fade { transform: translateY(30px); }
.reveal-left { transform: translateX(-40px); }
.reveal-right { transform: translateX(40px); }
.reveal-scale { transform: scale(0.9); }

.active {
  opacity: 1 !important;
  transform: translate(0) scale(1) !important;
}

.score-bars .bar i {
  width: 0% !important;
  transition: width 1.2s cubic-bezier(0.1, 0.5, 0.1, 1);
}

.score-board.active .bar i {
  width: var(--target-width) !important;
}

.impact-card, .pain-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.impact-card:hover, .pain-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

.product.featured {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.product.featured:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 16px 32px rgba(10, 29, 49, 0.25);
}

@keyframes radarRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.radar-line {
  animation: radarRotate 4s linear infinite;
  transform-origin: center;
}

.radar-dot {
  animation: pulseDot 2s ease-in-out infinite alternate;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0a1d31;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff6b00;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) #0a1d31;
}

#diagnostico {
  padding-top: 0;
}

/* Container base do card com transição fluida nativa */
details.rtc-card {
    display: grid;
    grid-template-rows: auto 0fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
    overflow: hidden;
}

/* Quando aberto, expande o grid perfeitamente para o conteúdo exato */
details.rtc-card[open] {
    grid-template-rows: auto 1fr;
}

/* O summary continua interativo e sem o estilo padrão */
details.rtc-card summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
    user-select: none;
}

details.rtc-card summary::-webkit-details-marker {
    display: none;
}

/* Seta animada */
details.rtc-card summary::before {
    content: '▶';
    font-size: 0.75rem;
    color: #1e293b;
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

details.rtc-card[open] summary::before {
    transform: rotate(90deg);
}

/* Container interno que encapsula o texto para animar junto com o Grid */
details.rtc-card > *:not(summary) {
    overflow: hidden;
}

/* O texto ganha um fade e movimento de deslizamento sincronizado */
details.rtc-card p {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    margin-top: 0;
}

details.rtc-card[open] p {
    opacity: 1;
    transform: translateY(0);
    margin-top: 12px; /* Espaçamento idêntico ao seu layout original */
    transition-delay: 0.08s; /* Faz o texto deslizar logo após o card começar a abrir */
}