:root { --ink:#123d2a; --ink-deep:#09281b; --leaf:#2d674d; --lime:#c1ff4b; --cloud:#f4f6ef; --mist:#e5eadf; --muted:#657268; --line:rgba(18,61,42,.16); --display:'Newsreader', Georgia, serif; --body:'Manrope', Arial, sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cloud); color:var(--ink); font-family:var(--body); font-size:16px; line-height:1.5; }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; left:1rem; top:-5rem; background:var(--lime); color:var(--ink-deep); padding:.75rem 1rem; z-index:10; font-weight:800; }
.skip-link:focus { top:1rem; }
.site-header { height:78px; width:100%; padding:0 clamp(1.25rem,4vw,5rem); display:flex; align-items:center; justify-content:space-between; gap:1.5rem; background:rgba(244,246,239,.93); backdrop-filter:blur(12px); position:sticky; top:0; z-index:5; }
.brand { display:inline-flex; width:178px; }
.brand img { width:100%; height:auto; display:block; }
.site-nav { display:flex; gap:2rem; margin-left:auto; font-size:.8rem; font-weight:800; letter-spacing:.03em; }
.site-nav a { transition:color .2s; }.site-nav a:hover { color:var(--leaf); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; padding:.85rem 1.1rem; border:1px solid transparent; font-size:.78rem; font-weight:800; line-height:1; letter-spacing:.02em; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); }.button-header { background:var(--ink); color:#fff; }.button-lime { background:var(--lime); color:var(--ink-deep); }.button span { font-size:1.1rem; }
.hero { min-height:calc(100svh - 78px); position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; overflow:hidden; background:var(--ink-deep); color:#fff; padding:clamp(5rem,10vw,8rem) clamp(1.25rem,8vw,10rem); }
.hero-image,.hero-shade { position:absolute; inset:0; }.hero-image { background:url('assets/hero-field.jpg') center/cover no-repeat; filter:saturate(.9); }.hero-shade { background:linear-gradient(90deg,rgba(6,30,20,.92) 0%,rgba(7,35,23,.71) 42%,rgba(7,35,23,.17) 73%,rgba(7,35,23,.35) 100%); }
.hero-content,.field-panel,.hero-caption { position:relative; z-index:1; }.hero-content { max-width:710px; }.eyebrow { margin:0 0 1.3rem; color:var(--leaf); font-family:var(--mono); font-size:.68rem; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }.eyebrow span { display:inline-block; width:18px; height:1px; vertical-align:middle; margin-right:.55rem; background:currentColor; }.eyebrow-light { color:var(--lime); }
h1,h2,h3,p { margin-top:0; }.hero h1,.section h2,.cta h2 { font-family:var(--display); font-weight:500; letter-spacing:-.055em; line-height:.91; }.hero h1 { margin-bottom:1.65rem; font-size:clamp(3.65rem,7.1vw,7.2rem); }.hero h1 em,.section h2 em,.cta h2 em { color:var(--lime); font-style:italic; }.hero-copy { max-width:490px; margin-bottom:2rem; color:rgba(255,255,255,.8); font-size:1rem; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.4rem; }.text-link { display:inline-flex; gap:.55rem; align-items:center; color:var(--ink); font-size:.79rem; font-weight:800; border-bottom:1px solid currentColor; padding-bottom:.2rem; }.text-link-light { color:#fff; }
.field-panel { justify-self:end; align-self:end; width:min(100%,350px); padding:1.2rem 1.3rem 1rem; background:rgba(244,246,239,.94); color:var(--ink); box-shadow:0 22px 48px rgba(0,0,0,.24); backdrop-filter:blur(10px); }.panel-topline,.panel-meta { display:flex; justify-content:space-between; gap:1rem; font-family:var(--mono); font-size:.57rem; letter-spacing:.04em; text-transform:uppercase; }.status { color:#2d674d; }.status i { display:inline-block; width:6px; height:6px; margin-right:4px; background:#70bc3c; border-radius:50%; }.reading { padding:1.2rem 0 .7rem; display:flex; justify-content:space-between; align-items:end; }.reading span { color:var(--muted); font-size:.72rem; }.reading strong { font-family:var(--mono); font-size:3rem; letter-spacing:-.14em; line-height:.8; }.reading small { margin-left:.35rem; font-size:1rem; letter-spacing:-.05em; }.reading-line { height:5px; background:#d9dfd7; }.reading-line span { display:block; width:57%; height:100%; background:var(--leaf); }.panel-meta { padding-top:.75rem; color:var(--muted); font-size:.52rem; }.hero-caption { position:absolute; bottom:1.6rem; left:clamp(1.25rem,8vw,10rem); margin:0; color:rgba(255,255,255,.58); font-family:var(--mono); font-size:.57rem; text-transform:uppercase; letter-spacing:.08em; }
.section { padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,10rem); }.intro { display:grid; grid-template-columns:1.05fr .95fr; gap:4rem 8vw; }.section h2,.cta h2 { margin-bottom:0; font-size:clamp(3rem,5vw,5.5rem); }.section h2 em { color:var(--leaf); }.intro-copy { max-width:380px; align-self:end; margin:0; color:var(--muted); font-size:1.05rem; }.benefit-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.benefit-card { min-height:290px; padding:1.7rem 2rem 1.7rem 0; border-right:1px solid var(--line); position:relative; }.benefit-card:not(:first-child) { padding-left:2rem; }.benefit-card:last-child { border:0; }.card-index { color:#9aa79e; font-family:var(--mono); font-size:.7rem; }.benefit-icon { width:46px; height:46px; display:grid; place-items:center; margin:2.7rem 0 1.4rem; background:var(--mist); color:var(--leaf); border-radius:50%; font-family:var(--display); font-size:1.9rem; line-height:1; }.icon-alert { background:var(--lime); color:var(--ink); font-family:var(--mono); font-size:1rem; }.benefit-card h3 { margin-bottom:.55rem; font-size:1rem; letter-spacing:-.04em; }.benefit-card p { max-width:250px; margin:0; color:var(--muted); font-size:.83rem; }
.platform { display:grid; grid-template-columns:.8fr 1.2fr; gap:4rem; align-items:center; overflow:hidden; background:var(--ink); color:#fff; }.platform-copy { max-width:400px; }.platform-copy h2 { margin-bottom:1.5rem; }.platform-copy p:not(.eyebrow) { margin-bottom:2rem; color:#cbd6cf; font-size:.95rem; }.screens { min-height:530px; position:relative; }.screens img { position:absolute; display:block; box-shadow:0 26px 55px rgba(0,0,0,.35); }.screen-map { width:min(55%,375px); right:-2rem; top:0; border-radius:24px; }.screen-dashboard { width:min(52%,330px); left:4%; bottom:-1.8rem; border-radius:20px; }
.equipment { background:var(--mist); }.equipment-heading { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:3.6rem; }.equipment-heading h2 { grid-column:1; }.equipment-heading > p:not(.eyebrow) { grid-column:2; margin:0; max-width:430px; color:var(--muted); font-size:.94rem; }.equipment-grid { display:grid; grid-template-columns:1.05fr .95fr .95fr; gap:1rem; }.equipment-card { min-width:0; background:#fff; overflow:hidden; }.equipment-image { height:290px; background:#eef1ec; overflow:hidden; }.equipment-image img { width:100%; height:100%; object-fit:contain; display:block; mix-blend-mode:multiply; transition:transform .35s ease; }.equipment-central .equipment-image img { object-fit:cover; mix-blend-mode:normal; }.equipment-card:hover .equipment-image img { transform:scale(1.04); }.equipment-details { padding:1.3rem 1.4rem 1.5rem; border-top:1px solid var(--line); }.equipment-details span { color:var(--leaf); font-family:var(--mono); font-size:.63rem; }.equipment-details h3 { margin:.75rem 0 .4rem; font-size:1rem; letter-spacing:-.04em; }.equipment-details p { margin:0; color:var(--muted); font-size:.78rem; }
.technology { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,10vw,10rem); align-items:center; background:#fff; }.technology-photo { min-height:580px; }.technology-photo img { width:100%; height:100%; min-height:580px; object-fit:cover; display:block; filter:saturate(.84); }.technology-copy { max-width:490px; }.technology-copy p:not(.eyebrow) { color:var(--muted); font-size:.95rem; margin:1.6rem 0 2.2rem; }.tech-list { border-top:1px solid var(--line); }.tech-list div { display:grid; grid-template-columns:50px 1fr; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--line); }.tech-list dt { color:var(--leaf); font-family:var(--mono); font-size:.68rem; }.tech-list dd { margin:0; font-size:.82rem; font-weight:700; }
.cta { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:3rem; padding:clamp(4rem,9vw,8rem) clamp(1.25rem,8vw,10rem); background:var(--leaf); color:#fff; }.cta h2 em { color:var(--lime); }.cta-action { max-width:350px; justify-self:end; }.cta-action p { color:#e2eee6; font-size:.9rem; }.cta-action .button { margin-top:1rem; }.site-footer { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:2rem; padding:3.2rem clamp(1.25rem,8vw,10rem) 1.5rem; background:var(--ink-deep); color:#d8e1dc; font-size:.75rem; }.footer-brand { filter:brightness(0) invert(1); align-self:start; }.site-footer > p,.site-footer > a { margin:0; align-self:start; }.site-footer a:not(.brand):hover { color:var(--lime); }.copyright { grid-column:1/-1; margin-top:2rem !important; padding-top:1rem; border-top:1px solid rgba(255,255,255,.16); color:#8ea096; font-family:var(--mono); font-size:.58rem; }
@media (max-width:800px) { .site-header { height:68px; }.brand { width:145px; }.site-nav { display:none; }.button-header { padding:.7rem .8rem; font-size:.68rem; }.hero { min-height:680px; grid-template-columns:1fr; align-items:start; padding-top:5rem; }.hero-shade { background:linear-gradient(180deg,rgba(6,30,20,.82),rgba(7,35,23,.5)); }.field-panel { align-self:end; justify-self:start; width:min(340px,100%); margin-bottom:2.4rem; }.hero-caption { display:none; }.intro,.technology,.cta,.equipment-heading { grid-template-columns:1fr; }.equipment-heading > p:not(.eyebrow) { grid-column:auto; }.equipment-grid { grid-template-columns:1fr; }.equipment-image { height:270px; }.benefit-grid { grid-template-columns:1fr; }.benefit-card,.benefit-card:not(:first-child) { min-height:0; padding:1.5rem 0; border-right:0; border-bottom:1px solid var(--line); }.benefit-icon { margin:1.5rem 0 1rem; }.platform { grid-template-columns:1fr; }.screens { min-height:470px; }.screen-map { right:-.8rem; width:62%; }.screen-dashboard { left:0; width:60%; }.technology-photo,.technology-photo img { min-height:420px; }.cta-action { justify-self:start; }.site-footer { grid-template-columns:1fr; gap:1.2rem; }.copyright { margin-top:1rem !important; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition-duration:.01ms !important; animation-duration:.01ms !important; } }