@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{
  --bg:#06101d; --panel:#0c1a2b; --panel2:#10243a; --text:#eef5ff; --muted:#9fb0c5;
  --line:rgba(255,255,255,.10); --accent:#4ee6ac; --accent2:#12cda2; --danger:#ffcf76;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:9px;font-family:Manrope;font-size:23px;font-weight:800;letter-spacing:-1px}.brand>span>span{color:var(--accent)}
.brand-logo{width:34px;height:34px;border-radius:50%;object-fit:cover}
.nav nav{display:flex;gap:27px;color:var(--muted);font-size:14px}.nav nav a:hover{color:var(--text)}
.nav-cta{background:var(--accent);color:#06140f;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700}
.hero{max-width:1180px;margin:auto;padding:98px 24px 115px;display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}
.hero:before{content:"";position:absolute;width:480px;height:480px;left:6%;top:80px;background:radial-gradient(circle,rgba(38,229,173,.13),transparent 68%);pointer-events:none}
.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:17px}
h1,h2,h3{font-family:Manrope;line-height:1.12}h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px}h1 span{color:var(--accent)}
.hero-text{color:var(--muted);font-size:18px;max-width:700px;margin:27px 0 22px}
.hero-highlight{border-left:3px solid var(--accent);padding:13px 0 13px 17px;margin:0 0 28px;background:linear-gradient(90deg,rgba(78,230,172,.08),transparent);max-width:660px}.hero-highlight strong{display:block;font-family:Manrope;font-size:17px}.hero-highlight span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:13px 19px;border-radius:10px;font-weight:700;font-size:14px;transition:.2s ease}.button:hover{transform:translateY(-2px)}
.primary{background:var(--accent);color:#06140f}.secondary{border:1px solid var(--line);color:var(--text)}.microcopy{color:#73869d;font-size:12px;margin-top:14px}
.hero-card{background:linear-gradient(145deg,#10263d,#091725);border:1px solid var(--line);border-radius:24px;padding:29px;box-shadow:0 25px 70px rgba(0,0,0,.28);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-80px;border-radius:50%;background:rgba(78,230,172,.14);filter:blur(8px)}
.card-badge{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-bottom:45px}.metric{font-family:Manrope;font-size:42px;font-weight:800;line-height:1.02}.accent-text{color:var(--accent)}.hero-card>p{color:var(--muted);margin:13px 0 27px;font-size:14px}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.mini-grid div{padding:16px 0;border-bottom:1px solid var(--line)}.mini-grid div:nth-child(odd){border-right:1px solid var(--line);padding-right:14px}.mini-grid div:nth-child(even){padding-left:14px}.mini-grid strong,.mini-grid small{display:block}.mini-grid small{color:var(--muted);font-size:12px;margin-top:3px}
.loss-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#0a1829,#0b1e2f)}.loss-inner{max-width:1180px;margin:auto;padding:72px 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.loss-inner h2{font-size:39px;letter-spacing:-1.5px;max-width:650px}.loss-copy{color:var(--muted);font-size:15px}.loss-copy p+p{margin-top:15px}.loss-emphasis{color:var(--text);font-family:Manrope;font-weight:700;font-size:17px}.text-link{display:inline-block;color:var(--accent);font-weight:700;margin-top:17px}.text-link span{display:inline-block;margin-left:5px}
.section{max-width:1180px;margin:auto;padding:105px 24px}.section h2{font-size:42px;max-width:780px;letter-spacing:-1.5px;margin-bottom:20px}.section-intro{color:var(--muted);max-width:720px;margin-bottom:40px}
.featured-service{display:grid;grid-template-columns:80px 1fr;gap:20px;background:linear-gradient(120deg,#0e253a,#0a1828);border:1px solid rgba(78,230,172,.25);border-radius:20px;padding:32px;margin-bottom:17px}.service-number{font-family:Manrope;font-size:16px;color:var(--accent);font-weight:800}.service-kicker{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:6px}.featured-service h3{font-size:26px;margin-bottom:9px}.featured-service p:not(.service-kicker){color:var(--muted);font-size:14px;max-width:800px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{font-size:11px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;color:#cbd7e6}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px;min-height:230px}.icon{font-size:12px;color:var(--accent);margin-bottom:55px}.grid h3{font-size:19px;margin-bottom:12px}.grid p,.steps p,.split p,.about-copy>p{color:var(--muted);font-size:14px}
.about{border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}.about-mark{display:flex;justify-content:center}.about-mark img{width:220px;height:220px;filter:drop-shadow(0 0 28px rgba(78,230,172,.18))}.about-copy h2{margin-bottom:25px}.about-copy>p+p{margin-top:15px}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.about-points div{border-top:1px solid var(--line);padding-top:13px}.about-points strong,.about-points span{display:block}.about-points strong{font-size:14px}.about-points span{font-size:11px;color:var(--muted);margin-top:3px}
.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:45px}.steps span{color:var(--accent);font-weight:700;font-size:13px}.steps h3{margin:12px 0 8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.split>div:first-child>p:last-child{max-width:600px;margin-top:15px}.audience{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.audience span{padding:12px 15px;border:1px solid var(--line);border-radius:30px;color:#cbd7e6;font-size:14px}
.final-cta{max-width:1180px;margin:0 auto 100px;padding:75px 55px;text-align:center;border:1px solid rgba(78,230,172,.25);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(78,230,172,.12),transparent 45%),linear-gradient(110deg,#0d1d2f,#091725)}.final-cta h2{font-size:43px;max-width:800px;margin:0 auto 15px;letter-spacing:-1.5px}.final-cta>p:not(.eyebrow){color:var(--muted);max-width:650px;margin:0 auto 27px}.large{padding:15px 23px}.contact-line{display:flex;justify-content:center;gap:10px;color:#72869e;font-size:12px;margin-top:22px}
footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:30px 24px 45px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer strong{color:var(--text);font-family:Manrope}footer p{margin-top:5px}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.loss-inner,.about,.split{grid-template-columns:1fr;gap:40px}.grid,.steps{grid-template-columns:1fr 1fr}.final-cta{margin:0 24px 70px;padding:45px 25px}.about-mark{justify-content:flex-start}.about-mark img{width:150px;height:150px}}
@media(max-width:520px){.brand-logo{width:30px;height:30px}.brand{font-size:20px}.hero{padding-bottom:80px}h1{letter-spacing:-2px}.grid,.steps,.about-points{grid-template-columns:1fr}.section{padding:75px 24px}.section h2,.loss-inner h2{font-size:34px}.nav{padding:0 18px}.nav-cta{display:none}footer{display:block}.hero-card{margin-top:10px}.featured-service{grid-template-columns:1fr}.final-cta h2{font-size:34px}.contact-line{flex-wrap:wrap}.loss-inner{padding:65px 24px}}
