.guide-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center;padding-block:62px 80px}.guide-hero-image{margin:0;overflow:hidden;border-radius:16px;background:#0a1b16;box-shadow:0 28px 60px #16312828;transform:rotate(1deg)}.guide-hero-image img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover}.guide-hero-image figcaption{padding:13px 17px;color:#c6d0ca;font-size:12px;font-weight:700}.guide-intro{padding:92px 0;background:var(--ink);color:#edf1ed}.intro-grid{display:grid;grid-template-columns:1fr 3fr;gap:70px}.intro-grid h2{font-size:clamp(44px,4.7vw,68px)}.intro-grid h2 i{color:var(--acid)}.intro-grid>div>p{max-width:720px;margin:28px 0 0 auto;color:#b3c0b9;font-size:19px;line-height:1.55}.guide-intro .section-label{color:#9eaaa3}
.workflow{padding-block:92px}.workflow ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.workflow li{padding:25px 25px 20px 0;border-right:1px solid var(--line)}.workflow li:not(:first-child){padding-left:25px}.workflow li:last-child{border:0}.workflow li>b{display:block;color:#91a099;font-size:28px}.workflow li strong{display:block;margin-top:45px;font-size:21px}.workflow li p{color:var(--muted);font-size:16px;line-height:1.55}
.case-study{padding-block:92px;background:#e7e3d8}.case-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:50px;margin-bottom:52px}.case-heading .section-label{grid-row:1/3}.case-heading h2{font-size:clamp(48px,5vw,70px)}.case-heading>p:last-child{max-width:720px;color:var(--muted);font-size:18px;line-height:1.6}.case-study figure{margin:0}.case-study img{display:block;width:100%;border-radius:12px;background:var(--ink)}.wide-shot img{aspect-ratio:16/8.3;object-fit:cover}.case-study figcaption{display:grid;grid-template-columns:55px 1fr 1.4fr;gap:16px;padding:18px 2px 38px}.case-study figcaption span{color:#87948d;font-size:23px;font-weight:800}.case-study figcaption strong{font-size:18px}.case-study figcaption p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.image-pair img{aspect-ratio:16/9;object-fit:cover}.overview{margin-top:18px!important}
.yaml-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start;padding-block:92px}.yaml-story h2{margin-top:25px;font-size:clamp(46px,4.8vw,68px)}.yaml-story>div>p:last-child{color:var(--muted);font-size:18px;line-height:1.6}.yaml-story pre,.prompt-card{margin:0;border-radius:14px;background:#0b1b16;color:#dfe8e2;box-shadow:0 24px 55px #16312820}.yaml-story pre{padding:30px;overflow:auto;font:500 13px/1.55 Consolas,"Courier New",monospace}.code-dim{color:var(--acid)}
.prompt-section{padding-block:92px;background:#dce9aa}.prompt-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:65px;align-items:start}.prompt-copy{position:sticky;top:25px}.prompt-copy h2{margin-top:25px;font-size:clamp(48px,5vw,70px)}.prompt-copy>p:not(.section-label):not(.copy-status){color:#4e5e4a;font-size:17px;line-height:1.6}.copy-prompt{display:flex;align-items:center;justify-content:space-between;width:210px;margin-top:28px;padding:16px 18px;border:0;border-radius:7px;background:var(--ink);color:white;font-size:14px;font-weight:700;cursor:pointer}.copy-prompt:hover,.copy-prompt:focus-visible{background:#18372d;outline:3px solid white;outline-offset:2px}.copy-prompt span{color:var(--acid);font-size:18px}.copy-status{min-height:20px;color:#465541;font-size:13px}.prompt-card{max-height:760px;overflow:auto}.prompt-card pre{margin:0;padding:30px;white-space:pre-wrap;font:500 13px/1.6 Consolas,"Courier New",monospace}
.possibilities{padding-block:92px}.possibility-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.possibility-grid article{min-height:230px;padding:24px;border-right:1px solid var(--line)}.possibility-grid article:first-child{padding-left:0}.possibility-grid article:last-child{border:0}.possibility-grid span{color:#91a099;font-size:23px;font-weight:800}.possibility-grid h3{margin:38px 0 12px;font-size:21px}.possibility-grid p{color:var(--muted);font-size:15px;line-height:1.55}.human-note{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;margin-top:45px;padding:30px;border-left:5px solid var(--acid);background:white}.human-note strong{font-size:22px}.human-note p{margin:0;color:var(--muted);line-height:1.55}
@media(max-width:900px){.guide-hero,.yaml-story{grid-template-columns:1fr}.guide-hero-image{transform:none}.intro-grid,.case-heading,.prompt-layout{grid-template-columns:1fr}.case-heading .section-label{grid-row:auto}.workflow ol,.possibility-grid{grid-template-columns:1fr 1fr}.workflow li:nth-child(2),.possibility-grid article:nth-child(2){border-right:0}.prompt-copy{position:static}.prompt-card{max-height:620px}}
@media(max-width:600px){.guide-hero{padding-block:48px 65px}.guide-hero-image img{aspect-ratio:4/3}.guide-intro,.workflow,.case-study,.yaml-story,.prompt-section,.possibilities{padding-block:72px}.intro-grid{gap:35px}.workflow ol,.possibility-grid,.image-pair{grid-template-columns:1fr}.workflow li,.workflow li:not(:first-child),.possibility-grid article{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.workflow li strong{margin-top:22px}.case-study figcaption{grid-template-columns:38px 1fr}.case-study figcaption p{grid-column:2}.wide-shot img,.image-pair img{aspect-ratio:4/3}.yaml-story{gap:38px}.yaml-story pre,.prompt-card pre{padding:20px;font-size:11px}.prompt-layout{gap:35px}.human-note{grid-template-columns:1fr;gap:15px}.nav-links>a:not(.button){display:none}}