/* Landing layout reused from previous deliverable (simplified) */
.header{position:sticky;top:0;inset-inline:0;z-index:40;background:rgba(255,255,255,.8);backdrop-filter:saturate(1.1) blur(6px);border-bottom:1px solid var(--line)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:800}
.brand-mark{width:34px;height:34px;border-radius:10px;background:conic-gradient(from 180deg,var(--brand),#ff965b,var(--brand));box-shadow:0 8px 24px rgba(254,105,50,.35)}
.brand-name{font-size:1.1rem}
.nav{display:flex;gap:1rem;align-items:center} .nav a{color:var(--text-soft)} .nav a:hover{color:var(--text)}
.nav-actions{display:flex;gap:.6rem;align-items:center}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border-radius:12px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:.2s}
.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-600)} .btn-ghost{background:transparent;border-color:var(--line)}
.section{padding:3rem 0}
.hero{padding:4rem 0}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center}
@media(max-width:1020px){.hero-grid{grid-template-columns:1fr} .hero-art{order:-1}}
.eyebrow{display:inline-block;padding:.35rem .6rem;background:var(--brand-50);color:var(--brand-700);border-radius:999px;font-weight:700;font-size:.82rem}
.hero h1{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:1.05;margin:.7rem 0 1rem}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}
.kpi{padding:1rem;border:1px dashed var(--line);border-radius:12px;text-align:center}
.footer{padding:2rem 0;border-top:1px solid var(--line);color:var(--text-soft)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.foot-grid{grid-template-columns:1fr}}


/* Pricing (Planos) */
.pricing{padding:3rem 0}
.pricing-head{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.2rem}
.switch{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.25rem;gap:.25rem}
.switch button{padding:.4rem .8rem;border-radius:999px;border:0;background:transparent;cursor:pointer;font-weight:600;color:var(--text-soft)}
.switch button[aria-pressed="true"]{background:var(--brand);color:#fff}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:980px){.plans{grid-template-columns:1fr 1fr}} @media(max-width:640px){.plans{grid-template-columns:1fr}}
.plan{display:grid;grid-template-rows:auto 1fr auto;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.plan h3{margin:.25rem 0}
.price{font-size:2rem;font-weight:800}
.price small{font-weight:600;color:var(--text-soft);font-size:.9rem}
.plan--popular{outline:3px solid color-mix(in oklab,var(--brand) 25%,transparent);position:relative}
.plan--popular::after{content:"Mais escolhido";position:absolute;top:-10px;right:18px;background:var(--brand);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:999px}
.features-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.features-list li{display:flex;gap:.5rem;align-items:flex-start}
.badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;background:var(--brand-50);color:var(--brand-700);font-weight:700;font-size:.75rem}