/* FernAI client experience, shared by the homepage and work page. */
.fernai-feature { background:#f3efe5; color:#173a32; padding:0 5vw 72px; border-top:8px solid #e65020; border-bottom:1px solid #173a32; }
.fernai-mast { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; align-items:center; padding:24px 0; border-bottom:1px solid #a8b6aa; font:700 12px/1.5 'Courier New',monospace; letter-spacing:.06em; }
.fernai-mast a { text-decoration:none; }
.fernai-mast a:nth-child(2) { font:900 26px/1 Arial,sans-serif; letter-spacing:-.06em; }
.fernai-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:6vw; padding-top:56px; align-items:start; }
.fernai-main h1,.fernai-main h2 { font-size:clamp(34px,3.7vw,60px); line-height:1.06; letter-spacing:-.055em; font-weight:900; margin:0 0 28px; max-width:790px; }
.fernai-main h1 span,.fernai-main h2 span { color:#a73513; }
.fernai-main .fernai-intro { font-size:18px; line-height:1.6; margin:0; max-width:620px; }
.fernai-shift { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; margin:32px 0; padding:24px 0; border-top:1px solid #a8b6aa; border-bottom:1px solid #a8b6aa; }
.fernai-shift div>span,.fernai-label { font:700 11px/1.5 'Courier New',monospace; letter-spacing:.06em; }
.fernai-shift p { margin:10px 0 0; font-size:17px; line-height:1.4; }
.fernai-arrow { align-self:center; font-size:30px; color:#a73513; }
.fernai-feature .fernai-evidence { margin:0; padding:28px 32px 32px; border:1px solid #173a32; background:#fffefa; box-shadow:10px 10px 0 #173a32; }
.fernai-evidence-top { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #c3c9bf; padding-bottom:16px; font:700 11px/1.4 'Courier New',monospace; letter-spacing:.06em; }
.fernai-evidence-top span:last-child { color:#a73513; font:36px/1 Georgia,serif; }
.fernai-feature .fernai-evidence blockquote { font:400 clamp(23px,2.2vw,34px)/1.35 Georgia,serif; letter-spacing:-.025em; margin:26px 0 30px; }
.fernai-evidence figcaption { display:flex; align-items:center; gap:14px; border-top:1px solid #c3c9bf; padding-top:20px; font-size:14px; line-height:1.5; }
.fernai-initial { display:grid; place-items:center; height:44px; width:44px; background:#173a32; color:#fffefa; font:italic 28px Georgia,serif; }
.fernai-evidence a { text-decoration:underline; text-underline-offset:3px; }
.fernai-feature a.fernai-cta,.fernai-next a.fernai-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:36px; padding:16px 20px; color:#fffefa; background:#173a32; text-decoration:none; font:700 14px/1.4 'Courier New',monospace; }
.fernai-cta span { font-size:22px; }
.fernai-feature a.fernai-cta:hover,.fernai-next a.fernai-cta:hover { background:#a73513; }
.fernai-case a:focus-visible,.fernai-proof a:focus-visible { outline:3px solid #a73513; outline-offset:5px; }
.fernai-detail { padding:72px 5vw; display:grid; grid-template-columns:1fr 1.5fr; gap:7vw; background:#fffefa; color:#173a32; }
.fernai-detail h2 { font-size:clamp(30px,3vw,44px); line-height:1.1; letter-spacing:-.04em; margin:24px 0; }
.fernai-detail p,.fernai-next p { font-size:17px; line-height:1.65; }
.fernai-detail .fernai-label,.fernai-next .fernai-label { font-size:11px; }
.fernai-steps article { display:grid; grid-template-columns:44px 1fr; gap:20px; padding:28px 0; border-top:1px solid #a8b6aa; }
.fernai-steps article>span { font:italic 30px/1 Georgia,serif; color:#a73513; }
.fernai-steps h3 { margin:0 0 14px; font-size:23px; line-height:1.2; letter-spacing:-.02em; }
.fernai-steps p { margin:0; }
.fernai-steps blockquote { margin:24px 0 0; padding-left:20px; border-left:3px solid #e65020; font:italic 20px/1.5 Georgia,serif; }
.fernai-next { display:grid; grid-template-columns:1.5fr 1fr; gap:6vw; padding:48px 5vw 64px; border-top:1px solid #173a32; background:#dcebe6; color:#173a32; }
.fernai-next h2 { font-size:clamp(30px,3vw,44px); line-height:1.1; letter-spacing:-.04em; max-width:650px; }
.fernai-next-actions { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:24px; }
.fernai-next-actions>a:last-child { text-decoration:underline; text-underline-offset:5px; }
@media(max-width:900px) { .fernai-layout { grid-template-columns:1fr; gap:36px; } .fernai-feature .fernai-evidence { max-width:660px; } .fernai-detail { grid-template-columns:1fr; gap:24px; } .fernai-next { grid-template-columns:1fr; gap:20px; } }
@media(max-width:600px) { .fernai-feature { padding:0 20px 44px; } .fernai-mast { gap:12px; } .fernai-mast>span:last-child { flex-basis:100%; font-size:10px; } .fernai-layout { padding-top:32px; } .fernai-main h1,.fernai-main h2 { font-size:36px; } .fernai-feature .fernai-evidence { padding:20px; box-shadow:6px 6px 0 #173a32; margin-right:6px; } .fernai-feature .fernai-evidence blockquote { font-size:25px; } .fernai-shift { gap:12px; } .fernai-shift p { font-size:15px; } .fernai-shift div>span { font-size:9px; } .fernai-detail { padding:44px 20px; } .fernai-steps article { grid-template-columns:30px 1fr; gap:12px; } .fernai-next { padding:32px 20px 44px; } }

.fernai-process { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.fernai-process>div+div { border-left:1px solid #a8b6aa; padding-left:18px; }
.fernai-steps p+p { margin-top:16px; }
@media(max-width:600px) { .fernai-process { grid-template-columns:1fr; gap:18px; } .fernai-process>div+div { border-left:0; padding-left:0; border-top:1px solid #a8b6aa; padding-top:18px; } }