.mockup-madera *{box-sizing:border-box}.mockup-madera{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#10233c;background:#fff}.mockup-madera button,.mockup-madera input,.mockup-madera select{font:inherit}.mockup-madera button{cursor:pointer}.mockup-madera .wrap{width:min(1160px,calc(100% - 40px));margin:auto}.mockup-madera .top{height:88px;border-bottom:1px solid #dfe8ef;display:flex;align-items:center;background:#fff}.mockup-madera .nav{display:flex;align-items:center;justify-content:space-between}.mockup-madera .brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:850}.mockup-madera .logo{width:31px;height:31px;border-radius:7px;background:#173452;display:grid;place-items:center;color:#fff;font-size:13px}.mockup-madera .links,.mockup-madera .tools{display:flex;align-items:center;gap:27px}.mockup-madera .links a{font-size:13px;font-weight:700;color:#43526a}.mockup-madera .tools span{border:1px solid #d9e2eb;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}.mockup-madera .tools .profile{background:#132844;color:#fff;border-color:#132844}.mockup-madera .hero{background:linear-gradient(128deg,#f5f9fd 0% 60%,#eef8f3);padding:25px 0 62px;overflow:hidden}.mockup-madera .crumb{font-size:12px;color:#718299;margin-bottom:31px}.mockup-madera .crumb b{color:#127e67}.mockup-madera .hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:start}.mockup-madera .hero-grid>*{min-width:0}.mockup-madera .copy{padding-top:8px}.mockup-madera .eyebrow{font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#127e67;display:flex;align-items:center;gap:9px}.mockup-madera .eyebrow:before{content:"";width:28px;height:2px;background:#127e67}.mockup-madera .copy h1{font-size:51px;line-height:1.03;letter-spacing:-.052em;margin:18px 0;color:#10213a}.mockup-madera .copy>p{font-size:17px;line-height:1.65;color:#53677e;max-width:510px}.mockup-madera .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.mockup-madera .chips span{background:#fff;border:1px solid #dbe5ed;border-radius:9px;padding:9px 11px;color:#4d6279;font-size:10px}.mockup-madera .car-art{height:235px;margin-top:18px;position:relative}.mockup-madera .road{position:absolute;left:15px;right:20px;bottom:31px;height:54px;border-radius:50%;background:#dce8ec;transform:skew(-13deg)}.mockup-madera .road:after{content:"";position:absolute;left:8%;right:8%;top:25px;border-top:3px dashed #fff}.mockup-madera .car{position:absolute;left:35px;bottom:58px;width:330px;height:100px}.mockup-madera .car-body{position:absolute;inset:35px 0 0;background:linear-gradient(135deg,#2b8d7a,#166b61);border-radius:45px 58px 18px 20px;box-shadow:0 18px 30px #17385828}.mockup-madera .car-body:before{content:"";position:absolute;width:145px;height:65px;left:75px;top:-42px;background:#258473;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.mockup-madera .glass{position:absolute;left:109px;top:2px;width:78px;height:38px;background:#d7edf1;clip-path:polygon(15% 0,79% 0,100% 100%,0 100%);z-index:2}.mockup-madera .wheel{position:absolute;bottom:-13px;width:48px;height:48px;border:9px solid #17324f;border-radius:50%;background:#c9d5dd;z-index:3}.mockup-madera .wheel.one{left:47px}.mockup-madera .wheel.two{right:42px}.mockup-madera .fuel-card{position:absolute;right:5px;top:5px;background:#fff;border:1px solid #d8e4eb;border-radius:14px;padding:16px 18px;box-shadow:0 18px 40px #17385817}.mockup-madera .fuel-card small{display:block;font-size:8px;color:#697d90}.mockup-madera .fuel-card strong{display:block;color:#147762;font-size:24px;margin:5px 0}.mockup-madera .fuel-card span{font-size:9px;color:#536a7f}.mockup-madera .calc{background:#fff;border:1px solid #d8e4eb;border-radius:20px;padding:26px 29px;box-shadow:0 25px 60px #173b6418;position:relative;z-index:2}.mockup-madera .calc-title{display:flex;justify-content:space-between;gap:20px}.mockup-madera .calc h2{font-size:23px;margin:0 0 4px}.mockup-madera .calc-title p{font-size:10px;color:#60758c;margin:0}.mockup-madera .tag{font-size:9px;color:#14775b;background:#e6f6ef;border-radius:99px;padding:7px 10px;font-weight:800;height:max-content;white-space:nowrap}.mockup-madera .section-label{font-size:10px;font-weight:850;color:#293b53;margin:17px 0 8px}.mockup-madera .cases{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mockup-madera .case{border:1px solid #dce5ec;background:#fff;border-radius:10px;padding:9px 4px;color:#52677f;font-size:8px;font-weight:750;min-height:66px}.mockup-madera .case i{display:block;font-style:normal;font-size:17px;margin-bottom:3px}.mockup-madera .case.active{border:2px solid #19816d;background:#eef9f5;color:#116c5a}.mockup-madera .fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mockup-madera .field{border:1px solid #dbe4eb;border-radius:10px;padding:9px 11px;min-height:57px}.mockup-madera .field.wide{grid-column:span 2}.mockup-madera .field label{display:block;color:#63788e;font-size:8px;margin-bottom:5px}.mockup-madera .field input,.mockup-madera .field select{border:0;outline:0;background:none;width:100%;color:#142641;font-weight:750;font-size:13px}.mockup-madera .inline{display:flex;align-items:center;gap:5px}.mockup-madera .inline b{font-size:11px;color:#51667d}.mockup-madera .advanced{display:flex;justify-content:space-between;margin:11px 0;color:#566d84;font-size:9px}.mockup-madera .advanced button{border:0;background:none;color:#127e67;font-size:9px;font-weight:800;padding:0}.mockup-madera .extra{display:none;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.mockup-madera .extra.open{display:grid}.mockup-madera .result{background:#17324f;color:#fff;border-radius:15px;padding:18px 20px}.mockup-madera .result-top{display:flex;align-items:start;justify-content:space-between;gap:16px}.mockup-madera .result small{font-size:9px;color:#c5d3df}.mockup-madera .value{font-size:34px;letter-spacing:-.04em;font-weight:850;margin-top:4px}.mockup-madera .verdict{background:#e6f6ef;color:#126d51;border-radius:9px;padding:8px 11px;text-align:right}.mockup-madera .verdict small{color:inherit}.mockup-madera .verdict strong{display:block;font-size:14px}.mockup-madera .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #375675;padding-top:12px;margin-top:13px}.mockup-madera .stats span{font-size:8px;color:#b9cad8}.mockup-madera .stats b{display:block;color:#fff;font-size:11px;margin-top:3px}.mockup-madera .go{width:100%;border:0;border-radius:9px;background:linear-gradient(90deg,#19816d,#2c9d77);color:#fff;font-weight:800;padding:12px;margin-top:14px}.mockup-madera .scale-section{padding:74px 0 68px}.mockup-madera .center{text-align:center;max-width:720px;margin:0 auto 36px}.mockup-madera .center span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#127e67;font-weight:850}.mockup-madera .center h2{font-size:36px;letter-spacing:-.04em;margin:10px 0}.mockup-madera .center p{color:#5e7288;line-height:1.6}.mockup-madera .scale-card{border:1px solid #dce5ec;border-radius:17px;padding:28px;box-shadow:0 12px 30px #1738580b}.mockup-madera .meter{height:18px;border-radius:99px;background:linear-gradient(90deg,#dff4e8 0 35%,#fff1ce 35% 65%,#f8dedb 65% 100%);position:relative;margin:58px 12px 20px}.mockup-madera .pin{position:absolute;left:42.8%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:#17324f;border:6px solid #fff;box-shadow:0 5px 14px #17385840}.mockup-madera .pin:before{content:attr(data-value);position:absolute;bottom:34px;left:50%;transform:translate(-50%);white-space:nowrap;background:#17324f;color:#fff;padding:7px 9px;border-radius:7px;font-size:9px;font-weight:800}.mockup-madera .meter-labels{display:grid;grid-template-columns:35% 30% 35%;font-size:9px;text-align:center;color:#597086}.mockup-madera .meter-labels b{display:block;font-size:11px;margin-bottom:4px;color:#24364c}.mockup-madera .meter-summary{display:flex;justify-content:space-between;align-items:center;background:#f7fafc;border-radius:11px;padding:14px 16px;margin-top:21px}.mockup-madera .meter-summary span{font-size:10px;color:#5c7187}.mockup-madera .meter-summary b{font-size:14px;color:#14775b}.mockup-madera .breakdown{background:#f4f8fb;padding:68px 0}.mockup-madera .break-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.mockup-madera .card{background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:25px;box-shadow:0 10px 27px #1738580b}.mockup-madera .card h3{font-size:18px;margin:0 0 19px}.mockup-madera .line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e5ebf0}.mockup-madera .line span{font-size:10px;color:#5d7186}.mockup-madera .line b{font-size:12px}.mockup-madera .line.total{background:#e9f6f1;border:0;border-radius:10px;color:#126e52;padding:14px 15px;margin-top:12px}.mockup-madera .step{display:flex;gap:12px;align-items:center;margin:14px 0}.mockup-madera .step i{font-style:normal;width:34px;height:34px;border-radius:10px;background:#e7f5f1;color:#127e67;display:grid;place-items:center;font-weight:850}.mockup-madera .step b{display:block;font-size:10px}.mockup-madera .step span{display:block;color:#65798f;font-size:9px;margin-top:3px}.mockup-madera .warning{background:#fff7e7;border:1px solid #efdaad;border-radius:11px;padding:13px;margin-top:17px;color:#755319;font-size:9px;line-height:1.55}.mockup-madera .tips{padding:69px 0}.mockup-madera .tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mockup-madera .tip{border:1px solid #dce5ec;border-radius:14px;padding:20px}.mockup-madera .tip i{font-style:normal;font-size:23px}.mockup-madera .tip h3{font-size:12px;margin:11px 0 6px}.mockup-madera .tip p{font-size:9px;color:#65798d;line-height:1.55;margin:0}.mockup-madera .impact{display:inline-block;margin-top:12px;background:#e9f6f1;color:#126e52;border-radius:99px;padding:6px 8px;font-size:8px;font-weight:800}.mockup-madera .dark{background:#17324f;color:#fff;padding:66px 0}.mockup-madera .dark-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:center}.mockup-madera .dark h2{font-size:35px;letter-spacing:-.04em;margin:10px 0 13px}.mockup-madera .dark p{color:#c0cfdd;font-size:12px;line-height:1.65}.mockup-madera .compare{background:#fff;color:#17324f;border-radius:16px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mockup-madera .compare div{background:#f5f8fb;border-radius:11px;padding:15px;text-align:center}.mockup-madera .compare small{display:block;color:#60758a;font-size:8px}.mockup-madera .compare b{display:block;font-size:17px;margin:7px 0}.mockup-madera .compare span{font-size:8px;color:#5c7186}.mockup-madera .foot{height:110px}@media(max-width:800px){.mockup-madera .wrap{width:min(100% - 28px,1160px)}.mockup-madera .links{display:none}.mockup-madera .hero-grid,.mockup-madera .break-grid,.mockup-madera .dark-grid{grid-template-columns:1fr}.mockup-madera .copy{text-align:center}.mockup-madera .copy h1{font-size:39px}.mockup-madera .eyebrow,.mockup-madera .chips{justify-content:center}.mockup-madera .car-art{max-width:420px;margin-inline:auto}.mockup-madera .calc{padding:20px 16px}.mockup-madera .cases,.mockup-madera .tip-grid{grid-template-columns:1fr 1fr}.mockup-madera .tools span:not(:last-child){display:none}}@media(max-width:480px){.mockup-madera .copy h1{font-size:36px}.mockup-madera .car{left:0;transform:scale(.87);transform-origin:left bottom}.mockup-madera .fuel-card{right:0}.mockup-madera .fields,.mockup-madera .extra{grid-template-columns:1fr}.mockup-madera .field.wide{grid-column:auto}.mockup-madera .stats,.mockup-madera .tip-grid,.mockup-madera .compare{grid-template-columns:1fr}.mockup-madera .meter-summary{display:block}.mockup-madera .meter-summary b{display:block;margin-top:8px}}.mockup-madera .clhero{background:linear-gradient(135deg,#f4f9ff,#f2faf7);padding:34px 0 64px}.mockup-madera .clgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.mockup-madera .clhero h1{font-size:58px;line-height:1;letter-spacing:-.055em;margin:18px 0}.mockup-madera .clhero p{color:#587086;font-size:17px;line-height:1.65}.mockup-madera .flagtag{color:#147f6a;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mockup-madera .searchbox{display:flex;background:#fff;border:1px solid #d7e4ec;border-radius:14px;padding:7px;box-shadow:0 15px 35px #17385812;margin:24px 0 18px}.mockup-madera .searchbox input{border:0;outline:0;flex:1;padding:11px;font-size:14px}.mockup-madera .searchbox button{border:0;border-radius:9px;background:#17324f;color:#fff;padding:0 22px;font-weight:800}.mockup-madera .livecard{background:#17324f;color:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 50px #17385825}.mockup-madera .livecard h2{font-size:21px;margin:0}.mockup-madera .livegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mockup-madera .livegrid div{background:#254462;border-radius:11px;padding:15px}.mockup-madera .livegrid small{display:block;color:#bdd0de;font-size:8px}.mockup-madera .livegrid b{display:block;font-size:18px;margin:6px 0}.mockup-madera .livegrid span{font-size:8px;color:#9ee0cb}.mockup-madera .section{padding:68px 0}.mockup-madera .catbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:25px 0 30px}.mockup-madera .cat{border:1px solid #d8e3eb;background:#fff;border-radius:99px;padding:10px 16px;font-size:10px;font-weight:800;color:#536a80}.mockup-madera .cat.active{background:#17324f;color:#fff;border-color:#17324f}.mockup-madera .toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mockup-madera .toolcard{border:1px solid #dce5ec;border-radius:15px;padding:20px;background:#fff;transition:.2s}.mockup-madera .toolcard:hover{transform:translateY(-3px);box-shadow:0 14px 28px #17385812}.mockup-madera .toolcard i{font-style:normal;font-size:24px}.mockup-madera .toolcard h3{font-size:15px;margin:12px 0 6px}.mockup-madera .toolcard p{font-size:9px;line-height:1.55;color:#63788d}.mockup-madera .toolcard button{border:0;background:none;padding:0;color:#147f6a;font-size:9px;font-weight:850}.mockup-madera .nodata{text-align:center;color:#64798c;padding:35px;display:none}.mockup-madera .clstats{background:#f4f8fb;padding:65px 0}.mockup-madera .statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mockup-madera .stat{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:20px}.mockup-madera .stat small{font-size:8px;color:#677b8e}.mockup-madera .stat b{display:block;font-size:22px;margin:8px 0}.mockup-madera .stat span{font-size:8px;color:#147f6a}.mockup-madera .journey{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mockup-madera .journey article{border-radius:16px;padding:23px;background:#fff;border:1px solid #dce5ec}.mockup-madera .journey strong{font-size:14px}.mockup-madera .journey p{font-size:9px;color:#63788d;line-height:1.55}.mockup-madera .journey a{font-size:9px;color:#147f6a;font-weight:850}.mockup-madera .notice{font-size:10px;color:#5d7186;margin-top:16px}.mockup-madera .foot{height:90px}@media(max-width:800px){.mockup-madera .clgrid{grid-template-columns:1fr}.mockup-madera .clhero h1{font-size:43px}.mockup-madera .toolgrid,.mockup-madera .statgrid{grid-template-columns:1fr 1fr}.mockup-madera .journey{grid-template-columns:1fr}}@media(max-width:480px){.mockup-madera .toolgrid,.mockup-madera .statgrid,.mockup-madera .livegrid{grid-template-columns:1fr}.mockup-madera .searchbox button{padding:0 12px}}.mockup-madera{width:100%;overflow:hidden}.mockup-madera .top,.mockup-madera header.top{display:none!important}.mockup-madera .foot{display:none!important}.mockup-madera .support-real{width:min(1160px,calc(100% - 40px));margin:auto;padding:64px 0}.mockup-madera .support-real-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.mockup-madera .support-real details{border-bottom:1px solid #dfe6ed;padding:14px 0}.mockup-madera .support-real summary{cursor:pointer;font-weight:750}.mockup-madera .support-real p{color:#687a8f;line-height:1.65}@media(max-width:800px){.mockup-madera .support-real-grid{grid-template-columns:1fr}}