.orders-hero { position:relative; min-height:100svh; overflow:hidden; color:#fff; background:#0b1214; }
.orders-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 82% 35%,rgba(131,231,226,.14),transparent 38%),linear-gradient(90deg,rgba(3,8,10,.96),rgba(3,8,10,.74)),url("assets/hero-glass.png") center/cover; opacity:.9; }
.orders-hero::after { content:""; position:absolute; inset:88px 0 0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to right,#000,transparent 80%); }
.orders-layout { position:relative; z-index:1; min-height:100svh; display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,460px); gap:clamp(48px,7vw,110px); align-items:center; padding-block:180px 110px; }
.orders-intro { max-width:680px; }
.orders-kicker { display:flex; align-items:center; gap:11px; margin:0 0 30px; color:var(--cyan); font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.orders-kicker span { width:32px; height:1px; background:currentColor; }
.orders-intro h1 { margin:0 0 30px; font-size:clamp(56px,6.3vw,100px); line-height:.91; }
.orders-intro h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1.5px rgba(255,255,255,.75); }
.orders-lead { max-width:540px; margin:0; color:rgba(255,255,255,.72); font-size:18px; line-height:1.6; }
.orders-steps { display:grid; gap:14px; margin-top:54px; padding-top:22px; border-top:1px solid rgba(131,231,226,.45); }
.orders-steps p { display:flex; gap:20px; margin:0; color:rgba(255,255,255,.66); font-size:13px; }
.orders-steps span { color:var(--cyan); font-size:11px; font-weight:700; letter-spacing:.08em; }
.orders-card { padding:clamp(28px,3.5vw,46px); color:var(--ink); background:var(--paper-bright); box-shadow:0 30px 80px rgba(0,0,0,.25); }
.orders-card-kicker { margin:0 0 23px; color:var(--cyan-dark); font-size:10px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.orders-card h2 { margin:0 0 16px; font-size:clamp(32px,3.3vw,44px); line-height:1; }
.orders-card-copy { margin:0 0 28px; color:#68716f; font-size:14px; line-height:1.55; }
.orders-card label { display:block; margin-bottom:9px; font-size:11px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; }
.orders-card input { width:100%; height:58px; padding:0 16px; color:var(--ink); background:#fff; border:1px solid var(--line); font-size:18px; }
.orders-card input:focus { border-color:var(--cyan-dark); outline:2px solid rgba(34,111,112,.15); }
.orders-card input[aria-invalid="true"] { border-color:#9f351d; }
.orders-card button { width:100%; min-height:58px; display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:16px; padding:0 18px; color:#fff; background:var(--ink); border:0; cursor:pointer; font-size:12px; font-weight:750; }
.orders-card button span { color:var(--cyan); font-size:20px; }
.orders-card button:hover,.orders-card button:focus-visible { background:var(--cyan-dark); outline:none; }
.orders-card button:disabled { opacity:.66; cursor:wait; }
#record-lookup-status { min-height:20px; margin:13px 0 0; color:#9f351d; font-size:12px; line-height:1.5; }
#record-lookup-status.success { color:#087363; }
.header-inner { gap:clamp(22px,2.5vw,40px); }
.main-nav { align-items:center; gap:clamp(12px,1.4vw,22px); }
.main-nav .history-link { text-decoration-line:underline; text-decoration-style:dotted; text-decoration-color:var(--cyan); text-underline-offset:6px; }
.main-nav .history-link:focus-visible { color:#fff; outline:2px solid var(--cyan); outline-offset:6px; }
.orders-footer-links { display:flex; flex-direction:column; align-items:flex-end; gap:11px; }
.orders-footer-links span { margin-bottom:4px; color:var(--cyan); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.orders-footer-links a { color:rgba(255,255,255,.76); font-size:13px; }
.orders-footer-links a:hover,.orders-footer-links a:focus-visible { color:var(--cyan); }
@media(max-width:1200px){
  .header-phone { margin-left:auto; }
  .menu-toggle { position:relative; z-index:30; order:3; width:42px; height:42px; display:grid; place-content:center; gap:7px; padding:0; border:0; background:transparent; }
  .menu-toggle span { display:block; width:24px; height:1px; background:#fff; transition:transform .2s; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-4px) rotate(-45deg); }
  .main-nav { position:fixed; inset:0; z-index:25; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:28px; margin:0; background:rgba(7,13,15,.98); opacity:0; pointer-events:none; transition:opacity .25s; }
  .main-nav.open { opacity:1; pointer-events:auto; }
  .main-nav a { display:block; color:#fff; font-size:24px; }
}
@media(max-width:900px){
  .orders-layout { grid-template-columns:1fr; gap:45px; padding-block:160px 80px; }
  .orders-intro { max-width:720px; }
  .orders-steps { margin-top:32px; }
  .orders-card { width:min(100%,600px); }
}
@media(max-width:800px){
  .container { width:min(calc(100% - 36px),var(--container)); }
  .header-inner { height:72px; }
  .header-phone { display:none; }
  .orders-hero::after { inset:72px 0 0; }
  .orders-layout { padding-block:132px 64px; }
}
@media(max-width:600px){
  .orders-intro h1 { font-size:clamp(48px,12vw,70px); }
  .orders-lead { font-size:16px; }
  .orders-steps p { font-size:12px; }
  .orders-card { padding:27px 22px; }
  .footer-top { flex-direction:column; gap:42px; }
  .orders-footer-links { align-items:flex-start; }
}