:root {
  --ink: #07111b;
  --ink-2: #0d1c29;
  --panel: #122432;
  --gold: #f5b51b;
  --gold-2: #ffd264;
  --paper: #ffffff;
  --soft: #f2f5f7;
  --line: #d8e0e5;
  --muted: #607180;
  --light-muted: #a8b7c5;
  --green: #35b977;
  --amber: #e7a828;
  --red: #e45b57;
  --shadow: 0 24px 70px rgba(0, 0, 0, .24);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font: 16px/1.6 Inter, "Segoe UI", Arial, sans-serif;
}
a { color: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}
.wrap { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.skip { position: absolute; left: 18px; top: -100px; z-index: 20; background: var(--gold); padding: 9px 13px; font-weight: 800; }
.skip:focus { top: 12px; }

.site-header, .header {
  position: sticky;
  top: 0;
  z-index: 10;
  color: #fff;
  background: rgba(7, 17, 27, .96);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  backdrop-filter: blur(16px);
}
.nav-shell, .header .nav {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.brand { display: inline-flex; align-items: center; text-decoration: none; }
.brand img { display: block; width: 270px; height: auto; }
nav { display: flex; align-items: center; gap: 28px; }
nav a { color: #d8e2ea; text-decoration: none; font-size: 14px; font-weight: 700; }
nav a:hover, nav a[aria-current="page"] { color: var(--gold-2); }
.nav-cta { border: 1px solid rgba(245, 181, 27, .65); padding: 9px 14px; border-radius: 8px; }

.hero {
  color: #fff;
  background:
    radial-gradient(circle at 85% 4%, rgba(245, 181, 27, .16), transparent 31rem),
    linear-gradient(145deg, var(--ink), var(--ink-2));
  padding: 78px 0 0;
}
.hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 76px; align-items: center; }
.eyebrow { margin: 0 0 22px; color: var(--gold); font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.eyebrow.dark { color: #8a6200; }
h1, h2, h3 { margin-top: 0; line-height: 1.12; }
h1 { margin-bottom: 25px; font-size: clamp(43px, 5vw, 70px); letter-spacing: -.055em; }
h1 em { color: var(--gold); font-style: normal; }
h2 { margin-bottom: 0; font-size: clamp(34px, 3.7vw, 51px); letter-spacing: -.045em; }
h3 { letter-spacing: -.025em; }
.hero-lead { max-width: 610px; margin: 0; color: #bdc9d4; font-size: 18px; }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 31px; flex-wrap: wrap; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  border: 0;
  border-radius: 8px;
  padding: 13px 19px;
  color: #171109;
  background: var(--gold);
  text-decoration: none;
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}
.button:hover { background: var(--gold-2); }
.text-link { color: #dbe5ec; font-size: 14px; font-weight: 800; text-decoration: none; border-bottom: 1px solid rgba(219, 229, 236, .4); }
.hero-panel {
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 16px;
  background: rgba(16, 35, 50, .74);
  box-shadow: var(--shadow);
}
.panel-heading { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, .13); color: #acbac6; font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.live-dot { color: #7be0aa; }
.live-dot::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(53, 185, 119, .12); }
.capability { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.capability:last-child { border-bottom: 0; padding-bottom: 3px; }
.capability > span { color: var(--gold); font: 800 12px/1.6 monospace; }
.capability b, .capability small { display: block; }
.capability b { font-size: 16px; }
.capability small { margin-top: 2px; color: var(--light-muted); }
.plant-track { position:relative; width:100%; height:115px; margin-top:64px; overflow:hidden; }
.plant-drive { position:absolute; z-index:2; bottom:1px; left:-175px; width:155px; height:78px; }
.plant-suspension img { display:block; width:155px; height:78px; object-fit:contain; }
.plant-rumble { position:relative; }
.gravel-road { position:absolute; inset:auto 0 0; height:19px; background:#6f5a3c; clip-path:polygon(0 36%,4% 43%,8% 25%,12% 38%,17% 16%,21% 35%,27% 27%,32% 48%,37% 23%,43% 42%,48% 14%,54% 37%,60% 27%,65% 48%,70% 23%,76% 38%,82% 15%,88% 39%,94% 28%,100% 42%,100% 100%,0 100%); }
.gravel-road::after { content:""; position:absolute; inset:4px 0 0; background:radial-gradient(circle,#b7a077 1px,transparent 2px) 0 0/23px 12px,radial-gradient(circle,#382f25 1px,transparent 2px) 9px 4px/31px 13px; opacity:.8; }
.loader-exhaust { position:absolute; left:27px; top:21px; }
.loader-exhaust i, .rig-smoke i { position:absolute; width:7px; height:7px; border-radius:50%; background:#bdc3c1; opacity:0; }
.loader-exhaust i:nth-child(2), .rig-smoke i:nth-child(2) { animation-delay:.55s; }
.loader-exhaust i:nth-child(3), .rig-smoke i:nth-child(3) { animation-delay:1.1s; }
.bucket-load { position:absolute; left:130px; bottom:15px; width:20px; height:15px; opacity:0; background:#a5967c; clip-path:polygon(0 100%,6% 58%,29% 37%,47% 51%,61% 19%,86% 45%,100% 100%); }
.plant-drive.load-rocks .bucket-load { opacity:1; background:#93826b; }
.plant-drive.load-gravel .bucket-load { opacity:1; background:repeating-radial-gradient(circle at 40% 50%,#b9a681 0 2px,#78694f 2px 4px); }
.fall-stone { position:absolute; left:146px; bottom:25px; width:5px; height:5px; background:#94816a; border-radius:35%; opacity:0; }
.plant-drive.load-empty .bucket-load, .plant-drive.load-empty .fall-stone { display:none; }
@media (prefers-reduced-motion: no-preference) {
  .plant-drive { animation:loader-drive 23s linear infinite; }
  .plant-suspension { animation:loader-bumps 23s ease-in-out infinite; transform-origin:50% 80%; }
  .plant-rumble { animation:loader-rumble 1.4s ease-in-out infinite; }
  .loader-exhaust i, .rig-smoke i { animation:exhaust-puff 1.65s ease-out infinite; }
  .plant-drive.drop-stone .fall-stone { animation:stone-drop 23s linear infinite; }
  @keyframes loader-drive { to { transform:translateX(calc(100vw + 340px)); } }
  @keyframes loader-bumps {
    0%,18%,23%,41%,46%,68%,73%,100% { transform:translateY(0) rotate(0); }
    20%,43%,70% { transform:translateY(-5px) rotate(-1.5deg); }
    22%,45%,72% { transform:translateY(1px) rotate(1deg); }
  }
  @keyframes loader-rumble { 0%,100% { transform:translateY(0) rotate(0); } 28% { transform:translateY(-1.8px) rotate(-.45deg); } 68% { transform:translateY(.8px) rotate(.25deg); } }
  @keyframes exhaust-puff { 0% { opacity:0; transform:translate(0,0) scale(.5); } 15% { opacity:.65; } 100% { opacity:0; transform:translate(-17px,-24px) scale(2); } }
  @keyframes stone-drop { 0%,48%,55%,100% { opacity:0; transform:translate(0,0); } 49% { opacity:1; transform:translate(0,0); } 53% { opacity:.9; transform:translate(12px,22px) rotate(85deg); } 54% { opacity:0; transform:translate(16px,25px); } }
}

.section { padding-top: 94px; padding-bottom: 94px; }
.section-heading { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: end; margin-bottom: 52px; }
.section-heading > p { margin: 0; color: var(--muted); font-size: 17px; }
.service-grid { position:relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items:stretch; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-grid article { min-width:0; padding:30px 28px; border-right:1px solid var(--line); }
.service-grid article:last-child { border-right: 0; }
.service-grid article > span, .product-number { color: #7d8c98; font: 800 12px/1 monospace; }
.service-grid h3 { margin: 24px 0 13px; font-size: 23px; }
.service-grid p { margin: 0; color: var(--muted); font-size: 15px; }

.service-grid article { transition:background-color .4s ease, box-shadow .4s ease; }
.service-grid article.process-active { background:#fff9ea; box-shadow:inset 0 3px 0 var(--gold); }

.platform-section, .progress-section { padding: 94px 0; color: #fff; background: linear-gradient(150deg, #07111b, #0d1c29); }
.light-heading > p { color: #b8c5cf; }
.product-showcase { display: grid; grid-template-columns: .73fr 1.27fr; gap: 58px; align-items: center; margin-top: 66px; }
.product-showcase.reverse { grid-template-columns: 1.27fr .73fr; }
.product-showcase.reverse .product-copy { order: 2; }
.product-copy h3 { margin: 16px 0 16px; font-size: 30px; }
.product-copy p { color: #b9c6d1; }
.feature-list { margin: 25px 0 0; padding: 0; list-style: none; }
.feature-list li { position: relative; padding: 9px 0 9px 24px; border-top: 1px solid rgba(255, 255, 255, .1); color: #dbe3e9; font-size: 14px; }
.feature-list li::before { content: ""; position: absolute; left: 2px; top: 17px; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); }
.browser-frame { margin: 0; overflow: hidden; border: 1px solid #314656; border-radius: 15px; background: #0c131a; box-shadow: var(--shadow); }
.browser-bar { display: flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 13px; color: #8fa2b2; background: #152532; font-size: 10px; }
.browser-bar i { width: 8px; height: 8px; border-radius: 50%; background: #586a77; }
.browser-bar i:first-child { background: #f0605d; }
.browser-bar i:nth-child(2) { background: #e6b546; }
.browser-bar i:nth-child(3) { background: #4eb87c; margin-right: 7px; }
.browser-frame img { display: block; width: 100%; height: auto; background: #0c131a; }
.browser-frame figcaption { padding: 10px 13px; color: #8495a3; font-size: 11px; }

.workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; counter-reset: workflow; }
.workflow-grid li { counter-increment: workflow; position: relative; min-height: 220px; padding: 68px 25px 25px; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); }
.workflow-grid li::before { content: "0" counter(workflow); position: absolute; top: 22px; left: 25px; color: #8a6200; font: 900 12px/1 monospace; }
.workflow-grid b, .workflow-grid span { display: block; }
.workflow-grid b { margin-bottom: 10px; font-size: 20px; }
.workflow-grid span { color: var(--muted); font-size: 14px; }

.roadmap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; }
.roadmap-grid article { min-height: 250px; padding: 27px; border: 1px solid #2e4353; border-top: 4px solid #5d7180; border-radius: 12px; background: rgba(17, 36, 50, .72); }
.roadmap-grid article.complete { border-top-color: var(--green); }
.roadmap-grid article.current { border-top-color: var(--gold); }
.roadmap-grid article > span { color: #9badba; font-size: 10px; font-weight: 900; letter-spacing: .15em; }
.roadmap-grid article.complete > span { color: #69d99d; }
.roadmap-grid article.current > span { color: var(--gold-2); }
.roadmap-grid h3 { margin: 36px 0 13px; font-size: 22px; }
.roadmap-grid p { margin: 0; color: #aebdc8; font-size: 14px; }

.cta-section { position:relative; overflow:visible; padding:40px 0 34px; background:var(--gold); scroll-margin-top:145px; }
.cta-inner { position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .9fr; gap:85px; align-items:end; }
.cta-inner p { margin-top:0; }
.drill-word { position:relative; display:inline-block; white-space:nowrap; }
.word-piece { position:absolute; inset:0; opacity:0; pointer-events:none; }
.word-piece-left { clip-path:polygon(0 0,var(--cut,35%) 0,calc(var(--cut,35%) - 1%) 40%,calc(var(--cut,35%) + 1%) 63%,var(--cut,35%) 100%,0 100%); }
.word-piece-right { clip-path:polygon(var(--cut,35%) 0,100% 0,100% 100%,var(--cut,35%) 100%,calc(var(--cut,35%) + 1%) 63%,calc(var(--cut,35%) - 1%) 40%); }
.drill-word.is-fractured .word-base { visibility:hidden; }
.drill-word.is-fractured .word-piece { opacity:1; }
.drill-word.is-fractured .word-piece-left { transform:translate(-2px,1px) rotate(-.35deg); }
.drill-word.is-fractured .word-piece-right { transform:translate(3px,2px) rotate(.35deg); }
.drill-eyebrow.is-fractured .word-piece-left { transform:translate(-1px,1px); }
.drill-eyebrow.is-fractured .word-piece-right { transform:translate(2px,2px); }
.drill-word.is-rebuilding .word-base { visibility:hidden; }
.drill-word.is-rebuilding .word-piece { opacity:1; }
.drill-word.is-rebuilding .word-piece-left { animation:repair-left .52s cubic-bezier(.2,.8,.2,1) both; }
.drill-word.is-rebuilding .word-piece-right { animation:repair-right .52s cubic-bezier(.2,.8,.2,1) both; }
@keyframes repair-left { from { transform:translate(-2px,1px) rotate(-.35deg); } 70% { transform:translate(.5px,-.5px); } to { transform:translate(0,0); } }
@keyframes repair-right { from { transform:translate(3px,2px) rotate(.35deg); } 70% { transform:translate(-.5px,-.5px); } to { transform:translate(0,0); } }
.rig-scene { position:absolute; z-index:3; left:var(--rig-left,22%); top:-143px; width:250px; height:172px; transform:scale(var(--rig-scale,1)); transform-origin:top left; pointer-events:none; }
.rig-machine { position:absolute; z-index:4; left:0; top:0; width:250px; height:145px; }
.rig-machine svg { display:block; width:100%; height:100%; }
.rig-rotary { position:absolute; z-index:5; left:163px; top:25px; width:24px; height:20px; border:2px solid #1f2d37; border-radius:3px; background:linear-gradient(90deg,#394b57,#8c9da8 45%,#465a68); box-shadow:inset 0 3px 0 #e8b42b,inset 0 -3px 0 #26333d; }
.rig-rotary::before { content:""; position:absolute; left:-7px; top:1px; width:7px; height:13px; background:#64737d; }
.rig-rotary span { position:absolute; top:3px; left:8px; width:7px; height:5px; border-radius:50%; border:1px solid #43515b; background:#aeb8bf; }
.rig-tool { position:absolute; z-index:3; left:161px; top:42px; width:28px; height:88px; overflow:visible; }
.drill-hole { position:absolute; z-index:0; left:160px; top:143px; width:30px; height:0; background:#fff; clip-path:polygon(7% 0,94% 0,100% 25%,94% 52%,100% 75%,91% 100%,6% 100%,0 74%,6% 42%,0 16%); }
.concrete-fill { display:none; position:absolute; z-index:2; left:0; right:0; bottom:0; height:0; opacity:0; background:radial-gradient(circle,#5d676b .7px,transparent 1.2px) 2px 3px/7px 11px,radial-gradient(circle,#b8bfc0 .8px,transparent 1.3px) 5px 8px/11px 13px,#969fa2; border-top:2px solid #c3c9ca; }
.cement-stream { position:absolute; z-index:1; top:0; bottom:0; left:12px; width:6px; opacity:0; background:radial-gradient(ellipse,#8c969b 1.4px,transparent 2px) 0 0/6px 9px,radial-gradient(circle,#69757b 1px,transparent 1.7px) 2px 4px/5px 13px; }
.concrete-crew { display:none; position:absolute; z-index:6; left:220px; top:73px; width:145px; height:70px; opacity:0; }
.site-worker { display:none; position:absolute; z-index:7; left:193px; top:91px; width:28px; height:54px; opacity:1; }
.cta-section[data-repair="concrete"] .concrete-crew, .cta-section[data-repair="concrete"] .site-worker, .cta-section[data-repair="concrete"] .concrete-fill { display:block; }
.concrete-crew svg, .site-worker svg { display:block; width:100%; height:100%; overflow:visible; }
.mixer-chute { opacity:var(--pour,0); }
.mixer-drum { transform-origin:55px 27px; }
.truck-wheel { transform-box:fill-box; transform-origin:center; }
.concrete-crew.is-walking .truck-wheel { animation:truck-reverse-wheel 1.2s linear infinite; }
.concrete-crew.is-pouring .mixer-drum { animation:truck-drum 1.8s ease-in-out infinite alternate; }
.site-worker.is-pouring .worker-arm { animation:worker-guide .6s ease-in-out infinite alternate; transform-origin:8px 22px; }
.cta-section.is-pouring .cement-stream { animation:cement-fall .45s linear infinite; }
@keyframes cement-fall { to { background-position:0 26px,2px 30px; } }
@keyframes truck-reverse-wheel { to { transform:rotate(-360deg); } }
@keyframes truck-drum { from { transform:scaleY(.96); } to { transform:scaleY(1.04); } }
@keyframes worker-guide { to { transform:rotate(-12deg); } }
.rig-smoke { position:absolute; left:61px; top:61px; }
.rig-smoke i { background:#55483b; }
.rig-earth { position:absolute; bottom:0; left:0; right:0; height:15px; background:#8e6530; clip-path:polygon(0 25%,8% 30%,17% 19%,27% 37%,38% 21%,49% 30%,59% 18%,68% 42%,78% 24%,88% 31%,100% 18%,100% 100%,0 100%); }
@media (prefers-reduced-motion:no-preference) {
  .rig-scene.is-drilling .rig-machine { animation:rig-vibration .32s ease-in-out infinite alternate; transform-origin:52% 88%; }
  @keyframes rig-vibration { to { transform:translate(.4px,-.3px) rotate(.07deg); } }
}
.dark-button { margin-top: 15px; color: #fff; background: var(--ink); }
.dark-button:hover { color: var(--ink); background: #fff; }

footer { padding: 37px 0; color: #fff; background: var(--ink); border-top: 1px solid rgba(255, 255, 255, .1); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 26px; }
.footer-inner > img { width: 220px; height: auto; }
.footer-inner p { color: #9eafbd; font-size: 13px; }
.footer-inner > div { display: flex; align-items: flex-end; flex-direction: column; gap: 5px; }
.footer-inner a { color: #dce6ed; text-decoration: none; font-size: 13px; }
.footer-inner small { color: #718491; }

/* Contact page */
.contact-hero { padding: 68px 0 58px; color: #fff; background: linear-gradient(145deg, var(--ink), var(--ink-2)); }
.contact-hero h1 { margin-bottom: 18px; }
.contact-hero p:last-child { color: #b9c6d1; font-size: 18px; }
.contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; padding-top: 72px; padding-bottom: 80px; align-items: start; }
.contact-layout aside > p { color: var(--muted); }
.email-link { display: inline-block; margin: 13px 0 25px; border-bottom: 2px solid var(--gold); text-decoration: none; font-size: 19px; font-weight: 800; overflow-wrap: anywhere; }
.contact-tip { margin: 15px 0 23px; padding: 22px; border-left: 4px solid var(--gold); background: var(--soft); }
.contact-tip p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }
.fine { color: var(--muted); font-size: 12px; }
.form-card { padding: 34px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: 0 20px 50px rgba(7, 17, 27, .08); }
.form-card h2 { font-size: 30px; }
.form-lead { margin: 9px 0 26px; color: var(--muted); font-size: 14px; }
label { display: block; margin-bottom: 7px; font-size: 14px; font-weight: 750; }
input, select, textarea { width: 100%; min-width: 0; margin: 0 0 20px; padding: 12px; border: 1px solid #aab7c0; border-radius: 7px; color: var(--ink); background: #fff; font: inherit; }
textarea { resize: vertical; }
.field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.consent { display: flex; align-items: flex-start; gap: 11px; font-weight: 400; line-height: 1.5; }
.consent input { width: 18px; height: 18px; margin: 2px 0 0; flex-shrink: 0; accent-color: var(--ink); }
.privacy-note { margin-top: 10px; }
.honey { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.notice { margin-bottom: 24px; padding: 18px; border-radius: 8px; }
.notice h3 { margin-bottom: 7px; }
.notice p { margin: 0; }
.notice.success { border-left: 4px solid var(--green); background: #ebf8f1; }
.notice.error { border-left: 4px solid var(--red); background: #fff0ef; }

@media (max-width: 1000px) {
  .hero-grid, .section-heading, .product-showcase, .product-showcase.reverse, .cta-inner { gap: 42px; }
  .service-grid, .roadmap-grid, .workflow-grid { grid-template-columns: repeat(2, 1fr); }
  .service-grid article:nth-child(2) { border-right: 0; }
  .service-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 800px) {
  .wrap { width: min(100% - 38px, 1240px); }
  .nav-shell, .header .nav { min-height: 106px; align-items: flex-start; justify-content: center; flex-direction: column; gap: 14px; padding: 15px 0; }
  .brand img { width: 235px; }
  nav { width: 100%; gap: 17px; overflow-x: auto; padding-bottom: 3px; }
  nav a { white-space: nowrap; font-size: 12px; }
  .hero { padding-top: 48px; }
  .hero-grid, .section-heading, .product-showcase, .product-showcase.reverse, .cta-inner, .contact-layout { grid-template-columns: 1fr; }
  .product-showcase.reverse .product-copy { order: initial; }
  .plant-track { margin-top:48px; }
  .cta-section { padding-top:38px; padding-bottom:32px; }
  .rig-scene { --rig-scale:.72; top:-103px; }
  .section, .platform-section, .progress-section { padding-top: 65px; padding-bottom: 65px; }
  .section-heading { gap: 23px; margin-bottom: 38px; }
  .product-showcase { margin-top: 50px; }
  .contact-layout { gap: 35px; padding-top: 45px; }
}
@media (max-width: 560px) {
  h1 { font-size: 42px; }
  .drill-word { max-width:100%; white-space:normal; }
  .hero-panel { padding: 20px; }
  .service-grid, .roadmap-grid, .workflow-grid { grid-template-columns: 1fr; }
  .service-grid article { padding:25px 24px; border-right:0; border-bottom:1px solid var(--line); }
  .service-grid article:last-child { border-bottom: 0; }
  .roadmap-grid article { min-height: 210px; }
  .workflow-grid li { min-height: 190px; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
  .footer-inner > div { align-items: flex-start; }
  .field-pair { grid-template-columns: 1fr; gap: 0; }
  .form-card { padding: 23px 18px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .plant-drive { left:20px; } .rig-scene { display:none; } }
@media print {
  .site-header, .header, footer { position: static; color: var(--ink); background: #fff; }
  .site-header nav, .header nav, .hero-actions { display: none; }
  .hero, .platform-section, .progress-section { color: var(--ink); background: #fff; }
  .hero p, .platform-section p, .progress-section p { color: var(--ink); }
}
.site-maintenance[hidden]{display:none}.site-maintenance{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 70% 0,#1d4056,#07111b 58%);color:#fff;overflow:auto}.maintenance-panel{position:relative;overflow:hidden;width:min(720px,100%);padding:92px 40px 38px;border:1px solid #365a70;border-radius:18px;background:#102536;text-align:center;box-shadow:0 30px 90px #0009}.maintenance-tape{position:absolute;top:27px;left:-7%;width:114%;padding:10px;background:repeating-linear-gradient(135deg,#f5b51b 0 28px,#17130a 28px 56px);color:#fff;font-size:10px;font-weight:950;letter-spacing:.16em;transform:rotate(-2deg);text-shadow:0 1px 2px #000}.crashed-rig{font-size:76px;line-height:1;transform:rotate(13deg);filter:drop-shadow(8px 10px 0 #0005)}.maintenance-panel h1{margin:12px 0;font-size:clamp(32px,6vw,52px);line-height:1.02}.maintenance-panel p{max-width:590px;margin:13px auto;color:#c5d2df}.maintenance-panel small{display:block;margin-top:12px;color:#9eafbd}.whatsapp-maintenance{margin-top:10px;background:#25d366;color:#06150c}.maintenance-active{overflow:hidden}

/* Bounded v0.8 content revision */
.hero-grid { grid-template-columns:1fr; }
.hero-copy { width:100%; max-width:860px; margin-inline:auto; text-align:center; }
.hero h1 { max-width:780px; margin-inline:auto; }
.hero .hero-lead { max-width:610px; margin-inline:auto; text-wrap:balance; }
.hero .hero-actions { justify-content:center; }
.hero { padding-top:64px; }
@media(max-width:800px){ .hero { padding-top:44px; } }
@media(max-width:560px){ .hero h1 { font-size:clamp(30px,8.2vw,42px); } .hero .hero-actions { gap:20px; } }
.qr-report-grid { display:grid; grid-template-columns:repeat(2,minmax(0,400px)); justify-content:center; gap:38px; align-items:stretch; }
.qr-report-grid .hero-panel { color:#fff; box-shadow:none; margin:0; }
.qr-sticker-card { width:100%; max-width:400px; min-width:0; margin:0; padding:16px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--line); border-radius:16px; background:#fff; overflow:hidden; }
.qr-sticker-card img { display:block; width:100%; max-width:368px; height:auto; object-fit:contain; }
.qr-sticker-card p { margin:16px 0 0; text-align:center; color:var(--ink); font-size:10px; line-height:1.5; font-weight:800; letter-spacing:.04em; }
.browser-frame { aspect-ratio:1.88; }
.browser-frame img { height:calc(100% - 38px); object-fit:contain; object-position:center; }
@media(max-width:800px){ .qr-report-grid {grid-template-columns:minmax(0,400px);} }

/* Animated fleet status in the dashboard image */
.dashboard-stage { position:relative; height:calc(100% - 38px); max-width:100%; aspect-ratio:1196 / 725; margin:auto; container-type:inline-size; overflow:hidden; }
.dashboard-frame .dashboard-stage img { display:block; width:100%; height:100%; object-fit:fill; }
.dashboard-metrics { position:absolute; inset:0 0 auto; height:27.5%; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.65cqw; padding:.55cqw; background:#11171d; }
.dashboard-metrics .metric { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #303942; border-radius:1.1cqw; background:#191f25; }
.dashboard-metrics .metric > span { display:block; min-height:26%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:.65cqw .9cqw .2cqw; color:#edf3f8; font-size:clamp(5px,1.17cqw,13px); line-height:1.2; }
.dashboard-metrics .metric > strong { display:grid; flex:1; place-items:center; font-size:clamp(13px,6.4cqw,72px); line-height:1; font-weight:650; font-variant-numeric:tabular-nums; }
.metric.active > strong { color:#fff; background:linear-gradient(115deg,#1e5ee5,#469cf0); }
.metric.current > strong { color:#fff; background:linear-gradient(115deg,#369742,#68bd59); }
.metric.approaching > strong { color:#0b1118; background:linear-gradient(115deg,#ebc900,#f5d119); }
.metric.due > strong { color:#fff; background:linear-gradient(115deg,#de1325,#f12d57); }
.metric.reading > strong { color:#fff; background:linear-gradient(115deg,#e88800,#ff8617); }
.risk-gauge { position:relative; flex:1; min-height:0; display:grid; place-items:center; }
.risk-gauge svg { display:block; width:min(95%,13cqw); height:100%; overflow:visible; }
.risk-gauge path { fill:none; stroke-width:8; stroke-linecap:round; }
.risk-track { stroke:#33404a; }
.risk-progress { stroke:#49b96e; }
.risk-gauge strong { position:absolute; bottom:15%; color:#f6f8fb; font-size:clamp(8px,2.1cqw,24px); line-height:1; font-variant-numeric:tabular-nums; }

/* Brand detail and live-status accents */
.brand { position:relative; }
.brand img { clip-path:inset(0 0 0 18.5%); }
.animated-brand-mark { position:absolute; inset:0 auto 0 0; width:19%; pointer-events:none; }
.animated-brand-mark svg { display:block; width:100%; height:100%; }
.brand-needle { transform-origin:124px 220px; }
.status-frame { position:relative; }
.status-pulses { position:absolute; left:50%; top:calc(50% + 19px); width:100%; aspect-ratio:1198 / 458; transform:translate(-50%,-50%); pointer-events:none; }
.status-pulses i { position:absolute; height:5.5%; border-radius:999px; transform:translate(-50%,-50%); opacity:.45; }
.status-pulses .approaching { left:89.1%; width:7.9%; top:59%; box-shadow:0 0 7px 2px rgba(245,181,27,.45); }
.status-pulses .due { left:86.9%; width:3.6%; top:75.4%; box-shadow:0 0 7px 2px rgba(228,91,87,.45); }
.status-pulses .current { left:88.6%; width:6.8%; top:91.6%; box-shadow:0 0 7px 2px rgba(53,185,119,.45); }
@media (prefers-reduced-motion: no-preference) {
  .live-dot::before { animation:connected-breathe 2.8s ease-in-out infinite; }
  .status-pulses i { animation:status-breathe 3.4s ease-in-out infinite; }
  .status-pulses .due { animation-delay:.35s; }
  .status-pulses .current { animation-delay:.7s; }
  .brand-needle { animation:dial-sweep 10s ease-in-out infinite; }
  @keyframes connected-breathe {
    0%,100% { transform:scale(1); box-shadow:0 0 0 5px rgba(53,185,119,.12); }
    50% { transform:scale(1.16); box-shadow:0 0 0 9px rgba(53,185,119,.035); }
  }
  @keyframes status-breathe { 0%,100% { opacity:.25; } 50% { opacity:.9; } }
  @keyframes dial-sweep { 0%,12%,100% { transform:rotate(-135deg); } 60%,72% { transform:rotate(135deg); } }
}

/* Quiet motion and interactive feedback */
@media (prefers-reduced-motion: no-preference) {
  .hero h1 { animation: hero-arrive .7s both; }
  .hero-lead { animation: hero-arrive .7s .12s both; }
  .hero-actions { animation: hero-arrive .7s .22s both; }
  @keyframes hero-arrive {
    from { opacity:0; transform:translateY(16px); }
    to { opacity:1; transform:translateY(0); }
  }
  .will-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease, transform .65s ease; }
  .will-reveal.is-visible { opacity:1; transform:translateY(0); }
  .service-grid article:nth-child(2), .qr-report-grid > :nth-child(2) { transition-delay:.07s; }
  .service-grid article:nth-child(3) { transition-delay:.14s; }
  .service-grid article:nth-child(4) { transition-delay:.21s; }
  @media (hover:hover) {
    .button, .nav-cta, .browser-frame, .qr-sticker-card { transition:transform .25s ease, box-shadow .25s ease, background-color .25s ease; }
    .button:hover, .nav-cta:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(245,181,27,.2); }
    .browser-frame:hover, .qr-sticker-card:hover { transform:translateY(-4px); box-shadow:0 28px 60px rgba(0,0,0,.22); }
  }
}