:root {
  --bg: #050706;
  --bg-soft: #080c0a;
  --panel: rgba(14, 20, 17, 0.78);
  --panel-strong: #0c120f;
  --line: rgba(255,255,255,.105);
  --line-green: rgba(70, 236, 110, .28);
  --text: #f5f7f5;
  --muted: #9da8a0;
  --green: #22c55e;
  --green-2: #82d544;
  --lime: #b8dc3a;
  --shadow: 0 30px 80px rgba(0,0,0,.42);
  --radius: 22px;
  --container: min(1180px, calc(100% - 44px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text); background:
  radial-gradient(circle at 80% 7%, rgba(12, 117, 60, .22), transparent 26%),
  radial-gradient(circle at 18% 35%, rgba(130, 213, 68, .06), transparent 18%),
  linear-gradient(180deg, #030504 0%, #050806 40%, #030504 100%); line-height: 1.55; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .11; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 70%); z-index: -1; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.svg-sprite { position: absolute; overflow: hidden; }
.container { width: var(--container); margin-inline: auto; }
.section { padding: 86px 0; position: relative; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 1000; background: var(--green); color: #041107; padding: 10px 15px; border-radius: 10px; font-weight: 800; }
.skip-link:focus { top: 14px; }
:focus-visible { outline: 3px solid rgba(93, 240, 125, .85); outline-offset: 4px; }

.site-header { position: sticky; top: 0; z-index: 100; background: rgba(3,5,4,.76); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.07); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand { width: 184px; flex: 0 0 auto; }
.brand img { width: 100%; height: auto; filter: drop-shadow(0 0 15px rgba(56,210,96,.05)); }
.main-nav { display: flex; align-items: center; gap: 31px; font-size: 14px; font-weight: 650; }
.main-nav > a:not(.nav-cta) { color: #dbe2dc; transition: color .2s ease; }
.main-nav > a:not(.nav-cta):hover { color: #7cf18f; }
.nav-cta { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid rgba(45,220,94,.62); border-radius: 12px; background: rgba(20,130,60,.08); box-shadow: inset 0 0 25px rgba(30,200,75,.05); }
.nav-cta svg { width: 17px; height: 17px; }
.menu-toggle { display: none; width: 46px; height: 42px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.04); }
.menu-toggle svg { width: 22px; height: 22px; }
.menu-close { display: none; }
.menu-toggle[aria-expanded="true"] .menu-open { display: none; }
.menu-toggle[aria-expanded="true"] .menu-close { display: inline; }

.hero { min-height: 760px; padding-top: 70px; overflow: hidden; }
.hero::after { content: ""; position: absolute; right: -220px; top: 30px; width: 740px; height: 740px; background: repeating-radial-gradient(ellipse at center, rgba(58,235,102,.16) 0 1px, transparent 2px 28px); border-radius: 50%; opacity: .32; transform: rotate(-16deg); pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 52px; align-items: center; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .kicker { text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 850; color: #5ade78; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; }
.eyebrow span { width: 25px; height: 1px; background: linear-gradient(90deg, var(--green), transparent); }
h1 { font-size: clamp(48px, 5.1vw, 74px); line-height: .98; letter-spacing: -.055em; margin: 0 0 25px; max-width: 670px; }
h1 strong { color: #57d65f; font-weight: 820; }
.hero-lead { max-width: 625px; font-size: 17px; color: #b8c2ba; margin: 0 0 31px; }
.hero-actions { display: flex; align-items: center; gap: 13px; flex-wrap: wrap; }
.btn { min-height: 49px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; border-radius: 12px; padding: 0 18px; font-size: 14px; font-weight: 800; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.btn svg { width: 19px; height: 19px; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #fff; background: linear-gradient(135deg, #1bac51, #20ca62); border: 1px solid rgba(83,255,126,.42); box-shadow: 0 14px 38px rgba(21,175,77,.21); }
.btn-primary:hover { box-shadow: 0 18px 44px rgba(21,175,77,.3); }
.btn-secondary { color: #f2f6f3; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.38); }
.btn-secondary:hover { border-color: rgba(101,241,135,.5); background: rgba(55,160,83,.07); }
.hero-trust { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 22px; color: #8e9b91; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.hero-trust span { display: flex; align-items: center; gap: 8px; }
.hero-trust b { color: #73db70; font-size: 10px; border: 1px solid rgba(98,230,118,.25); width: 25px; height: 25px; border-radius: 50%; display: inline-grid; place-items: center; }

.hero-visual { min-height: 585px; position: relative; z-index: 1; }
.glow { position: absolute; border-radius: 50%; filter: blur(35px); pointer-events: none; }
.glow-one { width: 390px; height: 390px; background: rgba(23,183,82,.13); right: 5%; top: 13%; }
.glow-two { width: 230px; height: 230px; background: rgba(168,217,57,.08); left: 9%; bottom: 7%; }
.dashboard-shell { position: absolute; left: 0; top: 34px; width: 88%; min-height: 428px; display: grid; grid-template-columns: 72px 1fr; border: 1px solid rgba(87,227,127,.24); border-radius: 24px; background: linear-gradient(135deg, rgba(14,23,19,.97), rgba(6,11,8,.93)); box-shadow: 0 35px 80px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.04); overflow: hidden; transform: perspective(1100px) rotateY(-4deg) rotateX(1deg); transform-origin: left center; }
.dash-sidebar { border-right: 1px solid var(--line); padding: 20px 13px; display: flex; flex-direction: column; align-items: center; gap: 19px; background: rgba(255,255,255,.018); }
.dash-sidebar img { width: 53px; margin-bottom: 12px; }
.dash-dot { width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); }
.dash-dot.active { background: var(--green); border-color: var(--green); box-shadow: 0 0 18px rgba(39,221,94,.7); }
.dash-main { padding: 23px; }
.dash-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 18px; }
.dash-head small { color: #75d580; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.dash-head h2 { font-size: 18px; margin: 4px 0 0; letter-spacing: -.02em; }
.status { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: 10px; color: #9eb2a3; display: flex; align-items: center; gap: 6px; }
.status span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.metrics article { padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.metrics small, .metrics span { display: block; color: #7f8d83; font-size: 9px; }
.metrics b { display: block; font-size: 19px; margin: 3px 0; color: #f1f7f2; }
.metrics span { color: #4fd76b; }
.dash-charts { display: grid; grid-template-columns: 1.35fr .9fr; gap: 10px; margin-top: 10px; }
.chart-card, .donut-card { border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.018); padding: 15px; min-height: 177px; }
.card-title { display: flex; justify-content: space-between; align-items: center; color: #e7ece8; font-size: 11px; }
.card-title small { color: #728077; font-size: 8px; }
.chart-card svg { width: 100%; height: 115px; margin-top: 6px; overflow: visible; }
.grid-line { stroke: rgba(255,255,255,.07); stroke-width: 1; }
.area { fill: url(#area); stroke: none; }
.line { stroke: #5be06b; stroke-width: 3; }
.chart-card circle { fill: #b7ea52; stroke: #102915; stroke-width: 3; }
.donut-wrap { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.donut { width: 82px; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(#38d565 0 64%, #9dd94b 64% 92%, #173b25 92%); display: grid; place-items: center; position: relative; box-shadow: inset 0 0 15px rgba(0,0,0,.3); }
.donut::after { content:""; position: absolute; width: 61px; height: 61px; background: #0a100d; border-radius: 50%; }
.donut > div { z-index: 1; text-align: center; }
.donut b { display: block; font-size: 14px; }
.donut small { color: #7d8b81; font-size: 7px; }
.donut-wrap ul { list-style: none; padding: 0; margin: 0; color: #7f8b82; font-size: 7px; display: grid; gap: 8px; }
.legend { width: 6px; height: 6px; display: inline-block; border-radius: 50%; margin-right: 5px; }
.l1 { background:#38d565; } .l2 { background:#9dd94b; } .l3 { background:#173b25; }
.mobile-panel { position: absolute; right: -2%; top: 125px; width: 178px; min-height: 326px; padding: 14px 12px; border-radius: 29px; border: 1px solid rgba(255,255,255,.16); background: linear-gradient(160deg,#111815,#050806 75%); box-shadow: 0 28px 58px rgba(0,0,0,.6); transform: rotate(2deg); z-index: 5; }
.phone-top { height: 36px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); font-size: 10px; }
.phone-top span { width: 9px; height: 9px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }
.phone-top i { width: 23px; height: 5px; background: rgba(255,255,255,.08); border-radius: 5px; }
.mobile-panel > p { font-size: 9px; text-transform: uppercase; letter-spacing: .11em; color: #6fc97a; margin: 16px 2px 9px; }
.mobile-panel article { display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 8px; padding: 11px 7px; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.02); }
.mini-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: rgba(44,216,91,.1); color: #58df72; font-size: 12px; }
.mobile-panel small { display:block; color:#77847b; font-size:7px; }.mobile-panel b{font-size:11px}.mobile-panel em{font-style:normal;color:#58df72;font-size:7px}
.visual-tags { position: absolute; left: 9%; right: 3%; bottom: 32px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; z-index: 6; }
.visual-tags > div { display: flex; gap: 10px; align-items: center; min-height: 65px; padding: 11px; border: 1px solid rgba(109,224,129,.19); border-radius: 14px; background: rgba(9,16,12,.84); backdrop-filter: blur(10px); box-shadow: 0 12px 25px rgba(0,0,0,.25); }
.visual-tags svg { width: 25px; height: 25px; color: #7ce05d; flex:0 0 auto; }.visual-tags b,.visual-tags small{display:block}.visual-tags b{font-size:10px}.visual-tags small{font-size:7px;color:#7b897f;margin-top:2px}

.section-heading { max-width: 690px; margin: 0 auto 36px; text-align: center; }
.section-heading.compact { margin-bottom: 31px; }
.section-heading h2, .why-title h2, .about h2, .cta-panel h2 { margin: 8px 0 10px; font-size: clamp(31px, 3.3vw, 46px); line-height: 1.08; letter-spacing: -.04em; }
.section-heading p { margin: 0 auto; color: var(--muted); max-width: 610px; }
.cards-grid { display: grid; gap: 12px; }.cards-grid.six { grid-template-columns: repeat(3,1fr); }
.feature-card, .project-card { border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(18,26,21,.84), rgba(6,10,8,.8)); padding: 24px; min-height: 205px; position: relative; overflow: hidden; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.feature-card::before, .project-card::before { content:""; position:absolute; width:100px;height:100px; top:-60px; right:-45px; border-radius:50%; background:rgba(49,214,92,.12); filter:blur(15px); opacity:0; transition:opacity .25s ease; }
.feature-card:hover, .project-card:hover { transform: translateY(-4px); border-color: rgba(70,236,110,.3); background: linear-gradient(145deg, rgba(20,31,24,.92), rgba(7,12,9,.86)); }
.feature-card:hover::before, .project-card:hover::before { opacity:1; }
.feature-card > svg, .project-card > svg { width: 38px; height: 38px; color: #58de62; margin-bottom: 30px; }
.feature-card h3, .project-card h3 { font-size: 17px; margin: 0 0 9px; letter-spacing: -.02em; }
.feature-card p, .project-card p { margin:0; color:#87948b; font-size: 13px; }
.projects { padding-top: 35px; }
.project-card { min-height: 187px; padding: 22px; }.project-card > svg { margin-bottom: 21px; }

.differentiators { padding: 38px 0 70px; }
.why-panel { border: 1px solid var(--line); border-radius: 24px; padding: 38px; background: linear-gradient(110deg, rgba(17,28,20,.9), rgba(7,11,8,.86)); position: relative; overflow:hidden; }
.why-panel::after { content:""; position:absolute; inset:auto -120px -150px auto; width:380px;height:280px;border-radius:50%;background:rgba(36,183,82,.09);filter:blur(35px); }
.why-title { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }.why-title h2{max-width:550px;margin:8px 0 0}.why-title .kicker{white-space:nowrap}
.why-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:18px; overflow:hidden; position:relative;z-index:1; }
.why-grid article { background:#09100c; padding:27px; display:grid;grid-template-columns:46px 1fr;gap:17px;align-items:start; }.why-grid svg{width:38px;height:38px;color:#6cdd63}.why-grid h3{margin:0 0 7px;font-size:16px}.why-grid p{margin:0;color:#829087;font-size:13px}

.about { padding-top: 40px; }
.about-panel { display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center; }.about-copy p{color:#9aa69d;max-width:630px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#71e378;font-weight:750;margin-top:8px}.text-link svg{width:18px;height:18px}
.about-stats { display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }.about-stats article{min-height:140px;border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.02)}.about-stats b{display:block;color:#74e76e;font-size:28px;letter-spacing:-.04em;margin-bottom:12px}.about-stats span{display:block;color:#87948b;font-size:13px}

.process { padding-top: 50px; }
.process-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative; }.process-grid::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:1px;background:linear-gradient(90deg,transparent,#4bd461 12%,#4bd461 88%,transparent);z-index:0}.process-grid article{position:relative;z-index:1;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d1510,#070b08);padding:32px 22px 22px;min-height:210px}.process-grid .step{position:absolute;top:-14px;left:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#126833;border:1px solid #31cb5e;box-shadow:0 0 0 5px #050806;color:#fff;font-size:12px;font-weight:800}.process-grid svg{width:36px;height:36px;color:#78e45f;margin:8px 0 23px}.process-grid h3{margin:0 0 8px;font-size:16px}.process-grid p{margin:0;color:#87948b;font-size:12px}

.cta-section { padding-top: 52px; padding-bottom: 82px; }
.cta-panel { position:relative; overflow:hidden; display:grid;grid-template-columns:1.08fr .72fr auto;align-items:center;gap:36px;border:1px solid rgba(84,227,111,.22);border-radius:26px;padding:40px 44px;background:linear-gradient(110deg,#0a2012 0%,#07120b 53%,#0f1d0b 100%);box-shadow:var(--shadow) }.cta-panel::before,.cta-panel::after{content:"";position:absolute;width:360px;height:140px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(129,229,60,.25) 0 1px,transparent 2px 8px);opacity:.35;filter:blur(.2px);transform:rotate(9deg)}.cta-panel::before{left:-150px;bottom:-55px}.cta-panel::after{right:-160px;top:-60px}.cta-panel>*{position:relative;z-index:1}.cta-copy h2{margin-bottom:0;max-width:500px}.cta-panel>p{color:#a4afa7;margin:0;font-size:14px}.cta-actions{display:grid;gap:9px;min-width:190px}

.site-footer { border-top:1px solid var(--line);padding:54px 0 24px;background:#020403; }.footer-grid{display:grid;grid-template-columns:1.15fr 1fr .6fr;gap:58px}.footer-brand img{width:215px;margin-bottom:18px}.footer-brand p{color:#7f8c83;font-size:13px;max-width:320px}.footer-grid h2{font-size:14px;color:#71e378;margin:0 0 18px}.footer-contact{display:grid;gap:13px}.footer-contact>a,.footer-contact>div{display:flex;align-items:center;gap:12px;color:#e0e6e2;font-size:13px}.footer-contact svg{width:22px;height:22px;color:#66dc6f}.footer-contact small{display:block;color:#68766d;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:13px;color:#89978e}.footer-links a:hover{color:#72df77}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#627067;font-size:11px}.footer-bottom a:hover{color:#83e77b}

@media (max-width: 1040px) {
  :root { --container: min(940px, calc(100% - 36px)); }
  .main-nav { gap: 20px; }
  .hero { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 780px; }
  .hero-visual { width: min(790px, 100%); margin-inline: auto; }
  .cards-grid.six { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: repeat(2, 1fr); gap: 28px 14px; }
  .process-grid::before { display:none; }
  .cta-panel { grid-template-columns: 1fr 1fr; }
  .cta-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(180px, 1fr)); }
}

@media (max-width: 760px) {
  :root { --container: min(100% - 28px, 680px); }
  .section { padding: 66px 0; }
  .header-inner { min-height: 72px; }
  .brand { width: 145px; }
  .menu-toggle { display: inline-grid; place-items:center; }
  .main-nav { position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(7,12,9,.98);box-shadow:0 20px 60px rgba(0,0,0,.45); }
  .main-nav.open { display:flex; }
  .main-nav a { padding:13px 12px; }
  .nav-cta { margin-top:7px;justify-content:center; }
  .hero { padding-top: 48px; }
  h1 { font-size: clamp(43px, 13vw, 62px); }
  .hero-lead { font-size: 15px; }
  .hero-trust { gap: 12px 18px; }
  .hero-visual { min-height: 500px; margin-top: 6px; transform: scale(.95); transform-origin: top center; }
  .dashboard-shell { width: 96%; grid-template-columns: 54px 1fr; }
  .dash-sidebar { padding-inline:9px; }.dash-main{padding:16px}.metrics article{padding:10px}.dash-charts{grid-template-columns:1.25fr .75fr}.mobile-panel{right:-1%;top:150px;width:155px}.visual-tags{left:3%;right:0;bottom:8px}
  .cards-grid.six { grid-template-columns: 1fr; }
  .feature-card, .project-card { min-height: auto; }
  .feature-card > svg, .project-card > svg { margin-bottom: 20px; }
  .why-panel { padding: 27px 17px; }
  .why-title { display:block; }.why-title .kicker{white-space:normal}.why-grid{grid-template-columns:1fr}.why-grid article{padding:22px}
  .about-panel { grid-template-columns:1fr;gap:35px }.about-stats{grid-template-columns:1fr 1fr}
  .process-grid { grid-template-columns: 1fr; }
  .process-grid article { min-height: auto; }
  .cta-panel { grid-template-columns: 1fr; padding: 31px 23px; gap: 20px; }
  .cta-actions { grid-column: auto; grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column}
}

@media (max-width: 520px) {
  .hero-actions .btn { width:100%; }
  .hero-visual { min-height: 430px; transform: none; margin-top: 12px; }
  .dashboard-shell { position:relative;top:0;width:100%;grid-template-columns:45px 1fr;min-height:350px;border-radius:19px;transform:none; }
  .dash-sidebar img{width:37px}.dash-head h2{font-size:14px}.status{display:none}.metrics{grid-template-columns:repeat(3,1fr);gap:5px}.metrics article{padding:8px}.metrics b{font-size:13px}.metrics small,.metrics span{font-size:6px}.dash-main{padding:11px}.dash-charts{grid-template-columns:1fr}.donut-card{display:none}.chart-card{min-height:155px}.mobile-panel{width:127px;min-height:240px;top:142px;right:-5px;padding:9px;border-radius:21px}.mobile-panel article{grid-template-columns:22px 1fr auto;padding:7px 5px;gap:4px}.mini-icon{width:22px;height:22px}.phone-top{height:28px}.visual-tags{display:none}.about-stats{grid-template-columns:1fr}.section-heading h2,.why-title h2,.about h2,.cta-panel h2{font-size:34px}.cta-panel{border-radius:20px}.footer-brand img{width:190px}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}