@font-face {
  font-family:"Inter var";
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url("fonts/InterVariable.woff2") format("woff2");
}

:root { color-scheme:light; --ink:#07111f; --muted:#657489; --line:#d7dce4; --wash:#e9edf1; --blue:#006fff; --blue-dark:#0059d8; --error:#b42318; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; color:var(--ink); background:var(--wash); font-family:"Inter var",Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
button,input,select,textarea,a { color:inherit; font:inherit; }
button { cursor:pointer; }
.skip-link { position:fixed; z-index:20; top:8px; left:8px; padding:10px 12px; transform:translateY(-150%); border:2px solid var(--blue); background:#fff; font-size:11px; font-weight:800; }
.skip-link:focus { transform:none; }
.apply-page { min-height:100dvh; background:#fff; }
.apply-nav { height:74px; border-bottom:1px solid #e1e5ea; background:#fff; }
.nav-inner,.apply-main { width:min(1180px,calc(100% - 80px)); margin:0 auto; }
.nav-inner { height:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; }
.back-link { min-height:44px; justify-self:start; display:inline-flex; align-items:center; gap:9px; color:#445267; font-size:10px; font-weight:760; text-decoration:none; }
.back-link > span:first-child { color:var(--ink); font-size:20px; font-weight:500; }
.pro-brand { min-height:44px; display:inline-flex; align-items:center; gap:9px; text-decoration:none; }
.pro-brand b { font-size:29px; font-weight:900; letter-spacing:-.07em; }
.pro-brand span { color:var(--blue-dark); font-size:10px; font-weight:850; letter-spacing:.08em; }
.nav-label { justify-self:end; color:#6c798b; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }

.apply-main { min-height:670px; margin-top:28px; margin-bottom:36px; display:grid; grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr); border:1px solid #d4dae2; background:#fff; }
.apply-intro { min-height:670px; padding:58px 48px 40px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:var(--ink); }
.kicker { margin:0 0 12px; color:var(--blue-dark); font-size:9px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }
.apply-intro .kicker { color:#75b4ff; }
.apply-intro h1 { margin:0; font-size:clamp(62px,6vw,82px); line-height:.9; letter-spacing:-.07em; }
.apply-intro div > p:last-child { max-width:330px; margin:22px 0 0; color:#c1cad6; font-size:15px; line-height:1.55; }
.access-rule { max-width:330px; margin:0; padding-top:20px; border-top:1px solid #344154; color:#94a0b0; font-size:10px; line-height:1.55; }

.form-panel { padding:52px 54px 42px; }
.form-heading h2 { margin:0; font-size:36px; line-height:.96; letter-spacing:-.055em; }
#applyForm { margin-top:30px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.field { display:grid; gap:7px; }
.field-wide { grid-column:1 / -1; }
.field > span { color:#263448; font-size:10px; font-weight:780; }
.field > span i { color:#7b8797; font-size:9px; font-style:normal; font-weight:620; }
.field input,.field select,.field textarea { width:100%; min-height:50px; padding:0 13px; border:1px solid #c8d0da; border-radius:0; outline:0; color:var(--ink); background:#fff; font-size:16px; }
.field textarea { min-height:84px; padding-top:11px; line-height:1.4; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.pickup-check { min-height:44px; display:flex; align-items:center; gap:10px; color:#334258; font-size:10px; font-weight:720; }
.pickup-check input { width:18px; height:18px; margin:0; accent-color:var(--blue); }
.form-error { min-height:14px; margin:-3px 0 -4px; color:var(--error); font-size:9.5px; font-weight:720; }
.primary-action { width:100%; min-height:54px; padding:0 17px; display:flex; align-items:center; justify-content:space-between; border:1px solid var(--blue); color:#fff; background:var(--blue); font-size:11px; font-weight:800; }
.primary-action:hover { background:var(--blue-dark); }
.form-foot { min-height:54px; margin-top:16px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:#6b788a; font-size:9.5px; }
.form-foot p { margin:0; }
.form-foot a { min-height:44px; display:inline-flex; align-items:center; color:#35445a; font-weight:760; text-decoration:underline; text-underline-offset:3px; }
.prototype-status { min-height:18px; margin:5px 0 0; color:#455469; font-size:9.5px; line-height:1.45; }
.result-panel { margin-top:28px; padding:26px; border:1px solid var(--line); background:#f5f7f9; }
.result-panel[hidden] { display:none; }
.result-panel h3 { margin:0 0 10px; font-size:24px; letter-spacing:-.045em; }
.result-panel p { margin:0 0 18px; color:var(--muted); font-size:11px; line-height:1.5; }
.result-actions { display:flex; flex-wrap:wrap; gap:10px; }
.result-actions a,.result-actions button { min-height:46px; padding:0 16px; display:inline-flex; align-items:center; border:1px solid var(--ink); color:var(--ink); background:#fff; font-size:10px; font-weight:800; text-decoration:none; cursor:pointer; }
.result-actions button { border-color:var(--blue); color:#fff; background:var(--blue); }
.copy-preview { width:100%; min-height:140px; margin-top:12px; padding:10px; border:1px solid #c8d0da; background:#fff; color:#263448; font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; resize:vertical; }
.copy-preview[hidden] { display:none; }
.copy-status { min-height:14px; margin:8px 0 0 !important; color:#455469 !important; font-size:9.5px !important; }
.noscript-contact { margin-top:18px; padding:16px; border:1px solid var(--line); background:#f5f7f9; }
.noscript-contact p { margin:0 0 10px; color:var(--muted); font-size:10px; line-height:1.45; }
.noscript-contact a { min-height:44px; margin-right:8px; padding:0 12px; display:inline-flex; align-items:center; border:1px solid var(--ink); font-size:10px; font-weight:800; text-decoration:none; }
.form-honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #8bc1ff; outline-offset:2px; }

@media (max-width:900px) {
  .nav-inner,.apply-main { width:min(100% - 40px,760px); }
  .apply-main { grid-template-columns:1fr; }
  .apply-intro { min-height:260px; padding:42px 38px 32px; }
  .apply-intro h1 { font-size:64px; }
  .access-rule { margin-top:34px; }
}

@media (max-width:520px) {
  .apply-nav { height:62px; }
  .nav-inner,.apply-main { width:100%; }
  .nav-inner { padding:0 14px; grid-template-columns:44px 1fr 44px; }
  .back-link { width:44px; justify-content:center; }
  .back-link > span:last-child,.nav-label { display:none; }
  .pro-brand { justify-self:center; }
  .pro-brand b { font-size:23px; }
  .apply-main { min-height:calc(100dvh - 62px); margin:0; border:0; display:block; }
  .apply-intro { min-height:0; padding:42px 22px 0; display:block; color:var(--ink); background:#fff; }
  .apply-intro .kicker { color:var(--blue-dark); }
  .apply-intro h1 { font-size:clamp(48px,13vw,56px); line-height:.95; }
  .apply-intro div > p:last-child { margin-top:12px; color:var(--muted); font-size:13px; }
  .access-rule { display:none; }
  .form-panel { padding:27px 22px 38px; }
  .form-heading { display:none; }
  #applyForm { margin-top:0; grid-template-columns:1fr; gap:14px; }
  .field-wide { grid-column:auto; }
  .form-foot { margin-top:17px; padding-top:17px; border-top:1px solid var(--line); flex-direction:column; align-items:flex-start; gap:2px; }
  .form-foot a { align-self:stretch; justify-content:flex-end; }
}
