:root{--ink:#111827;--muted:#667085;--line:#e5e9ef;--orange:#ff7518;--orange-dark:#d94f00;--paper:#fff;--soft:#f5f7fa;--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;position:relative;z-index:10}
.brand img{width:172px}
.nav{display:flex;align-items:center;gap:30px;font-weight:600;color:#344054}
.nav a{transition:.2s}
.nav a:hover{color:var(--orange)}
.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:14px}
.menu-toggle{display:none;background:var(--ink);border:0;border-radius:14px;width:50px;height:50px;padding:13px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:white;margin:5px 0}
.hero{min-height:720px;background:linear-gradient(135deg,#f8fafc 0%,#fff 52%,#fff3ea 100%);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:46px;padding:70px max(28px,calc((100vw - 1240px)/2));border-top:1px solid #edf0f4}
.eyebrow{font:700 .78rem/1.2 "Manrope",sans-serif;letter-spacing:.13em;color:var(--orange-dark);margin:0 0 20px}
.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}
.hero h1,.section-heading h2,.experience h2,.cta h2{font:800 clamp(2.8rem,5.2vw,5.5rem)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}
.hero h1 em{color:var(--orange);font-style:normal}
.hero-text{font-size:1.2rem;color:var(--muted);max-width:610px;margin:28px 0 30px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;font-weight:700}
.button.primary{background:var(--orange);color:white;box-shadow:0 12px 26px rgba(255,117,24,.24)}
.button.primary:hover{background:#e9630c}
.button.secondary{background:white;border:1px solid #d7dde6}
.hero-points{list-style:none;padding:0;margin:32px 0 0;display:flex;gap:22px;flex-wrap:wrap;color:#475467;font-size:.9rem}
.hero-points li:before{content:"✓";color:var(--orange);font-weight:800;margin-right:7px}
.hero-product{position:relative}
.browser{background:white;border:1px solid #e1e5eb;border-radius:20px;overflow:hidden;box-shadow:0 35px 80px rgba(17,24,39,.18);transform:rotate(1deg);position:relative}
.browser-bar{height:44px;background:#f7f8fa;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:7px;padding:0 14px}
.browser-bar i{width:9px;height:9px;border-radius:50%;background:#cbd1d8}
.browser-bar i:first-child{background:#ff876e}
.browser-bar span{font-size:.72rem;color:#8a94a2;margin-left:12px}
.browser img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.glow{position:absolute;inset:-60px;background:radial-gradient(circle,rgba(255,117,24,.22),transparent 64%);filter:blur(20px)}
.floating-card{position:absolute;left:-28px;bottom:-34px;background:var(--ink);color:white;border-radius:18px;padding:18px 24px;box-shadow:0 18px 35px rgba(17,24,39,.25)}
.floating-card strong,.floating-card span{display:block}
.floating-card span{color:#aeb7c5;font-size:.9rem}
.trust-strip{background:var(--ink);color:white;min-height:82px;display:flex;align-items:center;justify-content:center;gap:28px;padding:20px 28px;flex-wrap:wrap}
.trust-strip p{font:700 .78rem "Manrope";letter-spacing:.1em;margin:0}
.trust-strip i{width:5px;height:5px;background:var(--orange);border-radius:50%}
.section{max-width:1240px;margin:auto;padding:120px 28px}
.section-heading{display:flex;flex-direction:column}
.section-heading h2{font-size:clamp(2.4rem,4.6vw,4.7rem)}
.section-lead{font-size:1.25rem;color:var(--muted);max-width:590px;margin:40px 0 60px auto}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.benefit-grid article{border-top:2px solid var(--ink);padding:28px 5px}
.benefit-grid span{color:var(--orange);font-weight:700}
.benefit-grid h3{font:700 1.3rem "Manrope";margin:35px 0 10px}
.benefit-grid p{color:var(--muted);margin:0}
.niches{max-width:none;background:var(--ink);color:white;padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:max(28px,calc((100vw - 1240px)/2))}
.light .eyebrow{color:#ff9c5a}
.niche-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:16px;margin-top:55px}
.niche-grid article{min-height:380px;border:1px solid #344054;border-radius:22px;padding:26px;display:flex;flex-direction:column;transition:.25s}
.niche-grid article:hover{transform:translateY(-4px);border-color:#596579}
.niche-grid .featured{background:var(--orange);border-color:var(--orange)}
.niche-icon{width:48px;height:48px;border:1px solid #596579;border-radius:14px;display:grid;place-items:center;color:#d7dde6}
.niche-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.featured .niche-icon{border-color:rgba(255,255,255,.55)}
.featured .niche-icon{color:white}
.tag{font:.72rem "Manrope";letter-spacing:.13em;margin:50px 0 12px;color:#9ba6b6}
.featured .tag{color:white}
.niche-grid h3{font:700 1.45rem/1.2 "Manrope";margin:0 0 15px}
.niche-grid article>p:last-of-type{color:#aeb7c5}
.featured article>p,.featured>p:last-of-type{color:#fff}
.niche-grid ul{padding-left:18px;margin-top:auto}
.module-list{margin:55px 0 0}
.module-list article{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;border-top:1px solid var(--line);padding:24px 8px}
.module-list b{color:var(--orange)}
.module-list h3{font:700 1.28rem "Manrope";margin:0}
.module-list p{color:var(--muted);margin:4px 0}
.module-list article>span{font-size:1.5rem}
.proof{background:#fff3ea;padding:100px max(28px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end}
.proof-heading h2{font:800 clamp(2.5rem,4.3vw,4.6rem)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}
.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #f3c8aa;border-left:1px solid #f3c8aa}
.proof-grid article{min-height:150px;padding:26px;border-right:1px solid #f3c8aa;border-bottom:1px solid #f3c8aa;display:flex;flex-direction:column;justify-content:flex-end}
.proof-grid strong{font:800 2rem "Manrope",sans-serif;color:var(--orange-dark)}
.proof-grid span{color:#76523c;margin-top:5px}
.experience{max-width:none;background:var(--soft);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:max(28px,calc((100vw - 1240px)/2));overflow:hidden}
.experience-copy p:not(.eyebrow){font-size:1.14rem;color:var(--muted);max-width:500px}
.device-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.device-tags span{background:white;border:1px solid var(--line);padding:9px 14px;border-radius:30px;font-weight:600}
.phones{display:flex;justify-content:center;align-items:center;gap:10px;min-height:650px}
.phones figure{width:250px;height:530px;margin:0;border:8px solid #111827;border-radius:38px;overflow:hidden;background:white;box-shadow:0 24px 50px rgba(17,24,39,.2);transform:rotate(-5deg)}
.phones figure.front-phone{transform:translateY(45px) rotate(5deg)}
.phones img{width:100%;height:100%;object-fit:cover;object-position:top}
.cta{background:var(--orange);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px max(28px,calc((100vw - 1240px)/2))}
.cta .eyebrow{color:white}
.cta h2{font-size:clamp(2.5rem,4.3vw,4.6rem)}
.cta>div:last-child{align-self:end}
.cta>div:last-child p{font-size:1.2rem}
.cta .primary{background:var(--ink);box-shadow:none;margin-top:16px}
.cta small{display:block;margin-top:12px;color:#ffe3d1}
.demo-invite ol{list-style:none;margin:26px 0 8px;padding:0;border-top:1px solid rgba(255,255,255,.35)}
.demo-invite li{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.35)}
.demo-invite li b{font-family:"Manrope",sans-serif;color:#6f2c00}
footer{max-width:1240px;margin:auto;padding:55px 28px;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:24px;color:var(--muted)}
footer img{width:150px}
footer div{display:flex;gap:20px}
footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}
@media(max-width:960px){.nav{display:none;position:absolute;top:80px;right:20px;left:20px;background:white;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 20px 50px rgba(17,24,39,.16);flex-direction:column;align-items:stretch}
.nav.open{display:flex}
.menu-toggle{display:block}
.hero{grid-template-columns:1fr;padding-top:55px}
.hero-product{margin:35px 0 50px}
.niche-grid{grid-template-columns:repeat(2,1fr)}
.experience{grid-template-columns:1fr}
.proof{grid-template-columns:1fr;gap:40px}
.cta{grid-template-columns:1fr;gap:40px}
}
@media(max-width:620px){.site-header{height:78px;padding:0 18px}
.brand img{width:145px}
.hero{padding:55px 20px 70px;min-height:auto}
.hero h1{font-size:2.9rem}
.hero-text{font-size:1.05rem}
.hero-actions .button{width:100%}
.hero-points{display:block}
.hero-points li{margin:7px 0}
.floating-card{left:10px;bottom:-48px}
.trust-strip{justify-content:flex-start;gap:14px}
.section{padding:80px 20px}
.section-lead{font-size:1.08rem;margin:28px 0 42px}
.benefit-grid,.niche-grid{grid-template-columns:1fr}
.niche-grid article{min-height:280px}
.tag{margin-top:34px}
.module-list article{grid-template-columns:42px 1fr 24px;padding:20px 0}
.module-list p{font-size:.94rem}
.proof{padding:75px 20px}
.proof-grid{grid-template-columns:1fr 1fr}
.proof-grid article{min-height:130px;padding:20px}
.proof-grid strong{font-size:1.65rem}
.proof-grid span{font-size:.9rem}
.experience{padding:80px 20px}
.phones{min-height:490px;margin:20px -28px 0}
.phones figure{width:190px;height:405px;border-width:6px}
.phones figure.front-phone{transform:translateY(35px) rotate(5deg)}
.cta{padding:75px 20px}
.cta .button{width:100%}
footer{grid-template-columns:1fr;padding:42px 20px}
footer div{flex-wrap:wrap}
footer small{grid-column:auto}
}

.niche-card{cursor:pointer}
.niche-card:focus-visible{outline:3px solid white;outline-offset:4px}
.view-admin{margin-top:auto;padding-top:22px;font-weight:700;color:white;display:flex;align-items:center;justify-content:space-between}
.view-admin b{font-size:1.25rem}
.niche-card.upcoming{cursor:default;background:#182131}
.upcoming-label{color:#ff9c5a;justify-content:flex-start;text-transform:uppercase;letter-spacing:.1em;font:700 .75rem "Manrope",sans-serif}
.admin-dialog{width:min(1120px,92vw);max-height:90vh;border:0;border-radius:26px;padding:0;background:white;color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.4);overflow:auto}
.admin-dialog::backdrop{background:rgba(9,14,24,.78);backdrop-filter:blur(6px)}
.dialog-close{position:sticky;float:right;top:18px;margin:18px 18px 0 0;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:white;font-size:2rem;line-height:1;cursor:pointer}
.dialog-copy{padding:45px 55px 24px}
.dialog-copy h2{font:800 clamp(2rem,4vw,3.7rem)/1.05 "Manrope",sans-serif;letter-spacing:-.045em;margin:0}
.dialog-copy>p:last-child{color:var(--muted);font-size:1.05rem;margin:12px 0 0}
.demo-shot{margin:0 30px 30px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#f5f7fa;max-height:610px}
.demo-shot img{width:100%;display:block}
.demo-shot.desktop-raw img{margin-top:-11.5%}
.demo-shot.mobile{max-width:430px;margin-left:auto;margin-right:auto;max-height:650px}
.demo-shot.mobile img{width:100%}
.hero-product .browser img{transform:none}
@media(max-width:620px){.admin-dialog{width:94vw;border-radius:20px}.dialog-copy{padding:34px 24px 18px}.dialog-close{width:42px;height:42px}.demo-shot{margin:0 12px 18px}}

/* Presença institucional da marca */
.site-header{height:110px}
.brand{position:relative;display:flex;align-items:center;min-width:245px;padding:12px 18px 12px 0}
.brand img{width:225px;filter:contrast(1.22) saturate(1.08)}
.brand::after{content:"";position:absolute;left:0;bottom:2px;width:74px;height:4px;border-radius:4px;background:var(--orange)}
footer img{width:190px;filter:contrast(1.22) saturate(1.08)}
@media(max-width:620px){.site-header{height:88px}.brand{min-width:0;padding:8px 12px 8px 0}.brand img{width:172px}.brand::after{width:58px;height:3px;bottom:0}}