:root{
  --bg:#07111f;--bg2:#0b1b30;--panel:#0e2036;--panel2:#132941;--text:#f3f8ff;--muted:#a8bdd4;--ink:#0d1b2b;--ink2:#50667c;--line:rgba(186,218,245,.16);--line2:#dfe9f3;--cyan:#23dcef;--mint:#45f3c4;--blue:#6c86ff;--gold:#ffe3a5;--surface:#fff;--soft:#f4f8fc;--r:28px;--r2:18px;--shadow:0 32px 90px rgba(3,10,20,.38);--shadow2:0 18px 50px rgba(15,37,61,.10);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#edf4fa;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18% 8%,rgba(35,220,239,.18),transparent 28%),radial-gradient(circle at 85% 0%,rgba(108,134,255,.18),transparent 28%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}.narrow{max-width:880px}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.8rem 1rem;z-index:100}.skip-link:focus{left:10px;top:10px}h1,h2,h3{margin:0 0 .75rem;line-height:1.04;font-weight:950;letter-spacing:-.04em}h1{font-size:clamp(3.2rem,7vw,6.8rem)}h2{font-size:clamp(2.2rem,4.4vw,4rem)}h3{font-size:1.24rem}p{margin:0 0 1rem}.section{padding:104px 0;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;font-size:.79rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#91f5ff}.eyebrow.dark{color:#06798d}.pulse{width:11px;height:11px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 0 rgba(69,243,196,.6);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(69,243,196,0)}}.reveal{opacity:0;transform:translateY(18px);transition:.7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}

/* Premium navigation */
.site-header{position:sticky;top:0;z-index:90;padding:14px 0;background:linear-gradient(180deg,rgba(5,13,24,.86),rgba(5,13,24,.45) 72%,transparent);transition:.25s ease}.site-header.scrolled{padding:8px 0;background:rgba(5,13,24,.82);backdrop-filter:blur(16px)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 14px;border:1px solid rgba(193,224,249,.16);border-radius:30px;background:rgba(9,20,34,.78);box-shadow:0 24px 80px rgba(2,9,18,.32);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:.9rem;min-width:0}.brand-logo-wrap{position:relative;display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:22px;background:linear-gradient(145deg,#0d55ff,#26e5ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 18px 40px rgba(35,220,239,.22);overflow:hidden}.brand-logo{width:100%;height:100%;object-fit:contain;padding:7px}.brand-fallback{display:none;position:absolute;inset:0;place-items:center;color:#fff;font-weight:1000}.logo-missing .brand-fallback{display:grid}.brand strong{display:block;color:#fff;font-size:1.45rem;line-height:1}.brand small{display:block;color:#a7bfd6;font-weight:800;font-size:.9rem;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:.55rem}.nav-link,.nav-cta,.nav-status{border-radius:999px;padding:.95rem 1.15rem;font-weight:900;white-space:nowrap}.nav-link{color:#d9e8f5;transition:.2s ease}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.09);color:#fff}.nav-status{display:flex;align-items:center;gap:.55rem;color:#d4e7f6;border:1px solid rgba(193,224,249,.14);background:rgba(255,255,255,.04)}.nav-status b{color:#fff}.nav-cta{background:linear-gradient(135deg,var(--cyan),var(--mint));color:#03222b;box-shadow:0 16px 34px rgba(35,220,239,.28);transition:.2s}.nav-cta:hover{transform:translateY(-1px)}.nav-toggle{display:none;width:54px;height:54px;border:1px solid rgba(193,224,249,.16);border-radius:18px;background:rgba(255,255,255,.05);cursor:pointer}.nav-toggle span{display:block;width:23px;height:2px;margin:5px auto;background:#fff;border-radius:10px;transition:.25s}.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;flex:0 0 auto}.status-dot.live{background:var(--mint);box-shadow:0 0 18px rgba(69,243,196,.55)}.status-dot.offline{background:#ffb15f;box-shadow:0 0 18px rgba(255,177,95,.45)}

/* Buttons */
.btn,.link-button,.footer-button,.dash-head button,.calc-row button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:999px;padding:1rem 1.35rem;font-weight:950;cursor:pointer;transition:.2s}.btn:hover,.dash-head button:hover,.calc-row button:hover{transform:translateY(-1px)}.btn-primary,.calc-row button{background:linear-gradient(135deg,var(--cyan),var(--mint));color:#03222b;box-shadow:0 18px 38px rgba(35,220,239,.25)}.btn-ghost{border-color:rgba(193,224,249,.18);background:rgba(255,255,255,.06);color:#f3f8ff}.btn.full{width:100%}.hero-actions,.cta-actions,.cookie-actions{display:flex;gap:.85rem;flex-wrap:wrap}.dash-head button{padding:.7rem 1rem;border-color:rgba(193,224,249,.16);background:rgba(255,255,255,.07);color:#eaf7ff}.footer-button{padding:0;background:none;border:none;color:#b7cadd;justify-content:flex-start}

/* Hero */
.premium-hero{position:relative;overflow:hidden;padding:96px 0 126px;background:linear-gradient(145deg,#07111f 0%,#0a1b30 48%,#10183a 100%);color:var(--text)}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(35,220,239,.18),transparent 28%),radial-gradient(circle at 78% 18%,rgba(108,134,255,.22),transparent 30%),linear-gradient(transparent 92%,#edf4fa 92%);pointer-events:none}.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 80%)}.hero-grid{position:relative;display:grid;grid-template-columns:.93fr 1.07fr;gap:4rem;align-items:center}.hero-copy h1{max-width:11ch;margin-bottom:1.25rem}.hero-copy h1 span{background:linear-gradient(135deg,#fff,#8bf5ff 52%,#7dffda);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.18rem;max-width:66ch;color:#c5d8ea}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.5rem;max-width:700px}.hero-proof span{padding:1rem;border:1px solid rgba(193,224,249,.14);border-radius:22px;background:rgba(255,255,255,.055)}.hero-proof b{display:block;font-size:1.2rem;color:#fff}.hero-proof small{color:#9db9d1;font-weight:800}.hero-visual{display:grid;gap:1rem}.device-frame{position:relative;min-height:500px;border-radius:36px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(193,224,249,.18);box-shadow:var(--shadow);overflow:hidden}.device-frame::before{content:"";position:absolute;inset:16px;border-radius:26px;background:linear-gradient(135deg,rgba(35,220,239,.08),rgba(108,134,255,.12));z-index:0}.device-frame img{position:relative;z-index:1;width:100%;height:468px;object-fit:cover;border-radius:26px;opacity:.92}.hero-fallback{display:none;position:absolute;inset:16px;z-index:2;place-content:center;text-align:center;border-radius:26px;background:linear-gradient(135deg,#0b2238,#0e4d66);padding:2rem}.missing-hero img{display:none}.missing-hero .hero-fallback{display:grid}.hero-fallback strong{font-size:2.2rem}.hero-fallback span{color:#c5d8ea}.device-overlay{position:absolute;z-index:3;left:34px;right:34px;bottom:34px;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.device-overlay div{padding:1rem;border:1px solid rgba(193,224,249,.16);border-radius:20px;background:rgba(6,17,31,.82);backdrop-filter:blur(16px)}.device-overlay small,.mini-grid small,.live-card small{display:block;color:#9ebbd2;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.device-overlay strong,.mini-grid strong,.live-card strong{display:block;color:#fff;font-size:1.35rem;line-height:1.1}.glass-card,.premium-panel{border:1px solid rgba(193,224,249,.16);border-radius:var(--r);background:rgba(10,26,44,.72);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.hero-mini-dashboard{padding:1.15rem}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:#e9f6ff;font-weight:900}.dash-head span{display:flex;align-items:center;gap:.55rem}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.mini-grid div{padding:1rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(193,224,249,.1)}

/* Dashboard */
.section-kicker{max-width:840px;margin:0 0 2rem}.section-kicker span{display:inline-flex;margin-bottom:.8rem;color:#078299;text-transform:uppercase;letter-spacing:.14em;font-weight:950;font-size:.78rem}.section-kicker p{color:var(--ink2);font-size:1.08rem}.dashboard-section{background:linear-gradient(180deg,#edf4fa,#f7fbff)}.live-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.live-card{position:relative;overflow:hidden;border:1px solid var(--line2);border-radius:26px;background:#fff;padding:1.25rem;box-shadow:var(--shadow2)}.live-card::after{content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:999px;background:rgba(35,220,239,.08)}.live-card.primary{background:linear-gradient(135deg,#0d243b,#0e4c65);border-color:rgba(193,224,249,.16)}.live-card:not(.primary) strong{color:var(--ink)}.live-card span{display:block;color:#7a90a5;margin-top:.25rem}.live-card.primary span{color:#b8d2e7}.live-card.primary small{color:#9defff}.updating{opacity:.55}

/* Content */
.split-section{background:#fff}.split-premium{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}.benefit-list{display:grid;gap:1rem;margin-top:2rem}.benefit-list article,.journey-card,.info-panel,.legal,.table-wrap,.block-card,.faq-item{border:1px solid var(--line2);border-radius:var(--r);background:#fff;box-shadow:var(--shadow2)}.benefit-list article{display:grid;grid-template-columns:60px 1fr;gap:.2rem 1rem;padding:1.25rem}.benefit-list b,.journey-card b{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#e7fbff,#eef0ff);color:#078299}.benefit-list h3{margin-top:.15rem}.benefit-list p{grid-column:2;color:var(--ink2)}.premium-panel{padding:1.55rem;color:#fff}.premium-panel p{color:#c6d8ea}.premium-panel label{display:block;margin:1rem 0 .45rem;font-weight:900;color:#edf8ff}.calc-row{display:flex;gap:.75rem}.calc-row input{min-width:0;flex:1;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(193,224,249,.16);background:rgba(255,255,255,.08);color:#fff;outline:none}.calc-result{margin-top:1rem;padding:1.2rem;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(193,224,249,.14)}.calc-result span,.calc-result small{display:block;color:#a8c6dc}.calc-result strong{display:block;font-size:2.2rem;line-height:1;color:#fff}.fineprint{font-size:.9rem;margin-top:.8rem}.journey-section{background:linear-gradient(180deg,#f7fbff,#edf4fa)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.journey-card{padding:1.35rem}.journey-card p{color:var(--ink2)}.cta-section{padding-top:0;background:#edf4fa}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.35rem;border-radius:34px;color:#fff;background:linear-gradient(135deg,#07111f,#0a5371 60%,#05d0bd);box-shadow:var(--shadow)}.subhero{padding:112px 0 82px;background:radial-gradient(circle at 20% 0%,rgba(35,220,239,.22),transparent 30%),linear-gradient(135deg,#07111f,#0b1b30);color:#fff}.content-grid{display:grid;grid-template-columns:1fr 360px;gap:2rem}.prose{font-size:1.07rem}.prose h2{color:#0d1b2b;font-size:2rem;margin-top:2rem}.prose p{color:var(--ink2)}.info-panel{padding:1.55rem;align-self:start}.info-panel dt{font-weight:950}.info-panel dd{margin:0 0 1rem;color:var(--ink2)}.dashboard-layout{display:grid;grid-template-columns:1fr 340px;gap:1.2rem;margin:1.3rem 0 2rem}.table-wrap{overflow:auto;padding:1.2rem}.table-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.table-title span{color:#6d8298;font-weight:800}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:1rem;border-bottom:1px solid #e8eef5}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:#61788e}td small{display:block;color:#6f8499}.config-list{margin:0 0 1.2rem}.config-list dt{font-size:.75rem;color:#9ebbd2;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.config-list dd{margin:0 0 .9rem;font-weight:900}.blocks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.block-card{padding:1.2rem}.block-card span{color:#078299;font-weight:950}.block-card p{margin:.3rem 0;color:var(--ink2)}.block-card a{color:#078299;font-weight:950}.faq-list{max-width:920px}.faq-item{padding:0;margin-bottom:1rem;overflow:hidden}.faq-item summary{cursor:pointer;padding:1.25rem 1.4rem;font-weight:950;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq-item summary::after{content:'+';color:#078299;font-size:1.4rem}.faq-item[open] summary::after{content:'–'}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 1.4rem 1.3rem;margin:0;color:var(--ink2)}.legal{padding:2rem}.legal a{color:#078299;font-weight:900}

/* Footer/cookie */
.site-footer{background:#07111f;color:#b8cadd;padding:72px 0 30px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:2rem}.footer-grid h3{font-size:1rem;color:#fff;margin-bottom:.7rem}.footer-grid a,.footer-button{display:block;color:#b8cadd;margin:.42rem 0}.footer-brand strong{font-size:1.25rem}.footer-bottom{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#7f95aa}.cookie-banner[hidden]{display:none!important}.cookie-banner{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:min(980px,calc(100% - 28px));z-index:120;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:24px;background:rgba(7,17,31,.95);box-shadow:var(--shadow);backdrop-filter:blur(18px);color:#fff}.cookie-banner h2{font-size:1.2rem;margin:.1rem 0}.cookie-banner p{margin:.2rem 0;color:#b8cadd}.to-top{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:#0d2035;color:#fff;font-weight:1000;display:none;z-index:100;box-shadow:0 16px 30px rgba(4,12,24,.28)}.to-top.show{display:block}

@media(max-width:1120px){.hero-grid,.split-premium,.content-grid,.dashboard-layout{grid-template-columns:1fr}.live-dashboard{grid-template-columns:repeat(2,1fr)}.journey-grid,.blocks-grid{grid-template-columns:repeat(2,1fr)}.hero-copy h1{max-width:12ch}.device-frame{min-height:420px}.device-frame img{height:388px}.mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.nav-toggle{display:block}.nav-shell{position:relative}.nav-links{position:absolute;top:calc(100% + 12px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid var(--line);border-radius:28px;background:rgba(7,17,31,.98);box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-link,.nav-cta,.nav-status{width:100%}.nav-status{justify-content:center}.brand small{white-space:normal}.hero-proof{grid-template-columns:1fr}.cta-card{display:block}.cta-actions{margin-top:1rem}}
@media(max-width:680px){.container{width:min(calc(100% - 26px),var(--max))}h1{font-size:clamp(2.55rem,14vw,4.15rem)}.premium-hero{padding:62px 0 86px}.section{padding:74px 0}.live-dashboard,.journey-grid,.blocks-grid,.footer-grid{grid-template-columns:1fr}.device-frame{min-height:320px;border-radius:28px}.device-frame img{height:288px}.device-overlay{position:static;grid-template-columns:1fr;margin-top:.8rem}.hero-mini-dashboard{padding:1rem}.calc-row{display:grid}.benefit-list article{grid-template-columns:1fr}.benefit-list p{grid-column:auto}.subhero{padding:92px 0 64px}.cookie-banner{display:block}.cookie-actions{margin-top:1rem}.brand-logo-wrap{width:54px;height:54px;flex-basis:54px}.brand strong{font-size:1.2rem}}


/* Mobile navigation hotfix: class mismatch + touch robustness */
@media(max-width:980px){
  .nav-shell{position:relative;z-index:130;}
  .nav-toggle{display:block;position:relative;z-index:132;touch-action:manipulation;}
  .nav-links{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:131;display:none;flex-direction:column;align-items:stretch;padding:1rem;border:1px solid var(--line);border-radius:28px;background:rgba(7,17,31,.98);box-shadow:var(--shadow);backdrop-filter:blur(18px);}
  .nav-links.open{display:flex!important;}
  .nav-link,.nav-cta,.nav-status{width:100%;justify-content:center;text-align:center;}
  .nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-open .nav-toggle span:nth-child(2){opacity:0;}
  .nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* Final responsive hero image fix: show hero.png fully without cropping */
.device-frame{
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.device-frame::before{
  display:none!important;
}
.device-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:26px!important;
  background:#f8fbff!important;
  opacity:1!important;
}
.device-overlay{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin-top:.9rem!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.8rem!important;
}
@media(max-width:680px){
  .device-frame{padding:10px!important;border-radius:24px!important}
  .device-frame img{border-radius:18px!important}
  .device-overlay{grid-template-columns:1fr!important;margin-top:.75rem!important}
}