/* =============================================================
   MyHelper Leads — folha de estilo unica
   Direção visual: "editorial utilitário" — verde profundo dominante,
   papel quente, acento âmbar; serif local para títulos, sans do
   sistema para texto (funciona 100% offline, sem webfonts).
   ============================================================= */

:root {
    --verde-900: #123524;
    --verde-700: #1f5c3d;
    --verde-600: #27754e;
    --ambar-600: #b45309;
    --ambar-700: #92400e;
    --papel: #faf7f2;
    --papel-alt: #f1ece3;
    --tinta: #23201b;
    --tinta-suave: #57534a;
    --borda: #d8d0c2;
    --erro: #b3261e;
    --info-bg: #e8f0ea;
    --warn-bg: #fdf3e0;
    --radius: 10px;
    --sombra: 0 1px 2px rgb(35 32 27 / .06), 0 4px 14px rgb(35 32 27 / .05);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
}

body {
    margin: 0;
    background: var(--papel);
    color: var(--tinta);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
    font-size: 1rem;
    line-height: 1.65;
}

.wrap { max-width: 68rem; margin-inline: auto; padding-inline: 1.25rem; }
.wrap--narrow { max-width: 46rem; }
.wrap--form { max-width: 52rem; }

.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap;
}

.skip-link {
    position: absolute; left: -9999px; top: 0;
    background: var(--verde-700); color: #fff;
    padding: .6rem 1rem; z-index: 50;
}
.skip-link:focus { left: 0; }

:focus-visible {
    outline: 3px solid var(--ambar-600);
    outline-offset: 2px;
}

/* ---------- Topbar ---------- */
.topbar {
    background: var(--verde-900);
    color: var(--papel);
    border-bottom: 4px solid var(--ambar-600);
}
.topbar__inner {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; padding-block: .7rem;
}
.brand { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: inherit; }
.brand__mark {
    display: grid; place-items: center;
    width: 2.1rem; height: 2.1rem;
    border-radius: 6px;
    background: var(--ambar-600); color: var(--verde-900);
    font-weight: 800; letter-spacing: -.03em;
}
.brand__name { font-size: 1.05rem; }
.brand__name strong { color: #fff; }
.topnav { display: flex; align-items: center; gap: 1.1rem; }
.topnav a:not(.btn) { color: inherit; text-decoration: none; opacity: .85; }
.topnav a:not(.btn):hover { opacity: 1; text-decoration: underline; }

/* ---------- Botões ---------- */
.btn {
    display: inline-block;
    padding: .55rem 1.15rem;
    border-radius: var(--radius);
    border: 1px solid var(--verde-700);
    background: transparent; color: var(--verde-700);
    font-weight: 600; text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
}
.btn:hover { background: var(--verde-700); color: #fff; }
.btn--primary {
    background: var(--verde-700); color: #fff;
}
.btn--primary:hover { background: var(--verde-600); }
.btn--small { padding: .35rem .8rem; font-size: .92rem; }
.btn--big { padding: .8rem 1.6rem; font-size: 1.08rem; }

/* ---------- Hero ---------- */
.hero {
    padding-block: clamp(2.5rem, 7vw, 5rem);
    border-bottom: 1px solid var(--borda);
}
.hero__kicker {
    text-transform: uppercase; letter-spacing: .12em;
    font-size: .82rem; font-weight: 700;
    color: var(--verde-600);
    margin: 0 0 .6rem;
}
.hero__title {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    font-size: clamp(1.9rem, 5vw, 3rem);
    line-height: 1.12;
    max-width: 20ch;
    margin: 0 0 .9rem;
}
.hero__subtitle { max-width: 56ch; font-size: clamp(1rem, 2vw, 1.18rem); color: var(--tinta-suave); margin: 0 0 1.6rem; }
.hero__note { max-width: 60ch; font-size: .88rem; color: var(--tinta-suave); margin-top: .9rem; }

/* ---------- Seções ---------- */
.section { padding-block: clamp(2rem, 5vw, 3.6rem); }
.section--alt { background: var(--papel-alt); }
.section__title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.45rem, 3vw, 1.9rem);
    line-height: 1.2;
    margin: 0 0 .8rem;
}
.section__subtitle {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    margin: 1.8rem 0 .5rem;
}
.section__lead { color: var(--tinta-suave); max-width: 62ch; margin-top: 0; }

