@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#101210;--surface:#171a17;--surface-light:#1d211c;--text:#f1f3eb;--muted:#9da497;--green:#c5f76a;--line:#2c3129;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}::selection{background:var(--green);color:var(--bg)}.section-wrap,.header{max-width:1440px;padding-left:64px;padding-right:64px;margin:auto}.header{height:102px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;font-family:var(--heading);font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap;gap:0}.brand-light{font-weight:500}.brand-period{color:var(--green)}.brand-symbol{width:31px;height:28px;margin-right:10px;display:flex;gap:4px;transform:skew(-16deg);align-items:center}.brand-symbol i{display:block;background:var(--green);height:24px;width:6px}.brand-symbol i:nth-child(2){height:17px}.brand-symbol i:nth-child(3){height:10px}.header nav{display:flex;gap:32px;margin-left:auto}.header nav a{font-size:14px;color:#bfc4ba;transition:color .2s}.header nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #59624a;border-radius:7px;padding:16px 22px;font-size:15px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s;white-space:normal}.button:hover{background:#283021;transform:translateY(-2px)}.button span{font-size:22px;font-weight:400;line-height:1}.button.small{padding:11px 18px;font-size:14px;gap:28px}.button.primary{background:var(--green);border-color:var(--green);color:#162008}.button.primary:hover{background:#d4ff8b;border-color:#d4ff8b;box-shadow:0 5px 25px #c5f71512}.menu-toggle{display:none}.hero{padding-top:76px;display:grid;grid-template-columns:1.06fr 1fr;column-gap:35px;position:relative;overflow:hidden}.hero-copy{padding-top:14px;z-index:1}.eyebrow{font-size:12px;line-height:1.6;font-weight:600;letter-spacing:1.55px;color:var(--green);display:block}.tiny-star{font-size:20px;vertical-align:-2px;margin-right:8px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading)}h1{font-size:clamp(48px,5.3vw,76px);line-height:1.09;font-weight:600;letter-spacing:-4px;margin-top:25px;max-width:670px}.outline-text{color:var(--green);display:block;font-weight:500}h1 br+.outline-text{display:inline}.hero-description{margin-top:26px;font-size:17px;color:#aeb5a5;line-height:1.8;max-width:480px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;background:transparent;border:0;padding:0;transition:color .2s}.micro-note{margin-top:20px;font-size:12px;color:#8d9685}.micro-note span{color:var(--green);margin-right:6px}.hero-visual{min-height:510px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:32px 15px 24px;margin-top:-10px;background-image:radial-gradient(#69785330 1px,transparent 1px);background-size:23px 23px;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 55% 45%,#a2ce4920,transparent 68%)}.orbit{border:1px solid #6c83431c;border-radius:50%;position:absolute;z-index:-1;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:480px;height:480px}.orbit-two{width:585px;height:330px}.visual-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.6px;color:#8a927f;position:absolute;top:5px;left:30px;right:15px}.workflow{width:100%;max-width:448px;margin:0 auto;position:relative}.incoming{display:flex;align-items:center;gap:12px;background:#20251e;border:1px solid #3b4231;border-radius:10px;padding:16px;box-shadow:0 10px 30px #0004;margin-left:24px;margin-right:4px;transform:none}.square-icon{width:36px;height:36px;background:#303828;border:1px solid #4b553b;border-radius:8px;display:grid;place-items:center;flex-shrink:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.square-icon svg{color:#c1caaf}.card-caption{display:block;font-size:12px;letter-spacing:1.4px;color:#9eaa8f}.incoming strong{font-size:12px;font-weight:500;display:block;margin-top:3px}.incoming-time{margin-left:auto;font-size:12px;color:#8a927f}.connector{height:30px;display:flex;justify-content:center}.connector span{width:1px;display:block;background:linear-gradient(#76845270,var(--green));position:relative}.connector span:after{content:"";position:absolute;width:5px;height:5px;bottom:0;left:-2px;background:var(--green);border-radius:50%}.agent-card{border-radius:13px;border:1px solid #69794d;background:linear-gradient(130deg,#252c21,#1a1f17 70%);box-shadow:0 25px 50px #0006,0 0 55px #abef4b08;overflow:hidden}.agent-head{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #ffffff0b}.agent-identity{display:flex;align-items:center;gap:11px}.agent-avatar{display:grid;place-items:center;width:40px;height:42px;background:var(--green);color:#202b10;font-size:30px;border-radius:9px}.agent-identity strong{display:block;font-size:14px;font-weight:600}.agent-identity div>span{display:block;color:#929f84;font-size:12px;margin-top:2px}.status{font-size:12px;color:var(--green);padding:3px 7px;background:#c5f76a0a;border-radius:4px;border:1px solid #c5f76a23;white-space:nowrap;display:flex;align-items:center;gap:5px}.status i{width:4px;height:4px;background:var(--green);border-radius:50%}.agent-tasks{padding:12px 20px 14px}.task{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:12px;color:#d2d8cb;transition:opacity .3s}.task small{margin-left:auto;color:#647058;font-family:monospace;font-size:12px}.task-check{display:grid;place-items:center;width:18px;height:18px;border:1px solid #506a35;border-radius:50%;color:var(--green);background:#9dcd460d;font-size:12px}.task.pending{opacity:.25}.task.working .task-check{animation:pulse .8s ease-in-out infinite}.agent-bottom{padding:11px 20px;display:flex;justify-content:space-between;gap:8px;background:#12170f80;border-top:1px solid #ffffff08;color:#97a18c;font-size:12px}.agent-bottom button{font-size:12px;color:#d3e5b4;background:none;border:0;padding:0}.agent-bottom button span{font-size:15px;margin-right:3px}.agent-bottom button:disabled{cursor:wait}.shield-icon{margin-right:4px}.connector.short{height:24px}.result-card{margin:0 24px 0 42px;display:flex;align-items:center;gap:11px;border:1px solid #424f30;border-radius:9px;padding:13px 15px;background:#232d1d;box-shadow:0 10px 25px #0003;transform:none;transition:opacity .3s}.result-check{width:27px;height:27px;display:grid;place-items:center;background:#c5f76a19;color:var(--green);border:1px solid #c5f76a38;border-radius:50%;font-size:14px}.result-card strong{display:block;font-size:12px;font-weight:600;color:#dcecbd}.result-card div>span{display:block;font-size:12px;color:#a7b294;margin-top:1px}.result-arrow{margin-left:auto;color:var(--green)}.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#76836a;position:absolute;bottom:0;left:25px;right:15px}.demo-label{letter-spacing:1px}.hero-bottom{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .75fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-top:70px;gap:20px}.hero-bottom>p{font-size:13px;line-height:1.8;color:#858f7b}.hero-bottom>p strong{font-weight:400;color:#c1c7b9}.hero-bottom>div{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;justify-content:center}.hero-bottom>div strong{font-family:var(--heading);font-size:22px;letter-spacing:-.7px;font-weight:500;line-height:1.5}.hero-bottom>div strong span{font-size:12px;color:#7f8b70;vertical-align:top;margin-left:3px}.hero-bottom>div>span{font-size:12px;color:#909a85;margin-top:3px}.integrations{display:flex;align-items:center;gap:45px;padding-top:36px;padding-bottom:36px}.integrations>p{font-size:12px;color:#7c8674;flex-shrink:0;line-height:1.7}.integration-wordmarks{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;color:#a0a69a}.integration-wordmarks>span{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:600;white-space:nowrap}.integration-wordmarks svg{width:22px}.ms-icon{display:block;width:19px;height:19px;background:linear-gradient(90deg,transparent 44%,var(--bg) 44%,var(--bg) 56%,transparent 56%),linear-gradient(0deg,transparent 44%,var(--bg) 44%,var(--bg) 56%,transparent 56%),#969e8c}.integration-wordmarks>.hubspot{font-size:21px;letter-spacing:-1px}.notion-icon{font-family:Georgia,serif;font-weight:600;border:1.5px solid #959c8e;border-radius:3px;font-size:17px;line-height:20px;padding:0 3px}.integration-wordmarks>.custom-system{font-size:14px;font-weight:400}.custom-system span{font-size:20px;margin-left:4px}.possibilities{padding-top:110px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:40px}h2{font-size:clamp(32px,3.3vw,46px);line-height:1.2;letter-spacing:-1.9px;font-weight:500}.section-heading h2,.faq h2{margin-top:17px}.muted{color:#89937f}.section-heading>p{max-width:365px;font-size:15px;color:var(--muted);line-height:1.8;padding-bottom:3px}.service-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.service-card{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;transition:border-color .2s}.service-card:hover{border-color:#657047}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.service-icon{color:var(--green);width:39px;height:39px;border:1px solid #424b35;border-radius:8px;display:grid;place-items:center;font-size:25px;background:#c5f76a05}.tag{font-size:12px;letter-spacing:1.3px;color:#97a486}.service-card h3{font-size:24px;font-weight:500;letter-spacing:-.8px;line-height:1.35;margin-bottom:14px}.service-card p{color:#a0a996;font-size:15px;max-width:480px;line-height:1.8}.featured{background:radial-gradient(ellipse at top right,#c5f76a0d,transparent 60%),var(--surface);border-color:#485238}.mini-pipeline{display:flex;align-items:center;gap:12px;margin:26px 0 4px;flex-wrap:wrap}.mini-pipeline span{font-size:12px;color:#abb59d;padding:6px 10px;border:1px solid #384131;border-radius:4px;background:#11150e}.mini-pipeline b{font-size:12px;font-weight:400;color:#626e54}.mini-pipeline .pipeline-final{color:var(--green);border-color:#6f8a43;background:#c5f76a08}.card-link{font-size:13px;font-weight:500;margin-top:auto;padding-top:28px;color:#d7decf;display:flex;align-items:center;justify-content:space-between}.card-link span{color:var(--green);font-size:23px;line-height:1}.integration-card{display:grid;grid-template-columns:1fr 120px;gap:20px}.integration-card>div:first-child{display:flex;flex-direction:column}.integration-card .service-top{margin-right:-140px}.system-map{align-self:center;margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:25px 8px;text-align:center;position:relative}.system-map:before{content:"";position:absolute;border:1px solid #596848;width:65%;height:70%;left:17%;top:15%;z-index:0}.system-map>span{font-size:12px;padding:5px 6px;border:1px solid #3e4a32;background:#1c2218;z-index:1;border-radius:4px;align-self:center}.system-map>b{grid-column:1/-1;background:var(--green);color:#233316;border-radius:10px;width:48px;height:48px;place-self:center;font-size:35px;font-weight:400;line-height:48px;z-index:1}.section-footnote{font-size:12px;color:#7f8b74;margin-top:18px}.statement{padding-top:68px;padding-bottom:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%,#819b3520,transparent 60%);text-align:center}.statement>.eyebrow{color:#9eac8d;font-size:12px}.statement h2{font-size:clamp(40px,4.7vw,66px);letter-spacing:-2.5px;margin-top:25px}.statement h2>span{color:var(--green)}.benefit-row{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:left;gap:50px;margin-top:65px}.benefit-row>div{position:relative;border-top:1px solid #4b573b;padding-top:20px}.benefit-row>div>span{color:#72815f;font-size:12px;float:right}.benefit-row h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.benefit-row p{font-size:14px;color:var(--muted);margin-top:10px;max-width:300px}.process{padding-top:105px;padding-bottom:85px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.process-grid article{position:relative}.step-number{display:block;color:#667357;font-size:14px;font-family:monospace;border-top:1px solid #3a442f;padding-top:15px;margin-bottom:24px}.process-grid h3{font-size:20px;letter-spacing:-.5px;font-weight:500;margin-bottom:13px}.process-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.step-deliverable{font-size:12px;letter-spacing:1px;color:#a5b093;display:block;margin-top:25px}.control{padding-bottom:100px}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;border:1px solid #3d4831;border-radius:13px;padding:46px;background:radial-gradient(ellipse at top left,#c5f76a0a,transparent 50%),#191e16}.control h2{margin-top:20px;margin-bottom:20px}.control-panel>div>p{color:var(--muted);font-size:15px;max-width:370px;line-height:1.8}.control-list{display:flex;flex-direction:column;justify-content:center;gap:24px}.control-list>div{display:flex;gap:15px}.control-list>div>span{color:var(--green);font-size:12px;border:1px solid #435433;border-radius:50%;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;margin-top:2px}.control-list p{color:var(--muted);font-size:13px;line-height:1.8}.control-list strong{display:block;color:#e4e9db;font-size:15px;font-weight:500;margin-bottom:4px}.faq{display:grid;grid-template-columns:1fr 1.12fr;gap:65px;padding-bottom:110px}.faq h2{font-size:36px}.faq>div>p{font-size:14px;color:#8d9881;margin-top:24px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:15px;font-weight:500;padding:21px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{position:relative;width:14px;height:14px;flex-shrink:0}.faq-list summary>span:before,.faq-list summary>span:after{content:"";position:absolute;background:#b4c49f;top:6px;left:0;width:12px;height:1px}.faq-list summary>span:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details[open] summary{color:var(--green)}.faq-list details p{font-size:14px;line-height:1.85;color:var(--muted);padding:0 26px 23px 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:75px;padding-bottom:85px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 5% 80%,#7b9f2124,transparent 60%)}.contact h2{font-size:clamp(48px,5vw,72px);line-height:1.1;letter-spacing:-3px;margin-top:22px}.contact h2>span{color:var(--green)}.contact-copy>p{color:#a7b19b;font-size:16px;line-height:1.8;max-width:380px;margin-top:27px}.contact-note{display:flex;align-items:center;gap:15px;margin-top:38px}.contact-note>span{font-size:27px;color:var(--green)}.contact-note p{font-size:12px;color:#8a977b}.contact-note strong{font-weight:400;color:#cbd4c0}.contact-form{border:1px solid #3c4533;background:#1b2117;padding:33px;border-radius:12px}.contact-form h3{font-size:22px;font-weight:500;letter-spacing:-.7px;line-height:1.4}.contact-form>p:first-of-type{font-size:13px;color:#93a083;margin-top:6px;margin-bottom:24px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#d1dac7;margin-bottom:18px;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{display:none}input,textarea{width:100%;border:1px solid #3d4832;border-radius:5px;background:#13180f;color:var(--text);padding:11px 13px;font-size:14px;line-height:1.5;min-height:44px}input::placeholder,textarea::placeholder{color:#748266}textarea{resize:vertical}form>.button{width:100%;justify-content:space-between;margin-top:2px}.form-disclosure{font-size:12px;color:#879777;line-height:1.6;margin-top:14px}.form-result{border-top:1px solid #445434;padding-top:18px;margin-top:18px}.form-result strong{font-size:14px;color:var(--green)}.form-result p{font-size:12px;color:var(--muted);margin:7px 0 12px}.form-result button{color:var(--green);font-size:13px}#brief-fallback{margin-top:15px;font-size:12px;min-height:160px}footer{border-top:1px solid var(--line);padding-top:32px;padding-bottom:25px}.footer-top{display:flex;align-items:center;gap:30px}.footer-top .brand{font-size:22px}.footer-top>p{font-size:12px;color:#8b977e;margin-left:auto}.footer-top>a:last-child{font-size:12px;margin-left:35px;color:#a9b49c}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#7d8a70;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.legal-note{font-size:12px;color:#68775c;max-width:950px;line-height:1.7;margin-top:15px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--green);color:#101210;z-index:100}.skip-link:focus{top:15px}[hidden]{display:none!important}@keyframes pulse{50%{background:#c5f76a60;box-shadow:0 0 16px #c5f76a50}}
@media(min-width:1500px){.hero{padding-top:95px}.hero-bottom{margin-top:90px}.hero-visual{min-height:550px}.workflow{max-width:480px}.agent-head{padding:23px}.agent-tasks{padding:15px 23px}.task{padding:11px 0}}
@media(max-width:1150px){.section-wrap,.header{padding-left:36px;padding-right:36px}.header{gap:26px}.header nav{gap:24px}.hero{column-gap:18px;padding-top:58px}h1{font-size:60px;letter-spacing:-3px}.hero-description{font-size:16px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px;padding:15px;gap:20px}.hero-actions .text-link{font-size:12px}.agent-head{padding:16px}.agent-identity strong{font-size:12px}.agent-identity{gap:8px}.agent-avatar{width:35px;height:37px}.incoming{padding:13px;gap:8px;margin-left:12px}.incoming strong{font-size:12px}.incoming-time{display:none}.status{font-size:12px}.hero-bottom{margin-top:48px}.hero-bottom>div{padding-left:20px}.hero-bottom>div strong{font-size:19px}.integrations{gap:28px}.integration-wordmarks{gap:17px}.integration-wordmarks>span{font-size:15px}.integration-wordmarks>.hubspot{font-size:18px}.integration-wordmarks>.custom-system{font-size:12px}.service-card{padding:26px}.integration-card{grid-template-columns:1fr}.system-map{display:none}.integration-card .service-top{margin-right:0}.control-panel{gap:40px;padding:35px}.faq{gap:38px}.faq h2{font-size:32px}.contact{gap:45px}.contact-form{padding:26px}.contact-form h3{font-size:20px}}
@media(max-width:900px){.header{height:84px}.brand{font-size:22px}.header nav{gap:18px}.header nav a{font-size:12px}.header .small{font-size:12px;padding:10px 13px;gap:15px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-top:0}.eyebrow{font-size:12px;letter-spacing:1.1px}.hero-copy .eyebrow{max-width:270px}h1{font-size:48px;letter-spacing:-2.5px;margin-top:20px}.hero-description{font-size:14px;line-height:1.8}.hero-visual{padding:32px 0 24px;min-height:440px}.visual-top{font-size:12px;left:10px;right:0}.workflow{max-width:350px}.agent-head{padding:12px}.status{display:none}.agent-identity strong{font-size:12px}.agent-identity div>span{font-size:12px}.incoming strong{font-size:12px}.card-caption{font-size:12px}.square-icon{width:30px;height:30px}.agent-tasks{padding:10px 14px}.task{font-size:12px;padding:8px 0}.agent-bottom{padding:10px 12px;font-size:12px}.agent-bottom button{font-size:12px}.result-card{margin-left:20px;margin-right:12px;padding:12px}.result-card strong{font-size:12px}.result-card div>span{font-size:12px}.visual-bottom{left:10px;right:0;font-size:12px;gap:20px}.hero-bottom{grid-template-columns:1fr 1fr 1fr}.hero-bottom>p{display:none}.hero-bottom>div:first-of-type{padding-left:0;border-left:0}.hero-bottom>div strong{font-size:18px}.hero-bottom>div>span{font-size:12px}.integrations{display:block}.integrations>p br{display:none}.integration-wordmarks{margin-top:22px;flex-wrap:wrap;justify-content:flex-start;gap:20px 30px}.possibilities{padding-top:65px}.section-heading{gap:35px}.section-heading>p{max-width:290px;font-size:14px}h2{font-size:33px;letter-spacing:-1.4px}.service-card h3{font-size:21px}.service-card p{font-size:14px}.mini-pipeline{gap:7px}.mini-pipeline span{font-size:12px;padding:5px 7px}.benefit-row{gap:30px}.benefit-row h3{font-size:17px}.benefit-row p{font-size:13px}.process-grid{gap:25px}.process-grid h3{font-size:18px}.step-deliverable{font-size:12px}.control-panel{gap:30px}.faq{grid-template-columns:1fr;gap:30px}.faq>div>p{display:none}.contact{gap:30px}.contact h2{font-size:53px}.contact-copy>p{font-size:14px}.form-row{grid-template-columns:1fr;gap:0}.contact-form label{margin-bottom:14px}.footer-top>p{display:none}.footer-top>a:last-child{margin-left:auto}}
@media(max-width:650px){html{scroll-padding-top:25px}.section-wrap,.header{padding-left:22px;padding-right:22px}.header{height:80px;gap:18px}.header .brand{font-size:23px}.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;gap:6px;background:transparent;border:1px solid #3e4932;border-radius:6px;margin-left:auto}.menu-toggle span{width:18px;height:1px;background:#d3dec5;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#171d13;padding:20px 24px;border-bottom:1px solid #3e4932;box-shadow:0 15px 25px #0004}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{font-size:16px;padding:12px 0}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy .eyebrow{max-width:none;font-size:12px}.tiny-star{font-size:17px;margin-right:5px}h1{font-size:clamp(46px,11.8vw,70px);letter-spacing:-2.7px;line-height:1.1;margin-top:20px}.hero-description{font-size:16px;line-height:1.8;max-width:490px;margin-top:23px}.hero-actions{margin-top:27px;gap:19px}.hero-actions .button{font-size:14px;padding:16px 18px;gap:24px}.hero-actions .text-link{font-size:13px}.micro-note{font-size:12px;margin-top:16px}.hero-visual{min-height:485px;margin-top:43px;padding:40px 0 32px}.workflow{max-width:410px;width:96%}.agent-head{padding:16px}.agent-identity strong{font-size:13px}.agent-identity div>span{font-size:12px}.agent-avatar{width:38px;height:40px}.agent-tasks{padding:12px 17px}.task{font-size:12px;padding:9px 0}.agent-bottom{padding:12px 16px;font-size:12px}.agent-bottom button{font-size:12px}.incoming{padding:14px}.incoming strong{font-size:12px}.card-caption{font-size:12px}.status{display:flex;font-size:12px}.result-card{padding:14px;margin-left:35px;margin-right:17px}.result-card strong{font-size:12px}.result-card div>span{font-size:12px}.visual-top{font-size:12px;left:5px;right:5px}.visual-bottom{left:5px;right:5px;font-size:12px}.orbit-one{width:390px;height:390px}.orbit-two{width:440px;height:260px}.hero-bottom{margin-top:28px;padding:24px 0;grid-template-columns:1fr 1fr;gap:22px}.hero-bottom>div:last-child{display:none}.hero-bottom>div strong{font-size:20px}.hero-bottom>div>span{font-size:12px}.integrations{padding-top:28px;padding-bottom:25px}.integrations>p{font-size:12px}.integration-wordmarks{gap:21px 27px}.integration-wordmarks>span{font-size:16px}.integration-wordmarks>.custom-system{font-size:12px}.possibilities{padding-top:65px;padding-bottom:60px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{margin-top:15px}h2{font-size:33px;letter-spacing:-1.3px}.section-heading>p{max-width:100%;margin-top:20px;font-size:15px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:26px}.service-top{margin-bottom:22px}.service-card h3{font-size:23px}.service-card p{font-size:14px}.mini-pipeline{gap:8px;margin-top:23px}.mini-pipeline span{font-size:12px;padding:6px 8px}.card-link{padding-top:26px;font-size:13px}.section-footnote{font-size:12px;line-height:1.7}.statement{padding-top:50px;padding-bottom:47px}.statement>.eyebrow{font-size:12px;letter-spacing:1.1px}.statement h2{font-size:40px;letter-spacing:-1.7px;margin-top:23px}.benefit-row{grid-template-columns:1fr;gap:25px;margin-top:40px}.benefit-row h3{font-size:20px}.benefit-row p{max-width:100%;font-size:14px}.process{padding-top:65px;padding-bottom:55px}.process-grid{grid-template-columns:1fr;margin-top:30px;gap:30px}.step-number{margin-bottom:14px}.process-grid h3{font-size:21px}.process-grid p{font-size:15px}.step-deliverable{font-size:12px;margin-top:17px}.control{padding-bottom:65px}.control-panel{grid-template-columns:1fr;padding:27px;gap:30px}.control-panel>div>p{font-size:15px}.control-list{gap:24px}.control-list strong{font-size:14px}.control-list p{font-size:13px}.faq{padding-bottom:65px;gap:28px}.faq h2{font-size:31px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details p{font-size:14px;padding-right:5px}.contact{grid-template-columns:1fr;padding-top:52px;padding-bottom:55px;gap:34px}.contact h2{font-size:54px;letter-spacing:-2.5px}.contact h2 br:nth-child(2){display:none}.contact-copy>p{font-size:16px;max-width:100%}.contact-note{margin-top:23px}.contact-form{padding:24px}.contact-form h3{font-size:21px}.contact-form label{font-size:13px;margin-bottom:18px}.contact-form input,.contact-form textarea{font-size:16px}.form-row{grid-template-columns:1fr}.form-disclosure{font-size:12px}footer{padding-top:28px}.footer-top .brand{font-size:20px}.footer-top{gap:12px}.footer-top>a:last-child{font-size:12px}.footer-bottom{flex-direction:column;gap:8px;margin-top:24px}.legal-note{font-size:12px}.contact-form>.button{font-size:14px;gap:12px}.brand-symbol{width:26px;margin-right:8px}.brand-symbol i{width:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Reading sizes and flexible labels across screen sizes. */
.service-card p,.section-heading>p,.benefit-row p,.process-grid p,.control-panel>div>p,.faq-list details p{font-size:16px}.visual-top,.visual-bottom{flex-wrap:wrap;font-size:12px}.visual-bottom{position:relative;left:auto;right:auto;margin-top:22px;gap:5px 15px}.hero-visual{padding-bottom:0}.hero-copy{min-width:0}.hero-visual{min-width:0}.contact-form label{font-size:14px}.optional{display:inline;font-size:12px;color:#94a384}.integration-wordmarks{row-gap:20px}.task{font-size:14px}.incoming strong{font-size:12px}.agent-bottom{flex-wrap:wrap;gap:8px}.agent-identity strong{font-size:14px}.agent-head{flex-wrap:wrap}.card-caption{letter-spacing:.7px}.visual-top{gap:12px}.micro-note{font-size:12px}.contact-form>p:first-of-type{font-size:14px}.faq-list summary{font-size:16px}.agent-bottom button{min-height:26px}.form-row label{display:block}.form-row input{display:block;margin-top:8px}@media(max-width:650px){.hero-visual{min-height:535px}.agent-head{padding:14px}.agent-identity strong{font-size:13px}.agent-identity div>span{font-size:12px}.task{font-size:12px}.agent-bottom{font-size:12px;padding:10px 14px}.hero-bottom>div>span{font-size:12px}.incoming strong{font-size:12px}.incoming{margin-left:0}.visual-bottom{font-size:12px}.result-card{margin-left:14px;margin-right:5px}.hero-actions .text-link{min-height:44px}}@media(max-width:380px){.agent-head .status{display:none}.hero-actions .button{width:100%}.hero-actions .text-link{width:100%;justify-content:center}.hero-bottom>div strong{font-size:17px}.hero-bottom>div{padding-left:14px}.contact-form{padding:19px}.contact-form>.button{font-size:13px}}

/* Hero: clear AI proposition and a straight, evenly spaced workflow. */
.hero h1 {
  font-size: clamp(42px, 4.4vw, 63px);
  line-height: 1.12;
  letter-spacing: -.055em;
}
.hero-promise {
  display: block;
  color: var(--green);
  font-size: .82em;
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: 1.18;
  margin-top: 14px;
}
.hero-visual {
  align-self: center;
  min-height: 0;
  margin-top: 0;
  padding: 0 15px;
  gap: 30px;
}
.hero-visual .visual-top,
.hero-visual .visual-bottom {
  position: static;
  inset: auto;
  width: 100%;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}
.hero-visual .visual-top { gap: 12px; align-items: center; }
.hero-visual .visual-bottom {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  color: #9aa68e;
}
.hero-visual .workflow { width: 100%; max-width: none; margin: 0; }
.hero-visual .incoming,
.hero-visual .result-card { width: 100%; margin: 0; transform: none; }
.hero-visual .connector,
.hero-visual .connector.short { height: 28px; }
@media (max-width: 900px) and (min-width: 651px) {
  .hero h1 { font-size: clamp(36px, 5vw, 44px); }
  .hero-visual { padding: 0; gap: 24px; }
  .hero-visual .visual-top { letter-spacing: .7px; }
}
@media (max-width: 650px) {
  .hero h1 { font-size: clamp(41px, 10.5vw, 62px); }
  .hero-promise { margin-top: 16px; }
  .hero-visual { margin-top: 48px; padding: 0; gap: 28px; }
  .hero-visual .visual-top { letter-spacing: .7px; }
  .hero-visual .incoming,
  .hero-visual .result-card { padding: 16px 14px; }
}

/* Small, finite transitions keep the page responsive and calm. */
.button, .service-card, .card-link, .integration-wordmarks > span,
input, textarea, .faq-list summary {
  transition: transform 240ms cubic-bezier(.22,1,.36,1),
    background-color 240ms ease, border-color 240ms ease,
    color 240ms ease, box-shadow 240ms ease;
}
.button > span, .text-link > span, .card-link > span {
  display: inline-block;
  transition: transform 240ms cubic-bezier(.22,1,.36,1);
}
.task { border-radius: 5px; transition: opacity 280ms ease, background-color 280ms ease; }
.task.working { background-color: #c5f76a09; }
.task.working .task-check { animation: pulse 750ms ease-in-out 1; }
.result-card { transition: opacity 300ms ease, border-color 300ms ease; }
.result-card.awaiting-result { opacity: .22; }
.workflow .connector span::after { transition: box-shadow 300ms ease; }
.workflow.is-running .connector span::after { box-shadow: 0 0 9px #c5f76a70; }
.hero-visual .agent-identity { min-width: 0; }
.hero-visual .agent-avatar { flex-shrink: 0; }
.hero-visual .agent-identity div > span { font-size: 12px; }
@media (hover: hover) and (pointer: fine) {
  .service-card:hover { transform: translateY(-4px); }
  .button:hover > span, .card-link:hover > span { transform: translate(2px,-2px); }
  .text-link:hover > span { transform: translateY(2px); }
  .integration-wordmarks > span:hover { color: #dce8ce; transform: translateY(-2px); }
  .faq-list summary:hover { color: var(--green); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .service-card:hover, .button:hover, .button:hover > span,
  .card-link:hover > span, .text-link:hover > span,
  .integration-wordmarks > span:hover { transform: none; }
}

/* Full-bleed ambient backgrounds: content stays aligned to the grid, while
   light and divider lines fade naturally across the whole viewport. */
body { overflow-x: clip; }
.statement,
.contact {
  position: relative;
  isolation: isolate;
  background: none;
}
.statement { border-top: 0; border-bottom: 0; }
.contact { border-top: 0; }
.statement::before,
.contact::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
}
.statement::before {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: radial-gradient(
    ellipse 72% 68% at 50% 0%,
    rgba(129, 155, 53, .20) 0%,
    rgba(129, 155, 53, .08) 38%,
    transparent 76%
  );
}
.contact::before {
  border-top: 1px solid var(--line);
  background:
    radial-gradient(
      ellipse 68% 92% at 18% 76%,
      rgba(123, 159, 33, .22) 0%,
      rgba(123, 159, 33, .09) 42%,
      transparent 78%
    ),
    linear-gradient(90deg, transparent, rgba(197, 247, 106, .018) 50%, transparent);
}

/* Scroll reveals use a persistent pre-animation state so the browser never
   paints an element at full opacity before its entrance begins. */
.scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  will-change: opacity, transform;
  backface-visibility: hidden;
}
.scroll-reveal.is-visible {
  animation: section-reveal 650ms cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes section-reveal {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-reveal,
  .scroll-reveal.is-visible {
    opacity: 1;
    transform: none;
    animation: none !important;
    will-change: auto;
  }
}

/* Interactive hero workspace: three real workflows instead of a chat mockup. */
.scenario-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 12px;
  padding: 4px;
  border: 1px solid #343d2c;
  border-radius: 9px;
  background: #12160f;
}
.scenario-tab {
  min-height: 36px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #89947e;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease;
}
.scenario-tab:hover { color: #dce5d2; }
.scenario-tab.active {
  border-color: #6e824c;
  background: #293321;
  color: var(--green);
  box-shadow: inset 0 0 18px rgba(197, 247, 106, .035);
}
.scenario-tab:focus-visible { outline-offset: 2px; }
.process-trigger {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 74px;
  padding: 13px 15px;
  border: 1px solid #3b4533;
  border-radius: 10px;
  background: linear-gradient(110deg, #20261d, #191e17);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
}
.trigger-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #4b593d;
  border-radius: 8px;
  background: #303a29;
  color: #c5d4b5;
}
.process-trigger > div:nth-child(2) { min-width: 0; }
.process-trigger strong {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #e4eadf;
  font-size: 13px;
  font-weight: 550;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trigger-meta {
  display: block;
  overflow: hidden;
  margin-top: 3px;
  color: #829078;
  font-size: 12px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.system-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.system-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 5px 7px;
  border: 1px solid #39442f;
  border-radius: 6px;
  background: #171c14;
  color: #87947b;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.25;
  transition: color 240ms ease, border-color 240ms ease, background-color 240ms ease, box-shadow 240ms ease;
}
.system-pill.is-active {
  border-color: var(--green);
  background: #28341f;
  color: var(--green);
  box-shadow: 0 0 18px rgba(197, 247, 106, .12);
}
.system-pill.is-used { border-color: #52643d; color: #bac9a9; }
.system-link {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 18px;
}
.system-link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 16.66%;
  left: 16.66%;
  border-top: 1px solid #536541;
}
.system-link i {
  width: 1px;
  height: 100%;
  margin: 0 auto;
  background: linear-gradient(#536541, #6d844e);
}
.workflow .connector { height: 18px; }
.workflow .connector.short { height: 20px; }
.agent-tasks .task > span:nth-child(2) { min-width: 0; }
.agent-bottom > span:first-child { max-width: 70%; }
.hero-visual .status { gap: 5px; }
@media (max-width: 900px) {
  .scenario-tab { padding-right: 4px; padding-left: 4px; font-size: 12px; }
  .process-trigger { padding: 11px 12px; }
  .process-trigger strong { font-size: 12px; }
  .system-pill { font-size: 12px; }
  .agent-bottom > span:first-child { max-width: 62%; }
}
@media (max-width: 650px) {
  .hero-visual { min-height: 0; }
  .scenario-tabs { gap: 3px; }
  .scenario-tab { min-height: 40px; font-size: 12px; }
  .process-trigger { min-height: 78px; }
  .process-trigger strong { white-space: normal; }
  .trigger-meta { white-space: normal; }
  .system-pill { min-height: 34px; }
  .agent-bottom > span:first-child { max-width: 66%; }
}
@media (max-width: 380px) {
  .scenario-tab { font-size: 11px; }
  .trigger-icon { width: 34px; height: 34px; }
  .agent-bottom > span:first-child { max-width: 58%; }
}

/* Live contact form states. The function keeps mail credentials off the client. */
.contact-form { position: relative; }
.consent-row { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px !important; color: #9eab91 !important; font-size: 12px !important; line-height: 1.55; margin: 5px 0 17px !important; }
.consent-row input { width: 17px; min-width: 17px; height: 17px; min-height: 17px; margin: 2px 0 0; accent-color: var(--green); }
.consent-row span { display: block; }
.form-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.form-trap label { margin: 0 !important; }
.form-result.is-pending { border-color: #647452; }
.form-result.is-pending strong { color: #d7e4c8; }
.form-result.is-success { border-color: #718e42; }
.form-result.is-success strong { color: var(--green); }
.form-result.is-error { border-color: #725148; }
.form-result.is-error strong { color: #ffb7a8; }
.form-result button[hidden] { display: none; }
.contact-form > .button:disabled { cursor: wait; opacity: .7; transform: none; }

/* Contact form: keep the mobile card compact, readable, and easy to complete. */
.cf-turnstile {
  width: 100%;
  max-width: 100%;
  min-height: 65px;
  margin: 2px 0 14px;
  overflow: hidden;
}
@media (max-width: 650px) {
  .contact {
    gap: 28px;
    padding-top: 58px;
    padding-bottom: 62px;
  }
  .contact h2 {
    font-size: clamp(46px, 13.8vw, 58px);
    line-height: 1.08;
  }
  .contact-copy > p {
    margin-top: 21px;
    line-height: 1.7;
  }
  .contact-note {
    align-items: flex-start;
    margin-top: 25px;
    padding: 13px 0 0 14px;
    border-left: 1px solid #52633d;
  }
  .contact-form {
    padding: 21px 18px 20px;
    border-radius: 10px;
  }
  .contact-form h3 {
    font-size: 20px;
    line-height: 1.35;
  }
  .contact-form > p:first-of-type {
    margin-bottom: 22px;
  }
  .contact-form label {
    gap: 7px;
    margin-bottom: 16px;
  }
  .contact-form input,
  .contact-form textarea {
    border-radius: 6px;
    padding: 12px 13px;
  }
  .consent-row {
    margin-top: 2px !important;
    margin-bottom: 16px !important;
  }
  .contact-form > .button {
    min-height: 52px;
    padding: 13px 15px;
    text-align: left;
  }
  .form-disclosure {
    margin-top: 12px;
  }
}
@media (max-width: 380px) {
  .contact-form {
    padding-right: 16px;
    padding-left: 16px;
  }
  .contact-form h3 {
    font-size: 19px;
  }
  .contact-form > .button {
    font-size: 13px;
  }
}