:root { --ink:#172116; --muted:#647061; --paper:#f4f4ef; --lime:#c9fa5b; --line:#d8ded3; --night:#152018; --radius:20px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; font-size:16px; }
a { color:inherit; text-decoration:none; }
.site-header, .hero, .section, .contact-section, footer { max-width:1200px; margin:0 auto; }
.site-header { min-height:88px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; }.brand img { display:block; width:155px; height:61px; object-fit:contain; mix-blend-mode:multiply; }
.site-nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:600; }.site-nav a:not(.nav-cta):hover { color:#548000; }.nav-cta { padding:10px 14px; background:var(--ink); color:#fff; border-radius:999px; }.nav-cta span { color:var(--lime); margin-left:5px; }.menu-button { display:none; }
.hero { min-height:628px; padding:75px 28px 65px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }.eyebrow { margin:0 0 17px; color:#5b7330; font-family:"DM Mono",monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.eyebrow span { display:inline-block; width:7px; height:7px; background:#6a9910; border-radius:50%; margin:0 7px 1px 0; }
h1,h2,h3,p { margin-top:0; }h1,h2 { letter-spacing:-.065em; line-height:.98; }h1 { font-size:clamp(48px,6.6vw,82px); max-width:640px; margin-bottom:28px; }h2 { font-size:clamp(38px,5vw,62px); margin-bottom:0; }em { font-family:Georgia,serif; font-weight:400; } .hero-text { max-width:490px; color:var(--muted); line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:27px; margin-top:34px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:22px; border:0; border-radius:999px; padding:15px 19px; font:700 14px Manrope,sans-serif; cursor:pointer; }.button-primary { background:var(--ink); color:white; }.button-primary span { color:var(--lime); font-size:19px; line-height:10px; }.button-primary:hover { background:#2b3b28; }.text-link { font-weight:700; font-size:14px; }.text-link span { color:#649300; margin-left:6px; }.hero-note { margin-top:54px; color:var(--muted); font-size:12px; }.pulse { width:8px; height:8px; display:inline-block; background:#87b822; border-radius:50%; margin-right:8px; }
.agent-console { overflow:hidden; border-radius:var(--radius); background:var(--night); color:#ecf2e7; box-shadow:0 18px 55px rgba(21,32,24,.14); }.console-top,.console-footer { padding:16px 19px; display:flex; justify-content:space-between; color:#a6b5a3; font:10px "DM Mono",monospace; letter-spacing:.07em; }.console-top { border-bottom:1px solid #324032; }.console-footer { border-top:1px solid #324032; }.live { color:var(--lime); }.console-body { height:365px; position:relative; background:radial-gradient(circle at center,#223520 0%,#152018 68%); }.console-body svg { position:absolute; inset:0; width:100%; height:100%; }.console-body path { fill:none; stroke:#7eae3c; stroke-width:1; opacity:.7; }.console-body circle { fill:var(--lime); }.agent-node { position:absolute; z-index:1; width:122px; padding:12px; border:1px solid #53634e; border-radius:11px; background:rgba(32,49,31,.92); }.agent-node b,.agent-node small { display:block; }.agent-node b { margin-top:7px; font-size:12px; }.agent-node small { margin-top:3px; color:#a9b5a7; font-size:10px; }.node-icon { color:var(--lime); font-size:18px; }.central { top:142px; left:calc(50% - 61px); border-color:#91be42; background:#314b29; }.node-one { top:30px; left:34px; }.node-two { top:43px; right:31px; }.node-three { bottom:27px; left:35px; }.node-four { bottom:20px; right:22px; }
.strip { background:var(--lime); display:flex; justify-content:center; align-items:center; gap:28px; min-height:65px; color:#273b12; font:500 12px "DM Mono",monospace; letter-spacing:.02em; }.strip i { width:5px; height:5px; background:#53751d; border-radius:50%; }
.section { padding:125px 28px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:60px; }.service-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:16px; }.service-card { min-height:330px; padding:27px; border:1px solid var(--line); border-radius:var(--radius); display:flex; flex-direction:column; background:#f8f8f5; }.service-card.featured { background:var(--ink); color:#f3f7ef; border-color:var(--ink); }.card-number { align-self:flex-end; font:11px "DM Mono",monospace; color:#9aa899; }.service-icon { width:42px; height:42px; display:grid; place-items:center; background:#e5f8b8; border-radius:50%; color:#466b0c; font-size:21px; }.featured .service-icon { background:var(--lime); color:var(--ink); }.service-card h3 { margin:24px 0 12px; font-size:21px; letter-spacing:-.045em; }.service-card p { color:var(--muted); line-height:1.65; font-size:14px; }.featured p { color:#b8c6b4; }.service-card a { margin-top:auto; font-size:13px; font-weight:700; }.service-card a span { color:#6c9a17; margin-left:5px; }.featured a span { color:var(--lime); }
.approach { padding-top:45px; }.steps { padding:0; margin:0; list-style:none; border-top:1px solid var(--line); }.steps li { display:grid; grid-template-columns:90px 1fr 100px; gap:10px; padding:28px 0; border-bottom:1px solid var(--line); }.steps li>span,.steps b { font:11px "DM Mono",monospace; color:#668c25; }.steps h3 { margin:0 0 8px; font-size:20px; letter-spacing:-.04em; }.steps p { max-width:530px; margin:0; font-size:14px; color:var(--muted); line-height:1.6; }.steps b { color:var(--muted); text-align:right; font-weight:400; }
.results { padding-top:80px; padding-bottom:120px; display:grid; grid-template-columns:1fr 1fr; gap:80px; }.results-copy { padding-top:44px; }.results-copy>p { max-width:470px; font-size:21px; line-height:1.55; letter-spacing:-.025em; }.results ul { margin:32px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }.results li { padding:15px 0; border-bottom:1px solid var(--line); font-size:14px; }.results li span { color:#639311; margin-right:10px; font-weight:800; }
.contact-section { margin-bottom:70px; border-radius:var(--radius); padding:65px; background:var(--night); color:#f4f7f1; display:grid; grid-template-columns:1fr 1fr; gap:70px; }.contact-section .eyebrow { color:#b9dc79; }.contact-section .eyebrow span { background:var(--lime); }.contact-section>div>p:last-child { color:#b6c3b2; line-height:1.65; max-width:390px; }.contact-form { display:grid; gap:15px; }.contact-form label { color:#bac6b7; font-size:12px; }.contact-form input,.contact-form textarea { width:100%; display:block; margin-top:7px; padding:12px 0; background:transparent; border:0; border-bottom:1px solid #53634e; border-radius:0; color:#fff; font:14px Manrope,sans-serif; outline:none; resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color:var(--lime); }.contact-form .button { justify-self:start; margin-top:8px; background:var(--lime); color:var(--ink); }.contact-form .button span { color:var(--ink); }.contact-form .button:hover { background:#d9ff8d; }.contact-form #form-message { min-height:18px; margin:0; color:var(--lime); font-size:12px; }
footer { padding:0 28px 33px; display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:11px; }footer .brand { color:var(--ink); }footer a:last-child:hover { color:#5c8615; }
@media(max-width:760px){.site-header{padding:0 20px;min-height:74px}.menu-button{display:block;background:none;border:0;font:600 13px Manrope,sans-serif}.site-nav{display:none;position:absolute;top:73px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;z-index:3}.site-nav.open{display:flex}.hero{padding:57px 20px 60px;grid-template-columns:1fr;gap:45px;min-height:auto}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{margin-top:36px}.section{padding:80px 20px}.section-heading{display:block;margin-bottom:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:270px}.approach{padding-top:0}.steps li{grid-template-columns:48px 1fr}.steps b{display:none}.results{grid-template-columns:1fr;gap:0;padding-top:55px}.results-copy{padding-top:0}.contact-section{margin:0 20px 45px;padding:38px 25px;grid-template-columns:1fr;gap:30px}.strip{padding:16px 20px;gap:12px;flex-wrap:wrap;text-align:center}.strip i{display:none}footer{padding:0 20px 25px;align-items:flex-start;gap:18px;flex-direction:column}.agent-console{max-width:520px}.brand{font-size:12px}}
.explorer { padding-top:35px; }.explorer-intro { max-width:285px; margin:25px 0 0; color:var(--muted); font-size:14px; line-height:1.6; }.explorer-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:16px; }.solution-tabs { display:grid; gap:9px; }.solution-tab { text-align:left; display:grid; grid-template-columns:34px 1fr; gap:2px 8px; padding:18px; border:1px solid var(--line); border-radius:14px; background:transparent; color:var(--ink); cursor:pointer; font-family:Manrope,sans-serif; }.solution-tab span { grid-row:span 2; color:#759d2a; font:11px "DM Mono",monospace; padding-top:3px; }.solution-tab b { font-size:15px; letter-spacing:-.02em; }.solution-tab small { color:var(--muted); font-size:11px; }.solution-tab:hover,.solution-tab.active { border-color:#9cc85a; background:#ecf8d6; }.workflow-view { min-height:330px; padding:31px; border-radius:var(--radius); background:var(--ink); color:#eff6e9; }.workflow-label { display:flex; justify-content:space-between; color:#b1c1ac; font:10px "DM Mono",monospace; letter-spacing:.04em; }.workflow-status { color:var(--lime); }.workflow-status i { display:inline-block; width:6px; height:6px; margin:0 5px 1px 0; border-radius:50%; background:var(--lime); }.workflow-view h3 { max-width:510px; margin:38px 0 12px; font-size:clamp(26px,3vw,38px); letter-spacing:-.055em; line-height:1.05; }.workflow-view p { max-width:550px; color:#c0cbbd; font-size:14px; line-height:1.65; }.workflow-nodes { display:flex; flex-wrap:wrap; gap:9px; margin:28px 0; align-items:center; }.workflow-nodes span { padding:8px 10px; border:1px solid #61755b; border-radius:8px; background:#273725; font:10px "DM Mono",monospace; }.workflow-nodes i { color:var(--lime); font-style:normal; }.workflow-metric { display:flex; gap:9px; flex-wrap:wrap; color:#bac8b6; font-size:12px; }.workflow-metric strong { color:var(--lime); font-weight:700; }
.roi-section { max-width:1200px; margin:0 auto 120px; padding:54px 56px; border-radius:var(--radius); background:#e4f8bc; display:grid; grid-template-columns:1fr 1fr; gap:85px; }.roi-section h2 { font-size:clamp(34px,4vw,51px); }.roi-section p:last-child { max-width:420px; color:#52674d; font-size:14px; line-height:1.65; }.roi-calculator { display:grid; gap:21px; align-content:center; }.roi-calculator label { display:grid; grid-template-columns:1fr auto; gap:8px; color:#3e5638; font-size:13px; font-weight:700; }.roi-calculator output { color:#315117; font-family:"DM Mono",monospace; }.roi-calculator input { grid-column:span 2; width:100%; accent-color:#4c7619; }.roi-result { margin-top:7px; padding-top:22px; border-top:1px solid #aac980; }.roi-result span,.roi-result small { display:block; color:#52674d; font-size:12px; }.roi-result strong { display:block; margin:6px 0; font-size:39px; line-height:1; letter-spacing:-.06em; }
.careers-hero { max-width:1200px; margin:0 auto; min-height:500px; padding:100px 28px 70px; background:radial-gradient(circle at 88% 28%,#ddf9a8 0,transparent 22%),var(--paper); }.careers-hero h1 { margin-bottom:26px; }.careers-hero>p:not(.eyebrow) { max-width:550px; color:var(--muted); line-height:1.7; }.careers-hero .button { margin-top:20px; }.career-values { max-width:1200px; margin:0 auto; padding:100px 28px; }.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.value-grid article { padding-top:20px; border-top:1px solid var(--line); }.value-grid span,.job-type { font:11px "DM Mono",monospace; color:#6a922a; }.value-grid h2 { margin:52px 0 18px; font-size:clamp(29px,3vw,42px); }.value-grid p { max-width:280px; color:var(--muted); font-size:14px; line-height:1.65; }.openings { padding-top:45px; }.jobs-list { border-top:1px solid var(--line); }.job-row { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:28px 0; border-bottom:1px solid var(--line); }.job-row h3 { margin:10px 0 7px; font-size:22px; letter-spacing:-.045em; }.job-row p { margin:0; color:var(--muted); font-size:14px; }.job-button { border:0; background:transparent; font:700 13px Manrope,sans-serif; cursor:pointer; white-space:nowrap; }.job-button span { margin-left:7px; color:#69951f; }.role-detail { max-width:1200px; margin:0 auto; padding:0 28px 100px; }.role-detail-inner { position:relative; padding:45px; border-radius:var(--radius); background:var(--night); color:#edf6e8; }.role-detail h2 { margin-bottom:22px; }.role-detail p { color:#bac8b6; line-height:1.65; }.role-detail ul { padding-left:18px; color:#dce8d6; line-height:1.9; font-size:14px; }.close-role { position:absolute; top:20px; right:22px; border:0; background:none; color:#eaf3e3; cursor:pointer; font-size:28px; }.career-apply { max-width:1200px; margin:0 auto 70px; padding:65px; border-radius:var(--radius); background:#e4f8bc; display:grid; grid-template-columns:1fr 1fr; gap:70px; }.career-apply>div>p:last-child { max-width:390px; color:#52674d; line-height:1.65; }.career-apply .contact-form label { color:#3e5638; }.career-apply .contact-form input,.career-apply .contact-form textarea,.career-apply .contact-form select { width:100%; display:block; margin-top:7px; padding:12px 0; background:transparent; border:0; border-bottom:1px solid #9dbc7b; border-radius:0; color:var(--ink); font:14px Manrope,sans-serif; outline:none; }.career-apply .contact-form select { appearance:auto; }.career-apply .contact-form .button { justify-self:start; background:var(--ink); color:white; }.career-apply .contact-form .button span { color:var(--lime); }.career-apply #application-message { min-height:18px; margin:0; color:#315117; font-size:12px; }
footer .brand img { width:125px; height:52px; }
@media(max-width:760px){.brand img{width:122px;height:52px}.explorer-layout,.roi-section,.career-apply{grid-template-columns:1fr}.workflow-view{padding:24px;min-height:370px}.roi-section,.career-apply{margin:0 20px 75px;padding:34px 25px;gap:24px}.careers-hero,.career-values{padding:75px 20px}.value-grid{grid-template-columns:1fr;gap:34px}.value-grid h2{margin:22px 0 12px}.job-row{align-items:flex-start;flex-direction:column;gap:16px}.role-detail{padding:0 20px 75px}.role-detail-inner{padding:35px 25px}}