.ai-onboarding{background:var(--paper);color:var(--ink)}.ai-onboarding__hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,45fr) minmax(0,55fr);display:grid}.ai-onboarding__hero-copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(3.5rem,7vw,8rem) clamp(1.25rem,4.1vw,4.75rem);display:flex}.ai-onboarding .eyebrow{margin:0 0 1rem}.ai-onboarding h1,.ai-onboarding h2,.ai-onboarding h3,.ai-onboarding p{margin-top:0}.ai-onboarding h1{letter-spacing:-.035em;margin-bottom:clamp(2rem,4vw,3rem);font-size:clamp(3.1rem,5.6vw,6rem);line-height:.96}.ai-onboarding h1 span{color:var(--accent)}.ai-onboarding__lede{max-width:31rem;color:var(--ink);margin-bottom:2rem;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.6}.ai-onboarding__hero-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.ai-onboarding__text-link{border-bottom:1px solid var(--accent);align-items:center;gap:.8rem;min-height:3.25rem;font-size:.86rem;display:inline-flex}.ai-onboarding__text-link .arrow{width:1.1rem}.ai-onboarding__hero-copy>.ai-onboarding__cta-note{max-width:24rem;color:var(--muted);font:.67rem/1.6 var(--mono);margin:1.25rem 0 0}.ai-onboarding__toolkit{border-left:1px solid var(--line);background:url(/images/portfolio-2026-09/onboarding-paper-1254.webp) 50%/cover;align-content:center;min-height:46rem;margin:0;padding:clamp(2rem,5vw,5.25rem);display:grid;position:relative}.ai-onboarding__toolkit-caption,.ai-onboarding__tool-grid,.ai-onboarding__toolkit-note{position:relative}.ai-onboarding__toolkit-caption{max-width:17rem;color:var(--accent);font:clamp(1.25rem, 2vw, 2rem)/1.25 var(--mono);margin-bottom:2rem}.ai-onboarding__tool-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:clamp(.8rem,1.7vw,1.3rem);display:grid}.ai-onboarding__tool{min-width:0;min-height:7.25rem;color:var(--ink);transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:linear-gradient(145deg,#fffefa,#f1eee6);border:1px solid #ffffffd9;border-radius:.85rem;grid-template-rows:3.4rem auto;align-content:center;justify-items:center;gap:.6rem;padding:1rem .85rem;display:grid;box-shadow:inset 0 0 0 1px #4b3a2209,0 2px 3px #3025160d,0 8px 14px -8px #3025163d}.ai-onboarding__tool:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #4b3a2209,0 4px 6px #3025160d,0 13px 22px -9px #30251647}.ai-onboarding__tool--green{color:#fff;background:linear-gradient(145deg,#0b8568,#08785d);border-color:#ffffff59}.ai-onboarding__tool-mark{justify-content:center;align-items:center;width:100%;min-width:0;height:3.4rem;display:flex}.ai-onboarding__tool-label{font:500 clamp(.72rem, .95vw, .84rem)/1.2 var(--sans);text-align:center}.ai-onboarding__tool-logo{object-fit:contain;width:2.8rem;max-width:100%;height:2.8rem;display:block}.ai-onboarding__tool-logo--openai{width:3.6rem;height:3.6rem}.ai-onboarding__tool-logo--anthropic{width:3rem}.ai-onboarding__tool-logo--openclaw{width:3.4rem;height:3.4rem}.ai-onboarding__tool-logo--hermes{width:5.1rem;height:5.1rem}.ai-onboarding__tool-logo--ollama{height:3.2rem}.ai-onboarding__tool-logo--deepseek{width:116px;height:auto}.ai-onboarding__tool-logo--n8n{width:100px;min-width:100px;max-width:100px;height:auto;max-height:none}.ai-onboarding__toolkit-note{font:.67rem/1.5 var(--mono);border-top:1px solid #11182080;margin:2rem 0 0;padding-top:.8rem}.ai-onboarding__outcomes{padding:clamp(3.5rem, 7vw, 7.5rem) var(--gutter);grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:clamp(2rem,6vw,7rem);display:grid}.ai-onboarding__outcomes-intro h2,.ai-onboarding__process h2,.ai-onboarding__closing h2{letter-spacing:-.025em;margin-bottom:1.5rem;font-size:clamp(3.3rem,5vw,6.1rem);line-height:.9}.ai-onboarding__outcomes-intro h2{font-size:clamp(2.65rem,4vw,5rem)}.ai-onboarding__outcomes-intro>p:not(.eyebrow){max-width:28rem;color:var(--muted)}.ai-onboarding__outcomes-intro>p:last-child{margin-bottom:0}.ai-onboarding__outcome-list,.ai-onboarding__process-list{margin:0;padding:0;list-style:none}.ai-onboarding__outcome{border-top:1px solid var(--line);grid-template-columns:2rem minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;padding:1.25rem 0;display:grid}.ai-onboarding__outcome:last-child{border-bottom:1px solid var(--line)}.ai-onboarding__outcome-number{color:var(--accent);font:clamp(1.4rem, 2vw, 2.1rem)/1 var(--display)}.ai-onboarding__outcome h3{letter-spacing:-.015em;margin-bottom:0;font-size:clamp(1.8rem,2.7vw,3rem);line-height:1}.ai-onboarding__outcome p{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.55}.ai-onboarding__process{padding:clamp(3.5rem, 7vw, 7.5rem) var(--gutter);background:var(--ink);color:var(--on-dark)}.ai-onboarding__process .eyebrow{color:#efaa88}.ai-onboarding__process-heading{max-width:35rem}.ai-onboarding__process-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(2.5rem,5vw,5rem);display:grid}.ai-onboarding__process-step{border-left:1px solid var(--dark-line);min-width:0;padding:0 clamp(1.25rem,3vw,3.5rem)}.ai-onboarding__process-step:first-child{border-left:0;padding-left:0}.ai-onboarding__process-step>span{color:#efaa88;font:1.25rem/1 var(--display);margin-bottom:1rem;display:block}.ai-onboarding__process-step h3{border-top:1px solid var(--dark-line);letter-spacing:-.015em;margin-bottom:.9rem;padding-top:1rem;font-size:clamp(2rem,2.8vw,3rem);line-height:.95}.ai-onboarding__process-step p{color:var(--on-dark-muted);margin-bottom:0;font-size:.9rem;line-height:1.6}.ai-onboarding__closing{padding:clamp(3.5rem, 7vw, 7.5rem) var(--gutter) clamp(2.5rem, 5vw, 5rem);grid-template-columns:minmax(0,1fr) minmax(15rem,.72fr);gap:clamp(2.5rem,8vw,11rem);display:grid}.ai-onboarding__closing>div>p:not(.eyebrow){max-width:31rem;color:var(--muted);margin-bottom:1.7rem}.ai-onboarding__scope-note,.ai-onboarding__ownership-note{border-top:1px solid var(--line);color:var(--muted);font:.71rem/1.7 var(--mono);align-self:end;margin:0;padding-top:1rem}.ai-onboarding__ownership-note{color:var(--muted);grid-column:1/-1;margin-top:-1rem}.ai-onboarding__practice{padding:clamp(3.5rem, 7vw, 7.5rem) var(--gutter);border-bottom:1px solid var(--line)}.ai-onboarding__practice h2{letter-spacing:-.025em;max-width:48rem;margin-bottom:2.5rem;font-size:clamp(2.8rem,4.4vw,5rem);line-height:.96}.ai-onboarding__practice ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin:0;padding:0;list-style:none;display:grid}.ai-onboarding__practice li{border-top:1px solid var(--line);padding-top:1.25rem}.ai-onboarding__practice h3{margin-bottom:.8rem;font-size:clamp(1.9rem,2.5vw,2.8rem);line-height:1.05}.ai-onboarding__practice li p{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.6}.ai-onboarding__related-service{margin-top:1.75rem}.ai-onboarding__related-service a{color:var(--primary);text-underline-offset:.2em;text-decoration:underline}@media (width<=780px){.ai-onboarding__hero,.ai-onboarding__outcomes,.ai-onboarding__closing{grid-template-columns:1fr}.ai-onboarding__toolkit{border-top:1px solid var(--line);border-left:0;min-height:32rem}.ai-onboarding__outcomes{gap:2.5rem}.ai-onboarding__process-list{grid-template-columns:1fr;gap:2.5rem}.ai-onboarding__practice ul{grid-template-columns:1fr}.ai-onboarding__process-step,.ai-onboarding__process-step:first-child{border-left:0;padding:0}.ai-onboarding__process-step h3{margin-bottom:.6rem}.ai-onboarding__scope-note{grid-row:2}.ai-onboarding__ownership-note{grid-area:3;margin-top:0}}@media (width<=540px){.ai-onboarding__hero-copy,.ai-onboarding__toolkit{padding-inline:var(--gutter)}.ai-onboarding h1{font-size:clamp(3.15rem,14vw,4.8rem)}.ai-onboarding__hero-actions,.ai-onboarding__hero-actions .button{width:100%}.ai-onboarding__tool-grid{gap:.7rem}.ai-onboarding__tool{border-radius:.7rem;gap:.55rem;min-height:7rem;padding:.85rem .65rem}.ai-onboarding__outcome{grid-template-columns:2.6rem 1fr;gap:.75rem}.ai-onboarding__outcome p{grid-column:2}.ai-onboarding__outcomes-intro h2,.ai-onboarding__process h2,.ai-onboarding__closing h2{font-size:clamp(3rem,13vw,4.3rem)}}
