/* Page shell and design tools. Intake controls are shared with home. */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
:root { color-scheme:light; --bg:#fff; --text:#111; --border:rgba(0,0,0,.18); --accent-dim:rgba(0,0,0,.03); --accent-glow:rgba(0,0,0,.06); --quote-muted:#535960; --quote-line:#00000030; --quote-line-strong:#00000066; }
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body.quote-page { --xeon-title-size:clamp(32px,4.3vw,60px); background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
a { color:inherit; }
img { max-width:100%; height:auto; }
#main-nav { position:fixed; inset:0 0 auto; }
.nav-logo { display:flex; align-items:center; text-decoration:none; }
.quote-skip { position:fixed; top:12px; left:12px; z-index:1200; padding:12px 18px; background:#fff; color:#111; transform:translateY(-180%); }
.quote-skip:focus { transform:none; }
#process { position:relative; isolation:isolate; padding:148px 0 80px; }
#process::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:radial-gradient(rgba(0,0,0,.13) 1.2px,transparent 1.2px); background-size:24px 24px; mask-image:radial-gradient(ellipse 78% 62% at 50% 42%,#000 25%,transparent 78%); }
.section-inner { width:100%; padding:0 40px; margin:0 auto; }
.section-label { color:var(--quote-muted); font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:.2em; text-transform:uppercase; margin-bottom:16px; }
.home-display { font-weight:500; line-height:1.02; letter-spacing:-.055em; text-transform:uppercase; }
.quote-page #process .quote-tools .process-step { padding:0; }
.quote-tool { display:flex; align-items:center; gap:16px; width:100%; min-height:98px; padding:20px 22px; text-decoration:none; }
.quote-tool-body { display:flex; flex-direction:column; gap:7px; min-width:0; }
.quote-tool-status { color:var(--quote-muted); font-family:'Share Tech Mono',monospace; font-size:10px; line-height:1.4; letter-spacing:.04em; text-transform:uppercase; }
.quote-tool-arrow { margin-left:auto; color:#111; font-size:20px; }
.quote-tool-link .quote-tool-status { color:#111; }
.quote-tool-link:hover { background:#f1f2f3; }
.quote-tool-link:focus-visible { outline:2px solid #111; outline-offset:-3px; }

/* Light treatment is confined to this page; shared components keep their defaults. */
.quote-page .process-intro-copy,
.quote-page .quote-upload-prompt,
.quote-page .quote-upload-limits,
.quote-page .quote-upload-bar,
.quote-page .quote-upload-foot p,
.quote-page .quote-upload-noscript,
.quote-page .quote-upload-video-ref > span,
.quote-page .quote-upload-video-label > :first-child { color:var(--quote-muted); }
.quote-page .process-prep-link { color:#111; border-color:#888; }
.quote-page .process-prep-link:hover { border-color:#111; }
.quote-page .quote-upload { --drawing-line:var(--quote-line); --drawing-line-strong:var(--quote-line-strong); background:#fff; }
.quote-page .quote-upload-sheet { color:#666; }
.quote-page .quote-upload-drop::before { background-image:radial-gradient(rgba(0,0,0,.16) 1.2px,transparent 1.2px); }
.quote-page .quote-upload-drop.is-dragging { background:#eef1f4; box-shadow:inset 0 0 0 1px #111; }
.quote-page #process .quote-upload h3 { color:#111; }
.quote-page .quote-upload-browse > span { background:#111; color:#fff; }
.quote-page .quote-upload-browse:hover > span { background:#333; }
.quote-page .quote-upload-status { color:#303943; }
.quote-page .quote-upload-error { background:#fff0ee; color:#8f251b; border-color:#ae3328; }
.quote-page .quote-upload .quote-upload-video-link { color:#111; }
.quote-page .quote-upload-video-link::after { border-color:#111; }
.quote-page .quote-upload-video-link:hover { background:#f4f5f6; }
.quote-page .quote-upload-browse:focus-within,
.quote-page .quote-upload button:focus-visible,
.quote-page .quote-upload a:focus-visible,
.quote-page .process-prep-link:focus-visible,
.quote-page .quote-video-close:focus-visible { outline-color:#111; }
.quote-page .process-steps { background:#fff; }
.quote-page .process-steps::after { background:linear-gradient(90deg,transparent,rgba(0,0,0,.015) 38%,rgba(0,0,0,.035) 50%,rgba(0,0,0,.015) 62%,transparent); }
.quote-page .process-step:hover { background:#f7f7f7; }
.quote-page .process-step-num,
.quote-page .process-step:hover .process-step-num { color:#111; animation:none; text-shadow:none; }
.quote-page .process-step-title { color:#111; }

/* The walkthrough uses the same white drawing sheet. */
.quote-page dialog.quote-upload-video { background:#fff; color:#111; border-color:var(--quote-line-strong); }
.quote-page .quote-upload-video::backdrop { background:rgba(20,24,28,.48); }
.quote-page .quote-video-sheet,
.quote-page .quote-video-header,
.quote-page .quote-video-caption,
.quote-page .quote-video-close { border-color:var(--quote-line-strong); }
.quote-page .quote-video-kicker,
.quote-page .quote-video-caption,
.quote-page .quote-video-placeholder p { color:var(--quote-muted); }
.quote-page .quote-video-header h2,
.quote-page .quote-video-close,
.quote-page .quote-video-placeholder svg { color:#111; }
.quote-page .quote-video-close:hover { background:#f0f1f2; }
.quote-page .quote-video-screen { background-color:#fafbfc; background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px); }

/* Navigation, including its mobile drawer and customer sign-in shell. */
.quote-page #main-nav.nav-v3 { background:#fff !important; color:#111 !important; border-color:var(--quote-line); }
.quote-page #main-nav.nav-v3 .nav-logo { color:#111; }
.quote-page #main-nav.nav-v3 .nav-logo img { filter:grayscale(1) brightness(0); }
.quote-page #main-nav.nav-v3 summary,
.quote-page #main-nav.nav-v3 .nav-top-link,
.quote-page #main-nav.nav-v3 a.nav-signin,
.quote-page #main-nav.nav-v3 .nav-panel-column a,
.quote-page #main-nav.nav-v3 .nav-drawer-footer > a { color:#333; }
.quote-page #main-nav.nav-v3 summary:hover,
.quote-page #main-nav.nav-v3 .nav-top-link:hover,
.quote-page #main-nav.nav-v3 details[open] > summary,
.quote-page #main-nav.nav-v3 .nav-current-group > summary,
.quote-page #main-nav.nav-v3 .nav-panel a:hover,
.quote-page #main-nav.nav-v3 .nav-panel a[aria-current],
.quote-page #main-nav.nav-v3 .nav-panel-title,
.quote-page #main-nav.nav-v3 a.nav-view-all { color:#111; }
.quote-page #main-nav.nav-v3 details[open] > summary { box-shadow:inset 0 -2px #111; }
.quote-page #main-nav.nav-v3 .nav-kicker,
.quote-page #main-nav.nav-v3 .nav-panel-intro > p:not(.nav-panel-title) { color:var(--quote-muted); }
.quote-page #main-nav.nav-v3 .nav-panel { background:#fff; border-color:var(--quote-line); box-shadow:0 24px 40px #00000010; }
.quote-page #main-nav.nav-v3 .nav-drawer { background:#fff; }
.quote-page #main-nav.nav-v3 .nav-panel-intro,
.quote-page #main-nav.nav-v3 .nav-panel-column > .nav-kicker,
.quote-page #main-nav.nav-v3 .nav-links > li { border-color:var(--quote-line); }
.quote-page #main-nav.nav-v3 .nav-cutoff-note,
.quote-page #main-nav.nav-v3 .nav-cutoff-note span { color:var(--quote-muted); border-color:var(--quote-line); }
.quote-page #main-nav.nav-v3 .nav-cutoff-note strong,
.quote-page #main-nav.nav-v3 .nav-signin-on { color:#111; }
.quote-page #main-nav.nav-v3 .nav-quote { background:#111; color:#fff; border-color:#111; }
.quote-page #main-nav.nav-v3 .nav-quote:hover { background:#333; border-color:#333; }
.quote-page #main-nav.nav-v3 #mobile-nav-toggle span { background:#111; }
.quote-page #main-nav.nav-v3 a:focus-visible,
.quote-page #main-nav.nav-v3 summary:focus-visible,
.quote-page #main-nav.nav-v3 button:focus-visible { outline-color:#111; }
.quote-page .signin-panel { background:#fff; border-color:var(--quote-line); box-shadow:0 24px 70px #0003; }
.quote-page .signin-head,
.quote-page .signin-foot,
.quote-page .signin-switch,
.quote-page .signin-close { border-color:var(--quote-line); }
.quote-page .signin-title,
.quote-page .signin-close,
.quote-page .signin-switch-on,
.quote-page .signin-foot a { color:#111; }
.quote-page .signin-switch { background:#f5f6f7; }
.quote-page .signin-switch-on { border-bottom-color:#111; }
.quote-page .signin-switch-link,
.quote-page .signin-eyebrow,
.quote-page .signin-foot { color:var(--quote-muted); }
.quote-page .signin-switch-link:hover,
.quote-page .signin-close:hover { background:#eceeef; color:#111; border-color:#111; }
.quote-page .signin-foot a { border-color:#888; }

@media(max-width:1100px) {
  .quote-page #main-nav.nav-v3 .nav-panel { background:none; box-shadow:none; }
  .quote-page #main-nav.nav-v3 details[open] > summary { box-shadow:none; }
}
@media(max-width:760px) {
  body.quote-page { --xeon-title-size:clamp(32px,8vw,52px); }
  #process { padding:110px 0 56px; }
  .quote-tool { min-height:88px; padding:18px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }