:root { --eai-ink:#111310; --eai-paper:#f4f3ed; --eai-card:#fff; --eai-acid:#d8ff45; --eai-muted:#687066; --eai-line:rgba(17,19,16,.14); --eai-dark-line:rgba(255,255,255,.16); --eai-max:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.external-ai-page { margin:0; background:var(--eai-paper); color:var(--eai-ink); font-family:'Fira Sans',Manrope,Arial,sans-serif; font-size:16px; line-height:1.55; overflow-x:clip; }
a { color:inherit; }
.eai-skip { position:absolute; left:-9999px; top:12px; z-index:40; padding:10px 14px; background:var(--eai-acid); color:var(--eai-ink); font-weight:800; }
.eai-skip:focus { left:18px; }
.eai-header { position:sticky; top:0; z-index:30; border-bottom:1px solid var(--eai-line); background:rgba(244,243,237,.94); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
.eai-header-inner { width:min(100%,var(--eai-max)); min-height:78px; margin:0 auto; padding:0 28px; display:flex; align-items:center; gap:30px; }
.eai-brand { display:inline-flex; align-items:center; gap:11px; color:var(--eai-ink); text-decoration:none; font-weight:800; letter-spacing:-.03em; white-space:nowrap; }
.eai-brand-mark { width:36px; height:36px; display:grid; place-items:center; border:1px solid currentColor; font-size:11px; font-weight:800; }
.eai-nav { display:flex; align-items:center; gap:25px; margin-left:auto; }
.eai-nav a,.eai-footer nav a { color:#5f675d; font-size:13px; text-decoration:none; }
.eai-nav a:hover,.eai-footer nav a:hover { color:#5b7200; }
.eai-header-cta,.eai-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:50px; padding:0 20px; border:1px solid var(--eai-ink); text-decoration:none; font-weight:800; transition:transform .2s ease,background .2s ease,color .2s ease; }
.eai-header-cta { min-height:42px; padding:0 15px; font-size:13px; }
.eai-header-cta:hover,.eai-button:hover { transform:translateY(-2px); background:var(--eai-acid); color:var(--eai-ink); }
.eai-hero { width:min(100%,var(--eai-max)); margin:0 auto; padding:100px 28px 84px; display:grid; grid-template-columns:minmax(0,1fr) minmax(420px,.8fr); gap:70px; align-items:center; }
.eai-hero-copy { position:relative; z-index:2; }
.eai-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; color:var(--eai-muted); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.eai-eyebrow-line > span { width:27px; height:2px; flex:0 0 auto; background:var(--eai-acid); }
.eai-eyebrow-number > span { display:inline-grid; place-items:center; width:auto; height:auto; background:none; color:#5b7200; }
.eai-hero h1,.eai-section h2,.eai-contact h2 { margin:0; font-family:'Fira Sans',Manrope,Arial,sans-serif; letter-spacing:-.06em; line-height:1.04; font-weight:800; }
.eai-hero h1 { max-width:830px; font-size:clamp(46px,6vw,84px); }
.eai-hero h1 em { color:#5b7200; font-style:normal; }
.eai-hero-lead { max-width:760px; margin:30px 0 0; font-size:21px; line-height:1.45; }
.eai-hero-text { max-width:650px; margin:18px 0 0; color:#5e665c; font-size:16px; }
.eai-hero-offer { max-width:650px; margin-top:25px; padding:18px 20px; border:1px solid var(--eai-ink); background:#e8e9df; display:flex; align-items:center; gap:24px; }
.eai-hero-offer p { margin:0 0 4px; color:#697168; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.eai-hero-offer strong { display:block; font-size:29px; line-height:1; letter-spacing:-.05em; }
.eai-hero-offer span { max-width:285px; padding-left:24px; border-left:1px solid var(--eai-line); color:#5e665c; font-size:13px; line-height:1.4; }
.eai-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:35px; }
.eai-button-primary { background:var(--eai-ink); color:#fff; }
.eai-text-link,.eai-contact-link { color:var(--eai-ink); font-size:13px; font-weight:800; text-decoration:none; }
.eai-text-link span,.eai-contact-link span { margin-left:7px; color:#5b7200; }
.eai-note { max-width:610px; margin:20px 0 0; color:#737b70; font-size:12px; }
.eai-note strong { color:var(--eai-ink); }
.eai-hero-visual { min-height:535px; position:relative; display:grid; place-items:center; overflow:clip; }
.eai-visual-orbit { position:absolute; border:1px solid rgba(91,114,0,.22); border-radius:50%; }
.eai-orbit-one { width:430px; height:430px; right:0; top:55px; }
.eai-orbit-two { width:620px; height:620px; right:-95px; top:-45px; }
.eai-flow-card { position:relative; z-index:2; width:min(100%,420px); padding:27px; border:1px solid var(--eai-dark-line); background:var(--eai-ink); color:#fff; box-shadow:24px 28px 0 rgba(17,19,16,.08); }
.eai-card-kicker { margin:0 0 12px; color:var(--eai-acid); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.eai-flow-card h2 { max-width:310px; font-size:29px; }
.eai-flow { display:grid; gap:0; margin:27px 0 0; padding:0; list-style:none; }
.eai-flow li { display:grid; grid-template-columns:32px 1fr; gap:0 12px; padding:15px 0; border-top:1px solid var(--eai-dark-line); }
.eai-flow li>span { grid-row:1/3; color:#9fa89c; font-family:monospace; font-size:12px; }
.eai-flow b { font-size:15px; }.eai-flow small { color:#aab3a7; font-size:12px; }.eai-flow li.is-active b { color:var(--eai-acid); }
.eai-visual-stamp { position:absolute; right:-10px; bottom:10px; z-index:3; width:135px; padding:17px; background:var(--eai-acid); color:var(--eai-ink); transform:rotate(5deg); box-shadow:11px 14px 0 rgba(17,19,16,.11); }
.eai-visual-stamp span { display:block; font-size:31px; font-weight:800; letter-spacing:-.08em; }.eai-visual-stamp b,.eai-visual-stamp small { display:block; line-height:1.2; }.eai-visual-stamp b { margin-top:8px; font-size:12px; }.eai-visual-stamp small { margin-top:4px; font-size:11px; }
.eai-section { width:min(100%,var(--eai-max)); margin:0 auto; padding:105px 28px; }
.eai-section-light { width:100%; max-width:none; padding-left:max(28px,calc((100% - var(--eai-max))/2 + 28px)); padding-right:max(28px,calc((100% - var(--eai-max))/2 + 28px)); background:#e8e9df; }
.eai-heading { max-width:780px; }.eai-heading h2 { font-size:clamp(35px,4.4vw,60px); }.eai-heading>p:last-child { max-width:690px; margin:22px 0 0; color:#697168; font-size:18px; }
.eai-card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:52px; }.eai-card-grid article { min-height:250px; padding:24px; border:1px solid var(--eai-line); background:var(--eai-card); }.eai-card-grid article>b { color:#5b7200; font-size:12px; }
.eai-card-grid h3,.eai-scope-item h3,.eai-steps h3,.eai-fit-card h3,.eai-control-grid h3 { margin:34px 0 12px; font-size:21px; line-height:1.12; letter-spacing:-.04em; }.eai-card-grid p,.eai-scope-item p,.eai-steps p,.eai-fit-card li,.eai-control-grid p { margin:0; color:#697168; font-size:14px; line-height:1.55; }
.eai-dark-section { width:100%; max-width:none; padding-left:max(28px,calc((100% - var(--eai-max))/2 + 28px)); padding-right:max(28px,calc((100% - var(--eai-max))/2 + 28px)); background:var(--eai-ink); color:#fff; }.eai-heading-dark h2 { color:#fff; }.eai-heading-dark>p:last-child { color:#aab2a6; }
.eai-scope-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 60px; margin-top:55px; }.eai-scope-item { display:grid; grid-template-columns:30px 1fr; gap:0 12px; padding:24px 0; border-top:1px solid var(--eai-dark-line); }.eai-scope-item>span { color:var(--eai-acid); font-size:20px; }.eai-scope-item h3 { margin:0 0 8px; color:#fff; }.eai-scope-item p { color:#aab2a6; }
.eai-dark-note { max-width:700px; margin-top:34px; padding:18px 0 0 19px; border-left:2px solid var(--eai-acid); color:#aab2a6; font-size:14px; }.eai-dark-note strong { display:block; margin-bottom:5px; color:#fff; }
.eai-heading-split { max-width:none; display:grid; grid-template-columns:1fr .7fr; gap:70px; align-items:end; }.eai-heading-split>p { margin:0; color:#697168; font-size:17px; line-height:1.55; }
.eai-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:58px 0 0; padding:0; list-style:none; }.eai-steps li { padding-top:20px; border-top:2px solid var(--eai-ink); }.eai-steps li>span,.eai-control-grid article>span { color:#5b7200; font-family:monospace; font-size:12px; font-weight:800; }.eai-steps h3 { margin-top:26px; }
.eai-step-price { display:block; margin-top:19px; color:#5b7200; font-size:16px; line-height:1.2; }
.eai-process-callout { display:flex; align-items:baseline; gap:18px; margin-top:50px; padding:19px 22px; border-left:3px solid var(--eai-acid); background:#e8e9df; }.eai-process-callout strong { font-size:15px; }.eai-process-callout span { color:#697168; font-size:13px; }
.eai-fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:50px; }.eai-fit-card { padding:28px; background:#fff; border:1px solid var(--eai-line); }.eai-fit-card h3 { margin-top:0; }.eai-fit-card ul { display:grid; gap:13px; margin:20px 0 0; padding:0; list-style:none; }.eai-fit-card li { position:relative; padding-left:23px; }.eai-fit-card li::before { content:'✓'; position:absolute; left:0; color:#5b7200; font-weight:800; }.eai-fit-card-muted { background:transparent; }.eai-fit-card-muted li::before { content:'·'; font-size:22px; line-height:.8; }
.eai-control-section { padding-bottom:95px; }.eai-control-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:52px; }.eai-control-grid article { padding:24px; border-top:2px solid var(--eai-ink); }.eai-control-grid h3 { margin-top:28px; }
.eai-contact { width:min(100%,var(--eai-max)); margin:0 auto 32px; padding:65px 28px; background:var(--eai-acid); }.eai-contact-inner { display:grid; grid-template-columns:1fr .7fr; gap:60px; align-items:end; }.eai-contact h2 { max-width:720px; font-size:clamp(35px,4.4vw,60px); }.eai-contact p:not(.eai-eyebrow) { max-width:650px; margin:24px 0 0; font-size:17px; }.eai-contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }.eai-button-dark { background:var(--eai-ink); border-color:var(--eai-ink); color:#fff; }.eai-contact-link { border-bottom:1px solid var(--eai-ink); padding-bottom:4px; }
.eai-footer { width:min(100%,var(--eai-max)); margin:0 auto; padding:26px 28px 42px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; align-items:center; border-top:1px solid var(--eai-line); color:#697168; font-size:12px; }.eai-footer p { margin:0; text-align:center; }.eai-footer nav { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:18px; }.eai-header a:focus-visible,.eai-button:focus-visible,.eai-text-link:focus-visible,.eai-contact-link:focus-visible,.eai-footer a:focus-visible { outline:3px solid #2c95a3; outline-offset:4px; }
@media (max-width:980px) { .eai-nav { display:none; }.eai-header-cta { margin-left:auto; }.eai-hero { grid-template-columns:1fr; gap:40px; padding-top:70px; }.eai-hero-visual { max-width:650px; width:100%; margin:0 auto; }.eai-card-grid,.eai-steps { grid-template-columns:repeat(2,1fr); }.eai-heading-split,.eai-contact-inner { grid-template-columns:1fr; gap:28px; }.eai-footer { grid-template-columns:1fr; }.eai-footer p,.eai-footer nav { justify-content:flex-start; text-align:left; } }
@media (max-width:620px) { .eai-header-inner { min-height:68px; padding:0 18px; }.eai-brand span:last-child { display:none; }.eai-header-cta { min-height:38px; padding:0 11px; font-size:11px; }.eai-hero { padding:58px 18px 70px; }.eai-hero h1 { font-size:41px; }.eai-hero-lead { font-size:18px; }.eai-hero-offer { display:block; padding:16px; }.eai-hero-offer strong { font-size:27px; }.eai-hero-offer span { display:block; max-width:none; margin-top:14px; padding:14px 0 0; border-top:1px solid var(--eai-line); border-left:0; }.eai-actions { align-items:stretch; flex-direction:column; gap:18px; }.eai-text-link { text-align:center; }.eai-hero-visual { min-height:470px; }.eai-flow-card { padding:22px; }.eai-flow-card h2 { font-size:25px; }.eai-orbit-one { width:330px; height:330px; right:-15px; top:74px; }.eai-orbit-two { width:470px; height:470px; right:-82px; top:7px; }.eai-visual-stamp { right:-2px; bottom:8px; }.eai-section,.eai-dark-section { padding:76px 18px; }.eai-section-light { padding-left:18px; padding-right:18px; }.eai-heading h2,.eai-contact h2 { font-size:35px; }.eai-heading>p:last-child { font-size:16px; }.eai-card-grid,.eai-scope-grid,.eai-steps,.eai-fit-grid,.eai-control-grid { grid-template-columns:1fr; }.eai-card-grid { margin-top:36px; }.eai-card-grid article { min-height:0; }.eai-scope-grid { margin-top:35px; }.eai-process-callout { display:block; }.eai-process-callout span { display:block; margin-top:8px; }.eai-contact { width:calc(100% - 36px); margin:0 18px 18px; padding:38px 24px; }.eai-footer { padding:26px 18px 40px; }.eai-footer nav { gap:12px; } }