:root { --navy:#002b70; --navy-dark:#00225e; --yellow:#ffc900; --ink:#143566; --muted:#667b9c; --line:#dce5f0; --surface:#f5f7fa; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font:400 14px/1.55 Poppins,Arial,sans-serif; }
.container { width:min(1180px, calc(100% - 48px)); margin:auto; }
.header { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.98); box-shadow:0 1px 0 rgba(0,43,112,.08); }
.header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { display:block; width:146px; }
.nav { display:flex; gap:30px; }
.nav a { color:var(--ink); font-size:13px; font-weight:600; text-decoration:none; }
.nav a:hover,.help-link:hover { color:#c99200; }
.outline-button { border:1px solid var(--navy); border-radius:999px; padding:9px 15px; color:var(--navy); font-size:12px; font-weight:700; text-decoration:none; }
.outline-button:hover { background:var(--navy); color:#fff; }
.hero { overflow:hidden; background:linear-gradient(105deg,var(--navy-dark) 0%,var(--navy) 48%,#183e83 100%); }
.hero-grid { min-height:430px; display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:32px; }
.eyebrow { margin:0 0 7px; color:#d7a700; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.on-dark { color:var(--yellow); }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:18px; color:#fff; font-size:44px; line-height:1.12; letter-spacing:-1.8px; }
h1 span { color:var(--yellow); }
.hero-copy { max-width:530px; color:rgba(255,255,255,.82); font-size:15px; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.primary-button,.secondary-button { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:13px 20px; font-size:13px; font-weight:700; text-decoration:none; }
.primary-button { background:var(--yellow); color:var(--navy); }
.primary-button:hover,.download-button:hover { background:#efbb00; }
.primary-button span { font-size:22px; line-height:10px; }
.secondary-button { border:1px solid rgba(255,255,255,.48); color:#fff; }
.secondary-button:hover { background:rgba(255,255,255,.1); }
.hero-product { position:relative; min-height:340px; }
.hero-product img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 18px 18px rgba(0,0,0,.24)); }
.hero-orbit { position:absolute; inset:18px 7%; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:rgba(255,255,255,.045); }
.process-section { padding:62px 0; }
.process-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:44px; align-items:start; }
.process-section h2,.form-intro h2,.receiving-section h2 { margin-bottom:0; color:var(--navy); font-size:29px; line-height:1.2; letter-spacing:-1px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.steps article { border-left:2px solid var(--yellow); padding-left:15px; }
.steps span { color:#7890b5; font-size:11px; font-weight:700; letter-spacing:.15em; }
.steps h3 { margin:8px 0; color:var(--navy); font-size:17px; }
.steps p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.form-section { background:var(--surface); padding:64px 0; }
.form-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; }
.form-intro { position:sticky; top:98px; align-self:start; }
.form-intro > p:not(.eyebrow) { max-width:350px; margin:16px 0 25px; color:var(--muted); font-size:13px; line-height:1.8; }
.guidance-card { overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 4px 10px rgba(23,54,99,.03); }
.guidance-title { display:grid; gap:3px; background:var(--navy); padding:17px 20px; color:#fff; }
.guidance-title strong { color:var(--yellow); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.guidance-title span { font-size:12px; color:rgba(255,255,255,.82); }
.guidance-card ul { display:grid; gap:14px; margin:0; padding:19px 21px 19px 38px; color:#36527d; font-size:12px; line-height:1.7; }
.guidance-card li::marker { color:#d7a700; }
.help-link { display:inline-flex; gap:8px; margin-top:20px; color:var(--navy); font-size:12px; font-weight:700; text-decoration:none; }
.rma-form { overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:0 14px 35px rgba(22,52,94,.08); }
.form-head { border-bottom:1px solid var(--line); padding:25px 32px; }
.form-head p { margin-bottom:4px; color:#7590b7; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.form-head h2 { margin-bottom:4px; color:var(--navy); font-size:24px; }
.form-head span { color:#667b9c; font-size:12px; }
.form-body { display:grid; gap:34px; padding:30px 32px; }
fieldset { min-width:0; margin:0; padding:0; border:0; }
legend { margin-bottom:16px; color:var(--navy); font-size:15px; font-weight:700; }
label { display:grid; gap:6px; margin-bottom:14px; color:#2e527f; font-size:11px; font-weight:600; }
input,textarea,select { width:100%; border:1px solid #cbd8e8; border-radius:7px; padding:10px 11px; color:var(--ink); background:#fff; font:inherit; font-size:13px; outline:none; }
input,select { min-height:42px; }
textarea { resize:vertical; }
input:focus,textarea:focus,select:focus { border-color:#2c69b6; box-shadow:0 0 0 3px rgba(44,105,182,.13); }
.two-columns { display:grid; grid-template-columns:repeat(2,1fr); column-gap:16px; }
.equipment { position:relative; margin:16px 0; padding:24px 18px 10px; border:1px solid var(--line); border-radius:8px; background:#fbfcfe; }
.equipment-title { position:absolute; top:-12px; left:14px; border-radius:999px; padding:4px 10px; color:#fff; background:var(--navy); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.equipment .remove-button { display:block; margin:0 0 8px auto; border:0; color:#b42318; background:transparent; font:600 11px Poppins,sans-serif; cursor:pointer; }
.add-button { border:1px solid var(--navy); border-radius:999px; padding:9px 15px; color:var(--navy); background:#fff; font:600 12px Poppins,sans-serif; cursor:pointer; }
.add-button:hover { background:#eef4fa; }
.evidence-box,.mini-guidance { border:1px solid #c8d9ed; border-radius:8px; background:#f4f8fd; padding:16px; }
.evidence-box strong { color:var(--navy); font-size:12px; }
.evidence-box p { margin:6px 0 0; color:var(--muted); font-size:11px; line-height:1.65; }
.mini-guidance { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mini-guidance p { display:flex; gap:9px; margin:0; color:#294c7b; font-size:11px; line-height:1.55; }
.mini-guidance b { display:grid; flex:none; place-items:center; width:20px; height:20px; border-radius:50%; color:#fff; background:var(--navy); font-size:10px; }
.mini-guidance p:nth-child(2) b { color:var(--navy); background:var(--yellow); }
.download-button { width:100%; border:0; border-radius:999px; padding:16px; color:var(--navy); background:var(--yellow); font:700 13px Poppins,sans-serif; cursor:pointer; }
.success-message { margin:0; border:1px solid #a8d5b7; border-radius:8px; padding:13px 15px; color:#166534; background:#f0faf3; font-size:12px; }
.receiving-section { padding:58px 0; background:#fff; }
.receiving-grid { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.receiving-grid p:not(.eyebrow) { max-width:800px; margin:13px 0 0; color:var(--muted); font-size:12px; line-height:1.8; }
.receiving-grid strong { color:var(--navy); }
.location-pill { border-radius:999px; padding:11px 16px; color:var(--navy); background:var(--surface); font-size:12px; font-weight:700; white-space:nowrap; }
.footer { color:#fff; background:var(--navy-dark); }
.footer-grid { display:grid; grid-template-columns:1.5fr .6fr .8fr; gap:40px; padding:48px 0; }
.footer-logo { width:155px; }
.footer p,.footer a { display:block; margin:13px 0 0; color:rgba(255,255,255,.72); font-size:12px; line-height:1.7; text-decoration:none; }
.footer a:hover { color:var(--yellow); }
.footer strong { font-size:12px; }
.copyright { border-top:1px solid rgba(255,255,255,.15); padding-top:18px; padding-bottom:18px; color:rgba(255,255,255,.55); font-size:10px; }
@media (max-width:800px) { .container{width:min(100% - 32px,1180px)} .nav,.outline-button{display:none} .header-inner{min-height:62px}.logo{width:105px}.hero-grid,.process-grid,.form-layout,.receiving-grid{grid-template-columns:1fr}.hero-grid{padding:40px 0 28px}.hero-product{min-height:230px;order:-1}.hero-product img{transform:scale(1.08)} h1{font-size:32px}.process-section,.form-section,.receiving-section{padding:42px 0}.steps{grid-template-columns:1fr;gap:18px}.form-intro{position:static}.two-columns,.mini-guidance,.footer-grid{grid-template-columns:1fr}.rma-form .form-head,.rma-form .form-body{padding-left:18px;padding-right:18px}.receiving-grid{gap:18px}.location-pill{width:max-content}.footer-grid{padding:38px 0;gap:28px}.hero-actions{margin-top:23px} }