:root { --green:#31ff63; --green-dark:#13b63c; --black:#050706; --panel:#0d110f; --muted:#9ca59f; --line:rgba(255,255,255,.10); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#fff; background:var(--black); font-family:Inter,Arial,sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.ambient { position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 72% 22%,rgba(49,255,99,.10),transparent 25%),radial-gradient(circle at 15% 80%,rgba(49,255,99,.05),transparent 25%); z-index:-1; }
main { max-width:1280px; margin:auto; }
.hero { min-height:720px; padding:0 64px; position:relative; overflow:hidden; border-inline:1px solid rgba(255,255,255,.035); background:linear-gradient(135deg,#050706 0%,#070b08 62%,#061009 100%); }
.hero:after { content:""; position:absolute; inset:auto -12% -31% 31%; height:500px; border:1px solid rgba(49,255,99,.23); border-radius:50%; transform:rotate(-13deg); box-shadow:0 0 100px rgba(49,255,99,.08); }
.topbar { height:100px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:800; letter-spacing:.16em; }
.brand-mark,.footer-brand span { display:grid; place-items:center; width:36px; height:36px; color:#051007; background:var(--green); border-radius:7px; font-weight:900; letter-spacing:-.08em; box-shadow:0 0 25px rgba(49,255,99,.28); }
.top-cta { color:var(--green); font-size:11px; font-weight:800; letter-spacing:.13em; padding:12px 16px; border:1px solid rgba(49,255,99,.28); border-radius:99px; transition:.25s; }
.top-cta:hover { background:var(--green); color:#031006; }
.hero-grid { min-height:720px; display:grid; grid-template-columns:52% 48%; align-items:center; position:relative; z-index:2; }
.hero-copy { padding:55px 0 100px; z-index:3; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#b7c0ba; font-size:11px; font-weight:700; letter-spacing:.23em; }
.eyebrow i { display:block; width:30px; height:2px; background:var(--green); box-shadow:0 0 12px var(--green); }
h1 { font-family:Montserrat,Inter,sans-serif; font-size:clamp(57px,7vw,100px); line-height:.84; letter-spacing:-.075em; margin:28px 0 30px; font-weight:900; }
h1 span { color:transparent; -webkit-text-stroke:1.5px var(--green); filter:drop-shadow(0 0 15px rgba(49,255,99,.16)); }
.hero-copy p { color:#aeb6b1; line-height:1.7; font-size:15px; max-width:495px; margin:0 0 35px; }
.primary-button { display:inline-flex; align-items:center; gap:28px; padding:17px 20px 17px 24px; border-radius:6px; color:#041107; background:var(--green); font-size:11px; font-weight:900; letter-spacing:.1em; box-shadow:0 0 30px rgba(49,255,99,.22); transition:.25s; }
.primary-button:hover { transform:translateY(-3px); box-shadow:0 10px 40px rgba(49,255,99,.3); }
.primary-button span { font-size:20px; }
.portrait-wrap { height:620px; align-self:end; position:relative; isolation:isolate; }
.portrait-wrap img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:min(520px,105%); height:590px; object-fit:cover; object-position:center 16%; filter:saturate(.82) contrast(1.08); border-radius:260px 260px 12px 12px; z-index:2; mask-image:linear-gradient(#000 72%,transparent 99%); }
.portrait-halo { position:absolute; width:455px; height:455px; border-radius:50%; background:linear-gradient(145deg,rgba(49,255,99,.4),rgba(49,255,99,.02) 65%); top:88px; left:50%; transform:translateX(-50%); filter:blur(1px); box-shadow:0 0 100px rgba(49,255,99,.17); }
.orbit { position:absolute; border:1px solid rgba(49,255,99,.4); border-radius:50%; z-index:1; }
.orbit-one { width:610px; height:230px; transform:rotate(-25deg); top:200px; left:-25px; }
.orbit-two { width:500px; height:500px; top:75px; left:20px; border-color:rgba(255,255,255,.1); }
.status-card { position:absolute; right:-5px; bottom:115px; z-index:4; display:flex; gap:12px; align-items:center; padding:15px 20px; background:rgba(8,12,9,.8); border:1px solid rgba(49,255,99,.25); backdrop-filter:blur(12px); border-radius:10px; box-shadow:0 18px 45px rgba(0,0,0,.45); }
.status-card small,.status-card strong { display:block; }.status-card small { color:#859087; font-size:8px; letter-spacing:.2em; }.status-card strong { color:var(--green); font-size:13px; margin-top:3px; letter-spacing:.08em; }
.pulse { width:10px; height:10px; background:var(--green); border-radius:50%; box-shadow:0 0 0 6px rgba(49,255,99,.12),0 0 16px var(--green); }
.links-section { padding:105px 64px 120px; }
.section-heading { text-align:center; margin-bottom:52px; }.section-heading>span { color:var(--green); font-size:10px; letter-spacing:.28em; font-weight:800; }.section-heading h2 { margin:14px 0 0; font-family:Montserrat,sans-serif; font-size:clamp(32px,5vw,52px); letter-spacing:-.055em; }.section-heading em { color:var(--green); font-style:normal; }
.cards { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1040px; margin:auto; }
.link-card { min-height:520px; display:flex; flex-direction:column; padding:30px; position:relative; overflow:hidden; border-radius:22px; border:1px solid var(--line); background:linear-gradient(145deg,#111713,#090c0a); transition:.35s; }
.link-card:hover { transform:translateY(-8px); border-color:rgba(49,255,99,.45); box-shadow:0 24px 75px rgba(0,0,0,.55),0 0 40px rgba(49,255,99,.06); }
.card-glow { position:absolute; inset:-40% -30% auto auto; width:390px; height:390px; border-radius:50%; background:rgba(49,255,99,.10); filter:blur(50px); }
.agency .card-glow { inset:auto auto -45% -25%; }
.card-top { display:flex; justify-content:space-between; position:relative; z-index:1; }.card-number { font-size:10px; color:#69736c; letter-spacing:.2em; }.arrow { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line); font-size:18px; transition:.25s; }.link-card:hover .arrow { color:#041007; background:var(--green); transform:rotate(45deg); }
.logo-box { min-height:195px; display:flex; align-items:center; justify-content:center; position:relative; }.logo-box img { max-width:88%; max-height:160px; object-fit:contain; filter:drop-shadow(0 0 24px rgba(49,255,99,.13)); }
.scale-mark { height:195px; display:grid; place-items:center; position:relative; isolation:isolate; }.scale-mark img { display:block; width:min(390px,92%); max-height:180px; object-fit:contain; opacity:0; filter:drop-shadow(0 14px 28px rgba(0,0,0,.35)); transition:opacity .2s; }.scale-mark img.background-removed { opacity:1; }
.card-copy { position:relative; z-index:1; flex:1; }.card-copy>span { color:var(--green); font-size:9px; font-weight:800; letter-spacing:.22em; }.card-copy h3 { font-family:Montserrat,sans-serif; font-size:32px; letter-spacing:-.045em; margin:8px 0 10px; }.card-copy p { color:#8e9891; font-size:13px; line-height:1.65; max-width:390px; }
.card-button { display:flex; justify-content:space-between; align-items:center; margin-top:25px; padding:17px 19px; border:1px solid rgba(49,255,99,.75); border-radius:8px; color:#041107; background:var(--green); font-size:10px; font-weight:900; letter-spacing:.15em; box-shadow:0 0 26px rgba(49,255,99,.18); transition:.25s; }.card-button b { color:#041107; font-size:18px; }.link-card:hover .card-button { transform:translateY(-2px); box-shadow:0 10px 35px rgba(49,255,99,.28); }
footer { max-width:1152px; margin:auto; padding:36px 0 46px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:flex-end; color:#717b74; font-size:10px; letter-spacing:.07em; }
.toast { position:fixed; left:50%; bottom:22px; transform:translate(-50%,130px); z-index:20; background:#e9ffed; color:#07150a; padding:14px 20px; border-radius:99px; font-size:12px; font-weight:700; box-shadow:0 15px 55px rgba(0,0,0,.5); transition:.35s; }.toast.show { transform:translate(-50%,0); }
@media (max-width:800px) {
  .hero { padding:0 22px; min-height:auto; }.topbar { height:76px; }.brand { font-size:10px; }.top-cta { display:none; }
  .hero-grid { grid-template-columns:1fr; min-height:auto; }.hero-copy { padding:72px 0 0; text-align:center; }.hero-copy h1 { font-size:clamp(43px,13.2vw,53px); letter-spacing:-.07em; }.eyebrow { justify-content:center; font-size:9px; }.hero-copy p { margin-inline:auto; padding-inline:10px; }.primary-button { padding:15px 17px; }
  .portrait-wrap { height:470px; width:100%; margin-top:20px; }.portrait-wrap img { height:455px; width:min(420px,112%); }.portrait-halo { width:340px; height:340px; top:72px; }.orbit-one { width:450px; left:calc(50% - 225px); top:160px; }.orbit-two { width:370px; height:370px; left:calc(50% - 185px); }.status-card { right:0; bottom:48px; padding:12px 15px; }
  .links-section { padding:78px 18px 90px; }.cards { grid-template-columns:1fr; }.link-card { min-height:485px; padding:25px; }.logo-box,.scale-mark { height:170px; min-height:170px; }.scale-mark img { width:min(320px,94%); max-height:155px; }
  footer { margin:0 18px; padding:30px 0; justify-content:center; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }