:root {
  --ink: #102d49;
  --muted: #5c6b79;
  --green: #ff402b;
  --green-dark: #db2d1d;
  --lime: #cfe8f6;
  --cream: #f2f6f9;
  --paper: #ffffff;
  --line: #dce4ea;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1,h2,h3,strong,b { text-wrap:balance; }
p { text-wrap:pretty; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { max-width:100%; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.hp-field { position:absolute!important; left:-9999px!important; opacity:0!important; pointer-events:none!important; }

.top-note { min-height:32px; padding:8px 20px; display:grid; place-items:center; background:var(--ink); color:#fff; text-align:center; font-size:11px; font-weight:800; letter-spacing:.04em; }
.site-header { height: 84px; padding: 0 max(5vw, 28px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(12px); }
.brand-logo { display:inline-flex; align-items:center; }
.brand-logo img { display:block; width:220px; height:auto; }
.brand-logo-compact img { width:190px; }
nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 700; }
.button { border: 0; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; gap: 18px; min-height: 54px; padding: 0 25px; background: var(--green); color: #fff; border-radius: 7px; font-weight: 760; letter-spacing:-.01em; box-shadow: 0 7px 20px rgba(255,64,43,.18); transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); background: var(--green-dark); }
.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #6ca9d0; outline-offset:3px; }
.button-small { min-height: 42px; padding: 0 18px; font-size: 13px; }
.button-outline { color: var(--green); background: transparent; border: 1.5px solid var(--green); box-shadow: none; }
.button-light { background: var(--lime); color: var(--ink); box-shadow: none; }
.button-light:hover { background: #e4fb86; }
.hero { min-height: 650px; padding: 105px max(7vw, 28px) 70px; position: relative; overflow: hidden; background: radial-gradient(circle at 81% 35%, rgba(255,64,43,.13), transparent 24%), linear-gradient(110deg, var(--paper) 0 67%, #edf4f8 67%); }
.hero:after { content:""; position:absolute; width:380px; height:510px; right:9vw; top:67px; border:1px solid rgba(16,45,73,.17); border-radius:180px 180px 30px 30px; transform:rotate(8deg); box-shadow: inset 0 0 0 25px rgba(255,255,255,.33); }
.eyebrow, .kicker { color: var(--green); font-size: 12px; font-weight: 900; letter-spacing: .15em; }
.eyebrow { display:flex; gap:10px; align-items:center; }
.eyebrow span { display:block; width:30px; height:2px; background:var(--green); }
.hero h1 { max-width: 790px; font-size: clamp(55px, 7vw, 100px); line-height: .91; letter-spacing: -.065em; margin: 28px 0; position:relative; z-index:1; }
.hero h1 em { color: var(--green); font-style: italic; font-family: Georgia, serif; font-weight: 400; letter-spacing: -.055em; }
.hero > p { max-width: 650px; font-size: 20px; line-height: 1.55; color: var(--muted); position:relative; z-index:1; }
.hero-actions { margin-top: 34px; display:flex; align-items:center; gap:30px; position:relative; z-index:2; }
.text-link { color: var(--green); font-weight: 800; border-bottom: 1px solid var(--green); padding-bottom:5px; }
.brand-hero { min-height:680px; padding:72px max(7vw,28px) 76px; display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.86fr); gap:7vw; align-items:center; background:linear-gradient(135deg,#fff 0 65%,#f1f6f9 65%); overflow:hidden; }
.brand-hero h1 { max-width:760px; margin:22px 0; font-size:clamp(50px,6.1vw,86px); line-height:.94; letter-spacing:-.065em; }
.brand-hero h1 em { color:var(--green); font-family:Georgia,serif; font-weight:400; }
.brand-hero-copy > p { max-width:650px; color:var(--muted); font-size:19px; line-height:1.6; }
.hero-offer { display:flex; align-items:baseline; gap:12px; margin-top:24px; }
.hero-offer strong { color:var(--ink); font-size:25px; letter-spacing:-.03em; }
.hero-offer span { color:var(--muted); font-size:13px; }
.hero-proof { display:flex; gap:26px; margin-top:46px; padding-top:25px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.hero-proof span { display:grid; gap:4px; }
.hero-proof b { color:var(--ink); font-size:15px; }
.campaign-preview { position:relative; background:#fff; border:1px solid #d4dee5; border-radius:16px; box-shadow:0 32px 80px rgba(16,45,73,.17); transform:rotate(1.2deg); }
.preview-browser { height:38px; padding:0 13px; display:flex; align-items:center; gap:6px; border-bottom:1px solid var(--line); }
.preview-browser i { width:7px; height:7px; border-radius:50%; background:#c9d2d8; }
.preview-browser span { margin-left:9px; color:#8b99a4; font-size:8px; }
.preview-body { padding:22px; }
.preview-nav { display:flex; justify-content:space-between; font-size:8px; }
.preview-nav b { color:var(--green); }
.preview-nav span { color:#748694; }
.preview-candidate { min-height:310px; margin-top:18px; padding:35px 30px; display:flex; justify-content:space-between; align-items:center; background:linear-gradient(135deg,var(--ink),#215d85); color:#fff; border-radius:8px; overflow:hidden; }
.preview-candidate div { max-width:70%; position:relative; z-index:1; }
.preview-candidate small { color:#a9c5d7; font-size:8px; letter-spacing:.14em; }
.preview-candidate h2 { margin:13px 0; font-size:34px; line-height:.96; letter-spacing:-.05em; }
.preview-candidate p { color:#cfdee7; font-size:10px; line-height:1.5; }
.preview-candidate button { margin-top:12px; padding:10px 12px; border:0; border-radius:4px; background:var(--green); color:white; font-size:8px; font-weight:800; }
.preview-candidate strong { color:var(--green); font-size:76px; letter-spacing:-.08em; }
.preview-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:8px; }
.preview-cards span { padding:14px 8px; background:#f2f6f8; border-radius:5px; text-align:center; font-size:9px; font-weight:800; }
.preview-float { position:absolute; right:-22px; bottom:42px; padding:13px 17px; background:#fff; color:var(--ink); border-radius:7px; box-shadow:0 12px 30px rgba(16,45,73,.18); font-size:11px; font-weight:800; transform:rotate(-1.2deg); }
.benefit-bar { min-height:70px; padding:18px max(7vw,28px); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:25px; background:var(--green); color:white; font-size:13px; font-weight:800; }
.benefit-bar i { width:4px; height:4px; border-radius:50%; background:#ffada3; }
.social-section { padding:105px max(7vw,28px); display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; }
.social-section .section-intro { margin:0; }
.social-section .section-intro > p { color:var(--muted); font-size:17px; line-height:1.65; }
.reason-list { border-top:1px solid var(--line); }
.reason-list article { padding:19px 0; display:grid; grid-template-columns:42px 1fr; gap:16px; border-bottom:1px solid var(--line); }
.reason-list i { color:var(--green); font-style:normal; font-size:10px; font-weight:900; }
.reason-list h3 { margin:0 0 6px; font-size:18px; }
.reason-list p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }
.social-compare { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.social-card { min-height:330px; padding:30px; border-radius:12px; }
.social-card > span { font-size:9px; font-weight:900; letter-spacing:.14em; }
.social-card h3 { margin:70px 0 14px; font-size:28px; letter-spacing:-.04em; }
.social-card p { font-size:14px; line-height:1.6; }
.muted-card { background:#f0f3f5; color:#75838d; }
.active-card { background:var(--ink); color:#fff; box-shadow:0 20px 50px rgba(16,45,73,.18); }
.active-card > span { color:#9fbed2; }
.active-card p { color:#cbdbe5; }
.active-card a { display:inline-block; margin-top:14px; color:#ff7666; font-size:12px; font-weight:800; }
.pre-campaign { padding:105px max(7vw,28px); background:var(--cream); display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; align-items:center; }
.pre-campaign .section-intro { margin:0; }
.phase-grid { display:grid; grid-template-columns:1fr 38px 1fr; align-items:stretch; }
.phase-grid article { padding:30px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.phase-grid article > span { color:var(--green); font-size:9px; font-weight:900; letter-spacing:.13em; }
.phase-grid h3 { margin:26px 0 18px; font-size:24px; letter-spacing:-.03em; }
.phase-grid ul { margin:0; padding-left:18px; color:var(--muted); font-size:13px; line-height:1.8; }
.phase-grid .official-phase { background:var(--ink); color:#fff; border-color:var(--ink); }
.phase-grid .official-phase ul { color:#c5d5df; }
.phase-arrow { display:grid; place-items:center; color:var(--green); font-size:24px; font-weight:900; }
.campaign-tool { padding:105px max(7vw,28px); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; background:var(--ink); color:#fff; }
.campaign-tool h2 { margin:15px 0 20px; font-size:clamp(40px,5vw,65px); line-height:1; letter-spacing:-.055em; }
.campaign-tool p { color:#bed0dc; line-height:1.65; font-size:17px; }
.campaign-tool ul { list-style:none; padding:12px 0 0; color:#e2ebf0; line-height:2; font-size:13px; }
.dashboard-preview { min-height:390px; display:grid; grid-template-columns:140px 1fr; background:#fff; color:var(--ink); border-radius:14px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.25); transform:rotate(-1deg); }
.dashboard-side { padding:25px 18px; display:flex; flex-direction:column; gap:18px; background:#f0f4f7; color:#82929d; font-size:10px; }
.dashboard-side b { margin-bottom:18px; color:var(--green); font-size:14px; }
.dashboard-main { padding:35px; }
.dashboard-main > small { color:var(--green); font-weight:900; letter-spacing:.12em; }
.dashboard-main h3 { margin:9px 0 30px; font-size:27px; }
.dash-stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.dash-stats span { padding:18px; background:#f3f6f8; border-radius:7px; color:var(--muted); font-size:9px; }
.dash-stats b { display:block; margin-bottom:5px; color:var(--ink); font-size:25px; }
.dash-chart { height:115px; margin-top:24px; padding:16px; display:flex; align-items:flex-end; justify-content:space-around; gap:8px; background:#f7f9fa; border-radius:7px; }
.dash-chart i { width:11%; height:40%; background:#ffb5ac; border-radius:3px 3px 0 0; }
.dash-chart i:nth-child(2),.dash-chart i:nth-child(5) { height:70%; }
.dash-chart i:nth-child(3),.dash-chart i:nth-child(7) { height:55%; }
.dash-chart i:nth-child(4) { height:90%; background:var(--green); }
.trust-row { display:flex; gap:28px; margin-top:52px; color:#405466; font-size:13px; font-weight:700; position:relative; z-index:1; }
.steps, .plans, .ready-section, .resources, .models-section, .support-section { padding: 100px max(7vw, 28px); }
.section-intro { max-width: 720px; margin-bottom: 52px; }
.section-intro h2, .volume h2, .final-cta h2, .label-section h2, .support-section h2, .after-section h2 { font-size: clamp(38px, 5vw, 66px); line-height: 1.02; letter-spacing: -.055em; margin: 15px 0; }
.section-intro > p { color:var(--muted); font-size:18px; }
.audience-strip { padding:30px max(7vw,28px); background:var(--ink); color:white; text-align:center; }
.audience-strip > span { color:#9eb7c8; font-size:10px; font-weight:900; letter-spacing:.16em; }
.audience-strip div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; margin:13px 0; font-size:15px; font-weight:800; }
.audience-strip i { width:4px; height:4px; border-radius:50%; background:var(--green); }
.audience-strip small { color:#9eb7c8; }
.ready-section { display:grid; grid-template-columns:1.05fr 1fr; gap:8vw; align-items:center; }
.ready-section .section-intro { margin:0; }
.ready-points { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.ready-points article { background:white; padding:27px; display:grid; grid-template-columns:105px 1fr; align-items:center; gap:15px; }
.ready-points b { color:var(--green); font-size:40px; letter-spacing:-.05em; }
.ready-points span { color:var(--muted); line-height:1.5; font-size:14px; }
.label-section { background:var(--green); color:white; padding:100px max(7vw,28px); display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; }
.label-section p { color:#fff2ef; line-height:1.65; font-size:17px; }
.label-section ul { list-style:none; padding:12px 0; display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.label-section li { font-size:14px; font-weight:700; }
.label-section > div > small { display:block; color:#ffd7d1; line-height:1.5; max-width:600px; }
.label-card { background:white; color:var(--ink); border-radius:18px; padding:38px; box-shadow:0 30px 70px rgba(90,10,0,.2); transform:rotate(1.5deg); }
.label-card > span { color:var(--green); font-weight:900; font-size:10px; letter-spacing:.15em; }
.label-card > strong { display:block; font-size:clamp(21px,2.4vw,36px); letter-spacing:-.045em; margin:28px 0 7px; white-space:nowrap; }
.label-card > strong em { color:var(--green); font-style:normal; }
.label-card > p { color:var(--muted); margin:0 0 28px; }
.label-card > div { padding-top:24px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:8px; }
.label-card > div b { background:var(--cream); padding:8px 11px; border-radius:20px; font-size:10px; }
.resources { background:var(--cream); }
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.resource-grid article { min-height:220px; padding:28px; background:white; border:1px solid var(--line); border-radius:12px; }
.resource-grid i { font-style:normal; color:var(--green); font-size:11px; font-weight:900; }
.resource-grid h3 { margin:35px 0 12px; font-size:22px; }
.resource-grid p { color:var(--muted); line-height:1.6; margin:0; }
.step-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.step-grid article { padding: 28px 32px 20px 0; min-height:220px; border-right:1px solid var(--line); }
.step-grid article + article { padding-left:32px; }
.step-grid article:last-child { border-right:0; }
.step-grid b { display:block; color:var(--green); font-family:Georgia,serif; font-style:italic; font-size:16px; margin-bottom:38px; }
.step-grid h3 { font-size:22px; margin:0 0 12px; }
.step-grid p { color:var(--muted); line-height:1.6; font-size:15px; }
.models-section { background:#fff; }
.model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.model-card { border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 14px 40px rgba(16,45,73,.08); }
.model-screen { min-height:310px; padding:25px; position:relative; overflow:hidden; color:white; display:flex; flex-direction:column; align-items:flex-start; }
.model-screen:after { content:""; position:absolute; width:220px; height:220px; border:25px solid rgba(255,255,255,.14); border-radius:50%; right:-75px; bottom:-75px; }
.model-screen > span { font-size:10px; text-transform:uppercase; letter-spacing:.12em; font-weight:900; }
.model-screen > b { margin-top:auto; max-width:180px; font-size:28px; line-height:1; position:relative; z-index:1; }
.model-screen > strong { position:absolute; right:20px; top:22px; font-size:52px; letter-spacing:-.07em; }
.model-screen > button { margin-top:22px; border:0; padding:11px 14px; background:white; color:#111; border-radius:5px; font-size:10px; font-weight:900; position:relative; z-index:1; }
.model-red { background:linear-gradient(145deg,#b81218,#ef3037); }
.model-brasil { background:linear-gradient(145deg,#075f42,#139862); }
.model-brasil > button { background:#f5d835; }
.model-blue { background:linear-gradient(145deg,#143f78,#387bd2); }
.model-card > div:last-child { padding:18px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.model-card > div:last-child span { font-weight:800; }
.model-card > div:last-child a { color:var(--green); font-size:12px; font-weight:800; }
.models-actions { display:flex; align-items:center; justify-content:center; gap:30px; margin-top:38px; }
.plans { background:var(--cream); }
.plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,540px)); gap:24px; align-items:stretch; }
.plan-card { background:var(--paper); border:1px solid #dadcd5; border-radius:16px; padding:38px; display:flex; flex-direction:column; position:relative; }
.plan-card.featured { border:2px solid var(--green); }
.badge { position:absolute; top:0; right:28px; transform:translateY(-50%); background:var(--lime); color:var(--ink); padding:8px 12px; border-radius:20px; font-size:10px; letter-spacing:.12em; font-weight:900; }
.plan-card h3 { font-size:28px; margin:0 0 8px; }
.plan-card > p { color:var(--muted); line-height:1.55; min-height:48px; }
.price { font-size:42px; font-weight:900; margin:25px 0; letter-spacing:-.04em; }
.installment { color:var(--green); font-size:20px; font-weight:900; margin-top:24px; }
.installment + .price { margin-top:5px; }
.payment-options { margin:-15px 0 17px; color:var(--green); font-size:12px; font-weight:800; }
.price small { font-size:14px; font-weight:600; color:var(--muted); letter-spacing:0; }
.plan-card ul { padding:22px 0; margin:0 0 25px; list-style:none; border-top:1px solid var(--line); flex:1; }
.plan-card li { margin:13px 0; color:#425464; }
.installment-note { color:var(--muted); font-size:11px; line-height:1.5; max-width:760px; }
.support-section { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; }
.support-list { border-top:1px solid var(--line); }
.support-list article { display:grid; grid-template-columns:170px 1fr; gap:20px; padding:23px 0; border-bottom:1px solid var(--line); }
.support-list b { color:var(--green); }
.support-list span { color:var(--muted); line-height:1.45; }
.after-section { padding:100px max(7vw,28px); background:var(--ink); color:white; text-align:center; }
.after-section .kicker { color:#8fb2c9; }
.after-section p { max-width:760px; margin:20px auto 0; color:#c3d3dd; font-size:18px; line-height:1.65; }
.volume { background:var(--green); color:white; padding:90px max(7vw,28px); display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; }
.kicker.light { color:var(--lime); }
.volume p { max-width:560px; color:#fff1ee; line-height:1.65; }
.volume-table { border-top:1px solid rgba(255,255,255,.25); }
.volume-table > div { display:flex; justify-content:space-between; align-items:center; min-height:76px; border-bottom:1px solid rgba(255,255,255,.25); }
.volume-table span { color:#fff1ee; }
.volume-table strong { font-size:23px; }
.volume-table strong small { font-size:12px; font-weight:500; }
.volume-table .button { margin-top:26px; width:100%; }
.quality-section { padding:100px max(7vw,28px); }
.quality-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.quality-grid article { min-height:220px; padding:28px 25px 20px 0; border-right:1px solid var(--line); }
.quality-grid article + article { padding-left:25px; }
.quality-grid article:last-child { border-right:0; }
.quality-grid b { color:var(--green); font-family:Georgia,serif; font-style:italic; }
.quality-grid h3 { margin:45px 0 10px; font-size:20px; }
.quality-grid p { color:var(--muted); font-size:14px; line-height:1.55; }
.final-cta { padding:110px 28px; text-align:center; }
.final-cta h2 { margin:18px auto 32px; }
.final-cta p { color:var(--muted); margin:-15px auto 30px; max-width:620px; font-size:17px; }
.final-actions { display:flex; justify-content:center; align-items:center; gap:30px; }
.mobile-buy { display:none; }
footer { padding:28px max(5vw,28px); border-top:1px solid var(--line); color:var(--muted); font-size:13px; text-align:center; }

/* Página de vendas */
.sales-hero { min-height:690px; display:grid; grid-template-columns:.82fr 1.18fr; align-items:stretch; background:#f4f7f9; overflow:hidden; }
.sales-hero-copy { padding:82px 5vw 68px max(7vw,28px); display:flex; flex-direction:column; justify-content:center; }
.sales-pill { align-self:flex-start; padding:8px 12px; border-radius:99px; background:#e3edf3; color:var(--ink); font-size:9px; font-weight:850; letter-spacing:.16em; }
.sales-hero h1 { margin:24px 0; max-width:680px; font-size:clamp(61px,7vw,104px); font-weight:820; line-height:.85; letter-spacing:-.078em; }
.sales-hero h1 em { color:var(--green); font-family:inherit; font-style:normal; font-weight:820; }
.sales-hero-copy > p { max-width:610px; margin:0; color:var(--muted); font-size:19px; line-height:1.55; }
.sales-price { display:flex; align-items:baseline; gap:11px; margin-top:25px; }
.sales-price span { color:var(--muted); font-size:12px; }
.sales-price strong { font-size:30px; font-weight:820; letter-spacing:-.05em; }
.sales-proof { display:flex; gap:18px; margin-top:35px; color:#536879; font-size:11px; font-weight:800; }
.sales-hero-visual { position:relative; min-height:690px; background:var(--ink); overflow:hidden; }
.sales-hero-visual:after { content:""; position:absolute; inset:0; box-shadow:inset 90px 0 100px rgba(16,45,73,.28); pointer-events:none; }
.sales-hero-visual img { width:100%; height:100%; object-fit:cover; display:block; }
.visual-label { position:absolute; left:30px; bottom:30px; z-index:1; display:grid; gap:3px; padding:16px 19px; border-radius:9px; background:#fff; box-shadow:0 15px 35px rgba(0,0,0,.22); }
.visual-label b { color:var(--green); }
.visual-label span { color:var(--muted); font-size:10px; }
.party-strip { padding:32px max(7vw,28px); background:var(--ink); color:#fff; text-align:center; }
.party-strip > strong { font-size:17px; }
.party-strip > div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:13px; margin-top:13px; color:#a9c1d1; font-size:11px; }
.party-strip i { width:3px; height:3px; border-radius:50%; background:var(--green); }
.product-options,.feature-section,.models-showcase { padding:105px max(7vw,28px); }
.center-intro { max-width:820px; margin:0 auto 55px; text-align:center; }
.center-intro h2,.feature-heading h2 { margin:15px 0; font-size:clamp(40px,5vw,68px); line-height:1; letter-spacing:-.058em; }
.center-intro p { color:var(--muted); font-size:17px; line-height:1.6; }
.product-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.product-card { overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 18px 45px rgba(16,45,73,.075); transition:transform .25s,box-shadow .25s; }
.product-card:hover { transform:translateY(-4px); box-shadow:0 28px 65px rgba(16,45,73,.12); }
.product-photo { aspect-ratio:1.3; overflow:hidden; background:#d8e3e9; }
.product-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.product-card:hover .product-photo img { transform:scale(1.025); }
.product-copy { padding:34px; }
.product-copy > span,.real-model-info span { color:var(--green); font-size:9px; font-weight:900; letter-spacing:.14em; }
.product-copy h3 { margin:12px 0; font-size:32px; font-weight:780; line-height:1.05; letter-spacing:-.047em; }
.product-copy p { min-height:48px; color:var(--muted); line-height:1.55; }
.product-copy > strong { display:block; margin:23px 0; font-size:26px; }
.product-copy > div { display:flex; align-items:center; gap:20px; }
.product-copy > div > a:last-child { color:var(--green); font-size:11px; font-weight:800; }
.product-pro { border-color:#f6a49b; }
.feature-section { background:#eef3f6; }
.feature-heading { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; align-items:start; margin-bottom:52px; }
.feature-heading .kicker { padding-top:11px; }
.feature-heading h2 { margin-top:0; }
.feature-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.feature-cards article { min-height:235px; padding:27px; border-radius:9px; background:#fff; border:1px solid #d9e3e8; transition:border-color .2s,transform .2s; }
.feature-cards article:hover { transform:translateY(-3px); border-color:#ee9d94; }
.feature-cards b { color:var(--green); font-family:inherit; font-style:normal; font-size:11px; letter-spacing:.1em; }
.feature-cards h3 { margin:48px 0 12px; font-size:21px; }
.feature-cards p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.photo-story { display:grid; grid-template-columns:1fr 1fr; min-height:690px; background:var(--green); color:#fff; }
.photo-story-image { overflow:hidden; }
.photo-story-image img { width:100%; height:100%; object-fit:cover; display:block; }
.photo-story-copy { padding:80px max(6vw,40px); display:flex; flex-direction:column; justify-content:center; }
.photo-story h2 { margin:15px 0; font-size:clamp(44px,5vw,70px); line-height:.98; letter-spacing:-.06em; }
.photo-story p { color:#fff1ef; font-size:17px; line-height:1.65; }
.story-steps { display:grid; grid-template-columns:1fr 30px 1fr; gap:12px; align-items:center; margin:27px 0 35px; padding:23px 0; border-top:1px solid rgba(255,255,255,.25); border-bottom:1px solid rgba(255,255,255,.25); }
.story-steps span { color:#ffd7d2; font-size:12px; line-height:1.45; }
.story-steps b { display:block; margin-bottom:5px; color:#fff; font-size:15px; }
.story-steps i { font-style:normal; font-weight:900; }
.photo-story .button { align-self:flex-start; }
.models-showcase { background:#fff; }
.real-model-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.real-model-grid > article { padding:12px 12px 25px; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 16px 45px rgba(16,45,73,.075); transition:transform .25s; }
.real-model-grid > article:hover { transform:translateY(-4px); }
.real-model-image { aspect-ratio:1.35; overflow:hidden; border-radius:10px; }
.real-model-image img { width:100%; height:100%; object-fit:cover; display:block; }
.real-model-info { display:flex; align-items:end; justify-content:space-between; gap:18px; padding:23px 12px 10px; }
.real-model-info h3 { margin:8px 0 0; font-size:24px; }
.real-model-info strong { font-size:22px; }
.real-model-grid > article > a { display:block; margin:9px 12px 0; color:var(--green); font-size:12px; font-weight:800; }
.all-models-link { display:block; width:max-content; max-width:100%; margin:35px auto 0; padding-bottom:5px; border-bottom:1px solid var(--green); color:var(--green); font-weight:800; }
.three-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,430px)); justify-content:center; gap:18px; align-items:stretch; }
.three-plan-grid .plan-card { padding:31px; border-radius:12px; box-shadow:0 12px 35px rgba(16,45,73,.05); }
.three-plan-grid .plan-card.featured { transform:translateY(-10px); box-shadow:0 24px 60px rgba(16,45,73,.12); }
.three-plan-grid .plan-card h3 { font-size:25px; }
.three-plan-grid .plan-card > p { min-height:74px; font-size:14px; }
.three-plan-grid .price { font-size:36px; }
.plan-tag { display:block; margin-bottom:18px; color:var(--green); font-size:9px; font-weight:900; letter-spacing:.13em; }
.whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:45; min-height:56px; display:flex; align-items:center; gap:10px; padding:0 18px 0 14px; border-radius:99px; background:#25d366; color:#fff; box-shadow:0 12px 35px rgba(0,0,0,.25); font-size:12px; font-weight:900; transition:transform .2s; }
.whatsapp-float:hover { transform:translateY(-3px); }
.whatsapp-float svg { width:28px; height:28px; }
.faq-section { padding:105px max(7vw,28px); display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; background:#fff; }
.faq-intro h2 { margin:15px 0; font-size:clamp(40px,5vw,66px); font-weight:800; line-height:1; letter-spacing:-.06em; }
.faq-intro p { color:var(--muted); font-size:16px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { min-height:75px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-weight:720; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary i { color:var(--green); font-size:22px; font-style:normal; font-weight:400; transition:transform .2s; }
.faq-list details[open] summary i { transform:rotate(45deg); }
.faq-list p { max-width:680px; margin:-3px 0 24px; color:var(--muted); font-size:14px; line-height:1.65; }

.checkout-page { min-height:100vh; background:#f3f6f8; }
.checkout-header { height:78px; padding:0 max(4vw,24px); display:flex; align-items:center; justify-content:space-between; background:var(--paper); border-bottom:1px solid var(--line); }
.secure { font-size:12px; color:var(--green); font-weight:700; }
.checkout-layout { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:38px; padding:54px 24px 90px; align-items:start; }
.checkout-main { min-width:0; }
.progress { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:32px; }
.progress span { display:flex; align-items:center; gap:8px; position:relative; color:#909994; font-weight:700; font-size:12px; }
.progress span:after { content:""; height:2px; flex:1; background:#d8ddd8; margin:0 8px; }
.progress span:last-child:after { display:none; }
.progress i { display:grid; place-items:center; width:28px; height:28px; border:1px solid #ccd3ce; border-radius:50%; font-style:normal; background:#fff; }
.progress span.active { color:var(--green); }
.progress span.active i { background:var(--green); color:white; border-color:var(--green); }
.progress span.active:after { background:var(--green); }
.form-card { background:var(--paper); border:1px solid var(--line); padding:42px; border-radius:14px; box-shadow:0 14px 50px rgba(19,32,27,.06); }
.form-card h1 { font-size:38px; letter-spacing:-.045em; line-height:1.05; margin:14px 0 32px; }
.form-lead { margin-top:-20px; color:var(--muted); }
.checkout-models-link { display:inline-block; margin:0 0 20px; color:var(--green); border-bottom:1px solid var(--green); font-size:12px; font-weight:800; }
.choice-grid { display:grid; gap:12px; }
.choice { width:100%; padding:22px; border:1.5px solid var(--line); border-radius:10px; background:white; display:flex; justify-content:space-between; align-items:center; text-align:left; color:var(--ink); cursor:pointer; }
.choice.selected { border-color:var(--green); box-shadow:inset 0 0 0 1px var(--green); background:#fff5f3; }
.choice b, .choice small { display:block; }
.choice b { font-size:18px; margin-bottom:5px; }
.choice small { color:var(--muted); }
.choice strong { font-size:22px; text-align:right; }
.choice strong small { font-size:10px; font-weight:500; }
.field { display:flex; flex-direction:column; gap:8px; }
.field span { font-size:12px; font-weight:800; }
.field input, .field select, .field textarea { min-height:50px; border:1px solid #ccd3ce; border-radius:7px; padding:0 14px; background:white; outline:none; width:100%; }
.field textarea { min-height:100px; padding-top:14px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(255,64,43,.1); }
.field.compact { margin-top:28px; max-width:260px; }
.quantity { display:flex; height:50px; }
.quantity button { width:50px; border:1px solid #ccd3ce; background:#f5f5f2; color:var(--green); font-size:22px; cursor:pointer; }
.quantity input { border-radius:0; text-align:center; border-left:0; border-right:0; }
.discount, .notice, .payment-note { margin-top:18px; padding:15px 17px; background:#fff3f0; border:1px solid #ffd2ca; border-radius:8px; color:var(--green-dark); font-size:13px; }
.fields { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:30px; }
.field.full, .upload.full { grid-column:1/-1; }
.upload { min-height:115px; border:1.5px dashed #aab8b0; border-radius:9px; display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; background:#fbfcf9; }
.upload input { position:absolute; opacity:0; pointer-events:none; }
.upload b { color:var(--green); margin-bottom:8px; }
.upload span { font-size:11px; color:var(--muted); }
.later-choice { width:100%; margin-top:24px; padding:18px; border:1.5px solid var(--line); border-radius:10px; background:#fff; display:flex; align-items:center; gap:14px; text-align:left; color:var(--ink); cursor:pointer; }
.later-choice i { width:24px; height:24px; flex:none; display:grid; place-items:center; border:1.5px solid #aab7c1; border-radius:6px; color:#fff; font-style:normal; font-weight:900; }
.later-choice b, .later-choice small { display:block; }
.later-choice b { margin-bottom:4px; font-size:15px; }
.later-choice small { color:var(--muted); line-height:1.4; }
.later-choice.selected { border-color:var(--green); background:#fff5f3; box-shadow:inset 0 0 0 1px var(--green); }
.later-choice.selected i { background:var(--green); border-color:var(--green); }
.later-confirmation { margin-top:20px; padding:18px; border-radius:9px; background:#edf5fa; color:var(--ink); font-size:13px; line-height:1.5; }
.review { border-top:1px solid var(--line); }
.review div { display:flex; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid var(--line); font-size:13px; }
.review span { color:var(--muted); }
.review b { text-align:right; }
.contract { margin-top:22px; border:1px solid var(--line); border-radius:8px; }
.contract summary { padding:16px; cursor:pointer; font-weight:800; color:var(--green); }
.contract > div { max-height:260px; overflow:auto; padding:0 18px 18px; color:#4c5a54; font-size:12px; line-height:1.55; }
.accept { display:flex; align-items:flex-start; gap:12px; margin-top:20px; font-size:13px; line-height:1.45; cursor:pointer; }
.accept input { width:18px; height:18px; accent-color:var(--green); flex:none; }
.payment-note { color:#405466; background:#f5f8fa; border-color:var(--line); }
.form-actions { display:flex; justify-content:flex-end; gap:18px; align-items:center; margin-top:22px; }
.form-actions .button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.back { border:0; background:transparent; color:var(--muted); font-weight:700; cursor:pointer; }
.error { margin-top:16px; padding:14px; border-radius:7px; background:#fff0ee; color:#9d2d23; font-size:13px; }
.order-summary { position:sticky; top:110px; background:var(--ink); color:white; border-radius:14px; padding:30px; box-shadow:0 18px 45px rgba(16,45,73,.2); }
.order-summary .kicker { color:var(--lime); }
.order-summary h2 { font-size:28px; margin:12px 0 24px; }
.order-summary ul { list-style:none; padding:20px 0; margin:0; border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.order-summary li { margin:11px 0; font-size:13px; color:#e8f0f5; }
.calc { display:flex; align-items:end; justify-content:space-between; margin:24px 0 15px; }
.calc span { font-size:12px; color:#c9d9e4; }
.calc b { font-size:30px; }
.summary-installment { margin:-7px 0 16px; text-align:right; color:#fff; font-size:14px; font-weight:800; }
.order-summary > small { color:#c9d9e4; line-height:1.45; display:block; }
.checkout-shell { min-height:100vh; display:grid; place-items:center; padding:25px; background:#eef4f8; }
.success-card { width:min(600px,100%); background:white; padding:52px; text-align:center; border-radius:18px; box-shadow:0 20px 60px rgba(19,32,27,.12); }
.tracking-card { width:min(820px,100%); background:white; padding:52px; text-align:center; border-radius:18px; box-shadow:0 20px 60px rgba(19,32,27,.12); }
.tracking-card h1 { margin:12px 0; font-size:40px; letter-spacing:-.04em; }
.order-number { margin:8px 0; }
.order-number strong { color:var(--green); }
.tracking-meta { color:var(--muted); font-size:13px; }
.tracking-steps { margin:38px 0 25px; display:grid; grid-template-columns:repeat(6,1fr); }
.tracking-steps div { position:relative; display:grid; justify-items:center; gap:9px; color:#9aa6ae; font-size:10px; font-weight:800; }
.tracking-steps div:after { content:""; position:absolute; left:calc(50% + 18px); right:calc(-50% + 18px); top:14px; height:2px; background:#d9e0e5; }
.tracking-steps div:last-child:after { display:none; }
.tracking-steps i { width:29px; height:29px; display:grid; place-items:center; z-index:1; border:1px solid #ccd6dc; border-radius:50%; background:#fff; font-style:normal; }
.tracking-steps .done { color:var(--ink); }
.tracking-steps .done i { background:var(--green); border-color:var(--green); color:#fff; }
.tracking-steps .done:after { background:var(--green); }
.tracking-note { margin:20px 0; padding:16px; background:#eef5f8; border-radius:8px; color:var(--ink); font-size:13px; line-height:1.5; }
.success-icon { width:65px; height:65px; display:grid; place-items:center; margin:0 auto 24px; border-radius:50%; background:var(--green); color:white; font-size:30px; }
.success-card h1 { font-size:40px; letter-spacing:-.04em; }
.success-card > strong { display:block; font-size:22px; margin:8px 0 22px; color:var(--green); }
.admin-login { min-height:100vh; display:grid; place-items:center; background:var(--ink); padding:24px; }
.admin-login > div { width:min(430px,100%); background:white; padding:42px; border-radius:16px; }
.admin-login h1 { font-size:36px; letter-spacing:-.04em; margin-bottom:8px; }
.admin-login p { color:var(--muted); }
.admin-login input { width:100%; height:52px; border:1px solid var(--line); border-radius:7px; padding:0 14px; margin:18px 0 12px; }
.admin-login .button { width:100%; }
.admin { min-height:100vh; display:grid; grid-template-columns:240px 1fr; background:#f4f5f1; }
.admin-nav { background:var(--ink); color:white; padding:28px 22px; display:flex; flex-direction:column; }
.admin-nav .brand-logo { background:white; padding:10px; border-radius:8px; }
.admin-nav .brand-logo img { width:180px; }
.admin-nav nav { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:60px; font-size:13px; }
.admin-nav nav a { padding:13px; border-radius:7px; color:#b8c2bd; }
.admin-nav nav a.active { background:rgba(255,255,255,.1); color:white; }
.admin-nav > button { margin-top:auto; background:transparent; color:#b8c2bd; border:0; text-align:left; cursor:pointer; }
.admin-content { padding:42px; min-width:0; }
.admin-content > header { display:flex; justify-content:space-between; align-items:end; }
.admin-content h1 { font-size:42px; margin:5px 0 0; letter-spacing:-.04em; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:32px 0; }
.metrics article { padding:22px; background:white; border:1px solid var(--line); border-radius:10px; }
.metrics span { display:block; color:var(--muted); font-size:12px; margin-bottom:12px; }
.metrics b { font-size:27px; }
.orders-card { background:white; border:1px solid var(--line); border-radius:11px; overflow:hidden; }
.table-tools { padding:22px; display:flex; justify-content:space-between; align-items:center; }
.table-tools h2 { margin:0; font-size:19px; }
.table-tools input { height:40px; min-width:260px; border:1px solid var(--line); border-radius:7px; padding:0 12px; }
.table-scroll { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:12px; }
th { text-align:left; padding:13px 16px; background:#f7f8f5; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
td { padding:16px; border-top:1px solid var(--line); white-space:nowrap; }
td b, td small { display:block; }
td small { color:var(--muted); margin-top:5px; }
td select { height:34px; border:1px solid var(--line); border-radius:6px; background:white; padding:0 6px; }
td a { color:var(--green); font-weight:800; }
.pill { display:inline-block; padding:6px 9px; border-radius:20px; background:#fff2d5; color:#835f10; font-weight:800; }
.pill.paid { background:#e4f0f7; color:var(--ink); }

@media (max-width: 800px) {
  .checkout-layout { grid-template-columns:1fr; padding-top:30px; }
  .order-summary { position:static; grid-row:1; }
  .progress small { display:none; }
  .form-card { padding:26px 20px; }
  .form-card h1 { font-size:31px; }
  .fields { grid-template-columns:1fr; }
  .field.full, .upload.full { grid-column:auto; }
  .choice { align-items:flex-start; gap:15px; }
  .admin { grid-template-columns:1fr; }
  .admin-nav { display:none; }
  .admin-content { padding:25px 16px; }
  .metrics { grid-template-columns:1fr; }
  .table-tools { align-items:flex-start; flex-direction:column; gap:15px; }
  .table-tools input { min-width:100%; width:100%; }
  .ready-section, .label-section, .support-section { grid-template-columns:1fr; }
  .brand-hero, .social-section, .campaign-tool { grid-template-columns:1fr; }
  .sales-hero,.product-grid,.feature-heading,.photo-story,.real-model-grid,.three-plan-grid,.faq-section { grid-template-columns:1fr; }
  .sales-hero-copy { padding:62px 25px 52px; }
  .sales-hero h1 { font-size:59px; }
  .sales-hero-visual { min-height:430px; }
  .sales-proof { flex-direction:column; gap:9px; }
  .feature-cards { grid-template-columns:1fr; }
  .feature-heading { gap:20px; }
  .photo-story-image { min-height:430px; }
  .photo-story-copy { padding:60px 25px; }
  .product-copy > div { align-items:flex-start; flex-direction:column; }
  .product-copy > div .button { width:100%; }
  .three-plan-grid .plan-card > p { min-height:auto; }
  .three-plan-grid .plan-card.featured { transform:none; }
  .whatsapp-float { right:16px; bottom:74px; width:56px; padding:0; justify-content:center; }
  .whatsapp-float span { display:none; }
  .pre-campaign { grid-template-columns:1fr; }
  .phase-grid { grid-template-columns:1fr; gap:12px; }
  .phase-arrow { transform:rotate(90deg); }
  .brand-hero { padding-top:58px; gap:55px; background:#fff; }
  .campaign-preview { transform:none; }
  .preview-float { right:12px; }
  .social-compare { grid-template-columns:1fr; }
  .dashboard-preview { transform:none; grid-template-columns:95px 1fr; }
  .dashboard-main { padding:24px 18px; }
  .resource-grid, .model-grid { grid-template-columns:1fr; }
  .quality-grid { grid-template-columns:1fr 1fr; }
  .quality-grid article:nth-child(2) { border-right:0; }
  .quality-grid article { border-bottom:1px solid var(--line); }
  .ready-points article { grid-template-columns:80px 1fr; }
  .label-section ul { grid-template-columns:1fr; }
  .label-card { transform:none; padding:26px; }
  .label-card > strong { white-space:normal; }
  .support-list article { grid-template-columns:1fr; gap:8px; }
}

@media (max-width: 800px) {
  nav > a:not(.button) { display:none; }
  .hero { min-height:auto; padding-top:75px; background:linear-gradient(160deg,var(--paper) 60%,#edf4f8); }
  .hero:after { opacity:.3; right:-220px; }
  .hero h1 { font-size:55px; }
  .brand-hero h1 { font-size:52px; }
  .brand-hero-copy > p { font-size:17px; }
  .hero-proof { flex-direction:column; gap:14px; }
  .preview-candidate { min-height:260px; padding:25px 20px; }
  .preview-candidate h2 { font-size:28px; }
  .preview-candidate strong { font-size:58px; }
  .benefit-bar { align-items:flex-start; flex-direction:column; gap:10px; }
  .benefit-bar i { display:none; }
  .models-actions, .final-actions { flex-direction:column; }
  .tracking-card { padding:38px 20px; }
  .tracking-steps { grid-template-columns:repeat(3,1fr); row-gap:24px; }
  .tracking-steps div:nth-child(3):after { display:none; }
  .tracking-steps div:nth-child(4):before { content:""; }
  .mobile-buy { display:flex; position:fixed; left:14px; right:14px; bottom:12px; z-index:40; min-height:50px; align-items:center; justify-content:center; padding:0 15px; border-radius:8px; background:var(--green); color:#fff; box-shadow:0 12px 35px rgba(16,45,73,.28); font-size:13px; font-weight:900; }
  footer { padding-bottom:85px; }
  .trust-row { flex-direction:column; gap:12px; }
  .step-grid, .plan-grid, .volume { grid-template-columns:1fr; }
  .step-grid article, .step-grid article + article { border-right:0; border-bottom:1px solid var(--line); padding:26px 0; min-height:auto; }
  .step-grid b { margin-bottom:16px; }
  .volume { gap:45px; }
}