:root{--ink:#101416;--muted:#596369;--paper:#f6f2ea;--paper-2:#ebe5da;--paper-3:#fbfaf6;--line:#10141624;--charcoal:#101416;--charcoal-2:#172024;--teal:#23b7a6;--amber:#d99a36;--steel:#b8c5c9;--white:#fff;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(180deg, var(--paper-3) 0, var(--paper) 620px), var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1120px,100% - 40px);margin-inline:auto}.hero{min-height:92svh;color:var(--white);background:var(--charcoal);isolation:isolate;position:relative;overflow:hidden}.heroImage,.heroShade{z-index:-2;position:absolute;inset:0}.heroImage{background-image:url(/images/ai-agency-hero.png);background-position:100%;background-size:cover}.heroShade{z-index:-1;background:linear-gradient(90deg,#080d0ff5 0%,#080d0fdb 39%,#080d0f2e 75%),linear-gradient(#080d0f8a 0%,#080d0f1a 47%,#080d0fc7 100%)}.nav{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin-inline:auto;padding:24px 0;display:flex}.brand{color:var(--white);align-items:center;gap:10px;font-size:.98rem;font-weight:760;display:inline-flex}.brandMark{border-radius:var(--radius);width:34px;height:34px;color:var(--teal);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff38;place-items:center;display:grid}.navLinks{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c12146b;border:1px solid #ffffff26;align-items:center;gap:8px;padding:6px;display:flex}.navLinks a{color:#ffffffc7;padding:8px 12px;font-size:.86rem;font-weight:650}.navLinks a:hover{color:var(--white)}.heroContent{margin:clamp(44px,9vh,94px) auto 0;width:min(860px,100% - 40px);margin-left:max(20px,50vw - 590px);padding-bottom:148px}.kicker,.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;font-size:.78rem;font-weight:780;display:inline-flex}.hero h1,.section h2,.featureBand h2,.ctaSection h2{letter-spacing:0;margin:0;font-weight:820;line-height:.96}.hero h1{max-width:850px;font-size:clamp(3rem,6.4vw,5.85rem)}.heroLead{color:#ffffffc2;max-width:620px;margin:28px 0 0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.65}.heroActions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.heroSignals{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.heroSignals span{border-radius:var(--radius);color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff24;padding:8px 10px;font-size:.82rem;font-weight:700}.button{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:760;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#071112;background:var(--teal);border:1px solid #23b7a675;box-shadow:0 18px 48px #23b7a63d}.button.secondary{color:var(--white);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff2e}.button.large{min-height:58px;padding-inline:22px}.heroConsole{border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#161f23b8,#080d0fad),#0a1012a8;border:1px solid #ffffff2e;gap:16px;width:min(430px,100% - 40px);padding:18px;display:grid;position:absolute;bottom:28px;right:max(20px,50vw - 590px);box-shadow:0 24px 70px #0000004d}.consoleTop{justify-content:space-between;align-items:center;gap:18px;display:flex}.heroConsole strong,.panelLabel{display:block}.consoleTop strong{margin-top:4px;font-size:1.05rem}.consoleMeter{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.consoleMeter span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--amber));width:72%;height:100%;display:block}.consoleRows{gap:8px;display:grid}.consoleRow{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:14px;padding:11px 12px;display:flex}.consoleRow strong{color:var(--white);font-size:.92rem}.consoleRow span{color:#ffffff8c;margin-top:2px;font-size:.78rem;display:block}.consoleRow em{color:var(--teal);text-transform:uppercase;flex:none;font-size:.74rem;font-style:normal;font-weight:800}.panelLabel{color:#ffffff8c;text-transform:uppercase;font-size:.78rem;font-weight:720}.introBand{border-bottom:1px solid var(--line);background:var(--paper-2);border-top:1px solid #ffffff1a}.introGrid{grid-template-columns:repeat(3,minmax(120px,.7fr)) minmax(280px,1.4fr);align-items:center;gap:20px;padding:28px 0;display:grid}.stat{gap:4px;display:grid}.stat strong{color:var(--charcoal);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.stat span,.introGrid p{color:var(--muted);font-size:.95rem;line-height:1.55}.introGrid p{margin:0}.section,.templateBand,.featureBand,.ctaSection{padding:clamp(72px,10vw,118px) 0}.sectionHeader{max-width:760px}.sectionHeader.compact{max-width:470px}.sectionHeader h2,.templateBand h2,.featureBand h2,.ctaSection h2{color:var(--charcoal);font-size:clamp(2.2rem,5vw,4.6rem)}.sectionHeader p:not(.eyebrow),.templateBand p,.featureBand p,.ctaSection p,.proofItem p,.serviceCard span{color:var(--muted);font-size:1rem;line-height:1.65}.templateBand{background:linear-gradient(135deg,#ffffffbd,#ebe5da9e),repeating-linear-gradient(90deg,#1014160b 0 1px,#0000 1px 72px);position:relative;overflow:hidden}.templateLayout{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:end;gap:clamp(32px,7vw,82px);display:grid}.templateIntro{max-width:620px}.templateIntro p:not(.eyebrow){margin:22px 0 0}.templateStack{gap:12px;display:grid}.templateCard{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;grid-template-columns:62px 1fr;align-items:center;gap:18px;min-height:112px;padding:18px;display:grid;box-shadow:0 22px 70px #10141614}.templateCard:nth-child(2){border-color:#23b7a657;transform:translate(-24px)}.templateCard span{border-radius:var(--radius);width:52px;height:52px;color:var(--charcoal);background:linear-gradient(135deg,#23b7a62e,#d99a3629);place-items:center;font-weight:860;display:grid}.templateCard strong{color:var(--charcoal);font-size:1.15rem;display:block}.templateCard p{margin:5px 0 0;font-size:.95rem}.serviceGrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;display:grid}.serviceCard,.proofItem{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff8a}.serviceCard{background:linear-gradient(#ffffffc7,#ffffff80),#ffffff8a;align-content:start;min-height:420px;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #1c212314}.serviceCard:before{content:"";background:linear-gradient(90deg, var(--teal), var(--amber));opacity:.72;height:4px;position:absolute;inset:0 0 auto}.serviceCard:nth-child(2){border-color:#23b7a647;transform:translateY(-14px);box-shadow:0 30px 90px #1c212321}.serviceCard small{border-radius:var(--radius);color:var(--muted);background:#ffffff7a;border:1px solid #1014161f;justify-self:start;margin-top:18px;padding:7px 9px;font-size:.75rem;font-weight:760}.serviceIcon{border-radius:var(--radius);width:50px;height:50px;color:var(--teal);background:#23b7a61f;place-items:center;display:grid}.serviceCard>p{color:var(--amber);text-transform:uppercase;margin:18px 0 10px;font-size:.78rem;font-weight:820}.serviceCard h3,.proofItem h3{color:var(--charcoal);margin:0;font-size:1.45rem;line-height:1.1}.serviceCard span{margin-top:14px;display:block}.serviceCard ul{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.serviceCard li{color:var(--charcoal);align-items:center;gap:8px;font-size:.95rem;font-weight:680;display:flex}.serviceCard li svg{color:var(--teal);flex:none}.featureBand{color:var(--white);background:linear-gradient(135deg,#101416fa,#172024f0),repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 68px)}.featureLayout{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(32px,7vw,82px);display:grid}.featureBand h2,.featureBand p{color:var(--white)}.featureBand p{color:#ffffffad}.capabilityMatrix{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.capabilityMatrix span{border-radius:var(--radius);color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff21;align-items:center;gap:7px;min-height:52px;padding:12px;font-size:.9rem;font-weight:660;display:inline-flex}.capabilityMatrix svg{color:var(--amber);flex:none}.processSection{background:var(--paper)}.processLayout{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:clamp(32px,8vw,96px);display:grid}.timeline{gap:12px;display:grid}.timelineItem{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff80;grid-template-columns:64px 1fr;align-items:center;min-height:72px;display:grid}.timelineItem span{border-right:1px solid var(--line);height:100%;color:var(--amber);place-items:center;font-weight:820;display:grid}.timelineItem strong{color:var(--charcoal);padding:0 20px;font-size:1.1rem}.proofSection{padding-top:0}.proofGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.proofItem{background:#ffffff9e;padding:24px}.proofItem svg{color:var(--teal)}.proofItem h3{margin-top:22px;font-size:1.18rem}.proofItem p{margin-bottom:0;font-size:.94rem}.ctaSection{color:var(--white);background:linear-gradient(90deg,#101416f5,#101416d6),url(/images/ai-agency-hero.png) 50%/cover}.ctaLayout{justify-content:space-between;align-items:end;gap:32px;display:flex}.ctaLayout>div{max-width:720px}.ctaSection h2{color:var(--white)}.ctaSection p{color:#ffffffb3;max-width:600px}.footer{border-top:1px solid var(--line);background:var(--paper)}.footerInner{min-height:92px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:.94rem;display:flex}.brand.muted{color:var(--charcoal)}.brand.muted .brandMark{border-color:var(--line);background:#ffffff94}@media (max-width:920px){.hero{min-height:88svh}.heroImage{background-position:63%}.heroShade{background:linear-gradient(90deg,#080d0ff5 0%,#080d0fc2 64%,#080d0f47 100%),linear-gradient(#080d0f70,#080d0fb8)}.heroContent{margin-top:64px;padding-bottom:118px}.heroConsole{left:20px;right:auto}.introGrid,.templateLayout,.serviceGrid,.featureLayout,.processLayout,.proofGrid,.ctaLayout{grid-template-columns:1fr}.introGrid{grid-template-columns:repeat(3,1fr)}.introGrid p{grid-column:1/-1}.serviceCard{min-height:auto}.serviceCard:nth-child(2),.templateCard:nth-child(2){transform:none}.capabilityMatrix{grid-template-columns:repeat(2,1fr)}.proofGrid{grid-template-columns:repeat(2,1fr);display:grid}.ctaLayout{align-items:start;display:grid}}@media (max-width:620px){.container,.nav,.heroContent{width:min(100% - 28px,1120px)}.nav{align-items:flex-start}.navLinks{gap:0;padding:4px}.navLinks a{padding:8px 7px;font-size:.78rem}.brand{font-size:.92rem}.heroContent{margin-top:40px;margin-left:14px;padding-bottom:22px}.hero h1{font-size:clamp(2.65rem,13.5vw,3.35rem);line-height:1.02}.heroLead{font-size:1rem}.button{width:100%}.heroConsole{width:calc(100% - 28px);margin:0 auto 18px;position:relative;bottom:auto;left:auto;right:auto}.introGrid,.proofGrid,.capabilityMatrix{grid-template-columns:1fr}.section,.templateBand,.featureBand,.ctaSection{padding:64px 0}.sectionHeader h2,.templateBand h2,.featureBand h2,.ctaSection h2{font-size:clamp(2.25rem,12vw,3.35rem)}.footerInner{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}}
