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

:root { --void:#070707; --surface:#10100f; --raised:#171614; --line:#302e27; --ink:#f4f3ee; --muted:#b8b5aa; --faint:#77746c; --lime:#f5c400; --pink:#f5c400; --silver:#d4d1c5; --sky:#d4d1c5; --radius:22px; --max:1160px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--void); color:var(--ink); font-family:Arial, sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button, input, select { font:inherit; }
.container { width:min(calc(100% - 40px), var(--max)); margin-inline:auto; }
.skip-link { position:absolute; left:-10000px; top:12px; z-index:100; background:var(--lime); color:var(--void); padding:10px 14px; border-radius:8px; }
.skip-link:focus { left:12px; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(6,6,10,.84); border-bottom:1px solid rgba(255,255,255,.06); backdrop-filter:blur(16px); }
.header-inner { min-height:78px; display:flex; align-items:center; gap:32px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-family:'Syne',Arial,sans-serif; font-weight:800; letter-spacing:-.04em; }
.brand-logo { width:58px; height:34px; display:block; object-fit:cover; object-position:center; border:1px solid var(--line); border-radius:10px; background:#000; }
.brand-copy { font-size:19px; line-height:1; }
.brand-copy small { display:block; margin-top:5px; color:var(--faint); font:600 8px 'JetBrains Mono',monospace; letter-spacing:.08em; }
.desktop-nav { display:flex; gap:28px; margin-left:auto; color:var(--muted); font-size:14px; }
.desktop-nav a:hover, .text-link:hover, .card-link:hover, .solution-card a:hover, .site-footer a:hover { color:var(--lime); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 21px; border:1px solid var(--lime); border-radius:999px; background:var(--lime); color:var(--void); font-weight:700; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(245,196,0,.20); }
.button-small { min-height:40px; padding:0 16px; font-size:13px; }
.button-full { width:100%; cursor:pointer; }
.hero { position:relative; overflow:hidden; min-height:680px; display:grid; align-items:center; border-bottom:1px solid var(--line); }
.hero-glow { position:absolute; width:620px; height:620px; border-radius:50%; right:-180px; top:-160px; background:radial-gradient(circle,rgba(245,196,0,.16),transparent 68%); pointer-events:none; }
.hero-grid { position:relative; display:grid; grid-template-columns:1.1fr .9fr; gap:90px; align-items:center; padding:92px 0; }
.eyebrow { margin:0 0 18px; color:var(--lime); font:600 11px 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
h1, h2, h3, p { margin-top:0; }
h1, h2, h3 { font-family:'Syne',Arial,sans-serif; letter-spacing:-.05em; line-height:1.05; }
h1 { max-width:680px; margin-bottom:26px; font-size:clamp(48px, 7vw, 82px); }
h1 em { color:var(--lime); font-style:normal; }
.hero-lead { max-width:580px; margin-bottom:30px; color:var(--muted); font-size:18px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.text-link, .card-link, .solution-card a { display:inline-flex; align-items:center; gap:9px; color:var(--ink); font-weight:700; font-size:14px; }
.text-link span, .card-link span, .solution-card a span { color:var(--lime); }
.hero-assurance { display:flex; flex-wrap:wrap; gap:18px; list-style:none; padding:0; margin:36px 0 0; color:var(--faint); font:12px 'JetBrains Mono',monospace; }
.hero-assurance span { color:var(--lime); margin-right:6px; }
.hero-card { position:relative; overflow:hidden; padding:34px; min-height:420px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(17,17,26,.94),rgba(8,8,13,.94)); box-shadow:0 26px 80px rgba(0,0,0,.26); }
.card-orb { position:absolute; right:-80px; top:-80px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(245,196,0,.28),rgba(245,196,0,0) 70%); }
.card-kicker { position:relative; color:var(--lime); font:600 11px 'JetBrains Mono',monospace; text-transform:uppercase; letter-spacing:.08em; }
.hero-card h2 { position:relative; max-width:360px; margin:55px 0 34px; font-size:32px; }
.profile-row { position:relative; display:grid; grid-template-columns:14px 1fr; column-gap:10px; align-items:center; padding:14px 0; border-top:1px solid var(--line); font-weight:700; }
.profile-row small { grid-column:2; color:var(--faint); font-size:12px; font-weight:400; }
.profile-dot { width:10px; height:10px; border-radius:50%; grid-row:span 2; }.lime{background:var(--lime)}.sky{background:var(--sky)}.pink{background:var(--pink)}
.card-link { position:relative; margin-top:26px; }
.trust-strip { border-bottom:1px solid var(--line); background:var(--surface); }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:24px 0; }
.trust-grid div { display:flex; align-items:center; gap:14px; color:var(--muted); font-size:13px; }.trust-grid strong { color:var(--lime); font:600 12px 'JetBrains Mono',monospace; }
.proof-section { background:linear-gradient(180deg,var(--void),#0c0b08); border-bottom:1px solid var(--line); }.proof-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }.proof-stack { display:grid; gap:18px; }.history-photo { margin:0; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--raised); }.history-photo img { display:block; width:100%; height:210px; object-fit:cover; object-position:center 58%; filter:saturate(.9); }.history-photo figcaption { padding:12px 16px; color:var(--faint); font:11px 'JetBrains Mono',monospace; }.proof-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.proof-stat { min-height:150px; display:flex; flex-direction:column; justify-content:space-between; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:var(--raised); }.proof-stat strong { color:var(--lime); font:800 42px 'Syne',Arial,sans-serif; letter-spacing:-.06em; }.proof-stat strong span { font-size:.6em; }.proof-stat small { color:var(--muted); font-size:12px; line-height:1.35; }.proof-stack blockquote { margin:0; padding:28px 30px; border-left:3px solid var(--lime); border-radius:0 var(--radius) var(--radius) 0; background:rgba(245,196,0,.08); color:var(--ink); font:600 20px 'Syne',Arial,sans-serif; }.proof-stack cite { display:block; margin-top:12px; color:var(--faint); font:11px 'JetBrains Mono',monospace; font-style:normal; }
.team-section { background:var(--surface); border-bottom:1px solid var(--line); }.team-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.team-card { display:grid; grid-template-columns:180px 1fr; align-items:center; gap:26px; overflow:hidden; padding:18px; border:1px solid var(--line); border-radius:var(--radius); background:var(--raised); }.team-card img { width:180px; height:220px; object-fit:cover; object-position:center top; border-radius:14px; filter:saturate(.9); }.team-card h3 { margin:0 0 10px; font-size:23px; }.team-card p { margin:0; color:var(--muted); font-size:13px; }
.section { padding:120px 0; }.section-muted { background:var(--surface); border-block:1px solid var(--line); }
.section-heading { max-width:650px; margin-bottom:48px; }.section-heading.compact { margin-bottom:40px; }
.section-heading h2, .split-grid h2, .simulation-copy h2, .final-cta h2 { margin-bottom:20px; font-size:clamp(35px,5vw,58px); }
.section-heading > p:last-child, .section-intro { color:var(--muted); font-size:17px; }
.solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.solution-card { display:flex; flex-direction:column; min-height:300px; padding:26px; border:1px solid var(--line); border-radius:var(--radius); background:var(--raised); transition:transform .2s ease,border-color .2s ease; }.solution-card:hover{transform:translateY(-5px);border-color:#5a5543}.solution-card.featured{background:linear-gradient(155deg,rgba(245,196,0,.12),var(--raised));border-color:rgba(245,196,0,.35)}
.number { color:var(--lime); font:600 12px 'JetBrains Mono',monospace; }.solution-card h3 { margin:55px 0 14px; font-size:25px; }.solution-card p { color:var(--muted); font-size:14px; }.solution-card a { margin-top:auto; }
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }.margin-visual { padding:38px; border:1px solid var(--line); border-radius:var(--radius); background:var(--raised); }.margin-bar { height:28px; overflow:hidden; border-radius:99px; background:var(--lime); }.margin-bar span { display:block; width:57%; height:100%; background:#3a3a4a; border-radius:99px; }.margin-labels { display:flex; justify-content:space-between; gap:20px; margin-top:16px; color:var(--faint); font-size:12px; }.margin-labels strong { color:var(--lime); font-weight:400; }.margin-visual p { margin:42px 0 0; color:var(--faint); font:11px 'JetBrains Mono',monospace; }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }.step { border-top:1px solid var(--line); padding-top:20px; }.step > span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--lime); color:var(--void); font:700 13px 'JetBrains Mono',monospace; }.step h3 { margin:26px 0 10px; font-size:21px; }.step p { color:var(--muted); font-size:14px; }
.simulation { background:linear-gradient(135deg,#10121a,#0c0c11); border-block:1px solid var(--line); }.simulation-grid { display:grid; grid-template-columns:1fr .8fr; gap:90px; align-items:start; }.simulation-copy p:not(.eyebrow) { max-width:500px; color:var(--muted); font-size:17px; }.privacy-note { display:flex; gap:10px; max-width:420px; margin-top:35px; color:var(--faint); font:12px 'JetBrains Mono',monospace; }.privacy-note span:first-child{color:var(--lime);font-size:18px}.lead-form { padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:var(--void); }.lead-form label { display:block; margin:0 0 8px; color:var(--muted); font-size:13px; }.lead-form input,.lead-form select { width:100%; height:50px; margin:0 0 20px; padding:0 14px; border:1px solid var(--line); border-radius:10px; outline:none; background:var(--raised); color:var(--ink); }.lead-form input:focus,.lead-form select:focus{border-color:var(--lime)}.form-disclaimer{margin:15px 0 0;color:var(--faint);font-size:11px;text-align:center}
.faq-section { border-bottom:1px solid var(--line); }.faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }.faq-list details { border-top:1px solid var(--line); padding:22px 0; }.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font-family:'Syne',Arial,sans-serif;font-size:18px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';float:right;color:var(--lime);font:24px Arial;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:660px;margin:15px 0 0;color:var(--muted);font-size:14px}
.final-cta { padding:72px 0; background:var(--lime); color:var(--void); }.final-cta .eyebrow{color:rgba(6,6,10,.6)}.final-cta h2{margin:0;font-size:clamp(34px,5vw,54px)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta .button{border-color:var(--void);background:var(--void);color:var(--lime)}
.whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:25; display:inline-flex; align-items:center; gap:9px; min-height:50px; padding:0 17px; border:1px solid var(--lime); border-radius:999px; background:var(--lime); color:var(--void); font-weight:800; box-shadow:0 12px 30px rgba(0,0,0,.35); transition:transform .2s ease, box-shadow .2s ease; }.whatsapp-float:hover { transform:translateY(-3px); box-shadow:0 16px 36px rgba(0,0,0,.45); }.whatsapp-float svg { width:21px; height:21px; fill:currentColor; }
.site-footer { padding:60px 0 28px; background:var(--void); }.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.site-footer p{color:var(--faint);font-size:13px}.site-footer .brand{margin-bottom:20px}.footer-label{color:var(--lime)!important;font:600 11px 'JetBrains Mono',monospace!important;text-transform:uppercase}.site-footer a:not(.brand){color:var(--muted);font-size:13px}.legal{margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}.legal p{max-width:900px;margin:0;font-size:11px;line-height:1.7}.legal .source-note{margin-top:10px;color:#4f4f5d}
@media (max-width: 900px) { .desktop-nav{display:none}.hero-grid,.split-grid,.simulation-grid,.faq-grid,.proof-layout{grid-template-columns:1fr;gap:50px}.hero{min-height:auto}.hero-grid{padding:80px 0}.hero-card{max-width:600px}.solution-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr} }
@media (max-width: 620px) { .container{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:68px}.header-inner .button-small{margin-left:auto}.brand-copy{font-size:17px}.brand-copy small{font-size:7px}.hero-grid{padding:68px 0}.hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-assurance{display:grid;gap:10px}.hero-card{padding:25px}.hero-card h2{margin-top:44px;font-size:28px}.trust-grid{grid-template-columns:1fr;gap:12px;padding:20px 0}.section{padding:80px 0}.solution-grid,.steps-grid{grid-template-columns:1fr}.solution-card{min-height:240px}.solution-card h3{margin-top:35px}.margin-visual{padding:24px}.margin-labels{font-size:10px}.proof-stats{grid-template-columns:1fr}.proof-stat{min-height:120px}.team-card{grid-template-columns:100px 1fr;gap:16px;padding:12px}.team-card img{width:100px;height:140px}.team-card h3{font-size:18px}.final-cta-inner{align-items:stretch;flex-direction:column}.final-cta .button{width:100%}.footer-grid{grid-template-columns:1fr;gap:25px}.lead-form{padding:22px}.whatsapp-float{right:14px;bottom:14px;min-height:48px;padding:0 15px} }