:root {
  color-scheme: dark;
  --ink: #0a0c0c;
  --ink-2: #101313;
  --panel: #151918;
  --panel-soft: #1a1f1d;
  --line: rgba(255,255,255,.12);
  --muted: #9ca39f;
  --paper: #f3f5ef;
  --lime: #c9ff57;
  --lime-soft: #a8d94d;
  --violet: #b8a6ff;
  --radius: 22px;
  --page: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--paper);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.ambient { position: fixed; border-radius: 999px; filter: blur(120px); opacity: .09; pointer-events: none; z-index: -1; }
.ambient-one { width: 520px; height: 520px; background: var(--lime); top: 6vh; right: -280px; }
.ambient-two { width: 420px; height: 420px; background: var(--violet); top: 90vh; left: -280px; }

.site-header {
  width: var(--page);
  height: 82px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid var(--line);
  position: relative;
  z-index: 20;
}
.brand { display: inline-flex; align-items: center; gap: 12px; font-size: .83rem; font-weight: 800; letter-spacing: .12em; width: max-content; }
.brand b { color: var(--lime); }
.brand-mark { width: 29px; height: 29px; border: 1px solid rgba(201,255,87,.55); border-radius: 50%; display: grid; place-items: center; position: relative; }
.brand-mark i { position: absolute; width: 4px; height: 4px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 9px rgba(201,255,87,.9); }
.brand-mark i:nth-child(1) { transform: translate(-6px, 2px); }
.brand-mark i:nth-child(2) { transform: translate(5px, -5px); }
.brand-mark i:nth-child(3) { transform: translate(5px, 6px); }
.brand-mark::before,.brand-mark::after { content:""; position:absolute; width:11px; height:1px; background:rgba(201,255,87,.65); transform-origin:left; left:8px; top:15px; }
.brand-mark::after { transform: rotate(-36deg); top:14px; }
.desktop-nav { display: flex; gap: 36px; }
.desktop-nav a { color: #bcc2be; font-size: .88rem; transition: color .2s ease; }
.desktop-nav a:hover { color: var(--paper); }
.header-access { justify-self: end; border: 1px solid var(--line); border-radius: 999px; padding: 11px 17px; font-size: .82rem; transition: border-color .2s, background .2s; }
.header-access span { color: var(--lime); margin-left: 8px; }
.header-access:hover { border-color: rgba(201,255,87,.5); background: rgba(201,255,87,.05); }
.menu-button,.mobile-nav { display:none; }

.hero { width: var(--page); margin: 0 auto; min-height: calc(100svh - 82px); display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 50px; position: relative; padding: 80px 0 96px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow,.section-kicker { color: #afb6b1; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px rgba(201,255,87,.8); }
h1 { font-size: clamp(3.7rem, 6vw, 6.7rem); line-height: .91; letter-spacing: -.067em; margin: 28px 0 32px; font-weight: 620; }
h1 em { color: var(--lime); font-style: normal; }
.hero-lead { max-width: 600px; color: #b7bdb9; font-size: clamp(1.06rem, 1.4vw, 1.24rem); line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 40px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; border-radius: 999px; padding: 0 23px; font-size: .9rem; font-weight: 650; transition: transform .2s, background .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--lime); color: #10140b; }
.button-primary:hover { background: #dbff91; }
.button-secondary { border: 1px solid var(--line); color: #d9ddda; }
.button-secondary:hover { border-color: rgba(255,255,255,.3); }
.trust-line { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 38px; color: #7f8782; font-size: .73rem; }
.trust-line span::before { content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:#6f7772; margin:0 8px 2px 0; }

.hero-visual { position: relative; min-height: 600px; display: flex; align-items: center; }
.image-shell { width: 100%; aspect-ratio: .95; border-radius: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); background:#0c0e0e; position: relative; box-shadow: 0 40px 90px rgba(0,0,0,.48); }
.image-shell img { width: 100%; height: 100%; object-fit: cover; object-position: 64% center; opacity:.86; transform: scale(1.02); }
.visual-shade { position:absolute; inset:0; background: linear-gradient(90deg, rgba(10,12,12,.28), transparent 38%), linear-gradient(0deg, rgba(10,12,12,.5), transparent 45%); }
.signal-card { position:absolute; display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid rgba(255,255,255,.14); background:rgba(13,16,15,.72); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.35); }
.signal-card small { display:block; color:#8e9691; font-size:.67rem; margin-bottom:4px; }
.signal-card strong { font-size:.79rem; white-space:nowrap; }
.signal-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; font-weight:800; font-size:.77rem; }
.mateo { background:var(--lime); color:#111; }.amelia { background:var(--violet); color:#161020; }
.signal-sales { top:23%; left:-4%; }.signal-marketing { bottom:19%; right:-4%; }
.signal-status { font-size:.61rem; color:var(--lime); border:1px solid rgba(201,255,87,.26); border-radius:99px; padding:5px 7px; margin-left:6px; }
.approval-chip { position:absolute; top:15%; right:5%; color:#cbd0cc; font-size:.68rem; display:flex; gap:7px; align-items:center; background:rgba(10,12,12,.68); padding:8px 11px; border-radius:99px; border:1px solid rgba(255,255,255,.1); }
.approval-chip span { color:var(--lime); }
.hero-index { position:absolute; right:-20px; bottom:30px; font-size:10rem; font-weight:800; letter-spacing:-.09em; color:rgba(255,255,255,.018); pointer-events:none; }

.section { width: var(--page); margin: 0 auto; padding: 132px 0; }
.statement { border-top:1px solid var(--line); }
.statement-grid { display:grid; grid-template-columns:1fr .8fr; gap:120px; margin-top:40px; }
.statement h2,.agents h2,.workflow h2,.security h2,.closing h2 { font-size:clamp(2.9rem,5.2vw,5.7rem); line-height:.98; letter-spacing:-.055em; margin:0; font-weight:590; }
.statement h2 span,.agents h2 span,.closing h2 span { color:var(--lime); }
.statement-copy > p { color:#adb4af; font-size:1.07rem; line-height:1.75; margin:4px 0 48px; }
.proof-list { border-top:1px solid var(--line); }
.proof-list div { display:grid; grid-template-columns:60px 1fr; align-items:center; min-height:62px; border-bottom:1px solid var(--line); }
.proof-list b { color:var(--lime); font-size:.65rem; letter-spacing:.12em; }.proof-list span { font-size:.88rem; }
.capability-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:110px; }
.capability { min-height:470px; border:1px solid var(--line); background:linear-gradient(145deg,#151817,#0e1110); border-radius:var(--radius); padding:28px; display:flex; flex-direction:column; overflow:hidden; }
.capability-wide { grid-column:span 2; min-height:580px; }
.capability-top { display:flex; justify-content:space-between; color:#929994; text-transform:uppercase; letter-spacing:.14em; font-size:.68rem; }
.capability-top b { color:#4b514d; }
.capability h3 { font-size:1.8rem; letter-spacing:-.035em; margin:auto 0 8px; }.capability p { color:#929a95; line-height:1.65; max-width:560px; margin:0; }
.crm-scene { width:78%; margin:45px auto 35px; min-height:330px; background:#0d100f; border:1px solid rgba(255,255,255,.12); border-radius:18px; display:grid; grid-template-columns:64px 1fr; box-shadow:0 30px 70px rgba(0,0,0,.4); transform:perspective(1000px) rotateX(2deg); }
.crm-sidebar { border-right:1px solid var(--line); display:flex; flex-direction:column; align-items:center; gap:18px; padding-top:25px; }.crm-sidebar i { width:20px;height:20px;border-radius:6px;background:#252b28; }.crm-sidebar i:first-child{background:var(--lime);box-shadow:0 0 18px rgba(201,255,87,.3)}
.crm-board { padding:24px; }.board-head{display:flex;justify-content:space-between;color:#dbe0dc;font-size:.8rem;margin-bottom:25px}.board-head span:last-child{color:#737b76;font-size:.67rem}.board-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.board-columns>div{min-width:0}.board-columns small{font-size:.54rem;letter-spacing:.1em;color:#6d756f;display:block;margin-bottom:10px}.board-columns i{display:block;height:54px;background:#171b1a;border:1px solid rgba(255,255,255,.07);border-radius:8px;margin-bottom:8px;position:relative}.board-columns i::before{content:"";position:absolute;left:9px;top:11px;width:55%;height:4px;border-radius:9px;background:#353b38;box-shadow:0 10px 0 #262b29}.board-columns i.won::after{content:"✓";position:absolute;right:8px;bottom:7px;color:var(--lime);font-size:.65rem}
.score-orbit { width:220px; height:220px; margin:46px auto 25px; border-radius:50%; display:grid; place-items:center; position:relative; background:radial-gradient(circle,rgba(201,255,87,.12),transparent 62%); }.score-orbit strong{font-size:4.6rem;color:var(--lime);letter-spacing:-.08em}.score-orbit small{position:absolute;top:64%;font-size:.52rem;letter-spacing:.17em;color:#7f8782}.orbit{position:absolute;border:1px solid rgba(201,255,87,.2);border-radius:50%}.orbit-one{inset:13px}.orbit-two{inset:38px;border-color:rgba(184,166,255,.22);animation:pulse 3s ease-in-out infinite}
.action-stack { display:grid; gap:10px; margin:68px 0 35px; }.action-stack span{display:grid;grid-template-columns:28px 1fr auto;align-items:center;min-height:62px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#cbd0cc;font-size:.78rem;background:#111413}.action-stack i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(201,255,87,.5)}.action-stack b{color:var(--lime)}.action-stack .pending{opacity:.55}.action-stack .pending i{background:var(--violet);box-shadow:0 0 10px rgba(184,166,255,.5)}.action-stack .pending b{color:var(--violet)}

.agents { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; border-top:1px solid var(--line); }
.agents-intro { position:sticky; top:120px; align-self:start; }.agents-intro h2{font-size:clamp(2.8rem,4.4vw,4.7rem);margin-top:30px}.agents-intro p{color:#9fa6a1;line-height:1.7;max-width:470px;margin-top:30px}
.agent-showcase { display:grid; gap:16px; }.agent-card{min-height:480px;border-radius:var(--radius);padding:34px;position:relative;overflow:hidden}.agent-card-mateo{background:var(--lime);color:#13170e}.agent-card-amelia{background:var(--violet);color:#17121e}.agent-number{font-size:.65rem;letter-spacing:.12em;opacity:.55}.agent-role{text-transform:uppercase;font-size:.67rem;letter-spacing:.13em;margin-top:6px;opacity:.64}.agent-monogram{position:absolute;right:-18px;top:-45px;font-size:15rem;font-weight:900;line-height:1;opacity:.09;letter-spacing:-.09em}.agent-card h3{font-size:4.7rem;letter-spacing:-.07em;margin:105px 0 10px;line-height:1}.agent-card>p{font-size:1.05rem;line-height:1.6;max-width:500px}.agent-card ul{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid rgba(0,0,0,.16)}.agent-card li{border-bottom:1px solid rgba(0,0,0,.16);padding:14px 0;font-size:.83rem}.agent-card li::before{content:"↳";margin-right:10px}.agent-quote{border:1px solid var(--line);border-radius:var(--radius);padding:40px;min-height:260px;display:grid;grid-template-columns:70px 1fr;align-items:center}.agent-quote>span{font-size:6rem;color:var(--lime);line-height:1}.agent-quote p{font-size:clamp(1.45rem,2.4vw,2.3rem);line-height:1.25;letter-spacing:-.035em;margin:0}

.workflow { border-top:1px solid var(--line); }.workflow-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.workflow-head h2{font-size:clamp(2.6rem,4.5vw,4.8rem);text-align:right}.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line)}.workflow-step{padding:25px 24px 0 0;min-height:260px;border-right:1px solid var(--line)}.workflow-step:not(:first-child){padding-left:24px}.workflow-step b{display:block;color:var(--lime);font-size:.62rem;letter-spacing:.13em;margin-bottom:48px}.workflow-step span{font-size:1.35rem;letter-spacing:-.03em}.workflow-step p{color:#8f9792;line-height:1.6;font-size:.85rem;margin-top:15px}

.security { position:relative; display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;border:1px solid rgba(201,255,87,.18);border-radius:30px;padding:90px;margin-bottom:120px;background:linear-gradient(145deg,rgba(201,255,87,.035),rgba(184,166,255,.025));overflow:hidden}.security-glow{position:absolute;width:350px;height:350px;background:var(--lime);filter:blur(130px);opacity:.08;left:-160px;bottom:-180px}.security h2{font-size:clamp(2.7rem,4.2vw,4.6rem);margin:28px 0}.security-copy>p{color:#a4aba7;line-height:1.7}.text-link{display:inline-flex;gap:12px;margin-top:25px;font-size:.82rem;border-bottom:1px solid rgba(201,255,87,.45);padding-bottom:7px}.text-link span{color:var(--lime)}.security-panel{border-top:1px solid var(--line)}.security-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:15px;min-height:92px;border-bottom:1px solid var(--line)}.security-icon{width:32px;height:32px;border:1px solid rgba(201,255,87,.25);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:.56rem}.security-row strong{display:block;font-size:.86rem;margin-bottom:5px}.security-row small{color:#7f8782;font-size:.72rem}.security-row>i{font-style:normal;color:var(--lime);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}

.closing{text-align:center;border-top:1px solid var(--line);position:relative;overflow:hidden}.closing .section-kicker{justify-content:center}.closing h2{margin:30px 0}.closing p{color:#9aa19c;max-width:620px;margin:0 auto 35px;line-height:1.7}.closing-orbit{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:760px;height:760px;z-index:-1;opacity:.22}.closing-orbit i{position:absolute;inset:0;border:1px solid rgba(201,255,87,.18);border-radius:50%}.closing-orbit i:nth-child(2){inset:90px;border-color:rgba(184,166,255,.16)}.closing-orbit i:nth-child(3){inset:180px}

footer{width:var(--page);margin:0 auto;padding:45px 0 55px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:start;gap:20px}footer>p{color:#707873;font-size:.8rem;justify-self:end;margin:7px 0 0}footer>div{grid-column:1/-1;display:flex;justify-content:space-between;color:#606863;font-size:.7rem;margin-top:55px}footer>div a:hover{color:var(--lime)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes pulse{50%{transform:scale(.92);opacity:.45}}

@media (max-width: 980px){
  :root{--page:min(100% - 34px,760px)}
  .site-header{grid-template-columns:1fr auto}.desktop-nav,.header-access{display:none}.menu-button{display:grid;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:50%;place-content:center;gap:5px}.menu-button span{display:block;width:16px;height:1px;background:#fff;transition:transform .2s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
  .mobile-nav{display:none;position:absolute;z-index:19;top:82px;left:17px;right:17px;padding:18px;background:#141817;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.5)}.mobile-nav.open{display:grid}.mobile-nav a{padding:15px;border-bottom:1px solid var(--line)}.mobile-nav a:last-child{border:0;color:var(--lime)}
  .hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:500px}.image-shell{aspect-ratio:1.25}.signal-sales{left:3%}.signal-marketing{right:3%}
  .statement-grid,.agents,.security{grid-template-columns:1fr;gap:60px}.agents-intro{position:static}.capability-grid{grid-template-columns:1fr}.capability-wide{grid-column:auto}.crm-scene{width:100%}.workflow-head{display:block}.workflow-head h2{text-align:left;margin-top:28px}.workflow-track{grid-template-columns:1fr 1fr}.workflow-step:nth-child(2){border-right:0}.security{padding:60px}.security-panel{margin-top:10px}
}
@media (max-width: 620px){
  :root{--page:calc(100% - 28px)}
  .site-header{height:72px}.mobile-nav{top:72px}
  .hero{min-height:auto;padding:70px 0 80px;gap:45px}h1{font-size:clamp(3.1rem,17vw,4.6rem)}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.trust-line{gap:11px 18px}.hero-visual{min-height:360px}.image-shell{aspect-ratio:.85}.signal-card{transform:scale(.88)}.signal-sales{top:9%;left:-4%}.signal-marketing{bottom:8%;right:-4%}.approval-chip{top:42%;right:2%}
  .section{padding:90px 0}.statement-grid{gap:45px}.capability-grid{margin-top:70px}.capability{min-height:430px;padding:22px}.capability-wide{min-height:510px}.crm-scene{grid-template-columns:42px 1fr;min-height:280px;margin-top:40px}.crm-board{padding:16px}.board-columns{gap:6px}.board-columns i{height:42px}.score-orbit{width:185px;height:185px}.agents{gap:55px}.agent-card{min-height:450px;padding:27px}.agent-card h3{font-size:4rem}.agent-quote{grid-template-columns:1fr;padding:28px}.agent-quote>span{height:55px}.workflow-track{grid-template-columns:1fr}.workflow-step,.workflow-step:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:24px 0;min-height:auto}.workflow-step b{margin-bottom:28px}.security{padding:38px 23px;margin-bottom:90px}.security-row{grid-template-columns:38px 1fr}.security-row>i{display:none}.security-row small{line-height:1.4;display:block}.closing-orbit{width:520px;height:520px}footer{grid-template-columns:1fr}footer>p{justify-self:start}footer>div{margin-top:35px;gap:20px;flex-direction:column}
}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.orbit-two{animation:none}}