.ai-hero{padding-top:74px;background:linear-gradient(120deg,#f2f6ff 0%,#fff9f2 100%)}
.ai-hero .split{align-items:center}.ai-hero h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.05;letter-spacing:-.045em}.ai-hero .intro{max-width:650px}.ai-task-story{padding:34px 0 34px 34px;border-left:4px solid #fa7964;min-width:0}.ai-owner{font-size:clamp(2rem,3vw,3rem);line-height:1.16;letter-spacing:-.035em;color:var(--ink);margin:18px 0 30px}.ai-task-story ol{list-style:none;padding:0;counter-reset:flow}.ai-task-story li{counter-increment:flow;display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line);font-weight:600}.ai-task-story li:before{content:'0' counter(flow);font-size:.75rem;color:var(--blue)}.ai-task-story>p:last-child{font-size:.86rem;max-width:430px}
.ai-use-cases{margin-top:42px}.ai-use-case{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;border-top:1px solid var(--line);padding:30px 0}.ai-case-title{display:flex;align-items:baseline;gap:20px}.ai-case-title>span{color:var(--blue);font-size:.8rem}.ai-case-title h3{font-size:1.6rem;line-height:1.2}.ai-pain{font-size:1.2rem;font-weight:600;color:var(--ink);margin-top:0}.ai-use-case dl{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:24px 0 0}.ai-use-case dl>div{min-width:0}.ai-use-case dt,.ai-pilot-scope dt{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);font-weight:700}.ai-use-case dd{margin:6px 0 0;font-size:.88rem;line-height:1.5}.ai-pilot{background:#dbf2e8}.ai-pilot .split{align-items:start}.ai-pilot-scope dl{margin:0}.ai-pilot-scope dl>div{padding:16px 0;border-top:1px solid #aacfc1}.ai-pilot-scope dd{margin:7px 0 0;line-height:1.6}.ai-pilot .button{margin-top:20px}
@media(max-width:850px){.ai-hero{padding-top:45px}.ai-task-story{padding:18px 0 10px 25px}.ai-use-case{grid-template-columns:1fr;gap:12px;padding:26px 0}.ai-case-title h3{font-size:1.45rem}.ai-use-case dl{gap:18px}.ai-hero h1{font-size:clamp(2.65rem,7.5vw,4.5rem)}}
@media(max-width:420px){.ai-use-case dl{grid-template-columns:1fr;gap:16px}.ai-owner{font-size:2rem}.ai-hero .button,.ai-pilot .button{width:100%;white-space:normal;text-align:center}.ai-case-title{gap:12px}}
.commerce-hero{padding-top:55px;padding-bottom:48px}.commerce-priority{font-size:1.05rem;color:var(--ink);font-weight:650;margin:26px 0 14px}.commerce-choices{display:flex;flex-wrap:wrap;gap:12px}.commerce-choices .button{min-width:150px;justify-content:center;text-align:center}.commerce-choices .commerce-marketplace{background:#ff806c;color:#132c3c;border-color:#ff806c}.commerce-choices .is-selected{box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor}.commerce-panel[hidden]{display:none}.commerce-panel{scroll-margin-top:100px}.commerce-panel-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.commerce-panel-head h2{margin-bottom:0}.commerce-panel-head nav{flex-shrink:0}.commerce-panel-head .button{padding:12px 20px;min-width:120px;font-size:.85rem}.commerce-panel>.wrap>.intro{margin-top:25px;max-width:800px}.commerce-panel .ai-use-cases{margin-top:28px}.commerce-panel .ai-use-case{padding:24px 0}.commerce-panel>.wrap>.button{margin-top:20px}
@media(max-width:850px){.commerce-panel-head{display:block}.commerce-panel-head nav{margin-top:24px}.commerce-hero .commerce-choices .button{width:auto;min-width:0;flex:1}.commerce-panel .ai-use-case{padding:22px 0}.commerce-hero{padding-top:36px}.commerce-panel-head .commerce-choices{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep both entry choices visible early on desktop. */
.commerce-hero{padding-top:36px;padding-bottom:36px}.commerce-hero h1{font-size:clamp(2.6rem,4.1vw,4rem)}.commerce-hero .intro{font-size:1rem;line-height:1.6;margin:16px 0}.commerce-hero .commerce-priority{margin:18px 0 10px}.commerce-hero .ai-task-story{padding-top:20px;padding-bottom:20px}
@media(min-width:851px) and (max-height:700px){.commerce-hero{padding-top:22px;padding-bottom:24px}.commerce-hero h1{font-size:2.6rem}.commerce-hero .eyebrow{margin-bottom:10px}.commerce-hero .intro{line-height:1.5;margin:12px 0}.commerce-hero .commerce-priority{margin:10px 0 8px}.commerce-hero .commerce-choices .button{min-height:44px;padding-block:10px}.commerce-hero .ai-owner{font-size:2rem}}