.steps {
    list-style: none; margin: 1.4rem 0 0; padding: 0;
    display: grid; gap: 1.25rem; grid-template-columns: repeat(3, 1fr);
}
.step { position: relative; padding-left: 3.2rem; }
.step__num {
    position: absolute; left: 0; top: -.15rem;
    width: 2.3rem; height: 2.3rem;
    display: grid; place-items: center;
    background: var(--verde-900); color: #fff;
    border-radius: 6px;
    font-family: Georgia, serif; font-size: 1.2rem; font-weight: 700;
}
.step h3 { margin: .2rem 0 .35rem; font-size: 1.05rem; }
.step p { margin: 0; color: var(--tinta-suave); font-size: .95rem; }

.grid--4 { display: grid; gap: 1rem; grid-template-columns: repeat(4, 1fr); margin-top: 1.4rem; }
.card {
    background: #fff; border: 1px solid var(--borda);
    border-radius: var(--radius); padding: 1rem 1.1rem;
    box-shadow: var(--sombra);
}
.card h3 { margin: 0 0 .3rem; font-size: 1rem; }
.card p { margin: 0; color: var(--tinta-suave); font-size: .92rem; }

.uselist { max-width: 62ch; padding-left: 1.2rem; }
.uselist li { margin-block: .4rem; }

/* ---------- Tabelas ---------- */
.pricetable, .sampletable {
    width: 100%; border-collapse: collapse; margin-block: 1.2rem 1.4rem;
    background: #fff; border: 1px solid var(--borda); border-radius: var(--radius);
    overflow: hidden;
}
.pricetable th, .pricetable td, .sampletable th, .sampletable td {
    padding: .65rem .85rem; text-align: left;
    border-bottom: 1px solid var(--borda);
}
.pricetable thead th, .sampletable thead th {
    background: var(--verde-900); color: #fff; font-size: .88rem;
}
.pricetable tbody tr:last-child th, .pricetable tbody tr:last-child td,
.sampletable tbody tr:last-child td { border-bottom: none; }
.pricetable td { font-weight: 700; color: var(--verde-700); }
.table-scroll { overflow-x: auto; }
.sampletable { font-size: .9rem; min-width: 40rem; }

/* ---------- FAQ ---------- */
.faq {
    border: 1px solid var(--borda);
    border-radius: var(--radius);
    background: #fff;
    padding: .2rem 1rem;
    margin-block: .6rem;
}
.faq summary {
    cursor: pointer; font-weight: 600; padding-block: .65rem;
}
.faq p { color: var(--tinta-suave); }

/* ---------- CTA final / rodapé ---------- */
.cta-final {
    background: var(--verde-900); color: var(--papel);
    padding-block: clamp(2.2rem, 5vw, 3.4rem);
    text-align: center;
}
.cta-final__text { color: rgba(250, 247, 242, .8); margin-bottom: 1.4rem; }

.footer {
    border-top: 1px solid var(--borda);
    background: var(--papel-alt);
    padding-block: 2rem 1.2rem;
    font-size: .92rem;
}
.footer__grid { display: grid; gap: 1.5rem; grid-template-columns: 2fr 1fr; }
.footer__brand { font-family: Georgia, serif; font-weight: 700; font-size: 1.1rem; margin: 0 0 .3rem; }
.footer__title { font-weight: 700; margin: 0 0 .4rem; }
.footer__links { list-style: none; margin: 0; padding: 0; }
.footer__links li { margin-block: .25rem; }
.footer a { color: var(--verde-700); }
.footer__notice {
    margin-top: 1.4rem; padding-top: 1rem;
    border-top: 1px dashed var(--borda);
    color: var(--tinta-suave); font-size: .84rem;
}

