:root{color:#142033;background:#f3f6f9;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding-bottom:80px}header{color:#fff;z-index:5;background:#10263f;padding:18px max(20px,50vw - 560px);position:sticky;top:0}header small,section>small,.hero small,aside small{letter-spacing:.11em;opacity:.72;font-weight:800}header h1{margin:3px 0 0;font-size:1.3rem}main{max-width:1120px;margin:auto;padding:30px 20px}h2{font-size:2rem}.hero{color:#fff;background:linear-gradient(135deg,#10263f,#1d466b);border-radius:22px;padding:34px;box-shadow:0 18px 45px #10263f2e}.hero h2{max-width:650px;margin:.5rem 0;font-size:clamp(2rem,5vw,3.3rem)}.hero p{color:#d8e6f3;max-width:650px}.primary{color:#fff;background:#eb6b35;border:0;border-radius:11px;margin-top:10px;padding:13px 18px;font-weight:800}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.cards button,.stats div,.panel{text-align:left;color:inherit;background:#fff;border:1px solid #dce4eb;border-radius:16px;padding:20px;box-shadow:0 7px 22px #1420330d}.cards h3,.cards p{margin:.2rem 0}.cards p,.row span{color:#667486}.stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.stats b{font-size:1.8rem;display:block}.stats span{color:#667486}nav{z-index:10;background:#10263ff5;border-radius:16px;padding:7px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #10263f4d}nav button{color:#c3d0dc;background:0 0;border:0;border-radius:10px;padding:11px 16px}nav button.active{color:#10263f;background:#fff}.quotegrid{grid-template-columns:1.5fr .8fr;align-items:start;gap:20px;display:grid}.tabs{background:#edf2f6;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:18px;padding:5px;display:grid}.tabs button{background:0 0;border:0;border-radius:8px;padding:10px;font-weight:700}.tabs button.active{background:#fff}.panel label{color:#536174;flex-direction:column;gap:6px;margin-bottom:14px;font-size:.82rem;font-weight:700;display:flex}.panel input,.panel select{background:#fff;border:1px solid #cfd9e2;border-radius:10px;width:100%;padding:11px}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}aside{color:#fff;background:#10263f;border-radius:18px;padding:24px;position:sticky;top:100px}.price{margin-top:14px;font-size:3rem;font-weight:900}.price span{color:#bdccda;font-size:.9rem}.quotegrid aside p{border-bottom:1px solid #ffffff1f;justify-content:space-between;padding-bottom:10px;display:flex}.split{grid-template-columns:330px 1fr;gap:20px;display:grid}.row{border-bottom:1px solid #e5ebf0;align-items:center;gap:16px;padding:14px 0;display:flex}.row:last-child{border:0}.row>div:first-child{flex:1}.row b,.row span,.row small{display:block}.right{text-align:right}.delete{color:#b84316;background:#fff0ea;border:0;border-radius:8px;padding:8px}.note{background:#edf4fa;border-radius:10px;padding:12px}hr{border:0;border-top:1px solid #ffffff2b}@media (width<=800px){.cards,.quotegrid,.split{grid-template-columns:1fr}aside{position:static}}@media (width<=600px){main{padding:20px 12px}.two{grid-template-columns:1fr}nav{justify-content:space-around;width:calc(100% - 14px)}nav button{padding:10px 7px;font-size:.75rem}.cards{grid-template-columns:1fr}.hero{padding:25px 20px}.row{flex-wrap:wrap}}