/*
Theme Name: FlashChip
Author: FlashChip
Description: Giao diện bán phần mềm nạp ECU máy công trình.
Version: 1.0.0
Text Domain: flashchip
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#09253a;--navy:#061b2d;--lime:#c7f35c;--cream:#f4f2ed;--muted:#60717a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.notice{background:var(--lime);font:700 11px 'DM Mono';letter-spacing:.08em;text-align:center;padding:9px}header{height:80px;display:flex;align-items:center;justify-content:space-between;max-width:1144px;margin:auto;padding:0 20px}.logo{font-size:24px;font-weight:800;letter-spacing:-1.5px}.logo span,.eyebrow{color:#e7773c}nav{display:flex;gap:28px}nav a{font-size:13px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--lime);border:0;color:var(--navy);padding:15px 19px;font-size:13px;font-weight:800;cursor:pointer}.outline{border:1px solid #bac4c4;background:none;padding:11px 16px}.hero{background:var(--navy);color:#fff;min-height:560px;padding:75px max(20px,calc((100% - 1144px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font:700 11px 'DM Mono';letter-spacing:.1em;margin:0 0 14px}.hero h1{font-size:clamp(42px,5vw,67px);line-height:1.08;letter-spacing:-3.5px;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--lime)}.lead{max-width:525px;color:#b7c6cb;line-height:1.7;font-size:16px}.trust{display:flex;gap:24px;margin-top:48px;color:#a4b5bc;font-size:11px}.trust b{display:block;color:#fff;font-size:20px}.ecu{background:#0c334c;border:1px solid #28526a;padding:20px;box-shadow:14px 14px 0 #092339}.ecu>p{font:10px 'DM Mono';color:#a3d1de}.screen{background:#061d2d;border:1px solid #416277;padding:38px 30px}.screen span,.type{font:10px 'DM Mono';color:#79d6c7;letter-spacing:.1em}.screen strong{display:block;font-size:32px;margin:12px 0}.screen small{color:#90a3ae}.load{height:7px;background:#194458;margin:25px 0 8px}.load i{display:block;width:75%;height:100%;background:var(--lime)}.brands{text-align:center;border-bottom:1px solid #d8d8d2;padding:28px}.brands p{font:10px 'DM Mono';color:#77878d}.brand-list{display:flex;justify-content:center;gap:8vw;color:#5e7079;font-size:19px;letter-spacing:-1px}.section{max-width:1144px;margin:auto;padding:100px 20px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section h2,.contact h2{font-size:39px;letter-spacing:-2px;line-height:1.15;margin:0}.section-head>p{max-width:410px;color:var(--muted);line-height:1.7;font-size:13px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:#fff;border:1px solid #e0e3df;padding:28px}.product.featured{background:var(--navy);border-color:var(--navy);color:#fff}.product h3{font-size:20px;margin:12px 0}.product>p:not(.type){color:var(--muted);font-size:13px;line-height:1.65}.featured>p:not(.type){color:#bac9cf}.product ul{list-style:none;padding:14px 0 0;border-top:1px solid #dfe5e2;font-size:12px;line-height:2}.featured ul{border-color:#29465a}.product li:before{content:'✓';color:#48a292;margin-right:7px}.product .btn{width:100%;background:transparent;border:1px solid #bbc8c7;color:var(--ink)}.featured .btn{background:var(--lime);border-color:var(--lime)}.why{border-top:1px solid #d8d8d2;display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.benefit{display:grid;grid-template-columns:45px 1fr 1.2fr;gap:10px;border-top:1px solid #cad3d0;padding:17px 0}.benefit span{font:11px 'DM Mono';color:#e7773c}.benefit h3{margin:0;font-size:15px}.benefit p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.payment{background:#dce6e4;max-width:none;padding-left:max(20px,calc((100% - 1144px)/2));padding-right:max(20px,calc((100% - 1144px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.paybox{background:#fff;border:1px solid #d9e0dc;padding:25px;display:flex;gap:25px;align-items:center}.paybox img{width:165px;height:165px}.paybox span,.paybox b{display:block}.paybox span{font:10px 'DM Mono';color:#74848a;margin-top:10px}.paybox b{font-size:14px}.contact{background:var(--navy);color:#fff;padding:80px max(20px,calc((100% - 1144px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact>div>p:last-child{color:#b7c5ca;line-height:1.7}.contact-form{background:#fff;color:var(--ink);padding:28px}.contact-form label{display:block;font-size:11px;font-weight:800;margin-bottom:13px}.contact-form input,.contact-form textarea{width:100%;margin-top:5px;border:1px solid #d9dfdc;padding:11px;font:14px Manrope}.contact-form textarea{height:70px}footer{max-width:1144px;margin:auto;padding:35px 20px;display:flex;justify-content:space-between;align-items:center}footer p,footer small{font-size:11px;color:#809096}@media(max-width:760px){nav,.outline{display:none}.hero,.why,.payment,.contact{grid-template-columns:1fr;gap:40px}.hero{padding-top:55px;padding-bottom:55px}.products{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:15px}.brand-list{flex-wrap:wrap;gap:18px 32px}.benefit{grid-template-columns:35px 1fr}.benefit p{grid-column:2}.paybox img{width:130px;height:130px}.trust{gap:13px}.contact{padding-top:60px;padding-bottom:60px}footer{display:block}footer small{display:block;margin-top:12px}}