:root{--navy:#071d37;--navy2:#0a2b4b;--ink:#0d2a46;--green:#079c73;--lime:#bdfa83;--pale:#eef8f1;--muted:#687f8d;--line:#d8e7e4;--display:'Manrope','DM Sans',Arial,sans-serif;--text:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9fcfb;color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}p{line-height:1.7}h1,h2,h3{font-family:var(--display);letter-spacing:-.053em;line-height:1.17}h1{font-size:clamp(40px,4.5vw,64px);font-weight:800}h2{font-size:clamp(29px,3vw,42px);font-weight:800}h3{font-size:20px;font-weight:800}em{font-style:normal;color:#0d9d80}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #49bd9e;outline-offset:4px}.wrap{width:min(1170px,calc(100% - 80px));margin-inline:auto}
.diagnostic-header{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:2}.header-grid{min-height:83px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.brand img{width:191px}.header-label{font-size:10px;font-weight:900;letter-spacing:.15em;color:#c6dfe5}.header-label span{color:#a4f086;font-size:15px;margin-left:8px}.header-link{justify-self:end;font-size:12px;font-weight:800;color:#bed4de}.header-link span{color:var(--lime);margin-left:8px}.header-link:hover{color:#fff}
.intro-screen{background:radial-gradient(900px 550px at -15% 100%,#0a5070,transparent 65%),linear-gradient(130deg,#061b34,#0a2b4c);color:white;overflow:hidden}.intro-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);min-height:740px;align-items:center;gap:65px}.intro-main{padding:74px 0 84px;min-width:0}.intro-kicker,.eyebrow{display:flex;align-items:center;gap:11px;color:#bbf68b;font-size:11px;font-weight:900;letter-spacing:.14em;line-height:1.5}.kicker-dot{width:8px;height:8px;border-radius:50%;background:#aafa7d;box-shadow:0 0 0 4px rgba(178,249,138,.1);flex:0 0 auto}.intro-main h1{margin:26px 0 22px;max-width:730px}.intro-desc{font-size:17px;color:#c0d3df;max-width:610px;line-height:1.85}.intro-facts{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0 27px}.intro-facts span{font-size:11px;font-weight:700;color:#c0dce1;border:1px solid #326077;background:#153b59;padding:10px 12px;border-radius:4px}.intro-facts strong{color:#b5f782;font-size:13px;margin-right:4px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:59px;padding:16px 25px;background:#bdf687;color:#0c2c35;border:0;border-radius:5px;font-size:14px;font-weight:900;line-height:1.3;text-align:center;transition:background .2s,transform .2s;max-width:100%}.primary-button:hover{background:#d2ffa8;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;background:#dce7df;color:#90a299;transform:none}.primary-button span{font-size:17px}.under-cta{font-size:11px;color:#9ebac8;margin:17px 0 23px}.under-cta span{color:#bdf683;margin-right:6px}.quick-access{border-top:1px solid rgba(210,238,236,.18);padding:16px 0 0;max-width:440px}.quick-access summary{font-size:12px;line-height:1.55;color:#bcd7df;font-weight:700;cursor:pointer}.quick-access-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.quick-access-links a{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;color:#bdf683}.quick-access-links a:hover{color:white}
.sector-confirm{max-width:605px;background:#123a54;border:1px solid #35627a;padding:20px 23px;margin:27px 0;border-radius:6px}.confirm-heading{display:flex;align-items:center;gap:14px}.check-icon{display:grid;place-items:center;border:1px solid #a7f28a;border-radius:50%;color:#bdf683;width:37px;height:37px;flex:none}.confirm-heading small{font-size:9px;letter-spacing:.1em;color:#92bbc3;font-weight:900;display:block}.confirm-heading strong{font:800 18px var(--display);display:block;margin-top:4px}.sector-confirm p{font-size:13px;color:#bad1dd;margin:13px 0 6px}.text-button{border:0;background:transparent;color:#bafa85;padding:7px 0;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.text-button span{margin-left:6px}.intro-aside{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:72px 0}.intro-photo{position:relative;height:min(550px,64vw);min-height:445px;overflow:hidden;border-radius:3px;box-shadow:0 25px 75px rgba(0,11,28,.27)}.intro-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.image-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,23,42,.83),rgba(2,23,42,0) 58%)}.photo-caption{position:absolute;bottom:22px;left:19px;right:19px;border:1px solid rgba(255,255,255,.2);background:rgba(6,30,54,.82);backdrop-filter:blur(10px);display:flex;gap:14px;align-items:center;padding:16px 18px}.caption-star{font-size:28px;color:#bdf683}.photo-caption small{font-size:10px;letter-spacing:.11em;font-weight:800;color:#aad0dc;display:block;margin-bottom:4px}.photo-caption strong{font:800 15px/1.4 var(--display)}.aside-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#9bb9c8}.aside-note strong{color:#ddf1ed;font-size:11px}.aside-note>span:first-child{color:#baf588;font-weight:900;margin-right:auto}.aside-divider{height:12px;width:1px;background:#3b667d}
.quiz-shell{background:radial-gradient(500px 320px at 105% 0%,#e1f6eb,transparent 70%),#f6faf8;min-height:calc(100vh - 83px)}.quiz-wrap{max-width:850px;padding-top:68px;padding-bottom:96px}.quiz-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.quiz-name{font-size:11px;font-weight:900;color:#078c6d;letter-spacing:.12em}.quiz-top #progress-label{color:#607c85;font-size:12px;font-weight:800}.progress-rail{height:7px;background:#dce9e4;border-radius:99px;overflow:hidden}.progress-fill{width:20%;height:100%;background:linear-gradient(90deg,#10a68a,#b2e97c);transition:width .25s ease}.quiz-card{margin-top:25px;background:white;border:1px solid #d8e7e2;padding:52px 58px 38px;box-shadow:0 24px 55px rgba(19,78,67,.06);border-radius:8px}.quiz-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.step-chip{color:#087f67;background:#e8f9f0;font-weight:900;letter-spacing:.09em;font-size:11px;border-radius:3px;padding:8px 10px}.quiz-hint{font-size:11px;color:#8a9da3}.quiz-card h2{max-width:680px;font-size:clamp(29px,3.4vw,42px)}.quiz-context{font-size:15px;color:#647c89;margin:16px 0 29px}.answer-options{display:grid;gap:11px}.answer-option{width:100%;background:#fff;border:1.5px solid #dce9e6;border-radius:5px;padding:19px 20px;display:flex;justify-content:space-between;align-items:center;gap:13px;color:#25485b;text-align:left;font-size:15px;font-weight:700;line-height:1.5;transition:border-color .15s,background .15s}.answer-option:hover{border-color:#40ad92;background:#f6fcf8}.answer-option[aria-checked=true]{border-color:#159d7d;background:#effaf4;box-shadow:inset 4px 0 0 #159d7d;color:#0c544b}.choice-indicator{width:21px;height:21px;border:1.5px solid #afc7bf;border-radius:50%;flex:none;display:grid;place-items:center}.answer-option[aria-checked=true] .choice-indicator{border-color:#069c77;background:#0a9c78;color:white}.answer-option[aria-checked=true] .choice-indicator::after{content:'✓';font-size:12px;font-weight:900}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:33px}.back-button{background:transparent;border:0;padding:15px 3px;color:#718692;font-size:13px;font-weight:800}.back-button:hover{color:#0f806a}.primary-button.small{min-width:173px;min-height:53px}.privacy-note{font-size:12px;text-align:center;color:#829b95;margin-top:23px}.privacy-note span{color:#079a78;margin-right:8px}
.results-hero{background:radial-gradient(600px 390px at 5% 110%,#0c5472,transparent 68%),#071d37;color:#fff;padding:80px 0 85px}.results-head-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.62fr);gap:80px;align-items:center}.results-hero h1{font-size:clamp(39px,4.4vw,60px);margin:20px 0 24px}.results-hero p:not(.eyebrow){font-size:17px;color:#c7dbe2}.edit-answers{font-size:12px;color:#c1efae;border:0;background:transparent;border-bottom:1px solid #629d91;margin-top:31px;padding:4px 0 8px;font-weight:800}.score-feature{background:#103c51;border:1px solid #2a6571;padding:32px 30px 27px;box-shadow:0 18px 42px rgba(0,0,0,.12)}.score-feature>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#b2dbcc}.score-icon{font-size:39px;color:#b8f988;margin:25px 0 9px}.score-feature h2{font-size:32px;color:#c9fd94}.score-feature p{margin-top:16px;font-size:14px!important;line-height:1.7}.score-feature small{display:block;margin-top:21px;border-top:1px solid #37677b;padding-top:14px;color:#9bb9bf;font-size:11px;line-height:1.6}.results-body{padding-top:83px;padding-bottom:105px}.section-caption{color:#078e72;font-weight:900;font-size:11px;letter-spacing:.15em;margin-bottom:24px}.scenario-block{display:grid;grid-template-columns:1fr .86fr;gap:62px;margin-bottom:84px}.scenario-block h2{margin-bottom:19px}.scenario-block p{color:#637f8b;font-size:16px}.context-highlight{background:#eff9f1;border-left:4px solid #29ab7c;padding:29px 31px;align-self:start}.context-highlight span{color:#0a8e67;font-size:11px;letter-spacing:.12em;font-weight:900}.context-highlight p{color:#244d53;font-weight:700;font-size:15px;margin-top:12px}.opportunity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:95px}.opportunity-card{border:1px solid #dce8e4;background:white;padding:25px 26px 24px;min-height:335px;display:flex;flex-direction:column}.opportunity-card.primary{border-color:#34b18e;background:#eef9f1}.opportunity-card .rank{color:#158b72;font-size:10px;font-weight:900;letter-spacing:.12em}.opportunity-card .pillar-symbol{font-size:30px;color:#0ca585;margin:23px 0 16px}.opportunity-card h3{font-size:22px;margin-bottom:13px}.opportunity-card p{font-size:14px;color:#647a85}.opportunity-card .benefit{margin-top:auto;padding-top:18px;border-top:1px solid #dbe8e3;color:#117e6d;font-size:12px;font-weight:900}.timeline-section{margin-bottom:90px}.timeline-section h2{max-width:850px}.section-support{color:#6e8490;font-size:16px;max-width:790px;margin:18px 0 33px}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cfe7d9;background:#eff9f2}.timeline-card{padding:31px;border-right:1px solid #cfe7d9;min-height:285px}.timeline-card:last-child{border:0}.timeline-time{font:800 36px var(--display);letter-spacing:-.06em;color:#159f7b}.timeline-time span{font-size:13px;letter-spacing:0;margin-left:6px;color:#4e8b79}.timeline-card h3{font-size:17px;margin:26px 0 10px}.timeline-card p{font-size:14px;color:#496d69}.comparison-section{margin-bottom:92px}.comparison-section h2{max-width:810px;margin-bottom:29px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.comparison-card{padding:32px 34px;min-height:225px}.comparison-card.manual{background:#eef2f4}.comparison-card.murevo{background:#083b4e;color:#fff}.comparison-label{font-size:10px;letter-spacing:.14em;font-weight:900;color:#6b8a96}.murevo .comparison-label{color:#b5f58c}.comparison-card h3{margin:14px 0 11px}.comparison-card p{font-size:15px;color:#607883}.murevo p{color:#c4e1e4}.metrics-block{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;margin-bottom:95px}.metrics-block h2{margin-bottom:18px}.metrics-block p{font-size:15px;color:#6d8490}.metrics-block ul{list-style:none;margin:0;padding:25px 30px;background:#fff;border:1px solid #dceae5;display:grid;gap:17px}.metrics-block li{font-size:14px;font-weight:700;color:#30576a;display:flex;gap:12px;align-items:start}.metrics-block li:before{content:'✓';font-weight:900;color:#149d72}.trust-section{display:flex;gap:25px;background:#e8f6ee;padding:40px 45px;margin-bottom:92px;border-top:3px solid #39b58c}.trust-icon{width:56px;height:56px;border-radius:50%;background:white;flex:none;display:grid;place-items:center;font-size:28px;color:#129d7e}.trust-section .eyebrow{color:#168c70;margin-bottom:12px}.trust-section h2{max-width:700px}.trust-section p:not(.eyebrow){color:#607f79;font-size:15px;margin-top:18px}.warranty-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:27px}.warranty-row>div{background:white;border:1px solid #d0e8d8;padding:21px}.warranty-row strong{font:900 22px var(--display);color:#159b78;display:block}.warranty-row span{font-size:13px;color:#496a64;line-height:1.6;display:block;margin-top:7px}.trust-section .legal-micro{font-size:11px!important;line-height:1.6}.offer-area{display:grid;grid-template-columns:1fr .62fr;gap:75px;background:#082a45;color:white;padding:54px 58px;margin-bottom:54px;align-items:center}.offer-area h2{font-size:clamp(30px,3.4vw,43px);margin:15px 0 19px}.offer-area>div:first-child>p:not(.eyebrow){color:#bed5df;font-size:15px;margin-bottom:26px}.secondary-actions{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:23px}.secondary-actions a{color:#baf78c;font-size:12px;line-height:1.5;font-weight:800;border-bottom:1px solid #416c73;padding-bottom:5px}.offer-aside{border-left:1px solid #31556c;padding-left:35px}.offer-aside>span{font-size:10px;letter-spacing:.13em;color:#b9d3df;font-weight:900}.mini-plan{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #375468;font-size:13px}.mini-plan strong{color:#e6f3ed}.mini-plan span{color:#baf388;font-weight:800}.offer-aside small{display:block;color:#9fc1c8;font-size:11px;line-height:1.6;margin-top:14px}.offer-line{height:1px;background:#31566a;margin:28px 0 22px}.offer-aside p{font-size:13px;color:#bad2d8}.future-ai{padding:30px 35px;border:1px dashed #b4d2c2;background:#f7fbf8}.future-tag{font-size:10px;font-weight:900;letter-spacing:.13em;color:#168c70}.future-ai h2{font-size:24px;margin:12px 0}.future-ai p{font-size:14px;color:#657f89;max-width:900px}
.diagnostic-footer{background:#071b34;color:#fff;padding:51px 0 21px}.footer-layout{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.footer-layout img{width:178px}.footer-layout p{font-size:12px;color:#9cb8c8;margin-top:12px}.footer-layout nav{display:flex;flex-wrap:wrap;gap:10px 20px;max-width:600px;justify-content:flex-end}.footer-layout nav a{font-size:11px;color:#acc4d2;line-height:1.7}.footer-layout nav a:hover{text-decoration:underline;color:white}.copyright{font-size:11px;color:#7295aa;border-top:1px solid #24435a;margin-top:33px;padding-top:19px}.noscript{background:#fff6ca;padding:15px;text-align:center;color:#594d18}
@media(max-width:1050px){.wrap{width:calc(100% - 54px)}.intro-grid{gap:34px}.intro-main h1{font-size:clamp(38px,4.8vw,57px)}.intro-desc{font-size:16px}.results-head-grid,.scenario-block,.metrics-block{gap:35px}.offer-area{gap:35px;padding:45px}.intro-photo{min-height:390px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-grid{min-height:70px;grid-template-columns:1fr auto;gap:14px}.brand img{width:153px}.header-label{display:none}.header-link{font-size:11px}.intro-grid{grid-template-columns:1fr;gap:0;min-height:0}.intro-main{padding:47px 0 36px}.intro-main h1{font-size:clamp(35px,8.7vw,48px);line-height:1.17;margin:21px 0 20px}.intro-kicker{font-size:10px}.intro-desc{font-size:16px;line-height:1.75}.intro-facts{gap:7px;margin:21px 0 24px}.intro-facts span{padding:8px 9px;font-size:10px}.primary-button{width:100%;min-height:56px;font-size:14px;justify-content:space-between}.quick-access{max-width:none}.intro-aside{padding:13px 0 39px}.intro-photo{height:235px;min-height:235px}.photo-caption{bottom:10px;left:10px;right:10px;padding:12px 15px}.photo-caption strong{font-size:13px}.aside-note{display:none}.sector-confirm{margin:19px 0;padding:17px}.sector-confirm p{font-size:14px}.quiz-wrap{padding-top:42px;padding-bottom:64px}.quiz-card{padding:29px 23px 27px;margin-top:19px}.quiz-card-head{margin-bottom:18px}.quiz-card h2{font-size:clamp(27px,7vw,36px)}.quiz-context{font-size:15px;margin:13px 0 22px}.answer-option{padding:17px 15px;min-height:59px;font-size:15px}.quiz-actions{margin-top:25px}.primary-button.small{min-width:0;width:auto}.privacy-note{font-size:11px}.results-hero{padding:58px 0}.results-head-grid{grid-template-columns:1fr;gap:35px}.results-hero h1{font-size:clamp(35px,8.4vw,47px)}.results-hero p:not(.eyebrow){font-size:16px}.score-feature{padding:25px}.results-body{padding-top:56px;padding-bottom:66px}.scenario-block,.metrics-block{grid-template-columns:1fr;gap:22px;margin-bottom:62px}.opportunity-cards{grid-template-columns:1fr;gap:11px;margin-bottom:68px}.opportunity-card{min-height:0;padding:24px}.opportunity-card .pillar-symbol{margin:11px 0 9px}.opportunity-card .benefit{margin-top:15px}.timeline-section,.comparison-section{margin-bottom:65px}.timeline-grid{grid-template-columns:1fr}.timeline-card{min-height:0;border-right:0;border-bottom:1px solid #cfe7d9;padding:24px}.timeline-card:last-child{border-bottom:0}.timeline-card h3{margin:13px 0 7px}.timeline-time{font-size:30px}.comparison-grid{grid-template-columns:1fr}.comparison-card{min-height:0;padding:26px}.trust-section{padding:29px 22px;gap:13px;margin-bottom:66px}.trust-icon{width:34px;height:34px;font-size:19px}.warranty-row{grid-template-columns:1fr;gap:10px}.offer-area{grid-template-columns:1fr;gap:30px;padding:35px 25px;margin-bottom:36px}.offer-aside{border-left:0;border-top:1px solid #31556c;padding:26px 0 0}.offer-area .primary-button{justify-content:center}.secondary-actions{flex-direction:column;align-items:flex-start;gap:14px}.future-ai{padding:25px}.footer-layout{flex-direction:column;gap:25px}.footer-layout nav{justify-content:flex-start}.copyright{line-height:1.5}}
@media(max-width:380px){.wrap{width:calc(100% - 30px)}.header-link{font-size:10px}.brand img{width:138px}.intro-main h1{font-size:34px}.intro-facts span{font-size:9px}.quiz-card{padding-inline:17px}.quiz-actions .primary-button{padding-inline:13px}.quiz-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.download-button{display:inline-flex;align-items:center;gap:9px;margin-top:23px;padding:12px 16px;background:#fff;color:#0b8068;border:1px solid #9acdb8;border-radius:4px;font-size:13px;font-weight:900;min-height:47px;line-height:1.35}.download-button:hover{background:#e8f8ec}

/* Diagnostic four-page experience — result → optional AI → delivery and offer */
.ai-bridge{position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(440px 350px at 96% 0%,rgba(53,185,145,.3),transparent 78%),linear-gradient(125deg,#092d45,#07505a);color:white;border:1px solid #1f8d83;padding:47px 50px;margin-top:25px;box-shadow:0 22px 55px rgba(7,57,65,.16)}
.ai-bridge-heading{display:flex;justify-content:space-between;align-items:center;gap:26px}.ai-bridge-heading>div{min-width:0}.ai-bridge .eyebrow{color:#bdfa83}.ai-spark{font-size:18px;line-height:1}.ai-bridge h2{max-width:780px;font-size:clamp(29px,3.2vw,44px);margin:17px 0 20px;color:white}.ai-free-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 138px;width:138px;height:138px;border:2px solid #c1fc91;background:rgba(196,255,149,.12);border-radius:50%;box-shadow:0 0 0 9px rgba(194,255,149,.06);transform:rotate(8deg)}.ai-free-stamp strong{font:900 39px/.98 var(--display);color:#caff9b;letter-spacing:-.065em}.ai-free-stamp span{font-size:19px;color:#fff;font-weight:900;letter-spacing:.075em;margin-top:8px}.ai-bridge>p{max-width:865px;font-size:16px;line-height:1.75;color:#d6e9eb}.ai-bridge>p strong{color:white}
.ai-bridge ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0 30px}
.ai-bridge li{font-size:14px;color:#d9e9e9;line-height:1.55;font-weight:500;padding:20px 18px;background:rgba(255,255,255,.07);border:1px solid rgba(199,244,223,.2);border-radius:6px}.ai-bridge li strong{display:block;font:800 15px/1.4 var(--display);color:#c7ff95;margin-bottom:6px}.ai-bridge li span{display:block}.ai-bridge-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.ai-bridge .primary-button{vertical-align:middle;box-shadow:0 9px 24px rgba(6,22,32,.2)}.bridge-link{display:inline-block;margin:18px 0 0 21px;font-size:13px;line-height:1.6;color:#127f71;font-weight:800;text-decoration:underline;text-underline-offset:4px}.bridge-link.dark{color:#147b68;margin-left:0}.ai-bridge .bridge-link{color:#d1f6db;margin:0}.ai-bridge .ai-no-obligation{font-size:12px;color:#baf58e;margin-top:19px;font-weight:800}.ai-bridge .microcopy{font-size:11px;color:#a0c2ca;margin-top:25px;border-top:1px solid rgba(204,239,233,.18);padding-top:14px}
.missing-state{min-height:65vh;display:grid;align-items:center;padding:70px 0;background:#f4faf6}.missing-state h1{max-width:780px;margin:20px 0}.missing-state p:not(.eyebrow){max-width:700px;color:#54707d;font-size:17px;margin-bottom:26px}
.step-page{background:radial-gradient(650px 410px at 90% 8%,#d7f5e4,transparent 68%),#f7fbf8;padding:65px 0 95px}.step-container{max-width:1080px}.step-kicker{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#458d79;border-bottom:1px solid #cfe3d8;padding-bottom:16px;margin-bottom:42px;font-size:11px;font-weight:900;letter-spacing:.13em}.step-page h1{max-width:920px;margin:16px 0 22px}.step-lead{font-size:17px;color:#4b6d77;max-width:850px}.preview-banner{background:#fff8dc;border:1px solid #e1cb85;color:#65500b;padding:17px 20px;border-radius:6px;font-size:14px;line-height:1.65;margin:29px 0 35px}.preview-banner strong{display:block}.step-grid{display:grid;grid-template-columns:.9fr 1fr;gap:26px;align-items:start}.step-card,.form-card{background:#fff;border:1px solid #dbe9e2;padding:37px;box-shadow:0 12px 30px rgba(18,70,61,.035);border-radius:7px}.step-card h2,.form-card h2{font-size:27px;margin-bottom:17px}.step-card>p,.form-card>p{color:#647f85;font-size:15px}.ai-points{margin:30px 0;display:grid;gap:16px}.ai-points>div{display:flex;align-items:center;gap:16px;border-top:1px solid #e2ece7;padding-top:13px}.ai-points span{font-family:var(--display);font-weight:900;color:#0c9d78}.ai-points p{font-size:14px;color:#486b6e}.form-tag{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.11em;color:#0e876d;margin-bottom:10px}.field{margin-top:18px}.field label{display:block;font-weight:800;font-size:13px;color:#1d4b59;margin-bottom:7px}.field label span{color:#d97148}.field input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #ccddd5;border-radius:4px;background:#f2f6f3;color:#617a7c;font-size:14px}.field input:disabled{cursor:not-allowed}.consent{display:flex;gap:12px;align-items:flex-start;margin:23px 0 21px;font-size:12px;line-height:1.55;color:#527079}.consent input{margin-top:3px}.button-block{width:100%}.field-foot{display:block;margin-top:13px;color:#748e8c;font-size:11px;line-height:1.6}
.delivery-head{background:radial-gradient(700px 500px at -12% 90%,#0a5368,transparent 70%),#071d37;color:#fff;padding:70px 0}.delivery-top{display:grid;grid-template-columns:1.24fr .7fr;gap:65px;align-items:center}.preview-pill{display:inline-block;background:#ffeeb0;color:#3f3517;font-weight:900;letter-spacing:.08em;font-size:10px;padding:9px 12px;border-radius:3px;margin-bottom:26px}.delivery-head h1{margin:22px 0;font-size:clamp(38px,4vw,58px)}.delivery-head p:not(.eyebrow){color:#c9dde2;font-size:16px;max-width:670px}
.delivery-download{margin-top:29px;background:#0d2c3e;border:1px solid #28556f;border-radius:8px;padding:22px 26px;display:grid;gap:12px;max-width:640px;box-shadow:0 12px 30px rgba(4,18,36,0.3)}
.delivery-download button{min-height:52px;text-align:center;background:#baf466;border:0;border-radius:6px;color:#071d37;font-family:var(--display);font-size:14px;font-weight:800;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 18px rgba(186,244,102,0.35);transition:all .2s ease}
.delivery-download button:hover:not(:disabled){transform:translateY(-2px);background:#d4ff98;box-shadow:0 6px 24px rgba(186,244,102,0.5)}
.delivery-download button:active:not(:disabled){transform:translateY(0)}
.delivery-download button:disabled,.delivery-download button[disabled],.delivery-download button[aria-disabled="true"]{background:#1d455d;color:#7ea2b5;border:1px solid #325a74;box-shadow:none;cursor:not-allowed;transform:none;opacity:0.75}
.delivery-download small{color:#c6dcdd;font-size:12px;line-height:1.55}.delivery-graphic{background:linear-gradient(155deg,#104e5d,#0d3450);border:1px solid #2d6873;padding:40px 32px}.delivery-graphic span{color:#b6f385;font-size:10px;letter-spacing:.15em;font-weight:900}.delivery-graphic strong{display:block;font:800 clamp(33px,3.3vw,48px)/1.22 var(--display);letter-spacing:-.07em;margin:38px 0}.delivery-graphic em{color:#bdf784}.delivery-graphic p{font-size:14px!important;color:#c6dcdd!important}
.sales-intro{padding:95px 0 75px;text-align:center}.narrow{max-width:910px}.sales-intro h2{margin:18px 0 23px}.sales-intro p:not(.eyebrow){font-size:18px;color:#647d86}.sales-intro .eyebrow{justify-content:center}.sales-pillars{background:#eff8f3;padding:60px 0 85px}.sales-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sales-cards article{padding:33px 28px;background:white;border:1px solid #d8e8df;min-height:292px}.sales-icon{display:block;color:#0b9877;font-size:37px;margin-bottom:24px}.sales-cards small{color:#168b71;font-size:10px;letter-spacing:.1em;font-weight:900}.sales-cards h3{margin:11px 0 15px;font-size:26px}.sales-cards p{color:#607984;font-size:15px}.sales-support{padding:90px 0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.support-grid h2{margin:16px 0 21px}.support-grid p:not(.eyebrow){color:#647b85;font-size:16px}.support-grid ul{margin:0;padding:30px 34px;list-style:none;background:#eaf7ef;display:grid;gap:20px}.support-grid li{color:#40676c;font-size:15px;line-height:1.65;padding-left:18px;position:relative}.support-grid li:before{content:'✓';position:absolute;left:0;color:#059f7d}.support-grid li strong{color:#163c48}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0 36px}.journey-card{background:#fff;border:1px solid #d8e8df;border-radius:6px;padding:24px 20px;display:flex;flex-direction:column}.journey-badge{font:900 24px/1 var(--display);color:#0a886b;margin-bottom:10px}.journey-card h4{font-size:16px;line-height:1.35;margin:0 0 10px;color:#163c48}.journey-card p{font-size:13px;color:#5a757e;line-height:1.55;margin:0}.support-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-item{background:#eaf7ef;border-radius:6px;padding:22px 20px;border:1px solid #c8e6d5}.support-item strong{display:block;color:#163c48;font-size:15px;margin-bottom:6px}.support-item p{font-size:13px;color:#40676c;line-height:1.5;margin:0}
.sales-pricing{background:#08253f;color:#fff;padding:90px 0 85px}.pricing-head{text-align:center;max-width:790px;margin:0 auto 45px}.pricing-head .eyebrow{justify-content:center}.pricing-head h2{margin:19px 0}.pricing-head p:not(.eyebrow){color:#b6d1d7}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:auto}.pricing-card{background:#12394f;border:1px solid #456273;padding:37px 39px;position:relative}.pricing-card.featured{background:#0e4e57;border-color:#9ad78d}.pricing-card>span{font-size:10px;letter-spacing:.13em;color:#b7dbce;font-weight:900}.pricing-card h3{font-size:26px;margin:17px 0 12px}.pricing-card .price{font:800 47px var(--display);color:#bdf785;letter-spacing:-.06em;line-height:1.1}.pricing-card .price small{font:600 14px var(--text);color:#ccdcde;letter-spacing:0}.pricing-card>p{color:#c1d6da;font-size:15px;min-height:102px;margin:24px 0}.pricing-card .primary-button{width:100%}.popular{position:absolute;top:-13px;right:17px;padding:7px 11px;background:#bdf785;color:#15423d;font-size:9px;font-weight:900;letter-spacing:.07em}.pricing-note{color:#acc6cd;text-align:center;font-size:12px;margin-top:25px}.guarantee-section{padding:95px 0}.guarantee-section h2{margin:16px 0 33px}.guarantee-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guarantee-grid>div{background:#eff8f2;border:1px solid #cae6d6;padding:31px}.guarantee-grid strong{font:900 38px var(--display);letter-spacing:-.04em;color:#0b9273}.guarantee-grid h3{margin:12px 0 14px}.guarantee-grid p{font-size:15px;color:#58777d}.fine-print{margin-top:18px;color:#71888c;font-size:12px}.referral-strip{display:flex;gap:20px;align-items:center;background:#072c45;color:#fff;padding:24px 28px;margin-top:34px}.referral-strip strong{flex:0 0 220px;color:#bcf68c}.referral-strip span{font-size:14px;line-height:1.7;color:#bdd4dc}.final-sales{padding:75px 0;background:#e8f7ee;text-align:center}.final-sales h2{max-width:860px;margin:0 auto 28px}.final-sales .bridge-link{vertical-align:middle}
@media(max-width:900px){.step-grid,.delivery-top,.support-grid{gap:30px}.ai-bridge ul{grid-template-columns:1fr}.sales-cards{gap:11px}.sales-cards article{padding:24px}.delivery-head{padding:55px 0}.journey-grid{grid-template-columns:1fr 1fr}.support-items-grid{grid-template-columns:1fr}}
@media(max-width:760px){.ai-bridge{padding:29px 22px}.ai-bridge ul{gap:10px}.ai-bridge .primary-button{width:100%}.ai-bridge .bridge-link{margin-left:0}.step-page{padding:43px 0 65px}.step-kicker{margin-bottom:28px;font-size:10px}.step-page h1{font-size:clamp(33px,8vw,45px)}.step-lead{font-size:16px}.step-grid,.delivery-top,.support-grid,.sales-cards,.pricing-grid,.guarantee-grid,.journey-grid{grid-template-columns:1fr}.step-card,.form-card{padding:26px 22px}.delivery-head{padding:43px 0}.delivery-head h1{font-size:clamp(34px,8.5vw,47px)}.delivery-graphic{padding:26px}.delivery-graphic strong{margin:20px 0}.sales-intro{padding:65px 0 55px}.sales-intro p:not(.eyebrow){font-size:16px}.sales-pillars,.sales-pricing{padding:56px 0}.sales-cards article{min-height:0;padding:27px}.sales-icon{margin-bottom:12px}.sales-support,.guarantee-section{padding:65px 0}.support-grid{gap:24px}.support-grid ul{padding:23px}.pricing-card{padding:32px 26px}.pricing-card>p{min-height:0}.guarantee-grid>div{padding:24px}.referral-strip{display:grid;gap:7px;padding:22px}.referral-strip strong{flex:auto}.final-sales{padding:56px 0}.final-sales .primary-button{width:100%}.final-sales .bridge-link{margin-left:0}.missing-state{padding:55px 0}}
.step-page .eyebrow,.sales-intro .eyebrow,.sales-support .eyebrow,.guarantee-section .eyebrow{color:#0a886b}
@media(max-width:760px){.ai-bridge{padding:30px 23px}.ai-bridge-heading{align-items:flex-start;gap:15px}.ai-bridge h2{font-size:clamp(28px,7.4vw,38px);margin:14px 0 16px}.ai-free-stamp{flex-basis:86px;width:86px;height:86px;box-shadow:0 0 0 5px rgba(194,255,149,.06)}.ai-free-stamp strong{font-size:25px}.ai-free-stamp span{font-size:11px;margin-top:4px}.ai-bridge ul{grid-template-columns:1fr;gap:9px;margin:23px 0}.ai-bridge li{padding:14px 16px}.ai-bridge-actions{display:grid;gap:18px}.ai-bridge .bridge-link{margin:0;text-align:center}.ai-bridge .primary-button{width:100%;justify-content:center;gap:10px;font-size:13px;line-height:1.5}.ai-bridge .ai-no-obligation{line-height:1.8}}
@media(max-width:390px){.ai-bridge-heading{gap:8px}.ai-free-stamp{flex-basis:74px;width:74px;height:74px}.ai-free-stamp strong{font-size:22px}.ai-free-stamp span{font-size:10px}.ai-bridge h2{font-size:27px}}

/* Loading & Animation States (v3.0.1 - UX feedback) */
.btn-spinner {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2.5px solid rgba(12, 44, 53, 0.25);
  border-top-color: #0c2c35;
  border-radius: 50%;
  animation: spin-loader 0.7s linear infinite;
  vertical-align: middle;
  flex: none;
}
@keyframes spin-loader {
  to { transform: rotate(360deg); }
}

.ai-generating-box {
  margin-top: 20px;
  padding: 22px 24px;
  background: #f0fdf4;
  border: 1.5px solid #86efac;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(22, 101, 52, 0.08);
  animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.generating-header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.spinner-ring {
  width: 30px;
  height: 30px;
  border: 3.5px solid #bbf7d0;
  border-top-color: #15803d;
  border-radius: 50%;
  animation: spin-loader 0.8s linear infinite;
  flex: none;
}
.generating-header strong {
  display: block;
  font-size: 15px;
  color: #14532d;
  font-weight: 800;
  line-height: 1.3;
}
.generating-header small {
  display: block;
  font-size: 12.5px;
  color: #166534;
  margin-top: 2px;
}

.generating-progress-bar {
  margin-top: 16px;
  height: 8px;
  background: #dcfce7;
  border-radius: 99px;
  overflow: hidden;
}
.generating-progress-fill {
  height: 100%;
  width: 15%;
  background: linear-gradient(90deg, #16a34a, #22c55e);
  border-radius: 99px;
  transition: width 0.5s ease;
  position: relative;
}
.generating-progress-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
  animation: shimmer 1.5s infinite;
}
@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

.generating-steps-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed #bbf7d0;
}
.step-badge {
  font-size: 11.5px;
  font-weight: 700;
  color: #86efac;
  transition: color 0.3s, font-weight 0.3s;
}
.step-badge.active {
  color: #15803d;
  font-weight: 800;
}
.step-badge.done {
  color: #166534;
}

/* ==========================================================================
   NOVO FLUXO UNIFICADO DIAGNÓSTICO MUREVO (v4.0.0)
   ========================================================================== */
.diagnostic-header .header-grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 80px;
}
.diagnostic-header .brand {
  display: flex;
  align-items: center;
}
.diagnostic-header .header-link {
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  color: #cbd5e1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.15s ease;
}
.diagnostic-header .header-link:hover {
  color: #ffffff;
}
.referral-banner {
  background: #041325;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0.6rem 1rem;
  text-align: center;
  font-size: 0.875rem;
  color: #94a3b8;
}
.highlight-green {
  color: #10b981;
}
.intro-checkmarks {
  list-style: none;
  padding: 0;
  margin: 28px 0 32px;
  display: grid;
  gap: 14px;
}
.intro-checkmarks li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  color: #cbd5e1;
  line-height: 1.5;
}
.intro-checkmarks .check-icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #10b981;
  color: #041325;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 12px;
  flex-shrink: 0;
  margin-top: 1px;
}
.intro-cta-box {
  margin-top: 24px;
}
.cta-hero {
  background: #10b981 !important;
  color: #041325 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 18px 36px !important;
  border-radius: 9999px !important;
  border: none !important;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);
  transition: all 0.2s ease;
}
.cta-hero:hover {
  background: #34d399 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(16, 185, 129, 0.45);
}
.intro-photo-card {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}
.intro-photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.intro-photo-card .stat-pill {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #071d37;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.stat-pill .stat-badge {
  font-size: 26px;
  font-weight: 900;
  color: #059669;
  flex-shrink: 0;
}
.stat-pill .stat-text {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #1e293b;
}

/* 3 Partes do Diagnóstico */
.diagnostic-three-steps {
  padding: 70px 0 60px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 20px;
}
.steps-heading {
  font-size: 26px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 32px;
}
.three-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.step-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  padding: 28px 24px;
}
.step-card .step-num {
  font-size: 13px;
  font-weight: 800;
  color: #10b981;
  display: block;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}
.step-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 8px;
}
.step-card p {
  font-size: 14px;
  color: #94a3b8;
  line-height: 1.55;
}

/* WIZARD & QUIZ STYLING */
.quiz-progress-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 12px;
}
.progress-rail {
  height: 7px;
  background: #e2e8f0;
  border-radius: 99px;
  overflow: hidden;
  margin-bottom: 24px;
}
.progress-fill {
  height: 100%;
  background: #10b981;
  border-radius: 99px;
  transition: width 0.3s ease;
}
.quiz-card {
  background: #ffffff;
  border: 1px solid #f1f5f9;
  border-radius: 28px;
  box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.06);
  padding: 48px;
  max-width: 760px;
  margin: 0 auto;
}
.quiz-card h2 {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 8px;
  line-height: 1.3;
}
.quiz-context {
  font-size: 15px;
  color: #64748b;
  margin-bottom: 28px;
}
.browser-privacy-note {
  font-size: 13px;
  text-align: center;
  color: #94a3b8;
  margin-top: 20px;
}

/* Campos de Texto (Q1) */
.form-input-block {
  margin-bottom: 20px;
}
.form-input-block label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}
.quiz-text-input {
  width: 100%;
  border: 1.5px solid #cbd5e1;
  border-radius: 14px;
  padding: 16px 20px;
  font-size: 16px;
  color: #0f172a;
  outline: none;
  background: #ffffff;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
}
.quiz-text-input:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}

/* Cards de Rádio & Opções */
.quiz-radio-stack {
  display: grid;
  gap: 12px;
}
.quiz-radio-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.quiz-radio-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 16px 20px;
  background: #ffffff;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}
.quiz-radio-card:hover {
  border-color: #94a3b8;
}
.quiz-radio-card.selected {
  border-color: #10b981;
  background: rgba(16, 185, 129, 0.05);
}
.card-left-content {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  text-align: left;
}
.card-icon {
  font-size: 20px;
  flex-shrink: 0;
  line-height: 1;
}
.card-subtext {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  margin-top: 2px;
}
.radio-circle-indicator {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.quiz-radio-card.selected .radio-circle-indicator {
  border-color: #10b981;
}
.quiz-radio-card.selected .radio-circle-indicator::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #10b981;
}

/* Sub-segment Pills */
.subtypes-wrapper {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dashed #e2e8f0;
}
.subtypes-title {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
  margin-bottom: 12px;
}
.subtypes-pills-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.subtype-pill {
  padding: 8px 18px;
  border-radius: 9999px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  transition: all 0.15s;
}
.subtype-pill:hover {
  border-color: #94a3b8;
}
.subtype-pill.selected {
  border-color: #10b981;
  background: #f0fdf4;
  color: #047857;
  font-weight: 700;
}

/* Pergunta 4: Ticket com Benchmarks */
.ticket-input-container {
  margin-bottom: 18px;
}
.ticket-benchmark-text {
  font-size: 13px;
  color: #64748b;
  margin: 14px 0 10px;
}
.benchmark-pills-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bench-pill {
  padding: 8px 18px;
  border-radius: 9999px;
  border: 1.5px solid #e2e8f0;
  background: #ffffff;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  cursor: pointer;
  transition: all 0.15s;
}
.bench-pill:hover {
  border-color: #94a3b8;
}
.bench-pill.selected {
  border-color: #10b981;
  background: #f0fdf4;
  color: #047857;
}

/* Ações de Navegação do Quiz */
.quiz-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 36px;
  padding-top: 20px;
}
.quiz-actions .back-button {
  background: transparent;
  border: 0;
  color: #64748b;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 10px 4px;
  transition: color 0.15s;
}
.quiz-actions .back-button:hover {
  color: #0f172a;
}
.quiz-actions .primary-button {
  background: #0c1e33;
  color: #ffffff;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 700;
  padding: 14px 28px;
  min-height: 48px;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(12, 30, 51, 0.15);
}
.quiz-actions .primary-button:hover:not(:disabled) {
  background: #17304d;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(12, 30, 51, 0.2);
}
.quiz-actions .primary-button:disabled {
  background: #94a3b8;
  color: #ffffff;
  cursor: not-allowed;
  opacity: 0.8;
  transform: none;
  box-shadow: none;
}

/* Lead Gate Form */
.lead-form .form-group {
  margin-bottom: 20px;
}
.lead-form label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 6px;
}
.lead-form input[type="tel"],
.lead-form input[type="email"] {
  width: 100%;
  border: 1.5px solid #cbd5e1;
  border-radius: 14px;
  padding: 15px 18px;
  font-size: 16px;
  box-sizing: border-box;
  outline: none;
}
.lead-form input:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
}
.field-hint {
  display: block;
  font-size: 12px;
  color: #64748b;
  margin-top: 5px;
}
.checkbox-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  cursor: pointer;
  margin-top: 14px;
}
.checkbox-container input {
  margin-top: 3px;
  accent-color: #10b981;
  width: 16px;
  height: 16px;
}

/* LOADING SCREEN */
.loading-screen {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
}
.loading-spinner {
  width: 54px;
  height: 54px;
  border: 4px solid #e2e8f0;
  border-top-color: #10b981;
  border-radius: 50%;
  animation: spin-loader 0.8s linear infinite;
  margin-bottom: 24px;
}
.loading-screen h2 {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 28px;
}
.loading-checklist {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 440px;
  text-align: left;
  display: grid;
  gap: 16px;
}
.loading-item {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
  color: #94a3b8;
  transition: all 0.3s ease;
}
.loading-item .step-bullet {
  font-size: 18px;
  color: #cbd5e1;
}
.loading-item.active {
  color: #0f172a;
  font-weight: 700;
}
.loading-item.active .step-bullet {
  color: #10b981;
}
.loading-item.done {
  color: #047857;
  font-weight: 600;
}
.loading-item.done .step-bullet {
  color: #10b981;
}

/* ==========================================================================
   RESULT SCREEN STYLING (FIDELIDADE TOTAL AO SCREENSHOT DE REFERÊNCIA)
   ========================================================================== */
.wrap-result {
  width: min(840px, calc(100% - 32px));
  margin-inline: auto;
}

body[data-diagnostic-page="resultado"] {
  background: #f8fafc;
}

.results-container {
  padding-bottom: 80px;
}

/* 1. Hero do Resultado */
.results-hero {
  background: #071d37;
  color: #ffffff;
  padding: 60px 0 76px;
  text-align: center;
}
.results-hero .hero-headline,
.results-hero h1 {
  font-size: clamp(26px, 3.4vw, 42px) !important;
  font-weight: 800 !important;
  max-width: 800px !important;
  margin: 0 auto 16px !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
}
.loss-highlight {
  color: #10b981;
  font-weight: 900;
  background: rgba(16, 185, 129, 0.12);
  padding: 2px 10px;
  border-radius: 8px;
  display: inline-block;
}
.results-hero .hero-subheadline,
.results-hero p.hero-subheadline {
  font-size: 16.5px !important;
  color: #cbd5e1 !important;
  max-width: 700px !important;
  margin: 0 auto 36px !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

/* Card Central de Faturamento Parado */
.revenue-loss-card {
  width: 100%;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 20px;
  padding: 38px 42px;
  box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.3);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 32px;
  text-align: left;
  color: #0f172a;
}
.loss-card-label {
  font-size: 12.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #475569;
  display: block;
}
.loss-card-amount {
  font-size: 54px;
  font-weight: 900;
  color: #059669;
  line-height: 1.05;
  margin: 8px 0 6px;
  letter-spacing: -0.04em;
}
.loss-card-amount small {
  font-size: 20px;
  color: #475569;
  font-weight: 700;
}
.loss-card-desc {
  font-size: 17px;
  font-weight: 800;
  color: #020617;
  margin: 8px 0 6px;
}
.loss-card-sub {
  font-size: 13.5px;
  color: #64748b;
  line-height: 1.55;
  display: block;
}
.loss-card-right {
  display: grid;
  gap: 12px;
  align-content: center;
}
.loss-slice-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  background: #f8fafc;
  border: 1.5px solid #f1f5f9;
  border-radius: 14px;
  font-size: 14.5px;
  font-weight: 600;
}
.slice-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1e293b;
  font-size: 14.5px;
}
.slice-icon {
  font-size: 18px;
}
.slice-value {
  font-weight: 900;
  color: #059669;
  font-size: 17px;
  white-space: nowrap;
}

/* 2. Seções de Conteúdo */
.results-body-content {
  padding-top: 52px;
}
.section-block {
  margin-bottom: 54px;
}
.section-header {
  margin-bottom: 22px;
}
.section-header h2 {
  font-size: 28px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
}
.section-subtitle {
  font-size: 16px;
  color: #475569;
  margin: 0;
  line-height: 1.6;
}

/* Score Grid */
.score-grid {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 20px;
  align-items: stretch;
  margin-bottom: 20px;
}
.gauge-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 26px 18px;
  text-align: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.circular-gauge {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 14px;
}
.gauge-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.gauge-bg {
  fill: none;
  stroke: #f1f5f9;
  stroke-width: 9;
}
.gauge-bar {
  fill: none;
  stroke: #ef4444;
  stroke-width: 9;
  stroke-linecap: round;
  stroke-dasharray: 314;
  stroke-dashoffset: 248;
  transition: stroke-dashoffset 0.8s ease;
}
.gauge-center-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.gauge-number {
  font-size: 38px;
  font-weight: 900;
  color: #0f172a;
  line-height: 1;
}
.gauge-scale {
  font-size: 13px;
  color: #64748b;
  font-weight: 800;
}
.gauge-status-tag {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 9999px;
  background: #fee2e2;
  color: #dc2626;
  font-size: 12.5px;
  font-weight: 800;
}

.pillar-bars-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 26px 28px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
  display: grid;
  gap: 18px;
}
.pillar-row-header {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}
.pillar-score-text {
  color: #059669;
  font-weight: 900;
  font-size: 16px;
}
.pillar-progress-track {
  height: 8px;
  background: #f1f5f9;
  border-radius: 9999px;
  overflow: hidden;
  margin: 6px 0 6px;
}
.pillar-progress-fill {
  height: 100%;
  border-radius: 9999px;
  transition: width 0.6s ease;
}
.fill-rec { background: #ef4444; }
.fill-ind { background: #f97316; }
.fill-rel { background: #eab308; }
.pillar-desc {
  font-size: 14px;
  color: #475569;
  margin: 0;
  line-height: 1.5;
}

/* Opp Cards (Ponto Mais Fraco & Maior Oportunidade) */
.opp-cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.opp-card {
  border-radius: 16px;
  padding: 22px 26px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.opp-card.weak {
  background: #ffffff;
  border: 1.5px solid #fee2e2;
  border-left: 5px solid #ef4444;
}
.opp-card.strong {
  background: #f0fdf4;
  border: 1.5px solid #bbf7d0;
  border-left: 5px solid #10b981;
}
.opp-badge-label {
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #dc2626;
  display: block;
  margin-bottom: 6px;
}
.opp-badge-label.green {
  color: #059669;
}
.opp-card h3 {
  font-size: 19px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 6px;
}
.opp-card.strong h3 {
  color: #065f46;
}
.opp-card p {
  font-size: 14.5px;
  color: #475569;
  margin: 0;
  line-height: 1.55;
}
.opp-card.strong p {
  color: #047857;
  font-weight: 500;
}

/* Leaks Cards */
.leaks-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.leak-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px 22px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
}
.leak-card.leak-1 {
  border-top: 4px solid #ef4444;
}
.leak-card.leak-2 {
  border-top: 4px solid #f97316;
}
.leak-card.leak-3 {
  border-top: 4px solid #94a3b8;
}
.leak-num {
  font-size: 14px;
  font-weight: 900;
  color: #ef4444;
  background: #fef2f2;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
}
.leak-card h3 {
  font-size: 17px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 8px;
  line-height: 1.35;
}
.leak-card p {
  font-size: 14px;
  color: #475569;
  margin: 0;
  line-height: 1.55;
}

/* Plan 90 Days Timeline */
.plan-timeline-rows {
  display: grid;
  gap: 16px;
}
.plan-row {
  display: flex;
  gap: 24px;
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px 28px;
  align-items: flex-start;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.plan-day-badge {
  background: #f0fdf4;
  border: 1.5px solid #bbf7d0;
  border-radius: 14px;
  width: 62px;
  height: 62px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.plan-day-badge .badge-num {
  font-size: 24px;
  font-weight: 900;
  color: #059669;
  line-height: 1;
}
.plan-day-badge .badge-unit {
  font-size: 11.5px;
  font-weight: 800;
  color: #047857;
  text-transform: lowercase;
  margin-top: 2px;
}
.plan-row-content h3 {
  font-size: 19px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 10px;
}
.plan-row-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 7px;
}
.plan-row-content li {
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
  position: relative;
  padding-left: 18px;
}
.plan-row-content li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #10b981;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.2;
}

/* WhatsApp Messages */
.whatsapp-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.wa-msg-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 16px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.wa-msg-header strong {
  display: block;
  font-size: 16.5px;
  font-weight: 800;
  color: #0f172a;
}
.wa-timing {
  font-size: 12.5px;
  color: #64748b;
  margin-top: 3px;
  display: block;
}
.wa-bubble {
  background: #dcfce7;
  border: 1.5px solid #bbf7d0;
  border-radius: 14px;
  padding: 16px 18px;
  margin: 14px 0 16px;
  font-size: 14px;
  color: #14532d;
  line-height: 1.6;
  flex-grow: 1;
}
.copy-msg-btn {
  background: #ffffff;
  border: 1.5px solid #cbd5e1;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13.5px;
  font-weight: 800;
  color: #1e293b;
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
  text-align: center;
}
.copy-msg-btn:hover {
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
}
.copy-msg-btn.copied {
  background: #059669 !important;
  color: #ffffff !important;
  border-color: #059669 !important;
}

/* Routine Comparison (3 Paired Rows) */
.routine-comparison-list {
  display: grid;
  gap: 14px;
}
.routine-pair-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 16px;
  align-items: center;
}
.routine-arrow {
  color: #94a3b8;
  font-size: 20px;
  font-weight: 900;
  display: grid;
  place-items: center;
}
.routine-box {
  border-radius: 14px;
  padding: 18px 20px;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.015);
}
.box-hoje {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
}
.box-murevo {
  background: #f0fdf4;
  border: 1.5px solid #a7f3d0;
}
.routine-tag {
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;
  margin-bottom: 4px;
  display: block;
}
.routine-tag.tag-green {
  color: #059669;
}
.box-hoje p {
  font-size: 15px;
  color: #475569;
  margin: 0;
  line-height: 1.5;
}
.box-murevo p {
  font-size: 15px;
  color: #065f46;
  font-weight: 700;
  margin: 0;
  line-height: 1.5;
}

/* Box Comercial MUREVO */
.offer-dark-box {
  background: #081a2e;
  color: #ffffff;
  border-radius: 24px;
  padding: 50px 46px;
  margin: 54px 0;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
.offer-header h2 {
  font-size: clamp(26px, 3.2vw, 36px);
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 1.3;
}
.green-highlight {
  color: #10b981;
}
.offer-subtitle {
  font-size: 16.5px;
  color: #cbd5e1;
  line-height: 1.65;
  margin: 0 0 28px;
}
.offer-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
  display: grid;
  gap: 14px;
}
.offer-benefits-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  font-size: 15.5px;
  color: #e2e8f0;
  line-height: 1.6;
}
.check-green {
  color: #10b981;
  font-weight: 900;
  font-size: 17px;
  flex-shrink: 0;
  margin-top: 1px;
}
.cross-red {
  color: #ef4444;
  font-weight: 900;
  font-size: 17px;
  flex-shrink: 0;
  margin-top: 1px;
}

.offer-plans-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-bottom: 26px;
}
.plan-price-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  padding: 30px 28px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.plan-price-card.featured {
  border: 2.5px solid #10b981;
  background: rgba(16, 185, 129, 0.09);
}
.featured-badge {
  position: absolute;
  top: -13px;
  left: 24px;
  background: #10b981;
  color: #041325;
  font-size: 11px;
  font-weight: 900;
  padding: 4px 14px;
  border-radius: 9999px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.plan-tag {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}
.plan-price-card.featured .plan-tag {
  color: #10b981;
}
.plan-price-main {
  font-size: 38px;
  font-weight: 900;
  color: #ffffff;
  margin: 10px 0 6px;
  line-height: 1.1;
}
.plan-price-main small {
  font-size: 13.5px;
  color: #cbd5e1;
  font-weight: 500;
  display: block;
  margin-top: 4px;
}
.plan-purpose {
  font-size: 15px;
  color: #cbd5e1;
  margin: 8px 0 22px;
  line-height: 1.5;
  flex-grow: 1;
}
.plan-cta {
  width: 100%;
  min-height: 52px;
  border-radius: 9999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: grid;
  place-items: center;
  text-align: center;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s ease;
}
.secondary-button.plan-cta {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1.5px solid rgba(255, 255, 255, 0.25);
}
.secondary-button.plan-cta:hover {
  background: rgba(255, 255, 255, 0.2);
}
.primary-button.plan-cta {
  background: #10b981;
  color: #041325;
  border: none;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35);
}
.primary-button.plan-cta:hover {
  background: #34d399;
  transform: translateY(-2px);
}

/* ROI Callout */
.roi-callout-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 22px 26px;
  font-size: 15px;
  line-height: 1.65;
  color: #cbd5e1;
}
.roi-bold {
  color: #34d399;
  font-weight: 900;
}
.guarantee-micro {
  text-align: center;
  font-size: 13px;
  color: #94a3b8;
  margin-top: 22px;
}

/* Para quem é / Não é */
.qualification-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.qual-card {
  background: #ffffff;
  border: 1.5px solid #e2e8f0;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.02);
}
.qual-card h3 {
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 16px;
}
.qual-card.is-for h3 { color: #059669; }
.qual-card.not-for h3 { color: #dc2626; }
.qual-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.qual-card li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  color: #334155;
  line-height: 1.6;
}

/* Ações Finais & Viral Share */
.results-actions-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 44px 0 24px;
}
#btn-save-pdf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  border: 2px solid #cbd5e1;
  border-radius: 9999px;
  padding: 15px 42px;
  font-size: 15.5px;
  font-weight: 800;
  color: #0f172a;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
}
#btn-save-pdf:hover {
  border-color: #0f172a;
  background: #f8fafc;
  transform: translateY(-1px);
}
.text-link-action {
  font-size: 15px;
  font-weight: 700;
  color: #059669;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.viral-share-section {
  margin: 28px 0 20px;
}
.viral-share-card {
  background: linear-gradient(135deg, #064e3b, #047857);
  color: #ffffff;
  border-radius: 22px;
  padding: 36px 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  box-shadow: 0 16px 40px rgba(5, 150, 105, 0.28);
}
.viral-text-block h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #ffffff;
  line-height: 1.3;
}
.viral-text-block p {
  font-size: 15.5px;
  color: #a7f3d0;
  margin: 0;
  line-height: 1.6;
}
.whatsapp-share-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  color: #064e3b;
  font-size: 15.5px;
  font-weight: 800;
  padding: 16px 32px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}
.whatsapp-share-button:hover {
  transform: translateY(-2px);
  background: #dcfce7;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}
.wa-icon-svg {
  display: flex;
  align-items: center;
}

/* Chamada Institucional MUREVO */
.site-discovery-section {
  margin: 0 0 64px;
}
.site-discovery-card {
  background: linear-gradient(135deg, #071d37, #0c2b4c);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-radius: 22px;
  padding: 36px 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  box-shadow: 0 16px 40px rgba(7, 29, 55, 0.22);
}
.site-discovery-text h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #ffffff;
  line-height: 1.3;
}
.site-discovery-text p {
  font-size: 15.5px;
  color: #cbd5e1;
  margin: 0;
  line-height: 1.6;
}
.site-discovery-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #10b981;
  color: #041325;
  font-size: 15.5px;
  font-weight: 800;
  padding: 16px 32px;
  border-radius: 9999px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
}
.site-discovery-btn:hover {
  background: #34d399;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);
}

@media (max-width: 768px) {
  .revenue-loss-card {
    grid-template-columns: 1fr;
    padding: 26px 20px;
  }
  .score-grid, .opp-cards-grid, .leaks-grid, .whatsapp-cards-grid, .offer-plans-grid, .qualification-grid {
    grid-template-columns: 1fr !important;
  }
  .routine-pair-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .routine-arrow {
    transform: rotate(90deg);
    margin: 2px 0;
  }
  .offer-dark-box {
    padding: 32px 20px !important;
  }
  .viral-share-card,
  .site-discovery-card {
    flex-direction: column;
    text-align: center;
    padding: 28px 20px;
  }
  .whatsapp-share-button,
  .site-discovery-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ==========================================================================
   MOBILE-FIRST do questionário (v4.1.1)
   Fica ao final do arquivo de propósito: precisa vencer as regras base acima.
   ========================================================================== */
.quiz-radio-grid-2 > *,
.quiz-radio-stack > *,
.step-card { min-width: 0; }
.card-left-content { min-width: 0; overflow-wrap: anywhere; }

@media (max-width: 640px) {
  /* Pergunta 2 (segmento): duas colunas estouravam a largura da tela. */
  .quiz-radio-grid-2 { grid-template-columns: 1fr; gap: 10px; }

  .quiz-wrap { padding-top: 22px; padding-bottom: 36px; }
  .quiz-progress-header { font-size: 13px; margin-bottom: 10px; }
  .progress-rail { margin-bottom: 16px; }
  .quiz-card { padding: 24px 18px 0; border-radius: 22px; margin-top: 8px; }
  .quiz-card h2 { font-size: 24px; line-height: 1.25; }
  .quiz-context { font-size: 14px; margin: 8px 0 18px; }

  /* Alvos de toque confortáveis (>= 56px) e texto legível. */
  .quiz-radio-card { padding: 14px 16px; min-height: 56px; gap: 10px; }
  .card-left-content { font-size: 15px; gap: 12px; }

  /* 16px evita o zoom automático do iOS ao focar um campo. */
  .quiz-text-input,
  .lead-form input[type="tel"],
  .lead-form input[type="email"],
  .lead-form input[type="text"] { font-size: 16px; min-height: 52px; }

  /* Barra de ações fixa na base do cartão: "Continuar" sempre à vista, sem rolar. */
  .quiz-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin: 20px -18px 0;
    padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px));
    background: #ffffff;
    border-top: 1px solid #eef2f7;
    border-radius: 0 0 22px 22px;
    gap: 12px;
  }
  .quiz-actions .back-button { padding: 12px 6px; min-height: 48px; }
  .quiz-actions .primary-button {
    flex: 1;
    justify-content: center;
    min-height: 52px;
    font-size: 15px;
  }

  /* Intro: CTA mais perto da primeira tela. */
  .intro-main { padding: 26px 0 28px; }
  .intro-main h1 { font-size: clamp(30px, 8.4vw, 40px); margin: 8px 0 14px; }
  .intro-desc { font-size: 15px; line-height: 1.6; }
  .intro-checkmarks { gap: 10px; }
  .intro-checkmarks li { font-size: 14px; }
  .intro-cta-box .primary-button { min-height: 56px; justify-content: center; gap: 10px; }

  /* "Seu diagnóstico em três partes": uma coluna em vez de três espremidas. */
  .diagnostic-three-steps { padding: 40px 0 32px; margin-top: 8px; }
  .steps-heading { font-size: 22px; margin-bottom: 20px; }
  .three-steps-grid { grid-template-columns: 1fr; gap: 12px; }
  .step-card { padding: 20px 18px; border-radius: 16px; }
  .step-card h3 { font-size: 17px; }
}

@media (max-width: 380px) {
  .quiz-card { padding: 20px 14px 0; }
  .quiz-actions { margin-inline: -14px; padding-inline: 14px; }
  .quiz-card h2 { font-size: 22px; }
}

/* "Seu diagnóstico em três partes": faixa branca para separar do topo escuro (v4.1.3). */
.three-steps-band { background: #ffffff; color: #0f172a; }
.three-steps-band .diagnostic-three-steps { border-top: 0; margin-top: 0; padding: 72px 0 76px; }
.three-steps-band .steps-heading { color: #0b1f3a; }
.three-steps-band .step-card {
  background: #f4f8fb;
  border: 1px solid #e3ebf3;
  box-shadow: 0 8px 24px -14px rgba(11, 31, 58, 0.18);
}
.three-steps-band .step-card .step-num { color: #059669; }
.three-steps-band .step-card h3 { color: #0b1f3a; }
.three-steps-band .step-card p { color: #475569; }
@media (max-width: 640px) {
  .three-steps-band .diagnostic-three-steps { padding: 40px 0 44px; }
}

/* ==========================================================================
   Resultado personalizado (v4.2.0)
   ========================================================================== */
.res-scale-line{max-width:720px;margin:-6px auto 26px;text-align:center;font-size:15px;line-height:1.6;color:#b9d3e6}
.hero-result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:28px}
.hero-result-cta{min-height:54px;padding:14px 30px;font-size:15px;box-shadow:0 12px 30px -10px rgba(16,185,129,.6)}
.hero-result-link{color:#cfe3ee;font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.hero-result-link:hover{color:#6ee7b7}

.leak-amount{margin:12px 0 0;font-weight:800;font-size:15px;color:#b91c1c}
.leak-murevo{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#ecfdf5;color:#065f46;font-size:13px;line-height:1.5;font-weight:600}

.priority-callout{margin:0 0 22px;padding:18px 20px;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe}
.priority-callout-label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#1d4ed8;margin-bottom:6px}
.priority-callout p{margin:0;font-size:15px;line-height:1.6;color:#0f172a}

.inline-result-cta{margin-top:24px;padding:20px 22px;border-radius:16px;background:#0b1f3a;color:#e2edf6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.inline-result-cta p{margin:0;font-size:15px;line-height:1.5;max-width:520px}

.calc-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px 24px;display:grid;gap:16px}
.calc-row{display:flex;gap:14px;align-items:flex-start}
.calc-row p{margin:0;font-size:15px;line-height:1.6;color:#334155}
.calc-step{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b1f3a;color:#6ee7b7;font-weight:800;font-size:13px}
.calc-slices{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.55;color:#334155}
.calc-slices strong{color:#0f172a}
.calc-disclaimer{margin:0;font-size:12px;color:#64748b;font-style:italic}

.roi-highlight{margin:6px 0 26px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(16,185,129,.06));border:1px solid rgba(110,231,183,.45)}
.roi-highlight-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:#6ee7b7;margin-bottom:8px}
.roi-highlight p{margin:0 0 14px;font-size:16px;line-height:1.5;color:#e2edf6}
.roi-highlight strong{color:#fff}
.roi-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.roi-compare>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;display:grid;gap:2px}
.roi-compare small{font-size:12px;color:#9fb7c9}
.roi-compare strong{font-size:22px;color:#fff}
.roi-compare span{font-size:13px;color:#cfe3ee;line-height:1.45}
.roi-compare b{color:#6ee7b7}
.roi-note{display:block;margin-top:12px;font-size:11.5px;color:#9fb7c9}

@media (max-width:640px){
  .res-scale-line{font-size:14px;margin:-4px 0 20px;text-align:left}
  .hero-result-actions{flex-direction:column;align-items:stretch}
  .hero-result-cta{width:100%;justify-content:center;text-align:center}
  .hero-result-link{text-align:center}
  .inline-result-cta{flex-direction:column;align-items:stretch}
  .inline-result-cta .primary-button{width:100%;justify-content:center;text-align:center}
  .calc-card{padding:18px 16px}
  .roi-compare{grid-template-columns:1fr}
}
.res-scale-line{margin-top:-18px}
.loss-card-link{color:#047857;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.res-scale-line{margin-top:-10px}}
.lead-error{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:14px;font-weight:600;line-height:1.5}

/* Modal "Como chegamos a esse número" (v4.3.1) */
.calc-modal{width:min(680px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:20px;background:#f8fafc;color:#0f172a;box-shadow:0 30px 80px -20px rgba(2,6,23,.6)}
.calc-modal::backdrop{background:rgba(2,6,23,.62);backdrop-filter:blur(2px)}
.calc-modal[open]{display:flex;flex-direction:column}
.calc-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 12px}
.calc-modal-head h2{margin:0 0 4px;font-size:22px}
.calc-modal-head .section-subtitle{margin:0}
.calc-modal-close{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;font-size:26px;line-height:1;color:#334155;cursor:pointer}
.calc-modal-close:hover{background:#f1f5f9}
.calc-modal-close:focus-visible,.calc-modal-foot .primary-button:focus-visible{outline:3px solid #10b981;outline-offset:2px}
.calc-modal .calc-card{margin:0 24px;overflow-y:auto}
.calc-modal-foot{padding:16px 24px 22px;display:flex;justify-content:flex-end}
.calc-modal-foot .primary-button{min-height:48px}
.loss-card-link{background:none;border:0;padding:0;font:inherit;color:#047857;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.calc-inline-trigger{margin:0 0 18px;text-align:center}
.calc-inline-btn{background:none;border:0;padding:8px;font:inherit;font-size:14px;font-weight:700;color:#0f766e;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media (max-width:640px){
  .calc-modal{width:calc(100% - 20px);max-height:calc(100vh - 20px);border-radius:16px}
  .calc-modal-head{padding:18px 16px 10px}
  .calc-modal-head h2{font-size:19px}
  .calc-modal .calc-card{margin:0 12px}
  .calc-modal-foot{padding:14px 16px 18px}
  .calc-modal-foot .primary-button{width:100%;justify-content:center}
}
@media (max-width:640px){.res-scale-line{text-align:center}}

/* Bloco "quanto basta recuperar" (v4.3.2) */
.roi-highlight .roi-headline{margin:0 0 8px;font-size:clamp(19px,2.4vw,24px);line-height:1.3;font-weight:800;color:#fff}
.roi-highlight .roi-detail{margin:0 0 10px;font-size:15px;color:#cfe3ee}
.roi-highlight .roi-goal{margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);font-size:14px;color:#a7f3d0;line-height:1.5}
