:root{
  --bg:#151817;
  --bg-2:#1c201f;
  --panel:#202524;
  --panel-soft:#f3f4ef;
  --text:#f6f7f3;
  --muted:#aeb6b2;
  --ink:#191d1c;
  --mint:#35e7c4;
  --mint-soft:#b9f9e9;
  --line:rgba(255,255,255,.10);
  --radius:24px;
  --shadow:0 28px 90px rgba(0,0,0,.22);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 85% 4%,rgba(53,231,196,.10),transparent 28%),
    linear-gradient(180deg,#131615 0%,#181c1b 38%,#111413 100%);
  min-height:100vh;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}

.noise{
  position:fixed;inset:0;pointer-events:none;z-index:100;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

.section-shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}

.site-header{
  width:min(1340px,calc(100% - 40px));
  height:108px;margin:18px auto 0;padding:0 26px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;
  position:sticky;top:16px;z-index:50;
  border:1px solid var(--line);border-radius:22px;
  background:rgba(21,24,23,.72);backdrop-filter:blur(18px);
  box-shadow:0 16px 60px rgba(0,0,0,.18);
}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.brand-boxes{display:flex;gap:3px}
.brand-boxes b{
  width:29px;height:29px;display:grid;place-items:center;
  color:var(--mint);background:#f8faf7;font-size:17px;line-height:1;font-weight:900;
}
.brand-name{font-size:17px;font-weight:900;letter-spacing:.16em}
.brand-logo{height:88px;display:flex;align-items:center;overflow:visible;flex-shrink:0}
.brand-logo img{display:block;width:auto;height:100%;max-width:260px;object-fit:contain;mix-blend-mode:screen;filter:saturate(.98) contrast(1.03)}
.footer-brand.brand-logo{height:88px}
.footer-brand.brand-logo img{height:100%;max-width:260px}
.nav{justify-self:center;display:flex;align-items:center;gap:34px;color:#c5ccc8;font-size:14px}
.nav a{transition:.2s ease}
.nav a:hover{color:var(--mint)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;
  border-radius:999px;background:var(--mint);color:#0e1b18;font-weight:800;font-size:14px;
  box-shadow:0 10px 30px rgba(53,231,196,.16);transition:.25s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(53,231,196,.24)}
.btn-small{min-height:44px;padding:0 19px}
.btn-dark{background:#121715;color:white;box-shadow:none}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;position:relative;color:white}
.menu-toggle span{position:absolute;left:9px;width:24px;height:2px;background:currentColor;transition:.2s}
.menu-toggle span:first-child{top:15px}.menu-toggle span:last-child{top:25px}

.hero{min-height:720px;padding:102px 0 86px;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.17em;color:#9da7a2}
.eyebrow span{width:34px;height:1px;background:var(--mint)}
.hero h1,.section-heading h2,.insight-copy h2,.contact-heading h2{
  margin:24px 0 26px;font-size:clamp(48px,5.8vw,84px);line-height:.98;letter-spacing:-.055em;font-weight:740;
}
.hero h1 em,.section-heading h2 em,.insight-copy h2 em,.contact-heading h2 em{font-style:normal;color:var(--mint)}
.hero-lead{max-width:650px;margin:0;color:#b9c2bd;font-size:19px;line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:42px}
.text-link{font-weight:700;font-size:14px;color:#d8dedb}.text-link span{color:var(--mint);margin-left:5px}

.hero-visual{height:520px;position:relative}
.visual-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:var(--mint);filter:blur(120px);opacity:.10;right:5%;top:10%}
.dashboard-card{position:absolute;border:1px solid rgba(255,255,255,.10);background:rgba(31,37,35,.82);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:24px}
.dashboard-main{inset:58px 8px 62px 28px;padding:28px;transform:rotate(-2deg)}
.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dash-head>div{display:grid;gap:8px}
.dash-label{font-size:10px;letter-spacing:.18em;font-weight:800;color:#85918b}.dash-head strong,.stat-card strong{font-size:20px;letter-spacing:-.02em}
.live-dot{font-size:10px;color:var(--mint);letter-spacing:.08em}
.chart-area{height:240px;margin-top:22px;position:relative;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.015)}
.chart-area svg{position:absolute;inset:24px 18px 12px;width:calc(100% - 36px);height:calc(100% - 36px)}
.grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:100% 52px}
.line{stroke-dasharray:700;stroke-dashoffset:700;animation:draw 2.2s .3s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.dash-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:18px;color:#87918c;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.stat-card{padding:20px 22px;z-index:3}
.stat-one{width:210px;left:-16px;bottom:10px;transform:rotate(4deg)}
.stat-two{width:236px;right:-18px;top:4px;transform:rotate(4deg)}
.stat-card{display:grid;gap:8px}.mini-bars{height:44px;display:flex;align-items:flex-end;gap:5px;margin-top:7px}
.mini-bars i{display:block;flex:1;background:var(--mint);border-radius:4px 4px 1px 1px;opacity:.78}
.mini-bars i:nth-child(1){height:38%}.mini-bars i:nth-child(2){height:66%}.mini-bars i:nth-child(3){height:52%}.mini-bars i:nth-child(4){height:82%}.mini-bars i:nth-child(5){height:100%}
.status-row{margin-top:10px;color:#aab5af;font-size:11px;display:flex;align-items:center;gap:8px}.status-row span{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(53,231,196,.08)}

.ticker{border-block:1px solid var(--line);overflow:hidden;background:#111413}
.ticker-track{width:max-content;display:flex;align-items:center;gap:28px;padding:20px 0;animation:ticker 34s linear infinite;color:#c8cfcb;font-weight:800;font-size:13px;letter-spacing:.14em}
.ticker-track i{font-style:normal;color:var(--mint)}
@keyframes ticker{to{transform:translateX(-50%)}}

.services{padding:130px 0}
.section-heading{max-width:930px;margin-bottom:58px}.section-heading h2,.insight-copy h2,.contact-heading h2{font-size:clamp(42px,5vw,68px);line-height:1.02}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-card{min-height:390px;padding:34px;border-radius:var(--radius);background:#202524;border:1px solid var(--line);position:relative;overflow:hidden;transition:.3s ease}
.service-card:hover{transform:translateY(-5px);border-color:rgba(53,231,196,.35);background:#232a28}
.service-card-accent{background:linear-gradient(145deg,#35e7c4,#9df4df);color:#10201b;border:0}
.service-number{position:absolute;right:28px;top:26px;font-size:12px;letter-spacing:.18em;color:#69736e;font-weight:800}.service-card-accent .service-number{color:rgba(16,32,27,.48)}
.service-icon{width:54px;height:54px;border-radius:16px;background:rgba(53,231,196,.08);display:grid;place-items:center;margin-bottom:52px}.service-card-accent .service-icon{background:rgba(16,32,27,.09)}
.service-icon svg{width:31px;height:31px;stroke:var(--mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-card-accent svg{stroke:#13211d}
.service-card h3{font-size:29px;letter-spacing:-.035em;margin:0 0 18px}.service-card p{max-width:560px;color:#aeb8b2;font-size:15px;line-height:1.75;margin:0}.service-card-accent p{color:rgba(16,32,27,.74)}
.card-line{position:absolute;bottom:0;left:34px;right:34px;height:1px;background:linear-gradient(90deg,var(--mint),transparent);opacity:.42}.service-card-accent .card-line{background:linear-gradient(90deg,#10201b,transparent)}

.insight-section{padding:10px 0 130px}
.insight-panel{min-height:610px;border-radius:32px;background:#eff3ee;color:var(--ink);padding:74px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;overflow:hidden;position:relative}
.insight-panel::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(53,231,196,.22);filter:blur(100px);right:-150px;bottom:-180px}
.eyebrow.light{color:#68716d}.insight-copy h2{margin-top:24px}.insight-copy h2 em{color:#159b82}.insight-copy p{max-width:650px;color:#5c6561;line-height:1.75;font-size:16px}.insight-copy .btn{margin-top:20px}
.insight-metric{height:420px;display:grid;place-items:center;position:relative}
.metric-orbit{position:absolute;border:1px solid rgba(25,29,28,.13);border-radius:50%}.orbit-one{width:360px;height:360px}.orbit-two{width:280px;height:280px;border-style:dashed;animation:spin 22s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.metric-core{width:230px;height:230px;border-radius:50%;background:#171c1a;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;box-shadow:0 30px 70px rgba(20,30,26,.18);position:relative;z-index:2}
.metric-core span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#9da9a3}.metric-core strong{font-size:64px;line-height:1;color:var(--mint);letter-spacing:-.06em;margin:8px 0}.metric-core small{font-size:10px;line-height:1.45;color:#adb7b2}

.contact-section{padding:0 0 130px}.contact-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.contact-heading h2{margin-top:0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}
.contact-card{min-height:210px;padding:30px;border-radius:22px;border:1px solid var(--line);background:#1b201e;display:flex;flex-direction:column;position:relative;transition:.25s ease}
.contact-card:hover{background:#202724;border-color:rgba(53,231,196,.35);transform:translateY(-4px)}
.contact-label{font-size:10px;letter-spacing:.16em;color:#7e8983;font-weight:800;margin-bottom:auto}.contact-card strong{font-size:21px;line-height:1.45;letter-spacing:-.02em}.contact-arrow{position:absolute;right:26px;top:24px;color:var(--mint);font-size:19px}

.site-footer{min-height:160px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.footer-meta{justify-self:center;display:flex;gap:26px;color:#727d77;font-size:11px}.back-top{font-size:12px;font-weight:800;color:#aeb6b2}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media (max-width:1050px){
  .hero{grid-template-columns:1fr;padding-top:84px}.hero-visual{width:min(720px,100%);margin:0 auto}.service-grid{grid-template-columns:1fr 1fr}.insight-panel{grid-template-columns:1fr;padding:58px}.insight-metric{height:350px}.contact-heading{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr auto}.footer-meta{justify-self:start;grid-column:1/-1;grid-row:2}
}

@media (max-width:760px){
  .section-shell{width:min(100% - 32px,1240px)}
  .site-header{height:82px;width:calc(100% - 24px);padding:0 18px;grid-template-columns:1fr auto;top:8px}
  .site-header>.btn-small{display:none}.brand-logo{height:66px}.brand-logo img{height:100%;max-width:190px}
  .menu-toggle{display:block;z-index:2}.nav{position:fixed;inset:0;background:#151817;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;gap:24px;transform:translateY(-105%);transition:.35s ease;z-index:1}.nav a{font-size:34px;font-weight:750;letter-spacing:-.04em}.menu-open .nav{transform:none}.menu-open .menu-toggle span:first-child{top:20px;transform:rotate(45deg)}.menu-open .menu-toggle span:last-child{top:20px;transform:rotate(-45deg)}
  .hero{min-height:auto;padding:72px 0 72px;gap:30px}.hero h1{font-size:52px}.hero-lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:30px}
  .hero-visual{height:400px}.dashboard-main{inset:48px 4px 40px 4px;padding:20px}.chart-area{height:190px}.dash-footer{grid-template-columns:repeat(2,1fr)}.stat-one{width:170px;left:-2px}.stat-two{width:180px;right:-2px}.stat-card strong{font-size:16px}
  .services{padding:90px 0}.section-heading{margin-bottom:38px}.section-heading h2,.insight-copy h2,.contact-heading h2{font-size:44px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px;padding:28px}.service-icon{margin-bottom:38px}
  .insight-section{padding-bottom:90px}.insight-panel{padding:38px 26px;border-radius:24px;gap:30px}.insight-metric{height:310px}.orbit-one{width:290px;height:290px}.orbit-two{width:230px;height:230px}.metric-core{width:190px;height:190px}.metric-core strong{font-size:52px}
  .contact-section{padding-bottom:90px}.contact-grid{margin-top:35px}.contact-card{min-height:170px}.site-footer{grid-template-columns:1fr;gap:22px;padding:40px 0}.footer-meta{grid-column:auto;grid-row:auto;display:grid;gap:8px}.back-top{justify-self:start}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}