/* Hero-first hierarchy: the art moves, the message stays readable. */
.landing-hero{position:relative;isolation:isolate;padding:80px 0 0;min-height:720px;overflow:hidden;background:#19201c}.hero-stage{position:absolute;inset:-20px -7% 75px 47%;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 22%)}.hero-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .7s}.hero-stage[data-scene=entering] canvas,.hero-stage[data-scene=settled] canvas{opacity:1}.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:8% 50%;transition:opacity .7s}.hero-stage[data-scene=entering] .hero-fallback,.hero-stage[data-scene=settled] .hero-fallback{opacity:0}.hero-stage[data-scene=fallback] canvas{opacity:0}.hero-content{position:relative;width:63%;max-width:820px;margin-left:max(var(--pad),calc((100% - 1200px)/2));padding:0;text-align:left;min-height:475px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.landing-hero h1{font-size:clamp(70px,6.65vw,104px);line-height:1.05;letter-spacing:-.055em}.hero-content .hero-actions{justify-content:flex-start}.hero-subline{max-width:480px;font-size:20px}.hero-content>.eyebrow{color:#c5cbbf}.hero-credential{margin-top:27px}.client-strip{position:relative;padding:32px 0;justify-content:flex-start;border-top:1px solid #ffffff24;margin-top:52px;gap:70px}.client-strip>div{gap:55px}.client-strip>p{font-size:13px}.headline-mask>span{animation-duration:1.2s;animation-delay:.18s}.headline-mask:nth-child(2)>span{animation-delay:.34s}.home-page .proof-section{padding-top:82px}.home-page .proof-bottom{display:flex;justify-content:flex-end;margin-top:25px}.home-page .proof-bottom .button{padding:0;background:none;color:var(--ink);border-radius:0;min-height:unset;font-weight:400}.home-page .primary-proof .video-card,.home-page .primary-proof .metric-card{border-radius:16px}.home-page .section-heading{margin-bottom:36px}.pipeline-top{justify-content:center}.pipeline{margin-top:35px}.flow-step{cursor:default}.flow-step strong{min-height:0}.flow-step[aria-pressed=true]{transform:none}.flow-logo{transition:transform .7s,border-color .7s,box-shadow .7s}.flow-step.is-active .flow-logo{transform:translateY(-8px) rotate(-4deg);border-color:#dfe9d5;box-shadow:0 15px 35px #0005}.flow-step.is-complete .flow-logo{border-color:#53674a}.flow-progress,.flow-steps:after{display:none}.pipeline-caption{min-height:64px}.closing-art img{animation:none}.work-grid{display:block;border-top:1px solid var(--edge)}.work-grid article{display:grid;grid-template-columns:40px 1fr 1.5fr .8fr;gap:30px;padding:28px 0;align-items:center;border-bottom:1px solid var(--edge)}.work-grid article>.icon{margin:0;width:25px;height:25px}.work-grid h3{font-size:26px;margin:0}.work-grid p{max-width:unset}.work-grid article>span{margin:0;text-align:right;font-size:13px}.tools-row .tool-logo,.flow-logo .tool-logo,.credential-clay{filter:none}.tools-row img[alt="Clay"],.credential-clay{width:56px;height:auto;max-height:26px;object-fit:contain}.flow-logo img[alt="Clay"]{width:59px;height:auto}.tools-row img[alt="EmailBison"]{width:140px;height:auto;max-height:30px}.flow-logo img[alt="EmailBison"]{width:78px;height:auto}.tools-row img[alt="InboxKit"]{width:115px;height:auto;max-height:30px}.hero-credential .credential-clay{width:40px;max-height:20px}.codex-lockup .tool-logo{width:31px;height:31px;max-width:31px}.flow-logo .codex-mark{width:32px;height:32px}.official-tool-pair{display:flex;flex-direction:column;gap:12px;align-items:center}.official-tool-pair img{max-width:80px;max-height:25px}.flow-logo{height:112px;width:112px}.flow-steps:before{top:56px}.pipeline .tool-logo{opacity:1}.pipeline.is-entering .flow-step{animation:flow-arrive .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--step)*90ms)}@keyframes flow-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-content{min-height:535px}.hero-stage{right:0;left:46%}.landing-hero{padding-top:70px}}
@media(max-width:1100px){.landing-hero{min-height:670px;padding-top:60px}.hero-content{min-height:440px;width:67%;max-width:720px}.landing-hero h1{font-size:clamp(65px,7.3vw,90px)}.hero-stage{left:48%;right:-12%;bottom:95px;opacity:.87}.hero-subline{max-width:400px}.client-strip{margin-top:35px}.flow-logo{width:92px;height:92px}.flow-steps:before{top:46px}.work-grid article{grid-template-columns:30px 1fr 1.3fr;gap:22px}.work-grid article>span{grid-column:3;text-align:left}.work-grid h3{font-size:25px}}
@media(max-width:800px){.landing-hero{padding-top:45px;min-height:630px}.hero-content{min-height:415px;width:75%;margin-left:30px}.landing-hero h1{font-size:68px}.hero-stage{left:43%;right:-28%;opacity:.48}.client-strip{gap:35px;justify-content:center;margin-top:25px}.client-strip>p{max-width:unset}.client-strip>div{gap:35px}.work-grid article{grid-template-columns:28px 1fr 1.25fr}.flow-logo{width:108px;height:108px}}
@media(max-width:600px){.landing-hero{padding-top:30px;display:flex;flex-direction:column;min-height:0}.hero-content{width:100%;padding:0 22px;margin:0;max-width:unset;min-height:0;text-align:center;align-items:center;order:1}.landing-hero h1{font-size:clamp(47px,11.4vw,64px)}.hero-content>.eyebrow{font-size:11px;margin-bottom:18px}.hero-content .hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:24px;margin-top:24px}.hero-subline{font-size:17px;max-width:320px;margin-top:22px}.hero-credential{margin-top:25px;font-size:12px}.hero-stage{position:relative;inset:auto;z-index:0;height:290px;min-height:290px;width:100%;order:2;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);margin-top:5px}.hero-stage canvas{width:100%;height:100%}.hero-fallback{object-position:0% 47%;width:180%;max-width:180%;left:-15%}.client-strip{order:3;margin-top:0;flex-direction:column;gap:18px;padding:24px 0 28px;border-top:1px solid #ffffff1c}.client-strip>p{font-size:12px}.client-strip>div{gap:40px}.home-page .proof-section{padding-top:60px}.work-grid article{grid-template-columns:28px 1fr;gap:14px 20px;padding:27px 0}.work-grid article>p,.work-grid article>span{grid-column:2;text-align:left}.work-grid article>.icon{align-self:start;margin-top:4px}.work-grid h3{font-size:26px}.work-grid p{font-size:16px}.flow-logo{height:102px;width:102px}.official-tool-pair img{max-width:75px}.pipeline-top{justify-content:flex-start}.home-page .proof-bottom{justify-content:flex-start}.closing-section{padding-block:65px}.tools-row img[alt="Claude Code"]{width:150px;max-width:150px}}
@media(prefers-reduced-motion:reduce){.hero-stage canvas,.hero-fallback{transition:none}.headline-mask>span,.pipeline.is-entering .flow-step{animation:none!important;transform:none!important;opacity:1}.flow-logo{transition:none!important}.flow-step.is-active .flow-logo{transform:none}}
.tools-row .inbox-carrier,.flow-logo .inbox-carrier{background:#f7f5ef;padding:6px 9px;border-radius:6px;box-sizing:content-box}.flow-logo .inbox-carrier{padding:3px 5px;max-width:68px}.hero-credential svg.credential-clay{height:23px;max-height:23px;width:43px}.tools-row svg.tool-logo{width:61px;height:33px;max-height:33px}.flow-logo svg.tool-logo{width:62px;height:36px;max-height:36px}.flow-packet{position:absolute;width:34px;height:3px;top:56px;left:8%;border-radius:4px;background:linear-gradient(90deg,transparent,#f7f5ef);box-shadow:0 0 14px #edf6e150;opacity:0;pointer-events:none;z-index:-1}.proof-bottom{align-items:center;gap:35px;justify-content:space-between!important}.proof-bottom p{font-size:15px;color:#626b59}.home-page .system-section{border-top:1px solid #ffffff12;padding-top:82px;background:#19201c}.home-page .system-section>.wrap>.section-heading h2{max-width:800px}.hero-stage[data-scene=ready] canvas{opacity:1}.hero-stage[data-scene=ready] .hero-fallback{opacity:0}@media(max-width:1100px){.flow-packet{top:46px}}@media(max-width:800px){.flow-packet{display:none}.proof-bottom{align-items:flex-start;flex-direction:column;gap:15px}}@media(prefers-reduced-motion:reduce){.flow-packet{display:none}}