/* ---------- Formulário de pedido ---------- */
.orderform { margin-top: 1.4rem; }
.orderform__group {
    border: 1px solid var(--borda);
    border-radius: var(--radius);
    background: #fff;
    padding: 1.1rem 1.2rem 1.3rem;
    margin: 0 0 1.2rem;
    box-shadow: var(--sombra);
}
.orderform__group legend {
    font-family: Georgia, serif; font-weight: 700;
    padding-inline: .4rem;
}
.field { margin-block: .8rem; }
.field label { display: block; font-weight: 600; margin-bottom: .3rem; }
.field-row { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.field input[type="text"], .field input[type="email"],
.field select {
    width: 100%;
    padding: .55rem .7rem;
    border: 1px solid var(--borda);
    border-radius: 8px;
    background: var(--papel);
    color: var(--tinta);
    font: inherit;
}
.field--uf select { min-width: 7rem; }
.field--check { display: flex; align-items: flex-start; gap: .55rem; }
.field--check label { font-weight: 500; margin: 0; }
.field--check input { width: 1.1rem; height: 1.1rem; margin-top: .22rem; accent-color: var(--verde-700); }
.field__help { color: var(--tinta-suave); font-size: .86rem; margin: .3rem 0 0; }
.field__help a { color: var(--verde-700); }
.field__error { color: var(--erro); font-size: .88rem; margin: .3rem 0 0; font-weight: 600; }

.hp-field {
    position: absolute !important;
    left: -9999px; top: -9999px;
    width: 1px; height: 1px; overflow: hidden;
}

.orderform__price {
    display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem;
    background: var(--info-bg);
    border: 1px solid var(--verde-700);
    border-radius: var(--radius);
    padding: .8rem 1rem;
    margin-block: 1rem;
    font-size: 1.05rem;
}
.orderform__price strong { font-size: 1.35rem; color: var(--verde-900); }
.orderform__price small { flex-basis: 100%; color: var(--tinta-suave); }

/* ---------- Avisos ---------- */
.notice {
    border-radius: var(--radius);
    padding: .85rem 1.05rem;
    margin-block: 1rem;
    border: 1px solid transparent;
    font-size: .95rem;
}
.notice--info { background: var(--info-bg); border-color: var(--verde-600); }
.notice--warn { background: var(--warn-bg); border-color: var(--ambar-600); }
.notice--error { background: #fbe9e8; border-color: var(--erro); color: var(--erro); font-weight: 600; }

/* ---------- Detalhe do pedido ---------- */
.orderdetail {
    display: grid; grid-template-columns: auto 1fr; gap: .3rem 1.2rem;
    background: #fff; border: 1px solid var(--borda);
    border-radius: var(--radius); padding: 1rem 1.2rem;
    margin-block: 1.2rem;
}
.orderdetail dt { font-weight: 700; color: var(--tinta-suave); }
.orderdetail dd { margin: 0; }
.orderdetail code { background: var(--papel-alt); padding: .1rem .4rem; border-radius: 5px; }

.history { list-style: none; padding: 0; margin: .4rem 0 1.2rem; }
.history li { padding-block: .25rem; border-bottom: 1px dashed var(--borda); }
.history small { color: var(--tinta-suave); margin-left: .5rem; }

/* ---------- Página de erro ---------- */
.error-page { text-align: center; padding-block: 3rem; }
.error-page__code {
    font-family: Georgia, serif;
    font-size: clamp(2.6rem, 8vw, 4rem);
    font-weight: 700;
    color: var(--verde-700);
    margin: 0;
}
.error-page__debug {
    text-align: left; background: #fff; border: 1px solid var(--erro);
    border-radius: var(--radius); padding: .8rem 1rem;
    overflow-x: auto; font-size: .82rem; color: var(--erro);
}

/* ---------- Responsivo ---------- */
@media (max-width: 48em) {
    .steps { grid-template-columns: 1fr; }
    .grid--4 { grid-template-columns: 1fr 1fr; }
    .field-row { grid-template-columns: 1fr; }
    .footer__grid { grid-template-columns: 1fr; }
    .topnav a:not(.btn) { display: none; }
}
@media (max-width: 30em) {
    .grid--4 { grid-template-columns: 1fr; }
}
.admin-shell{padding-block:2rem}.admin-nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:2rem;padding:1rem;border:1px solid var(--border,#d8d8d0);border-radius:12px}.admin-nav span{margin-left:auto}.admin-nav form{margin:0}.admin-card{padding:1.25rem;border:1px solid var(--border,#d8d8d0);border-radius:12px;background:#fff}.admin-login{max-width:32rem;margin-inline:auto}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-block:1rem}.admin-card label{display:grid;gap:.4rem;margin-block:1rem}.admin-card input,.admin-card select,.admin-card textarea,.admin-filter select{width:100%;padding:.65rem;border:1px solid #aaa;border-radius:6px}.admin-danger{border-color:#b94a48}.admin-filter{display:flex;gap:.75rem;align-items:end;margin-block:1rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem;border-bottom:1px solid #ddd;vertical-align:top}dt{font-weight:700}dd{margin:0 0 .8rem}

/* =============================================================
   Landing 2026 — MyHelper Technology
   Camada visual aplicada sobre os componentes funcionais existentes.
   ============================================================= */
:root {
    --azul-950: #0b1230;
    --azul-900: #101a3d;
    --azul-700: #2546d8;
    --azul-600: #3157ee;
    --azul-100: #e9efff;
    --azul-50: #f5f7ff;
    --roxo-700: #6d35d5;
    --roxo-600: #7c4df3;
    --ciano-500: #19a9d5;
    --texto: #111831;
    --texto-2: #56617a;
    --linha: #e3e8f4;
    --surface: #fff;
    --surface-soft: #f7f9ff;
    --radius-lg: 22px;
    --shadow-soft: 0 18px 55px rgba(25, 42, 96, .10);
    --shadow-card: 0 10px 30px rgba(25, 42, 96, .07);
    --verde-900: var(--azul-950);
    --verde-700: var(--azul-700);
    --verde-600: var(--azul-600);
    --ambar-600: var(--roxo-600);
    --ambar-700: var(--roxo-700);
    --papel: #fff;
    --papel-alt: var(--surface-soft);
    --tinta: var(--texto);
    --tinta-suave: var(--texto-2);
    --borda: var(--linha);
    --info-bg: var(--azul-50);
    --radius: 12px;
}
body { background:#fff; color:var(--texto); line-height:1.65; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.wrap { max-width:75rem; padding-inline:clamp(1.1rem,3vw,2rem); }
.wrap--narrow { max-width:51rem; }
.topbar { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.88); color:var(--texto); border:0; border-bottom:1px solid rgba(227,232,244,.8); backdrop-filter:blur(16px); }
.topbar__inner { min-height:4.65rem; padding-block:.65rem; }
.brand__mark { position:relative; overflow:hidden; width:2.45rem; height:2.45rem; border-radius:12px; background:linear-gradient(135deg,var(--azul-600),var(--roxo-600)); color:#fff; box-shadow:0 7px 18px rgba(70,68,224,.25); }
.brand__mark::after { content:""; position:absolute; inset:-40% 40% 20% -30%; background:rgba(255,255,255,.24); transform:rotate(35deg); }
.brand__mark span { position:relative; z-index:1; font-size:.85rem; }
.brand__copy { display:grid; line-height:1.1; gap:.18rem; }
.brand__name { font-size:1rem; letter-spacing:-.02em; }
.brand__name strong { color:var(--azul-700); }
.brand__copy small { color:#7b8499; font-size:.66rem; letter-spacing:.035em; }
.topnav { gap:1.55rem; }
.topnav a:not(.btn) { color:#4b5670; font-weight:600; font-size:.9rem; opacity:1; }
.topnav a:not(.btn):hover { color:var(--azul-600); text-decoration:none; }
.btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:12px; border-color:var(--azul-600); color:var(--azul-700); font-weight:750; transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease; }
.btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(49,87,238,.2); background:var(--azul-600); }
.btn--primary { color:#fff; border:0; background:linear-gradient(135deg,var(--azul-600),var(--roxo-600)); box-shadow:0 10px 24px rgba(72,72,225,.22); }
.btn--primary:hover { background:linear-gradient(135deg,#244ce4,#6f3de3); color:#fff; }
.btn--ghost { border-color:var(--linha); color:var(--texto); background:rgba(255,255,255,.8); }
.btn--ghost:hover,.btn--outline:hover { border-color:var(--azul-600); color:var(--azul-700); background:var(--azul-50); box-shadow:none; }
.btn--outline { width:100%; border-color:#cad3e8; background:#fff; }
.btn--light { border:0; background:#fff; color:var(--azul-700); box-shadow:0 12px 30px rgba(7,12,40,.18); }
.btn--light:hover { background:#fff; color:var(--roxo-700); }
.btn--small { padding:.48rem 1rem; }
.btn--big { min-height:52px; padding:.78rem 1.35rem; font-size:1rem; }
:focus-visible { outline:3px solid #8f6cff; outline-offset:3px; }
.skip-link { background:var(--azul-700); }

.hero--new { isolation:isolate; position:relative; overflow:hidden; min-height:42rem; display:flex; align-items:center; padding-block:clamp(4rem,9vw,7.5rem); border:0; background:linear-gradient(180deg,#fff 0%,#fbfcff 100%); }
.hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(30rem,.93fr); align-items:center; gap:clamp(3rem,7vw,6.5rem); }
.hero__content { position:relative; z-index:2; }
.eyebrow { display:inline-flex; align-items:center; gap:.45rem; margin:0 0 1rem; color:var(--azul-700); font-size:.78rem; font-weight:800; letter-spacing:.11em; line-height:1.3; text-transform:uppercase; }
.eyebrow span { color:var(--roxo-600); }
.hero__title,.section__title { font-family:inherit; color:var(--azul-950); letter-spacing:-.045em; }
.hero__title { max-width:14ch; margin:0 0 1.2rem; font-size:clamp(2.65rem,5.2vw,4.75rem); line-height:1.01; font-weight:820; }
.hero__title span { color:transparent; background:linear-gradient(100deg,var(--azul-600),var(--roxo-600)); -webkit-background-clip:text; background-clip:text; }
.hero__subtitle { max-width:58ch; margin-bottom:1.8rem; color:var(--texto-2); font-size:clamp(1.05rem,1.7vw,1.24rem); line-height:1.65; }
.hero__actions { display:flex; flex-wrap:wrap; gap:.8rem; }
.hero__checks { list-style:none; display:flex; flex-wrap:wrap; gap:1.1rem; margin:1.25rem 0 0; padding:0; color:#64708a; font-size:.83rem; }
.hero__checks li { display:flex; align-items:center; gap:.35rem; }
.hero__checks span { display:grid; place-items:center; width:1.1rem; height:1.1rem; border-radius:50%; background:#e9fbf3; color:#15976b; font-size:.7rem; font-weight:900; }
.hero__glow { position:absolute; border-radius:50%; filter:blur(2px); opacity:.7; pointer-events:none; }
.hero__glow--one { width:34rem; height:34rem; right:-8rem; top:-12rem; background:radial-gradient(circle,rgba(124,77,243,.13),transparent 68%); }
.hero__glow--two { width:28rem; height:28rem; left:-15rem; bottom:-18rem; background:radial-gradient(circle,rgba(49,87,238,.12),transparent 68%); }
.product-preview { position:relative; z-index:1; border:1px solid rgba(207,216,237,.9); border-radius:24px; background:rgba(255,255,255,.91); box-shadow:0 30px 80px rgba(28,45,105,.16); transform:perspective(1000px) rotateY(-2deg) rotateX(1deg); }
.product-preview::before { content:""; position:absolute; z-index:-1; inset:8% -5% -9% 8%; border-radius:28px; background:linear-gradient(145deg,rgba(49,87,238,.15),rgba(124,77,243,.12)); filter:blur(20px); }
.product-preview__bar { display:flex; align-items:center; gap:.38rem; padding:.8rem 1rem; border-bottom:1px solid var(--linha); background:#fafbfe; border-radius:24px 24px 0 0; }
.product-preview__bar>span { width:.48rem; height:.48rem; border-radius:50%; background:#d5dbea; }
.product-preview__bar>span:first-child { background:#ff7e89; }.product-preview__bar>span:nth-child(2){background:#ffc762}.product-preview__bar>span:nth-child(3){background:#50d5a4}
.product-preview__bar p { flex:1; margin:0 0 0 .4rem; color:#4c5871; font-size:.75rem; font-weight:700; }
.product-preview__bar small { padding:.2rem .45rem; border-radius:5px; background:#e8f8ef; color:#188557; font-size:.61rem; font-weight:800; }
.product-preview__body { padding:1.35rem; }
.preview-stat { display:grid; grid-template-columns:1fr auto; align-items:end; padding:1rem 1.15rem; border:1px solid #e1e7f4; border-radius:15px; background:linear-gradient(135deg,#f8faff,#fdfbff); }
.preview-stat span { color:#63708a; font-size:.72rem; font-weight:700; }.preview-stat strong { grid-row:1/3; grid-column:2; color:var(--azul-950); font-size:2.25rem; line-height:1; }.preview-stat small { color:#8a93a8; font-size:.65rem; }
.preview-table { margin-top:1rem; overflow:hidden; border:1px solid #e8ebf3; border-radius:12px; font-size:.65rem; }
.preview-table>div { display:grid; grid-template-columns:1.45fr .8fr .8fr .8fr; align-items:center; min-height:2.65rem; padding:.4rem .75rem; border-bottom:1px solid #edf0f6; color:#5f6b83; }
.preview-table>div:last-child { border:0; }.preview-table .preview-table__head { min-height:2rem; background:#f5f7fb; color:#8b94a9; font-size:.55rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.preview-table span:first-child { display:flex; align-items:center; gap:.4rem; color:#24304d; font-weight:700; }
.avatar { width:1.45rem; height:1.45rem; border-radius:7px; background:var(--azul-100); }.avatar--violet{background:#f0eaff}.avatar--cyan{background:#e4f8fb}
.tag { justify-self:start; padding:.18rem .38rem; border-radius:999px; background:#eef1f6; color:#64708a; }.tag--ok{background:#e7f9f1;color:#13815a}
.floating-chip { position:absolute; display:flex; align-items:center; gap:.65rem; min-width:10.5rem; padding:.72rem .85rem; border:1px solid #e0e6f3; border-radius:13px; background:rgba(255,255,255,.96); box-shadow:0 16px 36px rgba(31,49,105,.14); animation:float 5s ease-in-out infinite; }
.floating-chip>span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:9px; background:#e8fbf3; color:#149568; font-weight:900; }.floating-chip strong,.floating-chip small { display:block; line-height:1.35; }.floating-chip strong{font-size:.69rem;color:#26314d}.floating-chip small{font-size:.59rem;color:#8790a4}
.floating-chip--top { right:-2.1rem; top:4.3rem; }.floating-chip--bottom{left:-2.6rem;bottom:2.3rem;animation-delay:-2.5s}.floating-chip--bottom>span{background:#eeeaff;color:var(--roxo-600)}
@keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)} }

.trust-strip { border-block:1px solid var(--linha); background:#fff; }
.trust-strip__grid { display:grid; grid-template-columns:repeat(4,1fr); padding-block:1.35rem; }
.trust-strip__grid p { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 .65rem; margin:0; padding:.2rem 1.15rem; border-right:1px solid var(--linha); }
.trust-strip__grid p:last-child { border:0; }.trust-icon{grid-row:1/3;display:grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:var(--azul-50);color:var(--azul-600);font-weight:800}.trust-strip strong{font-size:.78rem;color:#29344f}.trust-strip small{font-size:.68rem;color:#5f6b82}

.section { padding-block:clamp(4rem,8vw,7rem); }.section--soft{background:var(--surface-soft)}.section--showcase{overflow:hidden;background:linear-gradient(135deg,#f6f8ff 0%,#fbf8ff 100%)}
.section-heading { max-width:43rem; margin-bottom:2.6rem; }.section-heading--center { margin-inline:auto; text-align:center; }.section-heading--center .section__lead{margin-inline:auto}
.section__title { margin:0 0 1rem; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; font-weight:800; }.section__lead{color:var(--texto-2);font-size:1.05rem;line-height:1.7}
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.15rem; }
.benefit-card { display:flex; flex-direction:column; min-height:19rem; padding:1.7rem; border:1px solid var(--linha); border-radius:var(--radius-lg); background:#fff; box-shadow:var(--shadow-card); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.benefit-card:hover { transform:translateY(-6px); border-color:#ccd5f3; box-shadow:var(--shadow-soft); }.benefit-card h3{margin:1.2rem 0 .55rem;color:var(--azul-950);font-size:1.2rem}.benefit-card p{margin:0;color:var(--texto-2);font-size:.94rem}.benefit-card a{margin-top:auto;color:var(--azul-700);font-size:.86rem;font-weight:800;text-decoration:none}.benefit-card a:hover span{display:inline-block;transform:translateX(3px)}
.feature-icon { display:grid; place-items:center; width:3rem; height:3rem; border-radius:14px; font-size:1.25rem; }.feature-icon--blue{background:#eaf0ff;color:var(--azul-600)}.feature-icon--violet{background:#f1eaff;color:var(--roxo-600)}.feature-icon--cyan{background:#e6f9fc;color:#0797be}
.process { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem; margin:3rem 0 0; padding:0; list-style:none; }.process::before{content:"";position:absolute;left:16%;right:16%;top:2rem;border-top:1px dashed #bdc8e6}.process__item{position:relative;text-align:center}.process__num{position:absolute;top:-.8rem;left:calc(50% + 1.7rem);color:#a0a9bd;font-size:.65rem;font-weight:800}.process__icon{position:relative;z-index:1;display:grid;place-items:center;width:4rem;height:4rem;margin:0 auto 1.15rem;border:1px solid #dce3f4;border-radius:18px;background:#fff;color:var(--azul-600);font-size:1.35rem;box-shadow:0 10px 26px rgba(34,54,112,.09)}.process__item:nth-child(2) .process__icon{color:var(--roxo-600)}.process__item:nth-child(3) .process__icon{color:var(--ciano-500)}.process h3{margin:0 0 .45rem;color:var(--azul-950);font-size:1.05rem}.process p{max-width:26ch;margin:auto;color:var(--texto-2);font-size:.88rem}
.showcase { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:clamp(3rem,7vw,6.5rem); }.showcase__content>p:not(.eyebrow):not(.showcase__note){color:var(--texto-2)}.check-list{display:grid;gap:.75rem;margin:1.5rem 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:1.8rem;color:#3f4a65;font-size:.92rem}.check-list li::before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#e6faf1;color:#13865e;font-size:.7rem;font-weight:900}.showcase__note{font-size:.75rem;color:#5d6980}
.data-card { overflow:hidden; border:1px solid #dce3f3; border-radius:22px; background:#fff; box-shadow:0 25px 60px rgba(33,51,107,.13); }.data-card__header,.data-card__footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem}.data-card__header{border-bottom:1px solid var(--linha)}.data-card__header>div{display:flex;align-items:center;gap:.7rem}.data-card__header strong,.data-card__header small{display:block;line-height:1.4}.data-card__header strong{font-size:.78rem;color:#2d3854}.data-card__header small{font-size:.65rem;color:#9099ad}.file-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:#e5f7ee;color:#168c60;font-size:.8rem;font-weight:900}.status-pill{padding:.25rem .55rem;border-radius:999px;background:#e6faf1;color:#16865e;font-size:.65rem;font-weight:800}.data-card__rows>div{display:grid;grid-template-columns:1.35fr 1fr .65fr;gap:.5rem;padding:.8rem 1.2rem;border-bottom:1px solid #edf0f6;color:#56627b;font-size:.72rem}.data-card__rows .data-card__labels{background:#f8f9fc;color:#9aa2b5;font-size:.57rem;font-weight:800;letter-spacing:.05em}.data-card__rows div span:first-child{color:#26314c;font-weight:700}.data-card__rows div span:last-child{color:#e09a17}.data-card__footer{color:#748098;font-size:.67rem}.data-card__footer span{display:flex;align-items:center;gap:.35rem}.data-card__footer i{width:.45rem;height:.45rem;border-radius:50%;background:#2bbf89}.data-card__footer strong{color:#34415e}
.pricing-grid { display:grid; grid-template-columns:repeat(4,1fr); align-items:stretch; gap:1rem; margin-top:3rem; }.price-card{position:relative;display:flex;flex-direction:column;padding:1.55rem;border:1px solid var(--linha);border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(31,49,105,.05)}.price-card__name{margin:0;color:#626e85;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.price-card__qty{margin:.5rem 0 0;color:var(--texto-2);font-size:.9rem}.price-card__qty strong{color:var(--azul-950);font-size:1.35rem}.price-card__profile{min-height:2.2em;margin:.35rem 0 0;color:#5d6980;font-size:.72rem}.price-card__price{margin:.9rem 0 1.1rem}.price-card__price strong{display:block;color:var(--azul-950);font-size:1.8rem;line-height:1.1;letter-spacing:-.04em}.price-card__price small{color:#5d6980;font-size:.66rem}.price-card ul{display:grid;gap:.55rem;margin:0 0 1.5rem;padding:1rem 0 0;border-top:1px solid var(--linha);list-style:none;color:#536078;font-size:.78rem}.price-card li::before{content:"✓";margin-right:.45rem;color:#1aa574;font-weight:900}.price-card .btn{margin-top:auto;font-size:.78rem}.pricing-note{max-width:50rem;margin:1.5rem auto 0;text-align:center;color:#5d6980;font-size:.76rem}
.faq{margin:.7rem 0;padding:.15rem 1.1rem;border:1px solid var(--linha);border-radius:14px;box-shadow:none}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem .2rem;color:#28334d;font-size:.94rem;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{position:relative;width:1rem;height:1rem;flex:0 0 auto}.faq summary span::before,.faq summary span::after{content:"";position:absolute;top:50%;left:0;width:100%;border-top:2px solid var(--azul-600);transition:transform .2s ease}.faq summary span::after{transform:rotate(90deg)}.faq[open] summary span::after{transform:rotate(0)}.faq p{margin:.1rem 0 1rem;padding-right:2rem;color:var(--texto-2);font-size:.88rem}
.cta-final{position:relative;overflow:hidden;padding-block:clamp(4rem,8vw,6rem);background:linear-gradient(120deg,#142a76 0%,#3b45ca 48%,#7236cc 100%);color:#fff}.cta-final::before,.cta-final::after{content:"";position:absolute;width:25rem;height:25rem;border-radius:50%;background:rgba(255,255,255,.06)}.cta-final::before{left:-12rem;top:-15rem}.cta-final::after{right:-10rem;bottom:-18rem}.cta-final__inner{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}.eyebrow--light{color:#dce3ff}.cta-final h2{max-width:18ch;margin:.2rem auto .8rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.04em}.cta-final p:not(.eyebrow){margin:0 0 1.5rem;color:rgba(255,255,255,.78)}.cta-final small{display:block;margin-top:1rem;color:rgba(255,255,255,.65);font-size:.72rem}
.footer{border:0;background:#0c1430;color:#c5cce0}.footer__brand{font-family:inherit;color:#fff}.footer__title{color:#fff}.footer a{color:#d5ddff}.footer__notice{border-color:rgba(255,255,255,.1);color:#c5cce0}
.orderform__group,.card,.pricetable,.sampletable,.orderdetail,.notice,.admin-card{border-color:var(--linha);box-shadow:var(--shadow-card)}.orderform__group legend,.section__subtitle,.footer__brand{font-family:inherit}.field input[type="text"],.field input[type="email"],.field select{min-height:45px;background:#fff;border-color:#cfd7e7}.field input:focus,.field select:focus{border-color:var(--azul-600);box-shadow:0 0 0 3px rgba(49,87,238,.12);outline:0}.field--check input{accent-color:var(--azul-600)}.orderform__price{background:var(--azul-50);border-color:#b8c7f5}.notice--info{background:var(--azul-50);border-color:#b8c7f5}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.floating-chip{animation:none}.js .reveal{opacity:1;transform:none}}
@media (max-width:64em){.hero__grid{grid-template-columns:1fr 1fr;gap:2rem}.pricing-grid{grid-template-columns:repeat(2,1fr)}.floating-chip--top{right:-.5rem}.floating-chip--bottom{left:-.5rem}.trust-strip__grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.trust-strip__grid p:nth-child(2){border-right:0}}
@media (max-width:48em){.topbar__inner{min-height:4rem}.brand__copy small{display:none}.hero--new{min-height:auto;padding-block:3.8rem 4.5rem}.hero__grid{grid-template-columns:1fr}.hero__content{text-align:center}.hero__title,.hero__subtitle{margin-inline:auto}.hero__actions,.hero__checks{justify-content:center}.product-preview{max-width:34rem;margin-inline:auto;transform:none}.floating-chip{display:none}.benefit-grid,.process,.showcase{grid-template-columns:1fr}.process{gap:2rem}.process::before{display:none}.process p{max-width:40ch}.showcase__content{text-align:center}.check-list{max-width:28rem;margin-inline:auto;text-align:left}.pricing-grid{grid-template-columns:repeat(2,1fr)}.topnav a:not(.btn){display:none}}
@media (max-width:36em){.hero__title{font-size:2.45rem}.hero__actions{display:grid}.hero__actions .btn{width:100%}.hero__checks{gap:.55rem 1rem}.preview-table>div{grid-template-columns:1.3fr .8fr 1fr}.preview-table>div span:last-child{display:none}.trust-strip__grid,.pricing-grid{grid-template-columns:1fr}.trust-strip__grid p{border-right:0;border-bottom:1px solid var(--linha);padding:.65rem}.trust-strip__grid p:last-child{border:0}.price-card--featured{margin-top:.6rem}.data-card__rows>div{grid-template-columns:1.25fr 1fr}.data-card__rows>div span:last-child{display:none}}