/* Signal Yard style: high-contrast editorial brand layer, utility-first product content, Barlow Condensed + Manrope, signal-red #E30613. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --red:#e30613; --ink:#0c0c0d; --paper:#f4f1eb; --mist:#dfddd6; --line:rgba(12,12,13,.28); --light-line:rgba(255,255,255,.34); --white:#fffdf8; --amber:#f4b942; --ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scrollbar-width:none; }
[id] { scroll-margin-top:84px; }
::-webkit-scrollbar { width:0; height:0; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; font-size:16px; line-height:1.5; overflow-x:hidden; }
body.menu-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button, select, input, textarea { font:inherit; }
button, a, select { -webkit-tap-highlight-color:transparent; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; z-index:50; top:12px; left:12px; transform:translateY(-150%); background:var(--white); color:var(--ink); padding:10px 14px; font-weight:800; transition:transform .18s var(--ease); }
.skip-link:focus { transform:translateY(0); outline:3px solid var(--red); }
.topline { min-height:31px; padding:7px clamp(18px,3vw,52px); display:flex; align-items:center; justify-content:space-between; gap:16px; background:var(--ink); color:var(--white); font-family:"Barlow Condensed",sans-serif; font-size:12px; letter-spacing:.09em; font-weight:700; }
.topline p { margin:0; display:flex; align-items:center; gap:8px; }
.topline a { color:var(--amber); }
.live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--red); box-shadow:0 0 0 3px rgba(227,6,19,.24); }
.site-header { position:sticky; z-index:30; top:9px; display:flex; width:min(calc(100% - 36px),1180px); align-items:center; justify-content:space-between; min-height:62px; margin:9px auto; padding:0 clamp(18px,2.4vw,32px); background:var(--ink); color:var(--white); border:1px solid rgba(255,255,255,.16); border-radius:20px; box-shadow:0 12px 28px rgba(0,0,0,.2); backdrop-filter:blur(12px); }
.site-header .site-nav { margin-left:auto; }
.brand { display:inline-flex; align-items:center; gap:9px; font-family:"Barlow Condensed",sans-serif; font-weight:900; font-size:34px; letter-spacing:-.04em; line-height:1; }
.brand img { width:37px; height:37px; object-fit:contain; }
.site-nav { display:flex; align-items:center; gap:clamp(18px,2vw,31px); font-size:13px; font-weight:800; }
.site-nav > a:not(.nav-cta) { position:relative; }
.site-nav > a:not(.nav-cta)::after { content:""; position:absolute; left:0; right:0; bottom:-5px; height:2px; background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .2s var(--ease); }
.site-nav > a:not(.nav-cta):hover::after, .site-nav > a:not(.nav-cta):focus-visible::after { transform:scaleX(1); }
.nav-cta { padding:11px 14px; background:var(--red); color:var(--white); transition:transform .16s var(--ease),background .16s var(--ease); }
.nav-cta:hover { background:var(--ink); transform:translateY(-2px); }
.menu-toggle { display:none; padding:10px 0 10px 12px; border:0; background:none; }
.menu-toggle span:not(.sr-only) { display:block; width:25px; height:2px; margin:5px 0; background:var(--white); transition:transform .2s var(--ease); }
.hero { position:relative; min-height:calc(100vh - 107px); min-height:680px; background:var(--red); color:var(--white); overflow:hidden; }
.hero-media { position:absolute; top:0; right:0; width:49%; height:100%; background:linear-gradient(90deg,var(--red) 0%,rgba(227,6,19,.88) 12%,rgba(12,12,13,.08) 46%,rgba(12,12,13,.2)),url('assets/jay-sadguru-hero-warehouse.webp') center/cover; mix-blend-mode:normal; }
.hero::after { content:""; position:absolute; inset:24px clamp(18px,3vw,52px); border-top:1px solid rgba(12,12,13,.55); border-bottom:1px solid rgba(12,12,13,.55); pointer-events:none; }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr); min-height:calc(680px - 0px); padding:clamp(75px,10vw,150px) clamp(18px,3vw,52px) 70px; gap:30px; }
.hero-copy { align-self:center; max-width:780px; }
.eyebrow { margin:0 0 13px; font-family:"Barlow Condensed",sans-serif; font-size:12px; font-weight:800; letter-spacing:.11em; line-height:1.1; }
.eyebrow.light { color:var(--white); }
h1,h2,h3 { margin:0; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; line-height:.87; letter-spacing:-.057em; }
h1 { max-width:760px; font-size:clamp(78px,10.6vw,183px); font-weight:900; letter-spacing:-.012em; }
h1 em,h2 em { font-style:normal; color:var(--ink); }
.hero-lede { max-width:520px; margin:30px 0; font-size:17px; font-weight:600; line-height:1.5; }
.hero-actions { display:flex; gap:23px; align-items:center; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:49px; padding:14px 19px; border:1px solid transparent; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; letter-spacing:.04em; font-size:17px; font-weight:800; cursor:pointer; transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease); }
.button:hover { transform:translateY(-3px); }
.button:active { transform:scale(.97); }
.button-dark { background:var(--ink); color:var(--white); }
.button-dark:hover { background:var(--white); color:var(--ink); }
.button-signal { background:var(--red); color:var(--white); }
.button-signal:hover { background:var(--white); color:var(--ink); }
.button-paper { background:var(--paper); color:var(--ink); }
.button-paper:hover { background:var(--amber); }
.button-outline { border-color:var(--ink); color:var(--ink); background:transparent; }
.button-outline:hover { background:var(--ink); color:var(--white); }
.text-link { display:inline-flex; align-items:center; gap:8px; border-bottom:1px solid currentColor; padding-bottom:3px; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:16px; font-weight:800; letter-spacing:.04em; }
.text-link.light { color:var(--white); }
.hero-proof { align-self:start; justify-self:end; width:min(240px,100%); padding-top:27px; border-top:1px solid var(--light-line); }
.proof-number { margin:15px 0 13px; font-family:"Barlow Condensed",sans-serif; font-size:clamp(49px,5vw,75px); font-weight:900; letter-spacing:-.06em; line-height:.76; }
.proof-copy { margin:0 0 24px; font-size:13px; font-weight:600; line-height:1.45; }
.hero-footer { position:absolute; z-index:2; left:clamp(18px,3vw,52px); right:clamp(18px,3vw,52px); bottom:17px; display:flex; justify-content:space-between; font-family:"Barlow Condensed",sans-serif; font-size:11px; font-weight:700; letter-spacing:.07em; color:var(--ink); }
.route-strip { display:grid; grid-template-columns:minmax(200px,.82fr) minmax(0,2fr); border-bottom:1px solid var(--line); }
.section-intro { padding:clamp(42px,6vw,78px) clamp(18px,3vw,52px); border-right:1px solid var(--line); }
.section-intro h2 { font-size:clamp(39px,4vw,68px); }
.route-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.route-grid a { position:relative; min-height:160px; padding:22px 20px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .2s var(--ease),color .2s var(--ease); }
.route-grid a:nth-child(3n) { border-right:0; }
.route-grid a:nth-last-child(-n+3) { border-bottom:0; }
.route-grid a:hover { background:var(--red); color:var(--white); }
.route-grid span,.route-grid i { display:block; font-family:"Barlow Condensed",sans-serif; font-size:12px; font-style:normal; font-weight:800; letter-spacing:.08em; }
.route-grid strong { display:block; max-width:170px; margin-top:35px; font-family:"Barlow Condensed",sans-serif; font-size:26px; text-transform:uppercase; line-height:.94; letter-spacing:-.025em; }
.route-grid i { position:absolute; right:20px; bottom:18px; font-size:24px; }
.equipment-section { padding:clamp(72px,10vw,146px) clamp(18px,3vw,52px); }
.section-head { max-width:890px; }
.split-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(200px,.37fr); max-width:none; gap:clamp(30px,6vw,100px); align-items:end; }
.section-head h2 { font-size:clamp(58px,7.8vw,124px); }
.split-head > p { margin:0 0 8px; max-width:390px; font-size:16px; font-weight:600; line-height:1.6; }
.equipment-grid { display:grid; grid-template-columns:1.15fr 1fr .8fr; gap:0; margin-top:66px; }
.equipment-card { min-height:410px; display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid var(--ink); }
.card-red { background:var(--red); color:var(--white); border-color:var(--red); }
.card-dark { background:var(--ink); color:var(--white); }
.card-paper { background:var(--mist); }
.card-index { margin:0; font-family:"Barlow Condensed",sans-serif; font-size:12px; font-weight:800; letter-spacing:.1em; }
.equipment-card h3 { margin-top:auto; font-size:clamp(43px,4vw,72px); }
.equipment-card p:not(.card-index) { max-width:300px; margin:22px 0 28px; font-size:14px; font-weight:600; line-height:1.55; }
.equipment-card a { font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:16px; font-weight:800; border-bottom:1px solid currentColor; }
.selector-section { display:grid; grid-template-columns:minmax(210px,.64fr) minmax(0,1.36fr); background:var(--ink); color:var(--white); }
.selector-stamp { display:flex; align-items:flex-end; min-height:640px; padding:clamp(30px,4vw,56px); color:var(--red); border-right:1px solid rgba(255,255,255,.24); font-family:"Barlow Condensed",sans-serif; font-size:clamp(64px,7vw,121px); line-height:.72; font-weight:900; letter-spacing:-.08em; }
.selector-body { padding:clamp(64px,8vw,120px) clamp(24px,6vw,98px); }
.selector-body h2 { max-width:680px; font-size:clamp(61px,7vw,116px); }
.selector-copy { max-width:520px; margin:28px 0 38px; color:#d4d1ca; font-weight:600; line-height:1.6; }
.selector-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; max-width:720px; }
.selector-form label:first-child { grid-column:span 2; }
label { display:block; }
label > span { display:block; margin:0 0 7px; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:.08em; }
select,input,textarea { width:100%; border:1px solid rgba(255,255,255,.38); border-radius:0; padding:13px 14px; background:transparent; color:inherit; font-weight:600; outline:0; transition:border-color .16s var(--ease),box-shadow .16s var(--ease); }
select { appearance:auto; }
select option { color:var(--ink); background:var(--paper); }
textarea { resize:vertical; }
select:focus,input:focus,textarea:focus { border-color:var(--amber); box-shadow:0 0 0 3px rgba(244,185,66,.28); }
.selector-form .button { align-self:end; }
.selector-result { max-width:720px; margin-top:30px; padding:19px 0 0; border-top:1px solid rgba(255,255,255,.28); }
.selector-result span { font-family:"Barlow Condensed",sans-serif; color:var(--amber); font-size:12px; font-weight:800; letter-spacing:.08em; }
.selector-result p { margin:4px 0 0; font-size:15px; font-weight:600; }
.service-section { display:grid; grid-template-columns:1fr 1fr; min-height:720px; }
.service-image { background:url('assets/jay-sadguru-service-technician.webp') center/cover; min-height:500px; }
.service-copy { padding:clamp(70px,9vw,145px) clamp(25px,7vw,110px); background:var(--mist); }
.service-copy h2 { font-size:clamp(55px,6.8vw,106px); }
.service-copy h2 em { color:var(--red); }
.service-copy > p:not(.eyebrow) { max-width:540px; margin:30px 0 34px; font-size:16px; font-weight:600; line-height:1.65; }
.service-list { border-top:1px solid var(--line); margin-bottom:30px; }
.service-list > div { display:grid; grid-template-columns:34px 1fr; gap:5px 12px; padding:16px 0; border-bottom:1px solid var(--line); }
.service-list span { grid-row:span 2; color:var(--red); font-family:"Barlow Condensed",sans-serif; font-weight:900; font-size:15px; }
.service-list strong { font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:20px; line-height:1; }
.service-list small { font-size:12px; font-weight:600; line-height:1.4; }
.featured-split { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.feature-panel { min-height:660px; display:grid; grid-template-rows:340px minmax(320px,1fr); }
.dock-panel { background:var(--red); color:var(--white); }
.tire-panel { background:var(--paper); }
.feature-image { min-height:0; }
.dock-image { background:linear-gradient(180deg,rgba(227,6,19,.06),var(--red)),url('assets/jay-sadguru-dock-leveler.webp') center/cover; }
.tire-image { background:url('assets/jay-sadguru-tires-wheels.webp') center/cover; }
.feature-copy { display:flex; flex-direction:column; align-items:flex-start; padding:33px clamp(24px,4vw,65px) 45px; }
.feature-copy h2 { margin:12px 0 16px; font-size:clamp(52px,5.8vw,92px); }
.feature-copy p:not(.eyebrow) { max-width:510px; margin:0 0 25px; font-size:15px; font-weight:600; line-height:1.6; }
.feature-copy .text-link { margin-top:auto; }
.solutions-section { padding:clamp(80px,10vw,146px) clamp(18px,3vw,52px) 48px; background:var(--paper); }
.workflow { display:grid; grid-template-columns:repeat(5,1fr); margin:66px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.workflow li { min-height:275px; padding:19px 18px 15px 0; border-right:1px solid var(--line); }
.workflow li:not(:first-child) { padding-left:18px; }
.workflow li:last-child { border-right:0; }
.workflow span { display:block; color:var(--red); font-family:"Barlow Condensed",sans-serif; font-size:12px; font-weight:900; letter-spacing:.1em; }
.workflow strong { display:block; margin-top:75px; font-family:"Barlow Condensed",sans-serif; font-size:clamp(34px,3.4vw,57px); line-height:.85; letter-spacing:-.04em; }
.workflow p { max-width:190px; margin:18px 0 0; font-size:12px; font-weight:700; line-height:1.45; }
.solutions-note { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:28px 0 0; border-top:1px solid var(--line); }
.solutions-note p { max-width:490px; margin:0; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:clamp(23px,2.6vw,39px); font-weight:700; line-height:.95; }
.request-section { display:grid; grid-template-columns:1fr 1fr; background:var(--red); color:var(--white); }
.request-head { padding:clamp(76px,10vw,144px) clamp(18px,5vw,72px); border-top:2px solid var(--ink); }
.request-head h2 { margin-top:18px; font-size:clamp(71px,8.3vw,140px); }
.request-head h2 em { color:var(--ink); }
.request-head > p:not(.eyebrow) { max-width:350px; margin-top:32px; font-size:13px; font-weight:600; line-height:1.55; }
.request-form { align-self:center; padding:clamp(72px,9vw,135px) clamp(24px,7vw,112px); background:var(--ink); }
.request-picker { position:relative; margin-bottom:15px; }
.picker-label { display:block; margin:0 0 7px; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:12px; font-weight:800; letter-spacing:.08em; }
.picker-toggle { display:flex; width:100%; align-items:center; justify-content:space-between; min-height:51px; padding:12px 15px; border:1px solid rgba(255,255,255,.4); border-radius:0; background:transparent; color:var(--white); font-family:"Barlow Condensed",sans-serif; font-size:20px; font-weight:700; letter-spacing:.01em; text-align:left; transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease); }
.picker-toggle:hover,.request-picker.is-open .picker-toggle { border-color:var(--red); background:rgba(255,255,255,.06); }
.picker-chevron { color:var(--white); font-size:18px; transition:transform .22s var(--ease); }
.request-picker.is-open .picker-chevron { transform:rotate(180deg); }
.picker-menu { position:absolute; z-index:80; top:calc(100% + 6px); right:0; left:0; display:grid; padding:6px; border:1px solid var(--red); background:var(--ink); box-shadow:0 18px 40px rgba(0,0,0,.42); opacity:0; pointer-events:none; transform:translateY(-7px); transition:opacity .18s var(--ease),transform .22s var(--ease); }
.request-picker.is-open .picker-menu { opacity:1; pointer-events:auto; transform:translateY(0); }
.picker-option { width:100%; padding:11px 10px; border:0; background:transparent; color:rgba(255,255,255,.68); font-family:"Barlow Condensed",sans-serif; font-size:18px; font-weight:700; letter-spacing:.01em; text-align:left; transition:background .16s var(--ease),color .16s var(--ease),padding .16s var(--ease); }
.picker-option:hover,.picker-option:focus-visible { padding-left:15px; background:var(--red); color:var(--white); outline:0; }
.picker-option.is-selected { background:var(--red); color:var(--white); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.request-form label { margin-bottom:15px; }
.form-honeypot { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; }
.form-note { margin:14px 0 0; color:#d4d1ca; font-size:11px; font-weight:600; line-height:1.45; }
.urgent-help { display:grid; gap:4px; max-width:330px; padding-top:14px; border-top:1px solid rgba(255,255,255,.22); }
.urgent-help strong { color:var(--white); font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:13px; font-weight:800; letter-spacing:.045em; }
.urgent-help span { display:block; }
.site-footer { padding:26px clamp(18px,3vw,52px) 18px; background:var(--paper); }
.footer-top,.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.footer-brand { font-size:30px; }
.footer-brand img { width:32px; height:32px; }
.footer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:58px 0; }
.footer-grid > div { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.footer-grid .eyebrow { margin-bottom:5px; color:var(--red); }
.footer-grid a { font-size:13px; font-weight:700; }
.footer-grid a:hover { text-decoration:underline; text-decoration-color:var(--red); text-underline-offset:4px; }
.footer-bottom { padding-top:16px; border-top:1px solid var(--line); font-family:"Barlow Condensed",sans-serif; font-size:11px; font-weight:700; letter-spacing:.05em; }
.toast { position:fixed; z-index:60; right:18px; bottom:18px; max-width:360px; padding:15px 17px; visibility:hidden; background:var(--ink); color:var(--white); font-size:13px; font-weight:700; line-height:1.35; opacity:0; transform:translateY(140%); transition:transform .3s var(--ease),opacity .2s var(--ease),visibility 0s linear .3s; box-shadow:0 12px 35px rgba(0,0,0,.25); }
.toast.show { visibility:visible; opacity:1; transform:translateY(0); transition:transform .3s var(--ease),opacity .2s var(--ease),visibility 0s; }
.scroll-rail { position:fixed; z-index:110; top:0; right:0; bottom:0; width:8px; background:transparent; border:0; box-shadow:none; }
.scroll-thumb { position:absolute; top:0; left:2px; width:4px; min-height:26px; background:#8f8f8b; border-radius:6px; opacity:.9; transition:background .16s var(--ease),opacity .16s var(--ease); cursor:grab; }
.scroll-thumb:hover,.scroll-thumb:active { background:var(--ink); opacity:1; }
.back-to-top { position:fixed; z-index:40; right:18px; bottom:18px; display:inline-flex; align-items:center; gap:9px; padding:12px 14px; background:var(--paper); border:1px solid var(--ink); color:var(--ink); font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:14px; font-weight:800; letter-spacing:.045em; opacity:0; pointer-events:none; transform:translateY(10px); transition:opacity .18s var(--ease),transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease); }
.back-to-top.is-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
.back-to-top:hover { background:var(--ink); color:var(--white); }
.scroll-reveal { opacity:0; transform:translate3d(0,12px,0); will-change:opacity,transform; transition:opacity .46s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .56s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms); }
.scroll-reveal.is-revealed { opacity:1; transform:translate3d(0,0,0); will-change:auto; }
.reveal { animation:reveal .7s var(--ease) both; }
.hero-proof.reveal { animation-delay:.11s; }
@keyframes reveal { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:900px) { .topline { font-size:11px; }.site-nav { gap:16px; }.hero-grid { grid-template-columns:1fr; }.hero-proof { justify-self:start; align-self:end; }.hero-media { width:63%; opacity:.62; }.route-strip { grid-template-columns:1fr; }.section-intro { border-right:0; border-bottom:1px solid var(--line); }.equipment-grid { grid-template-columns:1fr 1fr; }.equipment-card:last-child { grid-column:span 2; min-height:290px; }.selector-section { grid-template-columns:1fr; }.selector-stamp { min-height:230px; border-right:0; border-bottom:1px solid rgba(255,255,255,.24); font-size:80px; }.service-section,.request-section { grid-template-columns:1fr; }.featured-split { grid-template-columns:1fr; }.feature-panel { min-height:0; grid-template-rows:300px minmax(260px,1fr); }.workflow { grid-template-columns:repeat(3,1fr); }.workflow li:nth-child(3) { border-right:0; }.workflow li:nth-child(4),.workflow li:nth-child(5) { border-top:1px solid var(--line); }.workflow li:nth-child(4) { padding-left:0; }.workflow li:nth-child(5) { border-right:0; }.request-form { padding-top:62px; }.footer-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) {
  :root { --mobile-menu-radius:16px; }
  body { font-size:15px; }
  .site-header { position:sticky; z-index:100; top:8px; width:calc(100% - 20px); min-height:58px; margin:8px auto; padding:0 14px; border-radius:var(--mobile-menu-radius); transition:background .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease); }
  .site-header .site-nav { margin-left:0; }
  .brand { position:relative; z-index:3; font-size:29px; transition:color .24s var(--ease); }
  .brand img { width:31px; height:31px; }
  .menu-toggle { position:relative; z-index:3; display:block; width:48px; margin-left:auto; padding:10px 0 10px 18px; }
  .menu-toggle span:not(.sr-only) { width:29px; margin:6px 0; transition:transform .24s var(--ease),background .24s var(--ease); }
  .site-nav { position:fixed; z-index:2; top:-1px; right:auto; left:-1px; display:flex; width:calc(100% + 2px); height:min(440px,calc(100svh - 16px)); margin:0; visibility:hidden; flex-direction:column; align-items:stretch; gap:0; padding:78px 30px 24px; overflow:hidden; background:var(--ink); color:var(--white); border:1px solid rgba(255,255,255,.16); border-radius:var(--mobile-menu-radius); box-shadow:0 20px 55px rgba(0,0,0,.3); opacity:0; pointer-events:none; clip-path:inset(0 0 100% 0 round var(--mobile-menu-radius)); will-change:clip-path,opacity; transition:clip-path .42s var(--ease),opacity .22s var(--ease),visibility 0s linear .42s; }
  .site-nav.open { visibility:visible; opacity:1; pointer-events:auto; clip-path:inset(0 0 0 0 round var(--mobile-menu-radius)); transition:clip-path .34s var(--ease),opacity .18s var(--ease),visibility 0s; }
  .site-nav > a { padding:12px 0; color:rgba(255,255,255,.68); font-family:Manrope,Arial,sans-serif; text-transform:none; font-size:clamp(27px,8vw,37px); font-weight:600; letter-spacing:-.055em; line-height:1.08; opacity:0; transform:translateY(14px); transition:color .18s var(--ease),opacity .28s var(--ease),transform .28s var(--ease); }
  .site-nav.open > a { opacity:1; transform:translateY(0); }
  .site-nav.open > a:nth-child(1) { transition-delay:.13s; }.site-nav.open > a:nth-child(2) { transition-delay:.18s; }.site-nav.open > a:nth-child(3) { transition-delay:.23s; }.site-nav.open > a:nth-child(4) { transition-delay:.28s; }
  .site-nav > a:hover,.site-nav > a:focus-visible { color:var(--white); }
  .site-nav > a:not(.nav-cta)::after { display:none; }
  .nav-cta { margin-top:auto; padding:14px 16px!important; background:var(--white); color:var(--ink)!important; text-align:center; font-family:"Barlow Condensed",sans-serif!important; text-transform:uppercase!important; font-size:18px!important; font-weight:800!important; letter-spacing:.04em!important; }
  .nav-cta:hover { background:var(--red); color:var(--white)!important; }
  body.menu-open .site-header { background:var(--ink); border-color:rgba(255,255,255,.16); backdrop-filter:blur(12px); }
  body.menu-open .brand { color:var(--white); }
  body.menu-open .menu-toggle span:not(.sr-only) { background:var(--white); }
  body.menu-open .menu-toggle span:nth-of-type(2) { transform:translateY(4px) rotate(45deg); }
  body.menu-open .menu-toggle span:nth-of-type(3) { transform:translateY(-4px) rotate(-45deg); }
  .hero { min-height:682px; }.hero-media { width:100%; opacity:.3; background:linear-gradient(180deg,rgba(227,6,19,.03) 10%,rgba(227,6,19,.92) 72%,var(--red)),url('assets/jay-sadguru-hero-warehouse.webp') center/cover; }.hero-grid { min-height:630px; padding-top:82px; padding-bottom:50px; }.hero-lede { font-size:15px; max-width:430px; }.hero-proof { max-width:215px; padding-top:16px; }.proof-number { font-size:58px; }.hero-footer span:nth-child(2) { display:none; }.route-grid { grid-template-columns:1fr 1fr; }.route-grid a,.route-grid a:nth-child(3n) { border-right:1px solid var(--line); border-bottom:1px solid var(--line); min-height:137px; }.route-grid a:nth-child(2n) { border-right:0; }.route-grid a:nth-last-child(-n+2) { border-bottom:0; }.route-grid a:nth-child(3),.route-grid a:nth-child(4) { border-bottom:1px solid var(--line)!important; }.route-grid strong { margin-top:27px; font-size:23px; }.split-head { grid-template-columns:1fr; gap:22px; }.equipment-section { padding-top:76px; }.equipment-grid { grid-template-columns:1fr; margin-top:42px; }.equipment-card,.equipment-card:last-child { grid-column:auto; min-height:295px; }.selector-body { padding-top:66px; }.selector-form { grid-template-columns:1fr; }.selector-form label:first-child { grid-column:auto; }.selector-form .button { width:100%; }.selector-stamp { min-height:180px; font-size:70px; }.service-copy { padding-top:70px; }.feature-panel { min-height:0; grid-template-rows:280px minmax(270px,1fr); }.workflow { grid-template-columns:1fr 1fr; margin-top:42px; }.workflow li,.workflow li:nth-child(3),.workflow li:nth-child(4),.workflow li:nth-child(5) { min-height:210px; padding:17px 12px; border-right:1px solid var(--line); border-top:0; }.workflow li:nth-child(2n) { border-right:0; }.workflow li:nth-child(n+3) { border-top:1px solid var(--line); }.workflow li:nth-child(5) { grid-column:span 2; border-right:0; }.workflow strong { margin-top:50px; }.solutions-note { align-items:flex-start; flex-direction:column; }.request-head { padding-top:75px; }.request-form { padding:50px 24px; }.request-picker { margin-bottom:15px; }.picker-toggle { font-size:19px; }.picker-option { font-size:17px; }.field-row { grid-template-columns:1fr; gap:0; }.back-to-top { right:14px; bottom:14px; gap:6px; min-height:0; padding:8px 10px; font-size:12px; }.scroll-rail { width:8px; border-radius:0; }.scroll-thumb { left:2px; width:4px; }.footer-grid { padding:45px 0; }.footer-bottom { align-items:flex-start; flex-direction:column; }.footer-bottom span:last-child { color:#5c5a55; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }.scroll-reveal { opacity:1; transform:none; } }
@media (max-width:640px) { .request-form { padding-bottom:112px; }.request-form > .urgent-help { max-width:calc(100% - 116px); min-height:76px; margin-top:18px; }.back-to-top { bottom:14px; } }

/* Jay Sadguru local SEO service pages: Signal Yard editorial system adapted for crawlable local pages. */
.seo-page { background:var(--paper); color:var(--ink); }
.seo-main { max-width:1180px; margin:0 auto; padding:clamp(42px,7vw,92px) clamp(18px,3vw,52px) 80px; }
.seo-hero { position:relative; isolation:isolate; max-width:none; min-height:420px; padding:clamp(44px,7vw,88px) clamp(24px,4vw,58px) clamp(58px,7vw,86px); overflow:hidden; background:var(--ink); color:var(--white); border-bottom:8px solid var(--red); }
.seo-hero::before { content:""; position:absolute; z-index:-1; top:0; right:0; width:47%; height:100%; background:linear-gradient(90deg,var(--ink) 0%,rgba(12,12,13,.78) 28%,rgba(12,12,13,.08)),url('assets/jay-sadguru-hero-warehouse.webp') center/cover; }
.seo-hero::after { content:"JAY SADGURU / FIELD SUPPORT"; position:absolute; top:0; right:0; padding:10px 14px; background:var(--red); color:var(--white); font-family:"Barlow Condensed",sans-serif; font-size:13px; font-weight:800; letter-spacing:.08em; }
.seo-hero .eyebrow { position:relative; margin-bottom:22px; color:var(--white); }
.seo-hero h1 { position:relative; max-width:780px; margin:0; font-family:"Barlow Condensed",sans-serif; font-size:clamp(56px,8vw,118px); font-weight:900; line-height:.84; letter-spacing:-.055em; text-transform:uppercase; }
.seo-hero p { position:relative; max-width:620px; margin:28px 0 0; font-size:clamp(16px,2vw,20px); font-weight:600; line-height:1.6; }
.seo-takeaways { position:relative; max-width:900px; margin:0; padding:32px clamp(24px,4vw,52px); background:var(--ink); color:var(--white); border-left:8px solid var(--red); }
.seo-takeaways h2,.seo-content h2 { margin:0; font-family:"Barlow Condensed",sans-serif; font-size:clamp(31px,4vw,50px); font-weight:900; letter-spacing:-.035em; line-height:.88; text-transform:uppercase; }
.seo-takeaways ul { margin:14px 0 0; padding-left:18px; }
.seo-takeaways li { margin:8px 0; }
.seo-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.35fr); gap:clamp(34px,7vw,100px); padding-top:clamp(46px,7vw,86px); }
.seo-content section { position:relative; padding:28px 28px 30px; border-top:1px solid var(--ink); }
.seo-content section:nth-child(even) { background:var(--mist); }
.seo-content section + section { margin-top:42px; }
.blog-page .seo-content section { border-left:0; }
.seo-content p,.seo-content li { font-size:16px; line-height:1.75; }
.seo-content ul { padding-left:20px; }
.seo-content a:not(.button) { text-decoration:underline; text-decoration-color:var(--red); text-underline-offset:3px; }
.seo-aside { align-self:start; position:sticky; top:90px; padding:28px 24px; background:var(--ink); color:var(--white); border-top:8px solid var(--red); box-shadow:12px 12px 0 var(--mist); }
.seo-aside h2 { margin:0; font-family:"Barlow Condensed",sans-serif; font-size:34px; font-weight:900; line-height:.88; text-transform:uppercase; letter-spacing:-.035em; }
.seo-aside h2::before { content:"GET IT MOVING / "; display:block; margin-bottom:10px; color:var(--red); font-size:12px; letter-spacing:.1em; }
.seo-aside p { margin:16px 0; font-size:14px; line-height:1.55; }
.seo-aside a:not(.button) { color:var(--white); text-decoration-color:var(--red); }
.seo-aside .button { display:inline-flex; margin-top:12px; background:var(--red); color:var(--white); }
.seo-footer { margin-top:76px; padding:28px; background:var(--ink); color:var(--white); border-left:8px solid var(--red); font-size:13px; line-height:1.6; }
.seo-footer strong { display:block; font-family:"Barlow Condensed",sans-serif; font-size:24px; letter-spacing:-.02em; text-transform:uppercase; }
.seo-footer address { margin-top:8px; font-style:normal; }
.seo-faq dt { margin-top:25px; font-family:"Barlow Condensed",sans-serif; font-size:28px; font-weight:800; line-height:1; text-transform:uppercase; }
.seo-faq dd { margin:10px 0 0; }
@media (max-width:760px) { .seo-content { grid-template-columns:1fr; }.seo-aside { position:static; }.seo-main { padding-bottom:58px; }.seo-hero { min-height:500px; padding:120px 24px 54px; }.seo-hero::before { width:100%; opacity:.48; background:linear-gradient(180deg,rgba(12,12,13,.15),var(--ink) 72%),url('assets/jay-sadguru-hero-warehouse.webp') center/cover; }.seo-hero h1 { font-size:clamp(44px,12vw,66px); }.seo-content section { padding:24px 18px 28px; }.seo-aside { box-shadow:8px 8px 0 var(--mist); } }
