:root{--color-bg: #f2f7f3;--color-surface: #ffffff;--color-text: #13361f;--color-text-muted: #4f6254;--color-primary: #1f7a43;--color-primary-strong: #176336;--color-primary-soft: #daf2e1;--color-border: #d7e7d8;--color-focus: #0a7ea4;--radius-card: 18px;--radius-button: 14px;--radius-input: 10px;--shadow-soft: 0 8px 28px rgba(16, 41, 26, .08);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--max-width: 1100px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.app-shell{position:relative;overflow:clip}.bg-shape{position:fixed;z-index:-1;border-radius:999px;pointer-events:none}.bg-shape-top{top:-120px;right:-80px;width:280px;height:280px;background:#d9eddc}.bg-shape-bottom{left:-120px;bottom:-100px;width:300px;height:300px;background:#e7f4e9}.container{width:min(var(--max-width),92%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-bg) 85%,white);border-bottom:1px solid color-mix(in srgb,var(--color-border) 80%,white)}.header-content{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{text-decoration:none;font-weight:800;letter-spacing:.02em;font-size:1.1rem;display:inline-flex;align-items:center;gap:0}.brand-logo{width:142px;height:142px;object-fit:contain;border-radius:12px;display:none}.brand-logo.is-visible{display:block}.brand-fallback{width:64px;height:64px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;background:linear-gradient(140deg,#1f7a43,#0f4f2a);box-shadow:inset 0 1px #ffffff38,0 8px 22px #0e432459}@media(max-width:720px){.header-content{min-height:90px}.brand-logo{width:98px;height:98px}}.site-nav{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.site-nav a{text-decoration:none;color:var(--color-text-muted);font-weight:600;font-size:.95rem;padding:.3rem .45rem;border-radius:8px}.site-nav a.active{color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border)}.hero{padding:var(--space-5) 0 var(--space-4)}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.section{padding:var(--space-4) 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--space-4)}.hero-copy h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12;margin:.5rem 0 .9rem}.hero-copy p{margin:0 0 1.15rem;color:var(--color-text-muted);max-width:58ch}.hero-copy{position:relative;overflow:hidden;background:radial-gradient(circle at 15% -10%,rgba(31,122,67,.1),transparent 38%),linear-gradient(145deg,#fff,#f8fcf9)}.hero-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffffeb,#fffffff2);z-index:0}.hero-copy:after{content:"";position:absolute;right:-48px;top:-34px;width:min(62%,360px);aspect-ratio:1 / 1;background:url(/logo-superpreco.png) no-repeat center / contain;opacity:.14;filter:saturate(1.1) contrast(1.08);transform:rotate(-7deg);z-index:0}.hero-copy>*{position:relative;z-index:1}.kicker{margin:0;color:var(--color-primary);font-weight:700;letter-spacing:.01em}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--color-primary-strong);background:var(--color-primary);color:#fff;font-weight:800;font-size:.95rem;border-radius:var(--radius-button);min-height:44px;padding:.65rem 1rem;transition:.14s ease}.button:hover{filter:brightness(1.03);transform:translateY(-1px)}.button-secondary{border-color:var(--color-border);background:#fff;color:var(--color-primary);cursor:not-allowed}.hero-flow h2{margin:.25rem 0 .65rem;font-size:clamp(1.28rem,2.5vw,1.62rem);line-height:1.2;color:#f7fff9}.hero-flow{position:relative;overflow:hidden;background:radial-gradient(circle at 80% -10%,rgba(122,235,158,.3),transparent 44%),linear-gradient(165deg,#104229,#0d3622 55%,#0a2b19);border-color:#195235}.hero-flow:before{content:"";position:absolute;right:-54px;bottom:-58px;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle,#7be38e47,#7be38e00)}.flow-kicker{margin:0;display:inline-block;padding:.24rem .58rem;border-radius:999px;border:1px solid rgba(186,248,205,.45);background:#64c58229;color:#c9f5d8;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.flow-description{margin:0;color:#d5efde}.flow-points{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.62rem}.flow-points li{position:relative;padding-left:1.5rem;color:#e7f8ee}.flow-points li:before{content:"✓";position:absolute;left:0;top:0;color:#7be39e;font-weight:800}.flow-highlight{margin-top:1rem;border:1px solid rgba(194,248,211,.28);background:#ffffff0f;border-radius:14px;padding:.75rem .85rem}.flow-highlight-title{margin:0 0 .22rem;color:#97f0b4;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.flow-highlight-text{margin:0;color:#eafbf0}.section-title{margin-bottom:var(--space-3)}.section-title h2{margin:0 0 .4rem;font-size:clamp(1.4rem,3.2vw,2rem)}.section-title .subtitle{margin:0;color:var(--color-text-muted)}.steps-grid,.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.steps-grid h3,.contact-card h3{margin:0 0 .4rem}.steps-grid p,.contact-card p{margin:0;color:var(--color-text-muted)}.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.5rem}.trust-list li{border:1px solid var(--color-border);border-radius:12px;background:#fbfefb;padding:.7rem .8rem;font-weight:600}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.metric-card{text-align:center}.metric-value{margin:0;color:var(--color-primary);font-size:1.25rem;font-weight:800}.metric-label{margin:.15rem 0 0;color:var(--color-text-muted)}.faq-list{display:grid;gap:.8rem}.faq-item{border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);padding:.2rem .9rem}.faq-item summary{list-style:none;cursor:pointer;padding:.8rem 0;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0 0 .9rem;color:var(--color-text-muted)}.legal-page .legal-content h3{margin:1.2rem 0 .45rem}.legal-page .legal-content h3:first-child{margin-top:0}.legal-page .legal-content p{margin:0;color:var(--color-text-muted)}.legal-page .legal-content a{color:var(--color-primary);font-weight:700}.contact-form{display:grid;gap:.5rem}.contact-form label{margin-top:.45rem;font-weight:600;color:var(--color-text-muted)}.contact-form input,.contact-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-input);padding:.68rem .74rem;font:inherit;background:#fff}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-5);background:#f8fcf9}.footer-content{min-height:90px;display:flex;gap:.7rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-content p{margin:0;color:var(--color-text-muted)}.footer-content nav{display:flex;gap:.8rem;flex-wrap:wrap}.footer-content a{color:var(--color-primary);text-decoration:none;font-weight:700}@media(min-width:720px){.hero-grid{grid-template-columns:1.2fr 1fr;align-items:stretch}.steps-grid{grid-template-columns:repeat(3,1fr)}.trust-list{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1080px){.hero{padding-top:var(--space-6)}.section{padding:var(--space-5) 0}.hero-copy{padding:2rem}}