:root{--ink:#192a3a;--muted:#64717e;--yellow:#fcb900;--cream:#fff9ec;--sky:#edf8ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.quote-hero{position:relative;min-height:calc(100vh - 82px);padding:72px 0 86px;overflow:hidden;background:linear-gradient(125deg,var(--cream),#fff 50%,var(--sky))}
.quote-hero:before,.quote-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.quote-hero:before{width:480px;height:480px;left:-250px;bottom:-250px;border:1px solid rgba(25,42,58,.1);box-shadow:0 0 0 70px rgba(252,185,0,.05)}
.quote-hero:after{width:390px;height:390px;right:-190px;top:-210px;border:1px solid rgba(25,42,58,.08)}
.quote-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:58px}
.quote-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.quote-kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:#1bae75;box-shadow:0 0 0 5px rgba(27,174,117,.12)}
.quote-copy h1{max-width:530px;margin:20px 0;font-size:clamp(3rem,4.8vw,5.1rem);line-height:.93;letter-spacing:-.055em}
.quote-copy h1 span{color:var(--yellow)}
.quote-copy>p{max-width:590px;color:var(--muted);font-size:1.03rem;line-height:1.8}
.quote-products{position:relative;width:min(520px,100%);height:255px;margin:22px 0 20px;display:grid;place-items:center;isolation:isolate}
.quote-products:before{content:"";position:absolute;z-index:-1;width:88%;aspect-ratio:2/1;border-radius:50%;background:radial-gradient(ellipse,rgba(252,185,0,.18),rgba(220,241,252,.26) 60%,transparent 72%)}
.quote-products img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 28px rgba(25,42,58,.16))}
.quote-proof{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.quote-proof span{padding:9px 13px;border-radius:999px;background:#fff;box-shadow:0 10px 30px rgba(25,42,58,.07);font-size:.74rem;font-weight:750}
.quote-direct{margin-top:34px;padding:22px 24px;border-left:4px solid var(--yellow);border-radius:0 20px 20px 0;background:rgba(255,255,255,.7)}
.quote-direct strong{display:block;margin-bottom:5px}
.quote-direct a{color:#1266a9;font-weight:800;text-decoration:none}
.quote-form{padding:38px;border:1px solid rgba(25,42,58,.08);border-radius:44px 14px 44px 14px;background:rgba(255,255,255,.94);box-shadow:0 35px 80px rgba(25,42,58,.14)}
.form-heading span{color:#168f62;font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.form-heading h2{margin:5px 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}
.form-heading p{margin:0 0 24px;color:var(--muted);font-size:.78rem}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field-grid label>span{display:block;margin:0 0 6px;font-size:.72rem;font-weight:800}
.field-grid input,.field-grid select,.field-grid textarea{width:100%;min-height:49px;padding:12px 14px;border:1px solid #ccd4db;border-radius:13px;background:#fff;color:var(--ink);font:inherit}
.field-grid textarea{resize:vertical}
.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{outline:3px solid rgba(21,108,190,.22);border-color:#156cbe}
.field-wide{grid-column:1/-1}
.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.consent input{width:18px;height:18px;flex:0 0 auto}
.quote-form button{width:100%;min-height:52px;margin-top:20px;border:0;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:850;cursor:pointer}
.quote-form button:hover{background:#ffca2d}
.form-status{min-height:1.3em;margin:10px 0 0;color:#b3261e;font-size:.75rem;font-weight:700}
.quote-whatsapp{position:fixed;right:20px;bottom:20px;z-index:100;width:58px;height:58px;filter:drop-shadow(0 14px 18px rgba(37,211,102,.35))}
.quote-whatsapp img{width:100%;height:100%}
@media(max-width:900px){.quote-hero{min-height:calc(100vh - 72px);padding:55px 0}
.quote-shell{grid-template-columns:1fr;gap:38px}
.quote-copy h1{max-width:760px}
.quote-products{width:min(600px,100%);height:280px}
.quote-form{padding:30px}
}
@media(max-width:580px){.quote-hero{padding:42px 0 70px}
.quote-shell{width:calc(100% - 26px)}
.quote-copy h1{font-size:clamp(2.7rem,14vw,4.2rem)}
.quote-form{padding:25px 18px;border-radius:30px 10px}
.field-grid{grid-template-columns:1fr}
.field-wide{grid-column:auto}
.quote-proof{display:grid}
.quote-products{height:220px;margin:22px auto 16px}
.quote-whatsapp{right:14px;bottom:14px;width:54px;height:54px}
}
.quote-footer{padding:58px 0 0;color:#fff;background:#121f2c}
.quote-footer-grid{width:min(1180px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:45px}
.quote-footer h2{margin:0 0 15px;color:#fff;font-size:.9rem}
.quote-footer p,.quote-footer a{color:rgba(255,255,255,.7);font-size:.78rem;line-height:1.7}
.quote-footer a{display:block;margin:7px 0;text-decoration:none}
.quote-footer a:hover{color:#fcb900}
.quote-footer-brand{display:flex!important;align-items:center;gap:10px;margin:0 0 16px!important;color:#fff!important;font-size:1rem!important;line-height:1!important}
.quote-footer-brand img{display:block}
.quote-footer-bottom{width:min(1180px,calc(100% - 36px));margin:38px auto 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55);font-size:.72rem}
.quote-whatsapp{z-index:1400}
.quote-page .global-footer-wave{background:linear-gradient(125deg,var(--cream),#fff 50%,var(--sky))}
@media(max-width:850px){.quote-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.quote-footer{padding-top:42px}.quote-footer-grid{grid-template-columns:1fr;gap:25px}}