@charset "utf-8";:root { --ink: #132129; --muted: #60707a; --paper: #f7fbfc; --panel: #ffffff; --line: rgba(19, 33, 41, .12); --teal: #0b6f77; --teal-dark: #103447; --amber: #d7922c; --mint: #dff0ec; --danger: #b3261e; --shadow: 0 22px 70px rgba(16, 52, 71, .16);}*,*::before,*::after { box-sizing: border-box;}html { scroll-behavior: smooth;}body { min-width: 320px; margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}a { color: inherit;}img { max-width: 100%; height: auto;}.skip-link,.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}.skip-link:focus { z-index: 20; top: 1rem; left: 1rem; width: auto; height: auto; padding: .75rem 1rem; clip: auto; color: #fff; background: var(--teal-dark); border-radius: 6px;}.site-header { position: sticky; z-index: 10; top: 0; border-bottom: 1px solid var(--line); background: rgba(247, 251, 252, .9); backdrop-filter: blur(16px);}.header-inner,.footer-inner,main>section { width: min(1400px, calc(100% - 32px)); margin: 0 auto;}.header-inner { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; min-height: 76px;}.brand { display: inline-flex; gap: .75rem; align-items: center; text-decoration: none;}.brand img { width: 48px;}.brand span { display: grid; line-height: 1.1;}.brand strong,h1,h2,h3 { font-family: "Exo 2", Inter, sans-serif;}.brand small { color: var(--muted);}.site-nav { display: flex; gap: .25rem; justify-content: center;}.site-nav a { padding: .65rem .9rem; border-radius: 6px; color: var(--muted); font-weight: 700; text-decoration: none;}.site-nav a:hover,.site-nav a[aria-current="page"] { color: var(--teal-dark); background: var(--mint);}.header-actions { display: flex; gap: .75rem; align-items: center;}.language-switcher select { min-width: 132px; padding: .62rem 2rem .62rem .8rem; color: var(--teal-dark); border: 1px solid var(--line); border-radius: 6px; background: #fff; font-weight: 700;}.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 6px; background: #fff;}.menu-toggle-line { display: block; width: 18px; height: 2px; margin: 4px auto; background: var(--teal-dark);}main { overflow: hidden;}.hero-section { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .75fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; min-height: calc(100vh - 76px); padding: 5rem 0;}.hero-section::before { position: absolute; inset: 76px 0 auto; z-index: -1; height: 76vh; content: ""; background: linear-gradient(105deg, rgba(223, 240, 236, .9), rgba(247, 251, 252, .78) 48%, rgba(215, 146, 44, .16)), url("/img/hero.webp") center / cover;}.eyebrow { margin: 0 0 .8rem; color: var(--teal); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;}h1,h2,h3,p { margin-top: 0;}h1 { max-width: 760px; margin-bottom: 1rem; color: var(--teal-dark); font-size: clamp(2.7rem, 8vw, 4.5rem); line-height: .95;}h2 { margin-bottom: .75rem; color: var(--teal-dark); font-size: clamp(2rem, 4vw, 3.1rem); line-height: 1.05;}h3 { color: var(--teal-dark); font-size: 1.25rem;}.lead { max-width: 650px; color: #30444f; font-size: 1.18rem; line-height: 1.7;}.hero-actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 2rem;}.button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .8rem 1.1rem; border: 1px solid transparent; border-radius: 6px; font-weight: 800; text-decoration: none; cursor: pointer;}.button.primary { color: #fff; background: var(--teal);}.button.ghost { color: var(--teal-dark); border-color: var(--line); background: rgba(255, 255, 255, .72);}.signal-panel,.login-form { padding: 1.25rem; border: 1px solid rgba(255, 255, 255, .72); border-radius: 8px; background: rgba(255, 255, 255, .82); box-shadow: var(--shadow);}.sensor-orbit { display: grid; place-items: center; min-height: 260px; border-radius: 8px; background: radial-gradient(circle at center, rgba(11, 111, 119, .15), transparent 36%), linear-gradient(135deg, var(--teal-dark), var(--teal));}.sensor-orbit img { width: min(170px, 45vw); filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .22));}.signal-panel dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: .9rem 0 0;}.signal-panel dl div { padding: .85rem; border-radius: 6px; background: #f4f8f8;}dt { color: var(--teal-dark); font-size: 1.35rem; font-weight: 800;}dd { margin: .2rem 0 0; color: var(--muted); font-size: .82rem;}.feature-band,.ownership-band,.about-layout,.use-cases,.login-section,.page-hero { padding: clamp(3rem, 7vw, 6rem) 0;}.section-heading { max-width: 720px;}.ownership-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}.ownership-band p { max-width: 780px; color: var(--muted); line-height: 1.7;}.feature-grid,.case-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 1.75rem;}.feature-grid article,.case-list article { min-height: 230px; padding: 1.3rem; border: 1px solid var(--line); border-radius: 8px; background: var(--panel);}.feature-grid span { color: var(--amber); font-weight: 900;}.feature-grid p,.case-list p,.about-copy p,.login-copy p,.site-footer p { color: var(--muted); line-height: 1.7;}.ownership-band a,.about-copy a,.site-footer p a { color: var(--teal-dark); font-weight: 600; text-decoration-thickness: 2px; text-underline-offset: .18em;}.page-hero { min-height: 390px; display: grid; align-items: end;}.about-hero { width: 100%; max-width: none; padding-inline: max(16px, calc((100vw - 1400px) / 2)); color: #fff; background: linear-gradient(90deg, rgba(16, 52, 71, .92), rgba(16, 52, 71, .48)), url("/img/hero-about.webp") center / cover;}.about-hero h1,.about-hero .lead { color: #fff;}.about-hero .eyebrow { color: #f0bd6b;}.about-layout { display: grid; grid-template-columns: 1fr .85fr; gap: 2rem; align-items: center;}.about-copy { max-width: 680px;}.about-image { margin: 0;}.about-image img { border-radius: 8px; box-shadow: var(--shadow);}.case-list { grid-template-columns: repeat(5, 1fr);}.case-list article { min-height: 250px;}.login-section { display: grid; grid-template-columns: 1fr minmax(300px, 430px); gap: 2rem; align-items: center; min-height: calc(100vh - 76px);}.login-form { display: grid; gap: .65rem;}.login-form label { color: var(--teal-dark); font-weight: 800;}.login-form input { width: 100%; min-height: 46px; padding: .75rem .85rem; border: 1px solid var(--line); border-radius: 6px; font: inherit;}.form-alert { margin: .5rem 0; padding: .8rem; color: var(--danger); border: 1px solid rgba(179, 38, 30, .28); border-radius: 6px; background: rgba(179, 38, 30, .08); font-weight: 700;}.not-found { min-height: 60vh; display: grid; align-items: center;}.site-footer { border-top: 1px solid var(--line); background: #fff;}.footer-inner { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: 2rem 0;}.footer-links { display: flex; flex-wrap: wrap; gap: .8rem;}.footer-links a { color: var(--teal-dark); font-weight: 800; text-decoration: none;}@media (max-width: 920px) { .header-inner { grid-template-columns: 1fr auto; } .site-nav { position: absolute; top: 76px; right: 16px; left: 16px; display: none; flex-direction: column; padding: .75rem; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: var(--shadow); } .site-nav[data-open] { display: flex; } .menu-toggle { display: block; } .hero-section, .ownership-band, .about-layout, .login-section { grid-template-columns: 1fr; } .feature-grid, .case-list { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 620px) { .header-inner, .footer-inner, main>section { width: min(100% - 24px, 1400px); } .brand small { display: none; } .language-switcher select { min-width: 112px; max-width: 136px; } .hero-section { padding: 3rem 0; } .signal-panel dl, .feature-grid, .case-list { grid-template-columns: 1fr; } .footer-inner { align-items: flex-start; flex-direction: column; }}