/* Homepage refinements. Product-page styling stays in offering.css. */
#sr-landing .sr-section { padding-block:88px; }
#sr-landing .sr-mono { font-size:12px; }
#sr-landing .sr-link { font-size:14px; min-height:44px; }
#sr-landing .sr-visual-split { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }
#sr-landing .sr-home-copy { font-size:17px; line-height:1.7; color:var(--sr-muted); margin-top:24px; }
#sr-landing .sr-visual-split .sr-link { margin-top:22px; }
#sr-landing .sr-knowledge-intro { background:#121617; }
#sr-landing .sr-home-control { background:var(--sr-bg); }
#sr-landing .sr-knowledge-sketch { padding:20px 0; min-width:0; }
#sr-landing .sr-source-labels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; text-align:center; font-size:14px; color:#c2c7c5; }
#sr-landing .sr-source-labels > span { border-top:1px solid #69706e; padding-top:14px; }
#sr-landing .sr-knowledge-sketch svg { display:block; width:100%; margin-top:20px; overflow:visible; }
#sr-landing .sr-sketch-lines { fill:none; stroke:#4a5252; stroke-width:1; }
#sr-landing .sr-sketch-signals { fill:none; stroke:#efab7d; stroke-width:1.4; stroke-dasharray:.09 .91; stroke-dashoffset:0; opacity:0; }
#sr-landing .sr-context-ring { fill:#14191a; stroke:#916448; stroke-width:1; }
#sr-landing .sr-context-dot { fill:var(--sr-orange); }
#sr-landing .sr-knowledge-sketch figcaption { text-align:center; font-size:clamp(24px,2.7cqw,34px); letter-spacing:-.035em; }
#sr-landing .sr-knowledge-sketch figcaption span { display:block; font-size:14px; color:var(--sr-muted); letter-spacing:0; margin-top:8px; }
#sr-landing .sr-scene-seen .sr-sketch-signals { animation:sr-context-arrive 3.8s ease-in-out both; }
#sr-landing .sr-agent-preview .sr-section-intro > p { font-size:17px; line-height:1.7; }
#sr-landing .sr-preview-tabs { display:flex; gap:30px; border-bottom:1px solid var(--sr-line); }
#sr-landing .sr-preview-tabs button { background:none; color:var(--sr-muted); padding:14px 0 18px; border:0; border-bottom:2px solid transparent; font-size:14px; min-height:48px; }
#sr-landing .sr-preview-tabs [aria-selected="true"] { color:var(--sr-ink); border-bottom-color:var(--sr-orange); }
#sr-landing .sr-work-preview { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding-block:42px 15px; min-height:330px; }
#sr-landing .sr-preview-question > .sr-mono { color:var(--sr-muted); }
#sr-landing .sr-preview-question h3 { margin-top:20px; font-size:clamp(30px,3.5cqw,46px); font-weight:400; line-height:1.12; letter-spacing:-.04em; }
#sr-landing .sr-preview-question > p { color:var(--sr-muted); font-size:16px; line-height:1.7; margin-top:20px; }
#sr-landing .sr-preview-question > .sr-link { margin-top:25px; }
#sr-landing .sr-preview-result { min-width:0; padding:26px 30px; border:1px solid #3d4444; background:linear-gradient(125deg,#1a2021,#121617); }
#sr-landing .sr-preview-result > figcaption { font-size:12px; color:#adb4b2; letter-spacing:.065em; }
#sr-landing .sr-quote-options { display:grid; gap:18px; margin-block:30px; }
#sr-landing .sr-quote-options > div { display:grid; grid-template-columns:25px minmax(20px,1fr) minmax(115px,.95fr); align-items:center; gap:20px; }
#sr-landing .sr-quote-options span { color:var(--sr-muted); font-size:18px; }
#sr-landing .sr-quote-options i { height:1px; background:#616c6a; transform-origin:left; }
#sr-landing .sr-quote-options small { color:var(--sr-muted); font-size:14px; }
#sr-landing .sr-quote-match i { background:var(--sr-orange); box-shadow:0 0 10px #ee854a24; }
#sr-landing .sr-quote-options .sr-quote-match span, #sr-landing .sr-quote-options .sr-quote-match small { color:#f0c3a2; }
#sr-landing .sr-result-conclusion { border-top:1px solid var(--sr-line); padding-top:20px; display:flex; gap:15px; align-items:start; }
#sr-landing .sr-result-mark { color:var(--sr-orange); font-size:22px; line-height:1.1; }
#sr-landing .sr-result-conclusion strong { display:block; font-size:17px; font-weight:400; }
#sr-landing .sr-result-conclusion div > span { display:block; font-size:14px; color:var(--sr-muted); margin-top:6px; }
#sr-landing .sr-scene-seen .sr-quote-options i { animation:sr-rule-grow 1.2s ease both; }
#sr-landing .sr-scene-seen .sr-quote-options > div:nth-child(2) i { animation-delay:.25s; }
#sr-landing .sr-scene-seen .sr-quote-options > div:nth-child(3) i { animation-delay:.5s; }
#sr-landing .sr-impact-preview { display:grid; grid-template-columns:90px 1fr; align-items:center; margin-block:28px; }
#sr-landing .sr-revision-node { border:1px solid #977253; padding:12px; text-align:center; font-size:14px; color:var(--sr-muted); }
#sr-landing .sr-revision-node strong { display:block; font-size:34px; font-weight:400; color:var(--sr-ink); }
#sr-landing .sr-impact-branches { display:grid; gap:20px; }
#sr-landing .sr-impact-branches > span { position:relative; border-left:1px solid #5b6662; padding-left:22px; margin-left:24px; font-size:14px; color:var(--sr-muted); }
#sr-landing .sr-impact-branches > span:before { content:''; position:absolute; width:24px; height:1px; background:#5b6662; left:-25px; top:50%; }
#sr-landing .sr-impact-branches strong { font-size:22px; font-weight:400; color:#f0c3a2; padding-right:5px; }
#sr-landing .sr-scene-seen .sr-impact-branches > span { animation:sr-result-arrive .7s ease both; }
#sr-landing .sr-scene-seen .sr-impact-branches > span:nth-child(2) { animation-delay:.25s; }
#sr-landing .sr-scene-seen .sr-impact-branches > span:nth-child(3) { animation-delay:.5s; }
#sr-landing .sr-shipment-preview { margin-block:24px; }
#sr-landing .sr-shipment-numbers { display:grid; grid-template-columns:1fr 1.25fr; gap:25px; }
#sr-landing .sr-shipment-numbers span { color:var(--sr-muted); font-size:14px; }
#sr-landing .sr-shipment-numbers strong { display:block; color:var(--sr-ink); font-size:50px; line-height:1.2; font-weight:400; letter-spacing:-.05em; margin-bottom:5px; }
#sr-landing .sr-shipment-numbers span:first-child strong { color:#f0c3a2; }
#sr-landing .sr-shipment-bar { display:flex; height:6px; gap:4px; margin-top:20px; }
#sr-landing .sr-shipment-bar i:first-child { width:45%; background:var(--sr-orange); }
#sr-landing .sr-shipment-bar i:last-child { width:55%; background:repeating-linear-gradient(110deg,#68706e 0 2px,transparent 2px 5px); }
#sr-landing .sr-shipment-preview > p { font-size:12px; color:var(--sr-muted); margin-top:10px; }
#sr-landing .sr-scene-seen .sr-shipment-bar { transform-origin:left; animation:sr-rule-grow 1.3s ease both; }
#sr-landing .sr-review-sketch { padding:25px 0; }
#sr-landing .sr-review-caption { display:flex; justify-content:space-between; font-size:14px; color:var(--sr-muted); }
#sr-landing .sr-review-caption strong { font-weight:400; color:var(--sr-ink); }
#sr-landing .sr-review-sketch svg { width:100%; display:block; overflow:visible; }
#sr-landing .sr-review-line { fill:none; stroke:#8f694e; stroke-width:1.2; }
#sr-landing .sr-review-pending { fill:none; stroke:#505b59; stroke-width:1; stroke-dasharray:3 6; }
#sr-landing .sr-review-start { fill:#bf936f; }
#sr-landing .sr-review-end { fill:#101314; stroke:#64716c; stroke-width:1; }
#sr-landing .sr-review-ring { fill:#171c1d; stroke:#c58a60; stroke-width:1; }
#sr-landing .sr-review-gate { fill:none; stroke:#dfb38e; stroke-width:2; }
#sr-landing .sr-review-signal { fill:#ffd2af; }
#sr-landing .sr-review-sketch figcaption { font-size:16px; text-align:center; color:var(--sr-muted); }
#sr-landing .sr-scene-seen .sr-review-signal { animation:sr-review-arrive 2.8s ease-out both; }
#sr-landing .sr-first-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:42px 0 0; padding:0; list-style:none; }
#sr-landing .sr-first-steps li { position:relative; padding-top:25px; border-top:1px solid var(--sr-line); font-size:22px; line-height:1.4; letter-spacing:-.03em; }
#sr-landing .sr-first-steps li:before { content:''; position:absolute; left:0; top:-1px; width:40px; height:1px; background:var(--sr-orange); transform-origin:left; }
#sr-landing .sr-first-steps li > span { display:block; color:#727a78; font-size:48px; line-height:1; font-weight:400; letter-spacing:-.06em; margin-bottom:23px; }
#sr-landing .sr-first-steps.sr-scene-seen li:before { animation:sr-rule-grow 1s ease both; }
#sr-landing .sr-first-steps.sr-scene-seen li:nth-child(2):before { animation-delay:.3s; }
#sr-landing .sr-first-steps.sr-scene-seen li:nth-child(3):before { animation-delay:.6s; }
#sr-landing .sr-home-deployment .sr-section-intro > p { font-size:16px; line-height:1.7; }
#sr-landing .sr-deployment-links { margin-top:35px; }
#sr-landing .sr-contact-invitation { padding-top:42px; max-width:370px; }
#sr-landing .sr-contact-invitation .sr-contact-copy { margin:0 0 26px; font-size:17px; line-height:1.7; }

