:root {
  --lsw-blue:#0d3e70;
  --lsw-blue-deep:#071b30;
  --lsw-red:#e01030;
  --lsw-cream:#f7f4ed;
  --lsw-ink:#0a0d10;
  --lsw-muted:#5e6975;
  --lsw-line:#dfe5ea;
}

.lsw-page { overflow:hidden; background:#fff; color:var(--lsw-ink); }
.lsw-shell { width:min(1180px, calc(100% - 44px)); margin-inline:auto; }
.lsw-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--lsw-red); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.lsw-kicker::before { content:""; width:8px; height:8px; border-radius:50%; background:currentColor; box-shadow:0 0 0 5px rgba(224,16,48,.13); }
.lsw-display { margin:14px 0 18px; font-family:var(--font-display, Arial, sans-serif); font-weight:900; letter-spacing:-.045em; line-height:.98; }
.lsw-lede { color:var(--lsw-muted); font-size:clamp(16px,1.5vw,19px); line-height:1.65; }
.lsw-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 22px; border:1px solid transparent; border-radius:999px; font-weight:800; transition:transform .2s ease, background .2s ease, border-color .2s ease; }
.lsw-btn:hover { transform:translateY(-2px); }
.lsw-btn--red { background:var(--lsw-red); color:#fff; box-shadow:0 16px 34px -18px rgba(224,16,48,.75); }
.lsw-btn--ghost { border-color:rgba(255,255,255,.45); color:#fff; background:rgba(255,255,255,.06); backdrop-filter:blur(8px); }

.lsw-hero { position:relative; display:grid; align-items:end; min-height:calc(100svh - 140px); padding:clamp(72px,10vw,118px) 0 54px; isolation:isolate; background:#071522 url("../src/lsw/LSW%20Add.jpg") center/cover no-repeat; }
.lsw-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,12,21,.94) 0%,rgba(3,12,21,.79) 39%,rgba(3,12,21,.18) 69%,rgba(3,12,21,.03) 100%),linear-gradient(0deg,rgba(3,12,21,.74),transparent 42%); }
.lsw-hero::after { content:"LSW"; position:absolute; right:-.03em; bottom:-.21em; z-index:-1; color:rgba(255,255,255,.06); font-family:var(--font-display,Arial,sans-serif); font-size:clamp(160px,29vw,470px); font-weight:900; line-height:1; letter-spacing:-.08em; }
.lsw-hero__content { max-width:680px; color:#fff; }
.lsw-hero__brand { width:auto; height:70px; margin-bottom:24px; padding:8px 12px; border-radius:10px; background:rgba(255,255,255,.94); }
.lsw-hero .lsw-kicker { color:#ff4660; }
.lsw-hero .lsw-display { max-width:11ch; font-size:clamp(46px,6.2vw,88px); }
.lsw-hero__copy { max-width:60ch; color:#d3dae1; font-size:clamp(16px,1.5vw,19px); line-height:1.65; }
.lsw-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.lsw-hero__proof { display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:36px; padding-top:22px; border-top:1px solid rgba(255,255,255,.19); }
.lsw-hero__proof span { color:#d8e1e8; font-size:13px; font-weight:700; }
.lsw-hero__proof span::before { content:"✓"; margin-right:8px; color:#ff4660; }

.lsw-intro { padding:clamp(76px,9vw,124px) 0; background:linear-gradient(135deg,#fff 0%,#f3f6f8 100%); }
.lsw-intro__grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1fr); align-items:center; gap:clamp(42px,8vw,100px); }
.lsw-tyre-stage { position:relative; min-height:560px; display:grid; place-items:center; }
.lsw-tyre-stage::before { content:""; position:absolute; width:72%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(17,65,114,.18),rgba(17,65,114,.03) 61%,transparent 62%); }
.lsw-tyre-stage::after { content:"LOW SIDEWALL"; position:absolute; left:0; bottom:7%; color:#cbd4dc; font-size:11px; font-weight:900; letter-spacing:.26em; writing-mode:vertical-rl; transform:rotate(180deg); }
.lsw-tyre-stage img { position:relative; z-index:1; width:min(100%,620px); filter:drop-shadow(0 36px 38px rgba(10,13,16,.22)); }
.lsw-intro__copy .lsw-display { max-width:12ch; font-size:clamp(38px,5vw,66px); }
.lsw-definition { margin:28px 0; padding:22px 0 22px 24px; border-left:4px solid var(--lsw-red); color:#25313b; font-size:18px; line-height:1.6; }
.lsw-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:34px; }
.lsw-metric { padding:18px; border:1px solid var(--lsw-line); border-radius:14px; background:#fff; }
.lsw-metric strong { display:block; color:var(--lsw-blue); font-size:28px; line-height:1; }
.lsw-metric span { display:block; margin-top:7px; color:var(--lsw-muted); font-size:12px; line-height:1.4; }

.lsw-benefits { padding:clamp(80px,10vw,132px) 0; background:var(--lsw-blue-deep); color:#fff; }
.lsw-benefits__head { display:flex; align-items:end; justify-content:space-between; gap:34px; margin-bottom:42px; }
.lsw-benefits__head .lsw-display { max-width:10ch; font-size:clamp(38px,5vw,66px); }
.lsw-benefits__head p { max-width:49ch; color:#aebdca; line-height:1.7; }
.lsw-benefits__visual { position:relative; height:clamp(280px,38vw,460px); margin:0 0 14px; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:24px; background:#0c2e50; }
.lsw-benefits__visual::after { content:"ENGINEERED FOR THE FIELD"; position:absolute; left:clamp(20px,4vw,48px); bottom:clamp(20px,4vw,42px); color:#fff; font-size:clamp(20px,3vw,42px); font-weight:900; letter-spacing:-.04em; }
.lsw-benefits__visual::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(3,18,34,.78),rgba(3,18,34,.04) 75%),linear-gradient(0deg,rgba(3,18,34,.42),transparent); }
.lsw-benefits__visual img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.92) contrast(1.05); }
.lsw-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.lsw-benefit { position:relative; min-height:224px; padding:28px; overflow:hidden; border-top:1px solid rgba(255,255,255,.22); background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); }
.lsw-benefit::after { content:attr(data-num); position:absolute; right:14px; bottom:-26px; color:rgba(255,255,255,.045); font-size:118px; font-weight:900; line-height:1; }
.lsw-benefit__icon { display:grid; width:44px; height:44px; place-items:center; margin-bottom:26px; border-radius:13px; background:var(--lsw-red); color:#fff; font-weight:900; }
.lsw-benefit h3 { margin:0 0 10px; color:#fff; font-size:22px; }
.lsw-benefit p { position:relative; z-index:1; margin:0; color:#aebdca; font-size:14px; line-height:1.65; }

.lsw-field { padding:clamp(78px,9vw,120px) 0; background:#fff; }
.lsw-field__head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:40px; margin-bottom:36px; }
.lsw-field__head .lsw-display { max-width:12ch; font-size:clamp(38px,5vw,64px); }
.lsw-field__head p { color:var(--lsw-muted); line-height:1.7; }
.lsw-gallery { display:grid; grid-template-columns:1.55fr .72fr; grid-template-rows:300px 300px; gap:14px; }
.lsw-gallery figure { position:relative; margin:0; overflow:hidden; border-radius:20px; background:#e9edf0; }
.lsw-gallery figure:first-child { grid-row:1 / 3; }
.lsw-gallery img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.lsw-gallery figure:hover img { transform:scale(1.035); }
.lsw-gallery figcaption { position:absolute; right:0; bottom:0; left:0; padding:32px 20px 18px; color:#fff; font-size:13px; font-weight:700; background:linear-gradient(transparent,rgba(0,0,0,.72)); }

.lsw-guide { padding:clamp(80px,9vw,120px) 0; background:var(--lsw-cream); }
.lsw-guide__grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); align-items:center; gap:clamp(34px,7vw,88px); }
.lsw-guide__art { position:relative; overflow:hidden; border-radius:24px; background:#fff; box-shadow:0 28px 60px -34px rgba(10,13,16,.4); }
.lsw-guide__art::after { content:"SCAN FOR LSW"; position:absolute; right:16px; bottom:16px; padding:7px 10px; border-radius:999px; background:var(--lsw-red); color:#fff; font-size:10px; font-weight:800; letter-spacing:.12em; }
.lsw-guide__art img { width:100%; height:auto; }
.lsw-guide__copy .lsw-display { max-width:11ch; font-size:clamp(38px,5vw,64px); }
.lsw-machine-list { display:grid; gap:10px; margin:28px 0; }
.lsw-machine-list div { display:flex; align-items:center; gap:13px; padding:14px 16px; border:1px solid #e0ddd6; border-radius:12px; background:rgba(255,255,255,.72); font-weight:700; }
.lsw-machine-list div::before { content:""; width:9px; height:9px; flex:0 0 auto; border-radius:50%; background:var(--lsw-red); }

.lsw-final { position:relative; padding:clamp(82px,10vw,138px) 0; overflow:hidden; background:var(--lsw-blue); color:#fff; }
.lsw-final::after { content:""; position:absolute; right:-8%; bottom:-65%; width:550px; height:550px; border:90px solid rgba(255,255,255,.045); border-radius:50%; }
.lsw-final__inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:42px; }
.lsw-final .lsw-display { max-width:12ch; font-size:clamp(40px,5.3vw,68px); }
.lsw-final p { max-width:58ch; color:#cad8e4; font-size:18px; line-height:1.65; }

@media (max-width:900px) {
  .lsw-hero { min-height:720px; background-position:62% center; }
  .lsw-hero::before { background:linear-gradient(90deg,rgba(3,12,21,.95),rgba(3,12,21,.64) 64%,rgba(3,12,21,.22)); }
  .lsw-intro__grid,.lsw-guide__grid { grid-template-columns:1fr; }
  .lsw-tyre-stage { min-height:430px; }
  .lsw-benefits__head,.lsw-field__head,.lsw-final__inner { display:grid; grid-template-columns:1fr; }
  .lsw-benefit-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:620px) {
  .lsw-shell { width:min(100% - 32px,1180px); }
  .lsw-hero { min-height:calc(100svh - 128px); padding:42px 0 28px; background-position:59% center; }
  .lsw-hero::before { background:linear-gradient(90deg,rgba(3,12,21,.96),rgba(3,12,21,.78)); }
  .lsw-hero__brand { height:48px; margin-bottom:16px; }
  .lsw-hero .lsw-display { margin:10px 0 14px; font-size:clamp(40px,11vw,52px); }
  .lsw-hero__copy { font-size:15px; line-height:1.55; }
  .lsw-hero__actions { margin-top:20px; }
  .lsw-btn { min-height:46px; }
  .lsw-hero__proof { display:none; }
  .lsw-hero__actions { display:grid; }
  .lsw-btn { width:100%; }
  .lsw-tyre-stage { min-height:350px; }
  .lsw-metrics,.lsw-benefit-grid { grid-template-columns:1fr; }
  .lsw-gallery { grid-template-columns:1fr; grid-template-rows:320px 250px 250px; }
  .lsw-gallery figure:first-child { grid-row:auto; }
}

@media (prefers-reduced-motion:reduce) {
  .lsw-btn,.lsw-gallery img { transition:none; }
}