:root {
  color-scheme:light dark;
  --ink:#101010; --paper:#f3f1ec; --lime:#cdff45; --line:rgba(16,16,16,.16); --muted:#65635e; --orange:#ff6e3f;
  --body-copy:#4f4d48; --card:#eeece7; --card-hover:#e7e5df; --card-alt:#e5e3de; --workflow:#e2e0da;
  --opposite:#101010; --opposite-contrast:#f3f1ec;
}
:root[data-theme="dark"] {
  --ink:#f3f1ec; --paper:#171716; --line:rgba(243,241,236,.18); --muted:#b8b6af; --orange:#ff8a63;
  --body-copy:#d2d0ca; --card:#222220; --card-hover:#2b2b28; --card-alt:#292927; --workflow:#20201e;
  --opposite:#f3f1ec; --opposite-contrast:#101010;
}
* { 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; line-height:1.5; transition:background-color .25s ease,color .25s ease; }
button,input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }
.noise { opacity:.3; pointer-events:none; position:fixed; inset:0; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E"); }
.container { width:min(1240px,calc(100% - 48px)); margin:auto; }.header { height:101px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
.brand { display:flex; align-items:center; }.brand svg { display:block; width:91px; height:auto; border-radius:2px; }
.header__note { font-size:12px; font-weight:600; color:var(--muted); display:flex; gap:8px; align-items:center; }.header__note span { width:7px; height:7px; display:block; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(205,255,69,.22); }
.text-button {
  display: flex;
  align-items: center;
  background:none;
  border:0;
  padding:12px 0;
  font-size:13px;
  font-weight:700;
  color: var(--body-copy);
}
.text-button i { color:var(--orange); font-size:17px; font-style:normal; margin-left:5px; }
.header__actions { display:flex; align-items:center; gap:21px; }.theme-toggle { width:40px; height:40px; display:grid; place-items:center; padding:0; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease; }.theme-toggle:hover { background:var(--opposite); color:var(--opposite-contrast); border-color:var(--opposite); transform:rotate(-12deg); }.theme-toggle:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }.theme-toggle svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.hero { min-height:calc(100vh - 101px); padding-top:71px; display:grid; grid-template-columns:1.04fr .96fr; gap:48px 66px; align-content:start; position:relative; }.eyebrow { margin:0 0 21px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.hero h1,.section-heading h2,.contact h2,.modal h2 { font:600 clamp(39px,5.15vw,76px)/1.06 Unbounded,sans-serif; letter-spacing:-.075em; margin:0; }.hero h1 em,.section-heading h2 em,.contact h2 em,.modal h2 em { color:var(--orange); font-style:normal; }.hero__lead { margin:28px 0 30px; max-width:550px; color:var(--body-copy); font-size:18px; line-height:1.55; }.hero__actions { display:flex; align-items:center; gap:21px; }.hero__actions p { margin:0; max-width:245px; color:var(--muted); font-size:11px; line-height:1.45; }.button { border:0; min-height:54px; padding:0 21px; display:inline-flex; align-items:center; justify-content:space-between; gap:24px; font-weight:800; font-size:13px; border-radius:3px; transition:transform .2s, box-shadow .2s; }.button:hover { transform:translateY(-2px); box-shadow:0 7px 0 rgba(16,16,16,.18); }.button--primary { background:var(--lime); color:#101010; }.button span { font-size:19px; }.agent-window { margin-top:1px; background:#181818; padding:11px; color:#fafaf7; box-shadow:10px 11px 0 var(--orange); min-width:0; }.window-bar { height:29px; border-bottom:1px solid #40403e; display:flex; align-items:center; gap:5px; color:#8f8f89; font-family:monospace; font-size:9px; }.window-bar>span { width:6px; height:6px; background:#656560; border-radius:50%; }.window-bar p { margin:0 auto 0 8px; }.window-bar b { color:var(--lime); font-size:8px; }.agent-window__body { min-height:333px; position:relative; overflow:hidden; background:radial-gradient(circle at 48% 43%,rgba(205,255,69,.13),transparent 29%),linear-gradient(125deg,#1c1c1b,#111); }.process-card { position:absolute; left:20px; top:96px; display:flex; align-items:center; gap:10px; width:164px; padding:10px; background:#f5f3eb; color:#101010; border-radius:2px; }.process-card__icon { width:24px; height:24px; display:grid; place-items:center; background:var(--orange); border-radius:50%; font-weight:bold; }.process-card small,.result small { display:block; font:9px/1.2 monospace; color:#77736a; }.process-card strong { display:block; font-size:10px; }.process-card>b { margin-left:auto; color:#9f9d95; font:10px monospace; }.ai-orb { position:absolute; top:92px; left:50%; transform:translateX(-50%); width:105px; height:105px; border-radius:50%; background:var(--lime); color:#101010; display:grid; place-items:center; font:600 23px Unbounded,sans-serif; letter-spacing:-.12em; box-shadow:0 0 0 13px rgba(205,255,69,.06),0 0 0 28px rgba(205,255,69,.035); }.ai-orb i { position:absolute; width:5px; height:5px; border-radius:50%; background:var(--orange); }.ai-orb i:nth-of-type(1) { top:3px; left:33px; }.ai-orb i:nth-of-type(2) { right:1px; bottom:26px; }.ai-orb i:nth-of-type(3) { left:5px; bottom:20px; }.ai-caption { position:absolute; top:217px; left:50%; width:205px; transform:translateX(-50%); text-align:center; font:600 11px/1.4 Unbounded,sans-serif; }.ai-caption small { color:#a3a39e; font:9px Manrope,sans-serif; }.connector { height:1px; position:absolute; background:repeating-linear-gradient(90deg,#777 0 4px,transparent 4px 8px); }.connector--one { left:176px; right:56%; top:148px; }.connector--two { left:59%; right:135px; top:148px; }.results { position:absolute; right:19px; top:73px; width:138px; display:grid; gap:8px; }.result { display:flex; align-items:center; gap:7px; padding:7px; background:#242422; border:1px solid #3c3c38; }.result span { color:var(--lime); }.result p { margin:0; font-size:9px; line-height:1.25; }.result small { color:#93938d; }.window-footer { height:32px; display:flex; align-items:end; justify-content:space-between; color:#898984; font:9px monospace; }.window-footer b { color:var(--lime); }.hero__footer { grid-column:1/-1; border-top:1px solid var(--line); padding:21px 0 34px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:start; color:var(--muted); font-size:11px; }.hero__footer>span { font:700 10px Unbounded,sans-serif; color:var(--ink); }.hero__footer p { margin:0; line-height:1.5; }.hero__footer a { justify-self:end; font-weight:800; color:var(--ink); }.hero__footer i { display:inline-grid; place-items:center; width:20px; height:20px; margin-left:5px; background:var(--ink); color:var(--lime); border-radius:50%; font-style:normal; }
.section { padding:112px 0; }.section-heading h2 { font-size:clamp(31px,4vw,56px); }.section-heading--row { display:flex; align-items:end; justify-content:space-between; gap:30px; }.section-intro { width:min(360px,100%); margin:0 7.5% 5px 0; color:var(--muted); font-size:14px; line-height:1.65; }.pain { padding-top:74px; }.pain__grid { margin:51px 0 22px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.pain__grid article { padding:24px 30px 27px 0; border-bottom:1px solid var(--line); }.pain__grid article+article { padding-left:25px; border-left:1px solid var(--line); }.pain__grid span,.service-card__top>span,.reason-number { color:var(--orange); font:600 11px Unbounded,sans-serif; }.pain__grid h3 { margin:39px 0 12px; font:700 17px/1.25 Unbounded,sans-serif; letter-spacing:-.06em; }.pain__grid p { max-width:285px; margin:0; color:var(--muted); font-size:13px; line-height:1.65; }.solution { display:grid; grid-template-columns:94px 1fr 270px; gap:32px; align-items:center; padding:29px 33px; background:var(--lime); color:#101010; }.solution__mark { font:600 32px/1 Unbounded,sans-serif; letter-spacing:-.13em; }.solution>p { margin:0; font:600 17px/1.4 Unbounded,sans-serif; letter-spacing:-.055em; }.solution>div:last-child { border-left:1px solid rgba(16,16,16,.25); padding-left:27px; }.solution strong { display:block; font:600 20px Unbounded,sans-serif; letter-spacing:-.09em; }.solution span { display:block; margin-top:5px; font-size:11px; line-height:1.45; }.services { padding-top:67px; }.service-grid { margin-top:49px; display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }.service-card { min-height:303px; padding:25px; border:1px solid var(--line); display:flex; flex-direction:column; background:var(--card); transition:background .2s,transform .2s; }.service-card:hover { transform:translateY(-3px); background:var(--card-hover); }.service-card--featured { background:#101010; color:#fff; border-color:#101010; }.service-card--featured:hover { background:#252523; }.service-card__top { display:flex; align-items:start; justify-content:space-between; }.service-card__top svg { width:40px; fill:none; stroke:currentColor; stroke-width:1.5; }.service-card h3 { margin:51px 0 10px; font:600 23px/1.18 Unbounded,sans-serif; letter-spacing:-.075em; }.service-card p { max-width:390px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }.service-card--featured p { color:#b9b9b4; }.service-card a { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:21px; border-top:1px solid #484846; font-size:12px; font-weight:700; }.service-card a i { color:var(--lime); font-style:normal; font-size:17px; }.workflow { background:var(--workflow); }.steps { padding:0; margin:51px 0 0; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); }.steps li { min-height:236px; padding:19px 24px 20px 0; border-top:1px solid var(--line); position:relative; }.steps li+li { padding-left:24px; border-left:1px solid var(--line); }.steps li:not(:last-child)::after { content:'→'; position:absolute; right:-9px; top:-12px; z-index:1; width:18px; text-align:center; color:var(--orange); background:var(--workflow); }.steps span { font:600 11px Unbounded,sans-serif; color:var(--orange); }.steps h3 { margin:58px 0 10px; font:600 17px/1.3 Unbounded,sans-serif; letter-spacing:-.06em; }.steps p { margin:0; color:var(--muted); font-size:12px; line-height:1.65; max-width:220px; }.reasons { padding-bottom:86px; }.reason-grid { display:grid; grid-template-columns:1fr 1fr 1.22fr; gap:11px; margin-top:52px; }.reason-card { min-height:285px; padding:24px; background:var(--card-alt); }.reason-card h3 { margin:62px 0 10px; font:600 18px/1.35 Unbounded,sans-serif; letter-spacing:-.065em; }.reason-card>p:not(.reason-number) { max-width:270px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }.reason-card--dark { position:relative; background:var(--orange); color:#101010; }.reason-card--dark h3 { margin-top:77px; font-size:24px; }.reason-card--dark>p { color:#35231d!important; }.reason-card--dark small { position:absolute; bottom:22px; color:#562b20; font-size:10px; }.spark { position:absolute; right:27px; top:16px; font-size:50px; line-height:1; }.cases { padding-top:49px; padding-bottom:99px; }.cases__empty { height:154px; margin-top:46px; background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(127,127,127,.11) 8px 9px); border:1px dashed var(--line); }.faq { padding-top:89px; border-top:1px solid var(--line); display:grid; grid-template-columns:.8fr 1.2fr; gap:94px; }.faq-list { border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line); padding:0; }.faq summary { padding:19px 0; list-style:none; display:flex; justify-content:space-between; gap:15px; font:600 13px/1.4 Unbounded,sans-serif; letter-spacing:-.055em; cursor:pointer; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--orange); font-size:21px; line-height:.8; transition:transform .2s; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { max-width:590px; margin:0 30px 18px 0; color:var(--muted); font-size:12px; line-height:1.65; }.contact { margin-top:30px; padding:104px 0; background:#101010; color:#fbfaf6; }.contact__inner { display:grid; grid-template-columns:1fr 1fr; gap:115px; }.contact .eyebrow { color:#989793; }.contact h2 { font-size:clamp(32px,4vw,56px); }.contact h2 em { color:var(--lime); }.contact__copy { max-width:400px; margin:26px 0 0; color:#adada8; font-size:14px; line-height:1.65; }.lead-form { display:grid; gap:15px; }.lead-form label { display:grid; gap:7px; color:#bebdb8; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.lead-form input { min-height:45px; padding:8px 0; background:transparent; color:inherit; border:0; border-bottom:1px solid #565653; outline:0; font-size:15px; font-weight:500; letter-spacing:0; text-transform:none; }.lead-form input:focus { border-color:var(--lime); }.lead-form input::placeholder { color:#7b7a75; }.lead-form .button { margin-top:13px; }.lead-form>p { margin:0; color:#797873; font-size:9px; line-height:1.45; }.footer { min-height:135px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; font-size:10px; color:var(--muted); }.footer p { margin:0; line-height:1.55; }.footer>span { font-size:10px; }
.modal { width:min(514px,calc(100% - 30px)); border:0; padding:42px; color:#f7f5ee; background:#20201e; box-shadow:12px 12px 0 var(--orange); }.modal::backdrop { background:rgba(12,12,12,.68); backdrop-filter:blur(3px); }.modal h2 { margin-bottom:17px; font-size:34px; }.modal h2 em { color:var(--lime); }.modal>p:not(.eyebrow) { margin:0 0 28px; color:#aeada8; font-size:13px; line-height:1.6; }.modal__close { position:absolute; top:15px; right:16px; background:none; color:#fff; border:0; font-size:29px; line-height:1; }.success { position:fixed; right:20px; bottom:20px; z-index:30; display:flex; align-items:center; gap:10px; padding:14px 17px; background:var(--lime); color:var(--ink); box-shadow:5px 5px 0 var(--ink); transform:translateY(150%); transition:transform .3s; }.success.show { transform:translateY(0); }.success>span { font-size:20px; }.success strong { font:600 11px Unbounded,sans-serif; }.success p { margin:2px 0 0; font-size:11px; }.reveal { opacity:0; transform:translateY(14px); transition:opacity .65s ease,transform .65s ease; }.reveal.visible { opacity:1; transform:none; }.reveal--delay { transition-delay:.14s; }
@media (max-width:760px) { .container{width:min(100% - 32px,600px)} .header{height:76px}.header__note{display:none}.header__actions{gap:12px}.header .text-button{font-size:11px}.brand img{width:72px;height:auto}.hero{min-height:0;padding-top:47px;grid-template-columns:1fr;gap:44px}.hero h1{font-size:clamp(38px,12vw,55px)}.hero__lead{font-size:15px;margin:23px 0 24px}.hero__actions{align-items:flex-start;flex-direction:column;gap:12px}.hero__actions p{max-width:275px;font-size:10px}.button{width:100%;min-height:54px}.agent-window{box-shadow:7px 7px 0 var(--orange)}.agent-window__body{min-height:300px}.process-card{left:11px;top:42px;width:143px}.ai-orb{top:143px;left:34%;width:84px;height:84px;font-size:18px}.ai-caption{top:240px;left:34%;font-size:9px}.connector--one{top:143px;left:83px;right:auto;width:1px;height:44px;background:repeating-linear-gradient(0deg,#777 0 4px,transparent 4px 8px)}.connector--two{top:184px;left:45%;right:111px}.results{right:9px;top:107px;width:113px}.result{padding:6px}.result p{font-size:8px}.hero__footer{grid-template-columns:50px 1fr;padding-bottom:19px}.hero__footer a{display:none}.hero__footer p{font-size:10px}.section{padding:75px 0}.section-heading--row{display:block}.section-intro{margin:20px 0 0;font-size:13px}.pain{padding-top:45px}.pain__grid{margin-top:36px;display:block}.pain__grid article,.pain__grid article+article{padding:18px 0;border-left:0}.pain__grid h3{margin:21px 0 8px}.solution{grid-template-columns:1fr;gap:15px;padding:24px}.solution>div:last-child{border-left:0;border-top:1px solid rgba(16,16,16,.25);padding:15px 0 0}.solution>p{font-size:15px}.service-grid{margin-top:34px;grid-template-columns:1fr}.service-card{min-height:265px}.service-card h3{margin-top:37px;font-size:20px}.steps{margin-top:34px;display:block}.steps li,.steps li+li{min-height:0;padding:18px 0 25px;border-left:0}.steps li:not(:last-child)::after{content:'↓';top:auto;bottom:-10px;left:0;right:auto;background:var(--workflow)}.steps h3{margin:29px 0 8px}.reason-grid{grid-template-columns:1fr;margin-top:34px}.reason-card{min-height:225px}.reason-card h3{margin-top:42px}.reason-card--dark h3{margin-top:55px}.cases{padding-top:31px;padding-bottom:63px}.cases__empty{height:89px;margin-top:32px}.faq{padding-top:70px;display:block}.faq-list{margin-top:36px}.contact{margin-top:0;padding:75px 0}.contact__inner{grid-template-columns:1fr;gap:39px}.footer{min-height:174px;grid-template-columns:1fr auto;gap:19px}.footer p{display:none}.footer>span{align-self:end;margin-bottom:26px}.footer .brand{align-self:end;margin-bottom:22px}.modal{padding:34px 24px}.modal h2{font-size:28px}.reveal--delay{transition-delay:0s} }