/* A quiet bridge from company knowledge to useful work. */
#sr-landing .sr-intelligence-bridge { align-items:start; }
#sr-landing .sr-intelligence-copy > .sr-home-copy { margin-top:0; max-width:34rem; }

/* One closing invitation, with the pilot details on their own page. */
#sr-landing .sr-home-start { background:#191d1e; }
#sr-landing .sr-start-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4rem; }
#sr-landing .sr-start-invitation > p { max-width:32rem; font-size:1.0625rem; color:var(--sr-muted); line-height:1.7; }
#sr-landing .sr-start-invitation > .sr-primary { display:inline-flex; align-items:center; gap:1.5rem; margin-top:1.5rem; }
#sr-landing .sr-anchor-alias { position:absolute; top:0; left:0; width:0; height:0; }
@keyframes sr-context-arrive { 0% { stroke-dashoffset:1; opacity:0; } 15% { opacity:1; } 85% { opacity:1; } 100% { stroke-dashoffset:-.1; opacity:0; } }
@keyframes sr-rule-grow { from { transform:scaleX(.05); opacity:.3; } to { transform:scaleX(1); opacity:1; } }
@keyframes sr-result-arrive { from { transform:translateX(-6px); opacity:.4; } to { transform:translateX(0); opacity:1; } }
@keyframes sr-review-arrive { from { transform:translateX(-192px); opacity:0; } 20% { opacity:1; } to { transform:translateX(0); opacity:1; } }
@media (prefers-reduced-motion:reduce) {
  #sr-landing .sr-motion-scene *, #sr-landing .sr-motion-scene *:before { animation:none!important; transition:none!important; }
}
@container (max-width:1000px) {
  #sr-landing .sr-visual-split { gap:35px; }
  #sr-landing .sr-work-preview { gap:35px; }
  #sr-landing .sr-preview-result { padding:24px; }
  #sr-landing .sr-quote-options > div { gap:14px; grid-template-columns:20px minmax(15px,.5fr) minmax(115px,1fr); }
}
@container (max-width:760px) {
  #sr-landing .sr-section { padding-block:58px; }
  #sr-landing .sr-visual-split { grid-template-columns:1fr; gap:32px; }
  #sr-landing .sr-knowledge-sketch, #sr-landing .sr-review-sketch { width:100%; max-width:560px; margin-inline:auto; }
  #sr-landing .sr-knowledge-sketch { padding-top:20px; }
  #sr-landing .sr-work-preview { grid-template-columns:1fr; gap:28px; padding-top:28px; }
  #sr-landing .sr-preview-question h3 { font-size:32px; }
  #sr-landing .sr-preview-question h3 br { display:none; }
  #sr-landing .sr-preview-question > p { margin-top:14px; }
  #sr-landing .sr-preview-question > .sr-link { margin-top:16px; }
  #sr-landing .sr-preview-tabs { gap:24px; }
  #sr-landing .sr-preview-tabs button { font-size:14px; }
  #sr-landing .sr-first-steps { gap:22px; }
  #sr-landing .sr-first-steps li { font-size:18px; }
  #sr-landing .sr-contact-invitation { padding-top:0; }
  #sr-landing .sr-start-grid { grid-template-columns:1fr; gap:1.5rem; }
  #sr-landing .sr-start-invitation > p { font-size:1rem; }
}
@container (max-width:480px) {
  #sr-landing .sr-preview-tabs { gap:16px; }
  #sr-landing .sr-preview-tabs button { text-align:left; flex:1; }
  #sr-landing .sr-source-labels { font-size:14px; gap:8px; }
  #sr-landing .sr-preview-result { padding:20px 18px; }
  #sr-landing .sr-preview-result > figcaption { line-height:1.7; }
  #sr-landing .sr-first-steps { grid-template-columns:1fr; gap:20px; }
  #sr-landing .sr-first-steps li { display:flex; align-items:center; gap:22px; padding-top:20px; }
  #sr-landing .sr-first-steps li > span { margin-bottom:0; font-size:34px; }
}
#sr-landing .sr-skip { position:absolute; top:-100px; left:20px; padding:12px 18px; z-index:20; background:var(--sr-ink); color:var(--sr-bg); }
#sr-landing .sr-skip:focus { top:12px; }
#sr-landing .sr-nav { font-size:14px; gap:24px; }
#sr-landing .sr-nav .sr-outline { font-size:14px; }
#sr-landing .sr-nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:8px; text-decoration-color:var(--sr-orange); }
#sr-landing .sr-footer-actions { display:flex; align-items:center; gap:24px; }
#sr-landing .sr-footer-actions > a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; }
#sr-landing .sr-footer-actions > a:hover { color:var(--sr-orange); }
#sr-landing .sr-form select { width:100%; padding:13px; background:var(--sr-panel); color:var(--sr-ink); border:1px solid #69716e; border-radius:0; margin-top:8px; font:inherit; min-height:48px; }
#sr-landing .sr-form select:focus-visible { outline:2px solid var(--sr-orange); outline-offset:3px; }
#sr-landing .sr-form > label { display:block; margin-bottom:24px; }
#sr-landing[data-motion="false"] *, #sr-landing[data-motion="false"] *:before, #sr-landing[data-motion="false"] *:after { animation:none!important; transition:none!important; }

