/* Level visualization styles live in styles.scss now. This file is kept
   for backwards compatibility with the existing import in index.js. */

:root{--c-deep: #061a2b;--c-navy: #0a2540;--c-water: #0d3b66;--c-teal: #1ba098;--c-foam: #4ecdc4;--c-cream: #f5f3ee;--c-text: #e8eef5;--c-muted: #8da4b8;--c-line: rgba(255, 255, 255, .08);--c-glass: rgba(255, 255, 255, .04);--c-glass-h: rgba(255, 255, 255, .07);--radius: 14px;--radius-lg: 22px;--shadow: 0 18px 60px rgba(0, 0, 0, .35);--max-w: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--c-deep);color:var(--c-text);line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--c-foam);text-decoration:none;transition:color .15s ease}a:hover{color:#fff}h1,h2,h3,h4{font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin:0}.container-x{max-width:var(--max-w);margin:0 auto;padding:0 clamp(20px,4vw,40px)}.nav-stable{min-height:72px}.hero-stable{min-height:88vh}.live-stable{min-height:520px}.contact-stable{min-height:360px}.site-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(6,26,43,.72);border-bottom:1px solid var(--c-line)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:18px clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;color:var(--c-text)}.brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(140deg, var(--c-teal), var(--c-foam));box-shadow:0 0 0 3px rgba(78,205,196,.15)}.brand--lg .brand-mark{width:28px;height:28px}.brand-text{font-size:1rem}.nav-links{list-style:none;padding:0;margin:0;display:flex;gap:28px}.nav-links a{color:var(--c-muted);font-weight:500;font-size:.95rem;position:relative}.nav-links a:hover{color:var(--c-text)}.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--c-foam);transition:width .2s ease}.nav-links a:hover::after{width:100%}.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05) brightness(0.7);transform:scale(1.08);animation:heroBg 24s ease-in-out infinite alternate}@keyframes heroBg{from{transform:scale(1.08) translateY(0)}to{transform:scale(1.14) translateY(-2%)}}.hero-overlay{position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 40%, rgba(13, 59, 102, 0.35), transparent 70%),linear-gradient(180deg, rgba(6, 26, 43, 0.55) 0%, rgba(6, 26, 43, 0.92) 100%)}.hero-content{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:120px clamp(20px,4vw,40px) 140px;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;color:var(--c-foam);font-weight:600;margin:0 0 18px}.hero-title{font-size:clamp(2.4rem,6.5vw,5rem);margin-bottom:24px;background:linear-gradient(180deg, #ffffff 30%, #b9d3e6 100%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.hero-sub{max-width:620px;font-size:clamp(1rem,1.4vw,1.18rem);color:var(--c-muted);margin-bottom:36px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .15s ease,background .2s ease,color .2s ease}.btn-primary{background:linear-gradient(135deg, var(--c-teal), var(--c-foam));color:#02212a;box-shadow:0 10px 30px rgba(78,205,196,.25)}.btn-primary:hover{transform:translateY(-2px);color:#02212a}.btn-ghost{background:rgba(0,0,0,0);color:var(--c-text);border:1px solid var(--c-line)}.btn-ghost:hover{background:var(--c-glass);color:#fff}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:2;width:26px;height:42px;border:2px solid rgba(255,255,255,.5);border-radius:14px}.hero-scroll span{display:block;width:3px;height:8px;margin:6px auto 0;background:#fff;border-radius:2px;animation:scrollDot 1.6s ease-in-out infinite}@keyframes scrollDot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{transform:translateY(0);opacity:0}}.section{padding:clamp(60px,9vw,120px) 0;position:relative}.section-eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;color:var(--c-foam);font-weight:600;margin:0 0 14px}.section-title{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:18px}.section-lead{color:var(--c-muted);max-width:720px;font-size:1.05rem;margin:0 0 48px}.section-about{background:linear-gradient(180deg, var(--c-deep) 0%, #08233a 100%)}.value-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:22px}.value-card{background:var(--c-glass);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:28px;transition:background .2s ease,transform .2s ease,border-color .2s ease}.value-card:hover{background:var(--c-glass-h);transform:translateY(-4px);border-color:rgba(78,205,196,.25)}.value-card h3{font-size:1.15rem;margin-bottom:8px}.value-card p{color:var(--c-muted);font-size:.96rem;margin:0}.value-ico{width:44px;height:44px;border-radius:12px;margin-bottom:18px;background:linear-gradient(135deg, rgba(27, 160, 152, 0.25), rgba(78, 205, 196, 0.15));display:grid;place-items:center;position:relative}.value-ico::before{content:"";width:22px;height:22px;background:var(--c-foam);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.ico-leaf::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27><path d=%27M17 8C8 10 5 16 4 21l1 .5c2-3 5-5 9-6-3 3-6 4-7 7l1 .5c4-1 9-3 11-9 .5-1 1-4 1-7-2 0-2 0-3 1z%27/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27><path d=%27M17 8C8 10 5 16 4 21l1 .5c2-3 5-5 9-6-3 3-6 4-7 7l1 .5c4-1 9-3 11-9 .5-1 1-4 1-7-2 0-2 0-3 1z%27/></svg>")}.ico-river::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27><path d=%27M2 7c3 0 3 2 6 2s3-2 6-2 3 2 6 2v2c-3 0-3-2-6-2s-3 2-6 2-3-2-6-2zm0 6c3 0 3 2 6 2s3-2 6-2 3 2 6 2v2c-3 0-3-2-6-2s-3 2-6 2-3-2-6-2z%27/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27><path d=%27M2 7c3 0 3 2 6 2s3-2 6-2 3 2 6 2v2c-3 0-3-2-6-2s-3 2-6 2-3-2-6-2zm0 6c3 0 3 2 6 2s3-2 6-2 3 2 6 2v2c-3 0-3-2-6-2s-3 2-6 2-3-2-6-2z%27/></svg>")}.ico-cpu::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27><path d=%27M9 2v2H7a3 3 0 0 0-3 3v2H2v2h2v2H2v2h2v2a3 3 0 0 0 3 3h2v2h2v-2h2v2h2v-2h2a3 3 0 0 0 3-3v-2h2v-2h-2v-2h2V9h-2V7a3 3 0 0 0-3-3h-2V2h-2v2h-2V2zm-2 5h10v10H7z%27/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27><path d=%27M9 2v2H7a3 3 0 0 0-3 3v2H2v2h2v2H2v2h2v2a3 3 0 0 0 3 3h2v2h2v-2h2v2h2v-2h2a3 3 0 0 0 3-3v-2h2v-2h-2v-2h2V9h-2V7a3 3 0 0 0-3-3h-2V2h-2v2h-2V2zm-2 5h10v10H7z%27/></svg>")}.section-tech{background:#08233a}.tech-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media(max-width: 880px){.tech-grid{grid-template-columns:1fr;gap:40px}}.tech-photo img{border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;height:auto}.spec-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:18px 28px;margin:32px 0 0}.spec-list>div{border-top:1px solid var(--c-line);padding-top:14px}.spec-list dt{color:var(--c-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}.spec-list dd{margin:0;font-weight:600;font-size:1.1rem;color:var(--c-text)}.section-live{background:linear-gradient(180deg, #08233a 0%, var(--c-deep) 100%)}.live-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:36px}.live-header .section-title{margin:0}.status-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:var(--c-glass);border:1px solid var(--c-line);font-size:.92rem;font-weight:500;color:var(--c-muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--c-muted);box-shadow:0 0 0 0 rgba(0,0,0,0)}.status-pill[data-state=on]{color:#c6f7e2;border-color:rgba(78,205,196,.35);background:rgba(27,160,152,.12)}.status-pill[data-state=on] .status-dot{background:var(--c-foam);animation:pulseDot 1.8s ease-in-out infinite}.status-pill[data-state=off]{color:#f5d6c3;border-color:rgba(231,130,99,.35);background:rgba(178,79,51,.1)}.status-pill[data-state=off] .status-dot{background:#e78263}.status-pill[data-state=error]{color:#f1c0c0;border-color:rgba(231,99,99,.35);background:rgba(178,51,51,.1)}.status-pill[data-state=error] .status-dot{background:#e76363}@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(78,205,196,.55)}70%{box-shadow:0 0 0 10px rgba(78,205,196,0)}100%{box-shadow:0 0 0 0 rgba(78,205,196,0)}}.live-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}@media(max-width: 980px){.live-grid{grid-template-columns:1fr}}.live-card{background:var(--c-glass);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:18px;transition:border-color .2s ease,background .2s ease}.live-card:hover{border-color:rgba(78,205,196,.25);background:var(--c-glass-h)}.live-card-head h3{font-size:1rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin:0 0 6px}.live-stamp{color:var(--c-muted);font-size:.8rem;margin:0;min-height:1.1em}.metric{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:20px}.metric-value{font-size:clamp(3rem,6vw,4.5rem);font-weight:700;letter-spacing:-0.03em;line-height:1;background:linear-gradient(180deg, #ffffff 30%, #88c5c0 100%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font-variant-numeric:tabular-nums}.metric-unit{font-size:1.4rem;color:var(--c-muted);font-weight:500}.trend-line{color:var(--c-muted);font-size:.95rem;margin:0}.trend-line .trend-val{color:var(--c-text);font-variant-numeric:tabular-nums;margin-left:4px}.live-card--level{align-items:stretch}.level-wrap{display:flex;justify-content:center;align-items:flex-start;padding:8px 0}.level_parent{position:relative;width:77px;height:400px;margin:0 auto;border-radius:8px;overflow:hidden;background:#f5f3ee;box-shadow:0 8px 30px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.08)}.level_image{display:block;width:77px;height:400px}#level_opacity_div{position:absolute;left:0;top:0;width:77px;height:0;background:linear-gradient(180deg, rgba(78, 205, 196, 0.65) 0%, rgba(13, 59, 102, 0.7) 100%);transition:height .8s cubic-bezier(0.22, 1, 0.36, 1),top .8s cubic-bezier(0.22, 1, 0.36, 1);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}#level_opacity_div::before{content:"";position:absolute;left:-10%;right:-10%;top:-8px;height:12px;background:radial-gradient(ellipse at 30% 100%, rgba(255, 255, 255, 0.6), transparent 60%),radial-gradient(ellipse at 70% 100%, rgba(255, 255, 255, 0.5), transparent 60%);animation:wave 4s ease-in-out infinite}@keyframes wave{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}#level_txt{position:absolute;left:50%;transform:translateX(-50%);top:0;font-size:.82rem;font-weight:600;color:#fff;background:rgba(6,26,43,.8);padding:3px 8px;border-radius:6px;white-space:nowrap;transition:top .8s cubic-bezier(0.22, 1, 0.36, 1);font-variant-numeric:tabular-nums}.live-note{margin-top:28px;color:var(--c-muted);font-size:.85rem;text-align:center}.section-contact{background:#04121f;border-top:1px solid var(--c-line);padding-bottom:48px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:48px;padding-top:24px}@media(max-width: 880px){.contact-grid{grid-template-columns:1fr;gap:32px}}.contact-fullname{color:var(--c-muted);margin:14px 0 0;font-size:.95rem}.contact-block h4{font-size:.82rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.18em;font-weight:600;margin:0 0 14px}.contact-data{color:var(--c-text);font-style:normal;line-height:1.7;font-size:.98rem}.contact-data--mono{list-style:none;padding:0;margin:0;font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;font-size:.9rem}.contact-data--mono li{display:flex;gap:10px;align-items:baseline;padding:3px 0}.contact-data--mono .k{color:var(--c-muted);min-width:96px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-family:"Inter",sans-serif;font-weight:600}.copyright{margin-top:56px;padding-top:22px;border-top:1px solid var(--c-line);color:var(--c-muted);font-size:.82rem}.copyright p{margin:0}@media(prefers-reduced-motion: reduce){.hero-bg,.hero-scroll span,#level_opacity_div::before,.status-pill[data-state=on] .status-dot{animation:none !important}#level_opacity_div,#level_txt{transition:none !important}html{scroll-behavior:auto}}