:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17253b;background:#fff}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:#0b5a8c}.wrap{max-width:1160px;padding:0 22px;margin:0 auto}.header{background:white;box-shadow:0 2px 15px #0000000d;position:sticky;top:0;z-index:10}.top{display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:75px}.brand{font-weight:900;letter-spacing:.07em;text-decoration:none;font-size:23px;color:#12365b}.brand span{color:#df7f1d}nav{display:flex;gap:22px}nav a{text-decoration:none;color:#24364a;font-weight:600}.hero{background:linear-gradient(110deg,#0d3152,#176a89);color:white;padding:85px 0}.hero h1{font-size:clamp(30px,5vw,54px);max-width:680px;line-height:1.15;margin:10px 0 18px}.hero p{max-width:620px;font-size:18px}.eyebrow{letter-spacing:.12em;font-size:12px!important;font-weight:700}.btn{display:inline-block;border:0;border-radius:9px;background:#e28b29;color:#192637;padding:12px 21px;font-weight:800;cursor:pointer;text-decoration:none;margin:8px 8px 0 0}.btn.outline{background:transparent;border:1px solid white;color:white}.btn.small{padding:9px 15px;font-size:14px}.section{padding-top:68px;padding-bottom:74px}.sectionheading{margin-bottom:30px}h2{font-size:32px;line-height:1.2;margin:0 0 14px}.sectionheading p,.hint{color:#68758a}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{border:1px solid #e3e8ee;border-radius:15px;padding:16px;box-shadow:0 6px 24px #24364a0a}.card h3{margin:10px 0}.card small{color:#4b718d}.placeholder{background:linear-gradient(135deg,#e9eef1,#dce8ed);border-radius:10px;min-height:165px;display:grid;place-content:center;text-align:center;color:#698090;font-size:13px;letter-spacing:.07em;font-weight:700}.previewSection{background:#f3f7fa;padding:65px 0}.preview-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:start}.fileLabel{font-weight:700;display:block;margin:10px 0}.mock-product{position:relative;min-height:320px;background:linear-gradient(135deg,#c9d6df,#9cb6c3);border:12px solid white;border-radius:15px;overflow:hidden;box-shadow:0 4px 25px #00000010}.mock-label{position:absolute;top:18px;left:20px;font-size:12px;letter-spacing:.12em;color:#335268}.mock-product img{position:absolute;max-width:55%;max-height:55%;cursor:grab;touch-action:none;object-fit:contain}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.quote{background:#f5f8fa;border-radius:15px;padding:24px}.quote label{display:block;font-weight:700;margin:12px 0 5px}.quote input,.quote textarea{width:100%;border-radius:7px;border:1px solid #cad2db;padding:11px;font:inherit;background:white}.quote .hint{font-size:12px}footer{background:#102c45;color:#dce9f3;padding:25px 0;font-size:14px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:520px){.top{flex-direction:column;padding-top:16px;padding-bottom:16px}nav{font-size:13px;gap:12px}.cards{grid-template-columns:1fr}.hero{padding:55px 0}}