/* Keep the full industrial campus visible around the compact office hub. */
#sr-landing .sr-hero { min-height:730px; }
#sr-landing .sr-hero-art { width:80%; right:-1%; top:0; }
#sr-landing .sr-campus-loop { fill:none; stroke:var(--sr-orange); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.55; }
#sr-landing .sr-campus-node { fill:#ee854a0a; stroke:#f0a16b; stroke-width:1; }
#sr-landing .sr-campus-core { fill:#ee854a20; stroke:#ffc69d; stroke-width:1.25; }
#sr-landing .sr-campus-points { fill:#f5a86f; }
#sr-landing .sr-campus-packet { fill:#ffe0b8; filter:drop-shadow(0 0 4px #ef9259); }
#sr-landing .sr-campus-packet-secondary { fill:#f6b77f; }
#sr-landing .sr-trace-btn { min-height:44px; font-size:12px; }
#sr-landing .sr-hero-progress { font-size:12px; }
@container (max-width:1200px) {
  #sr-landing .sr-hero { min-height:690px; }
  #sr-landing .sr-hero-art { width:88%; right:-3%; top:30px; }
}
@container (max-width:1050px) {
  #sr-landing .sr-hero-art { width:94%; right:-5%; top:70px; opacity:1; }
}
@container (max-width:760px) {
  #sr-landing .sr-hero { min-height:0; }
  #sr-landing .sr-hero-copy { width:100%; }
  #sr-landing .sr-hero-art { position:relative; width:135%; right:34%; top:0; margin-top:14px; mask-image:none; }
  #sr-landing .sr-hero-foot { margin-top:0; }
}

@container (max-width:1050px) {
  #sr-landing .sr-nav { font-size:13px; gap:17px; }
  #sr-landing .sr-nav .sr-outline { font-size:13px; }
}
@container (max-width:760px) {
  #sr-landing .sr-nav { display:none; }
  #sr-landing .sr-menu-toggle { display:block; background:transparent; border:0; border-bottom:1px solid #616263; color:var(--sr-ink); font-size:14px; padding:10px 0; min-height:44px; }
  #sr-landing .sr-nav.is-open { display:flex; position:absolute; left:0; right:0; top:100%; padding:20px 6%; background:var(--sr-panel); flex-wrap:wrap; border-bottom:1px solid var(--sr-line); gap:18px 24px; font-size:16px; }
  #sr-landing .sr-nav.is-open a, #sr-landing .sr-nav.is-open a:nth-child(2), #sr-landing .sr-nav.is-open a:nth-child(3), #sr-landing .sr-nav.is-open .sr-outline { display:block; }
  #sr-landing .sr-nav.is-open .sr-outline { font-size:14px; }
}
