/* Referência pede.ai: azul do app em destaques, preto nos textos, fundos planos. */
:root{--primary:#17327f;--secondary:#17327f;--accent:#eaf0fa;--light:#f4f6fb;--ink:#242328}
body{color:var(--ink);background:#fff;font-weight:600}
h1,h2,h3{color:var(--ink);font-weight:900;letter-spacing:-.025em}
p,.lead,.hero-caption,.step-card p,.benefit p,.audience-copy p,.testimonial blockquote{color:var(--ink)}
.eyebrow,.text-link,.title-highlight,.benefit h3,.benefit-icon,.numbers-grid strong{color:var(--primary)}
.eyebrow{font-size:13px;letter-spacing:.18em}
.section{padding-top:85px;padding-bottom:85px}
.site-header,.section-hero{background:var(--light)}
.site-header{padding:20px 0}
.section-hero{padding-top:35px;padding-bottom:95px}
.hero-grid{gap:55px}
.hero-grid h1{font-size:clamp(42px,4.6vw,66px);line-height:1.13}
.hero-grid .lead{font-size:20px;line-height:1.6}
.header-inner nav{color:var(--ink)}
.button{background:var(--primary);box-shadow:none;border-radius:9px}
.button:hover{box-shadow:0 5px 15px #17327f14}
.highlights{box-shadow:none;border:0;background:transparent;margin-top:0;padding:32px 0}
.round-icon{color:var(--primary);background:#edf1fa;border:0}
.section-highlights{padding:0}
.step-card{box-shadow:none;border:0;padding:36px 22px 24px}
.step-number{color:var(--primary);font-size:25px}
.step-card h3,.category-card strong{color:var(--ink)}
.section-categories{padding-top:30px}
.category-card{border:0;box-shadow:none;border-radius:18px;background:#f3f5fa}
.category-card>span{color:var(--primary)}
.section-benefits{background:var(--light)}
.benefit{gap:85px;margin:60px 0 75px}
.benefit h3{font-size:clamp(28px,3vw,38px);line-height:1.18}
.benefit p{font-size:18px;line-height:1.65}
.benefit-icon{display:none}
.phone-halo{display:none}
.real-scene .scene-note{background:white;color:var(--ink);border-color:#e3e6ed;box-shadow:none}
.phone.real-phone{box-shadow:0 15px 35px #24232814;transform:none}
.benefit.reverse .real-phone{transform:none}
.section-audiences{background:#fff}
.section-audiences .eyebrow{color:var(--primary)}
.section-audiences>.container>.section-heading h2{color:var(--ink)}
.audience-card{border:1px solid #eceef3;box-shadow:none;border-radius:22px}
.audience-art{background:var(--light);color:var(--primary)}
.audience-copy{padding:28px}
.audience-copy h3{font-size:25px}
.audience-copy p{font-size:16px;line-height:1.6}
.numbers-grid article{border:0;box-shadow:none;background:transparent}
.numbers-grid h3{color:var(--ink)}
.city-art{background:var(--light)}
.section-testimonials{background:var(--light);width:100%;border-radius:0}
.section-testimonials .section-heading h2{max-width:920px;font-size:clamp(30px,4vw,46px);color:var(--ink)}
.testimonial-track{max-width:900px;margin:auto;padding:58px 0 15px}
.testimonial{flex-basis:100%;max-width:none;padding:72px 35px 40px;border:0;box-shadow:none;border-radius:30px;min-height:285px}
.testimonial-avatar{background:#eaf0fa;color:var(--primary)}
.testimonial .testimonial-quote{color:var(--primary)}
.testimonial blockquote{font-size:18px;line-height:1.65}
.testimonial figcaption strong,.testimonial figcaption small{color:var(--ink)}
.testimonial figcaption small{font-weight:600}
.carousel-controls button{color:var(--primary);background:#fff;border:1px solid #dce2ee}
.section-download{background:#fff}
.section-download .section-heading h2{color:var(--ink)}
.contact{background:white;padding:25px 0 50px}
.contact-inner{background:var(--light);border:0;border-radius:22px}
footer.premium-footer{background:var(--light);color:var(--ink)}
.premium-footer:before{display:none}
.footer-feature,.premium-footer .footer-bottom{border-color:#e0e5ef}
.footer-feature h2,.footer-app-card strong,.premium-footer .brand,.premium-footer .footer-grid h3,.footer-access-card>span:nth-child(2){color:var(--ink)}
.footer-feature-copy>p,.footer-app-card>p,.premium-footer .footer-brand-column>p,.footer-contact-lines,.premium-footer .footer-grid>div>a:not(.brand),.premium-footer .footer-bottom,.footer-location,.footer-access-card small{color:var(--ink)}
.footer-eyebrow,.footer-secondary-link{color:var(--primary)}
.footer-app-card{background:#fff;border:1px solid #e3e7f0;box-shadow:none;backdrop-filter:none;transform:none}
.footer-app-emblem{box-shadow:none}
.footer-location,.footer-access-card{background:#fff;border-color:#e3e7f0}
.footer-button{background:var(--primary)!important;color:white!important;box-shadow:none}
.premium-footer .footer-grid a:hover{color:var(--primary)}
.footer-social-links>a,.footer-stores>a{background:#fff;border-color:#e3e7f0;color:var(--primary)}
.blog-hero,.blog-article-header{background:var(--light)}
.blog-card,.blog-featured{box-shadow:none}
.blog-tag{background:var(--accent)!important;color:var(--primary)!important}
.blog-card p,.article-body,.article-excerpt,.blog-featured-copy p{color:var(--ink)}
@media(max-width:760px){.section{padding-top:58px;padding-bottom:58px}.section-hero{padding-top:32px;padding-bottom:55px}.section-highlights{padding:0}.hero-grid{gap:28px}.hero-grid h1{font-size:42px}.hero-grid .lead{font-size:18px}.highlights{padding:22px 0}.step-card{padding:35px 12px 20px}.step-card h3{font-size:17px}.benefit{gap:25px;margin:45px 0 55px}.benefit p{font-size:17px}.section-testimonials>.container{width:calc(100% - 36px)}.testimonial{padding:65px 24px 30px;border-radius:24px;min-height:320px}.testimonial blockquote{font-size:16px}.audience-copy{padding:25px}.contact{padding-top:15px;padding-bottom:40px}.footer-feature{gap:30px}}
/* Menu fixo e ações no formato da referência. */
.site-header{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 #17327f09;padding:16px 0}
.header-inner{width:min(1320px,calc(100% - 48px));gap:24px}
.header-inner .brand{font-size:20px}
.header-inner .brand img{width:46px;height:42px}
.header-inner nav{gap:18px;font-size:13px}
.header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.header-actions .button{font-size:14px;gap:10px;padding:11px 17px;border-radius:9px;white-space:nowrap;min-height:48px}
.button .svg-icon{font-size:22px}
.button-outline{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.button-outline:hover{background:white;box-shadow:none}
.app-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.app-badge{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:14px;min-width:210px;transition:transform .2s}
.app-badge:hover{transform:translateY(-2px)}
.app-badge>.svg-icon{font-size:32px;flex-shrink:0}
.app-badge span{display:block;line-height:1.2}
.app-badge small{display:block;font-size:10px;font-weight:600}
.app-badge strong{display:block;font-size:18px;font-weight:900;margin-top:2px}
/* Celulares reais com composição ilustrada, sem legenda flutuante. */
.phone-scene.real-scene{width:460px;padding:24px 65px 32px;max-width:100%;isolation:isolate}
.phone-halo{display:block!important;position:absolute;inset:15% 0 7%;background:#e2eafb;border-radius:48% 52% 57% 43%;transform:rotate(-12deg);z-index:-1}
.phone.real-phone{width:280px;max-width:100%;position:relative;z-index:1;transform:rotate(-3deg);border:8px solid #202532;box-shadow:none}
.phone-decor{position:absolute;display:grid;place-items:center;z-index:2;color:var(--primary)}
.phone-decor .svg-icon{width:100%;height:100%}
.decor-gift{width:85px;height:85px;left:0;top:9%;transform:rotate(-18deg)}
.decor-heart{width:42px;height:42px;right:20px;top:5%;transform:rotate(15deg)}
.decor-store{width:74px;height:74px;right:0;bottom:12%;background:white;padding:13px;border-radius:17px;transform:rotate(12deg);border:1px solid #d7e1f5}
.benefit .phone-scene.real-scene{width:420px;padding:24px 65px 32px}
.benefit .phone.real-phone{width:250px;transform:rotate(3deg)}
.benefit.reverse .phone.real-phone{transform:rotate(-3deg)}
.section-download .phone-scene.real-scene{width:420px}
.section-download .phone.real-phone{transform:rotate(-3deg);box-shadow:none}
/* Rodapé escuro com curva, mapa do site e botões das lojas. */
footer.premium-footer.reference-footer{background:#242328;color:#fff;margin-top:100px;overflow:visible;position:relative;padding:25px 0 26px}
.footer-wave{position:absolute;top:-99px;left:0;width:100%;height:100px;color:#242328;display:block}
.reference-footer .footer-grid{grid-template-columns:1.2fr .8fr 1fr 1fr;gap:48px;padding:35px 0 45px}
.reference-footer .brand,.reference-footer .footer-grid h3{color:#fff}
.reference-footer .brand{font-size:26px;margin-bottom:23px}
.reference-footer .brand img{background:white;width:48px;height:48px;border-radius:14px;padding:5px}
.reference-footer .footer-grid h3{font-size:23px;margin:0 0 28px;letter-spacing:-.02em}
.reference-footer .footer-brand-column>p,.reference-footer .footer-grid>div>a:not(.brand),.reference-footer .footer-contact-lines,.reference-footer .footer-bottom{color:#fff;font-size:14px}
.reference-footer .footer-grid>div>a:not(.brand){margin:12px 0;font-weight:600}
.reference-footer .footer-social-links{gap:20px;margin:22px 0}
.reference-footer .footer-social-links a{background:transparent;color:#fff;border:0;padding:0;font-size:23px}
.reference-footer .footer-contact-lines{gap:16px;line-height:1.65}
.reference-footer .footer-contact-lines a,.reference-footer .footer-contact-lines>span{display:flex;gap:12px;align-items:flex-start;overflow-wrap:anywhere}
.reference-footer .footer-contact-lines .svg-icon{font-size:21px;flex-shrink:0;margin-top:3px}
.reference-footer .footer-bottom{font-size:11px;color:#bcbcc4;border-color:#ffffff1c}
.reference-footer .footer-grid a:hover{color:#c5d3ff}
.reference-footer .app-badges{margin-top:0;display:flex;flex-direction:column;gap:12px}
.reference-footer .app-badge{background:var(--primary);color:#fff;min-width:0;width:100%;padding:11px 18px}
.reference-footer .footer-seller{border-top:1px solid #ffffff20;margin-top:20px;padding-top:18px}
.reference-footer .footer-seller p{font-size:12px;color:#bcbcc4;margin:0 0 10px}
.reference-footer .footer-seller a{font-size:14px;color:white;font-weight:800}
.reference-footer .footer-sell-button{display:flex!important;align-items:center;justify-content:center;gap:10px;color:#fff!important;border:1px solid #ffffff55;border-radius:10px;padding:10px 15px;margin-top:18px!important;font-weight:800!important}
@media(max-width:1150px){.header-inner{flex-wrap:wrap;gap:10px 20px}.header-inner nav{order:3;width:100%;justify-content:center;padding-top:8px}.header-actions{margin-left:auto}.reference-footer .footer-grid{gap:28px}}
@media(max-width:760px){.site-header{padding:12px 0}.header-inner{width:calc(100% - 32px);gap:8px}.header-inner .brand{font-size:17px}.header-inner .brand img{width:36px;height:34px}.menu-toggle{margin-left:auto}.header-actions{width:100%;margin-left:0;gap:10px;order:2}.header-actions .button{flex:1;font-size:12px;padding:8px 10px;min-height:40px}.header-actions .svg-icon{font-size:19px}.header-inner nav{order:3;padding:12px 0 0}.header-inner nav.open{align-items:stretch}.phone-scene.real-scene,.benefit .phone-scene.real-scene,.section-download .phone-scene.real-scene{width:350px;padding:20px 48px 28px}.phone.real-phone{width:250px}.decor-gift{width:62px;height:62px;top:12%}.decor-store{width:58px;height:58px;padding:11px}.decor-heart{width:32px;height:32px;right:10px}.reference-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px;padding-top:20px}.reference-footer .footer-grid h3{font-size:20px;margin-bottom:20px}.reference-footer .footer-brand-column,.reference-footer .footer-connect{grid-column:1/-1}.reference-footer .footer-connect .app-badges{flex-direction:row}.reference-footer .app-badge{width:auto;flex:1;min-width:180px}.reference-footer .footer-bottom{align-items:flex-start;font-size:10px}.reference-footer .footer-contact-lines{font-size:13px}}

@media(max-width:1150px){html{scroll-padding-top:160px}}@media(max-width:760px){html{scroll-padding-top:155px}}

/* Topo contínuo sem divisória e faixa branca curva para os destaques. */
.site-header{border:0;box-shadow:none;background:var(--light)}
.section-hero{background:var(--light);padding-bottom:100px}
.section-highlights{position:relative;background:#fff;padding:25px 0 35px;margin-top:0;z-index:2}
.highlights-wave{position:absolute;left:0;top:-69px;width:100%;height:70px;display:block;color:white;pointer-events:none}
.highlights{position:relative;background:#fff;border:0;border-radius:0;margin:0;padding:15px 0;box-shadow:none;gap:30px}
.highlights>div{font-size:17px;line-height:1.4;padding:10px 15px}
.highlights .round-icon{width:76px;height:76px;background:transparent;border:0;border-radius:0;color:var(--primary);font-size:49px;margin-bottom:16px}
.highlights strong{color:var(--ink);font-weight:900}
@media(max-width:760px){.section-hero{padding-bottom:85px}.section-highlights{padding:16px 0 25px}.highlights-wave{top:-44px;height:45px}.highlights{padding:8px 0;gap:16px}.highlights>div{font-size:14px;padding:8px 5px}.highlights .round-icon{width:62px;height:62px;font-size:41px;margin-bottom:12px}}