:root{--ink:#153553;--blue:#174dd4;--pale:#ecf2fb;--paper:#f5f5f1;--line:#d7dfe5;--green:#23654e}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif;background:white}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cf7900}.preview{background:var(--ink);color:white;text-align:center;font-size:12px;padding:7px 16px;letter-spacing:.04em}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.brand b{display:inline-grid;place-items:center;background:var(--blue);color:white;padding:2px 9px;letter-spacing:-.09em;margin-right:5px}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:.12em;margin-top:3px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.button,button.primary{display:inline-block;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:5px;padding:13px 24px;text-decoration:none;cursor:pointer;font-weight:600}.button:hover{background:#123dac;color:white}.button.light{background:white;color:var(--ink);border-color:var(--line)}.button.small{padding:9px 16px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:55px;align-items:center;padding:65px 0}.wrap{max-width:1250px;margin:auto;padding:0 35px}h1,h2,h3{font-family:'Trebuchet MS','Segoe UI',sans-serif;line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(38px,4.6vw,66px);margin:18px 0 24px;max-width:850px}h2{font-size:34px;margin:0 0 20px}h3{font-size:23px;letter-spacing:-.025em}p{max-width:760px}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.lead{font-size:19px;color:#526579}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-photo{background:var(--pale);border-radius:20px 20px 80px 20px;position:relative;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-photo img{width:100%;height:215px;object-fit:contain;background:white;border-radius:9px}.hero-photo img:first-child{grid-row:span 2;height:442px}.hero-photo .caption{position:absolute;bottom:-15px;left:35px;background:var(--ink);color:white;padding:10px 20px;font-size:13px;border-radius:3px}.band{background:var(--pale);padding:45px 0}.section{padding:62px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.card img{width:100%;height:245px;object-fit:contain;background:var(--paper);display:block}.card-body{padding:23px}.card h3{margin:0 0 12px}.card p{font-size:14px;color:#536b7b}.tag{display:inline-block;font-size:11px;padding:4px 9px;background:var(--pale);border-radius:3px;margin-bottom:10px;letter-spacing:.04em}.muted{color:#607487;font-size:13px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.route{background:white;padding:25px;border:1px solid var(--line);border-radius:9px}.route p{font-size:14px}.breadcrumbs{padding-top:27px;font-size:13px;color:#536b7b}.intro{padding:30px 0 45px}.intro h1{font-size:52px}.sample-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:30px 0 50px}.main-product{width:100%;height:450px;object-fit:contain;background:var(--paper);border-radius:15px}.sample-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.sample-choice{border:1px solid var(--line);border-radius:7px;background:white;cursor:pointer;padding:6px;font-size:11px;color:var(--ink)}.sample-choice img{width:100%;height:65px;object-fit:contain}.sample-choice[aria-pressed=true]{border:2px solid var(--blue);background:var(--pale)}.specs{display:grid;grid-template-columns:135px 1fr;font-size:14px;margin:22px 0}.specs dt,.specs dd{margin:0;border-bottom:1px solid var(--line);padding:10px 0}.specs dt{color:#627586}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}input,select,textarea{min-width:0;width:100%;border:1px solid #a7b6c5;border-radius:5px;padding:10px 12px;background:white;color:var(--ink);font-weight:400}textarea{resize:vertical;min-height:115px}.quote-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:45px;padding-bottom:60px}.summary{background:var(--pale);border-radius:12px;padding:28px;align-self:start}.notice{border-left:3px solid var(--blue);padding:12px 18px;background:var(--pale);font-size:14px;margin:20px 0}.status{padding:15px;border-radius:6px;margin-top:20px}.status:empty{display:none}.status.error{background:#fff1ef;color:#912a1f}.status.ok{background:#eaf5ef;color:#20573c}.hp{position:absolute;left:-9999px}.steps{counter-reset:st}.step{display:grid;grid-template-columns:65px 1fr;border-top:1px solid var(--line);padding:25px 0;gap:10px}.step:before{counter-increment:st;content:counter(st,decimal-leading-zero);font-size:26px;color:var(--blue)}.step h3{margin:0}.catalog-details{margin:14px 0;border:1px solid var(--line);border-radius:6px;padding:15px}summary{cursor:pointer;font-weight:600}.record{padding:10px 0;border-top:1px solid var(--line);font-size:13px}.record span{display:block;color:#627586}footer{background:var(--ink);color:white;padding:45px max(5%,35px);font-size:14px}footer .muted{color:#b8c9d9}footer a:hover{color:white}#inbox-link{font-size:13px}@media(max-width:850px){header{flex-wrap:wrap;padding:18px 24px}nav{gap:15px;flex-wrap:wrap;font-size:12px}.wrap{padding:0 23px}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px}.hero-photo img{height:140px}.hero-photo img:first-child{height:292px}.grid,.route-grid{grid-template-columns:1fr 1fr}.sample-layout,.quote-layout{grid-template-columns:1fr;gap:24px}.intro h1{font-size:40px}.main-product{height:320px}.section{padding:40px 0}.section-head{display:block}.sample-buttons{grid-template-columns:repeat(4,1fr)}.quote-layout .summary{order:-1}}@media(max-width:480px){.grid,.route-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.wide{grid-column:auto}h1{font-size:42px}h2{font-size:29px}.card img{height:260px}.specs{grid-template-columns:105px 1fr}.preview{font-size:10px}nav .button{padding:7px 10px}.sample-choice{font-size:10px}.hero-photo{padding:12px;gap:8px}.hero-photo .caption{font-size:11px;left:18px}.lead{font-size:17px}}
