.ai section{padding:72px 0}
.ai .xp-hero{padding:0}
.ai .xp-hero-photo{width:min(500px,92%)}
.ai-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}
.ai-flip{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center}
.ai h2.serif{font-size:clamp(34px,3.6vw,48px);margin:6px 0 4px;color:var(--ink);line-height:1.05}
.ai .xp-stroke{display:block;width:180px;height:22px;margin:4px 0 18px}.ai .xp-stroke path{fill:var(--copper)}
.ai .xp-cta{margin-top:26px}
.xp.ai p.ai-intro{max-width:680px}
/* stack */
.ai-approach{background:#101a1d;color:#fff}.ai-approach h2.serif{color:#fff}.xp.ai .ai-approach p{color:#e9e2d6}
.ai-stack{width:100%;height:auto;display:block}
.ai-stack .st-out{fill:none;stroke:#bf775066;stroke-width:2;stroke-dasharray:6 8}
.ai-stack .lay path{stroke:#101a1d;stroke-width:2}.ai-stack .l1{fill:#2b3a3f}.ai-stack .l2{fill:#33464c}.ai-stack .l3{fill:#3d535a}.ai-stack .l4{fill:#486168}
.ai-stack .lay text{fill:#f5f0e8;font:700 15px var(--font);text-anchor:middle}
.ai-stack .arrow{filter:drop-shadow(0 6px 10px #0009)}
.ai-stack .res{fill:#d89470;font:600 26px var(--script);text-anchor:middle}
.ai-stack .side{fill:#c9c2b6;font:700 11px var(--font);letter-spacing:.2em;text-transform:uppercase;text-anchor:middle}
.xp.ai p.ai-cap{font-size:24px;color:#d89470;text-align:center;transform:rotate(-2deg);margin:8px 0 0}
.ai-rules{list-style:none;counter-reset:r;padding:0;margin:20px 0 0;display:grid;gap:16px}
.ai-rules li{counter-increment:r;position:relative;padding-left:46px;font-size:16px;line-height:1.5;color:#e9e2d6}
.ai-rules li:before{content:counter(r);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--copper);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.ai-rules strong{color:#fff}
/* builds */
.ai-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:10px}
.ai-build{background:#fffdf8;border:1px solid #d8cbbb;box-shadow:0 6px 18px #0001;padding:26px 22px}
.ai-ico{width:58px;height:58px;border-radius:14px;background:#101a1d;display:grid;place-items:center;margin-bottom:16px}
.ai-ico svg{width:34px;height:34px;fill:none;stroke:#d89470;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ai-build h3{font:700 20px/1.2 var(--font);margin:6px 0 10px;color:var(--ink)}.xp.ai .ai-build p:not(.eyebrow){font-size:15px;line-height:1.5}
/* areas */
.ai-area-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ai-area-list li{background:#eee6d9;padding:16px 20px;border-left:4px solid var(--copper);display:grid;gap:4px}
.ai-area-list strong{font-size:17px;color:var(--ink)}.ai-area-list span{font-size:15px;color:#3d4a4e}
/* proof */
.ai-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;margin-top:30px}
.ai-proof{position:relative;background:#fffdf8;box-shadow:2px 8px 16px #0002;padding:30px 20px 20px}
.ai-proof:nth-child(odd){transform:rotate(-1.4deg)}.ai-proof:nth-child(even){transform:rotate(1.2deg)}
.ai-proof .tape{left:30%}
.ai-proof h3.scribble{font-size:26px;color:#8d4d2d;margin:6px 0 10px;line-height:1}
.xp.ai .ai-proof p:not(.eyebrow){font-size:14.5px;line-height:1.5}
.ai-proof a{display:inline-block;margin-top:10px;font-weight:700;font-size:14px;color:#a75f3b}
/* training + guard */
.ai-ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.ai-ticks li{position:relative;padding-left:30px;font-size:16px;line-height:1.45}
.ai-ticks li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--copper);box-shadow:inset 0 0 0 4px #fffdf8}
.ai-guard{position:relative;background:#101a1d;color:#fff;padding:36px 32px 28px;box-shadow:0 14px 34px #0004;transform:rotate(1deg)}
.ai-guard .pin{left:50%}.ai-guard h3.serif{font-size:36px;margin:4px 0 6px;color:#fff;font-weight:400}
.ai-guard .ai-ticks li{color:#e9e2d6}.ai-guard .ai-ticks li:before{box-shadow:inset 0 0 0 4px #101a1d}
.xp.ai p.ai-guard-note{font-size:23px;color:#d89470;margin:20px 0 0;line-height:1.1}
/* roadmap */
.ai-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ai-steps li{position:relative;background:#fffdf8;border:1px solid #d8cbbb;padding:30px 24px 22px}
.ai-steps li:nth-child(2){margin-top:28px}.ai-steps li:nth-child(3){margin-top:56px}
.ai-steps b{position:absolute;top:-18px;left:22px;width:36px;height:36px;border-radius:50%;background:var(--copper);color:#fff;display:grid;place-items:center;font-size:16px}
.ai-steps h3{font:700 22px var(--font);margin:4px 0 8px;color:var(--ink)}.xp.ai .ai-steps p:not(.eyebrow){font-size:15px;line-height:1.5}
/* faq */
.ct-faq{border-top:2px solid var(--copper);padding:14px 0}.ct-faq summary{cursor:pointer;font:700 17px var(--font);color:var(--ink);list-style:none}
.ct-faq summary::-webkit-details-marker{display:none}.ct-faq summary:after{content:"+";float:right;color:var(--copper);font-size:22px;line-height:1}
.ct-faq[open] summary:after{content:"\2212"}.xp.ai .ct-faq p{font-size:15.5px;line-height:1.55;margin:10px 0 0}
.ai-reads{background:#eee6d9;padding:28px 26px}.ai-reads h3.serif{font-size:28px;margin:4px 0 14px;font-weight:400}
.ai-reads ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}.ai-reads a{font-weight:700;font-size:15.5px;color:var(--ink)}.ai-reads a span{color:var(--copper)}
.btn-outline-dark{border:1px solid var(--ink);color:var(--ink)}.btn-outline-dark:hover{background:#15252b12}
/* close */
.ai-close{background:radial-gradient(circle at 50% 0%,#2a3639 0%,#101a1d 70%);color:#fff;text-align:center}
.ai-close-mark{border-radius:20px;margin:0 auto 18px;display:block;box-shadow:0 10px 26px #0007}
.ai-close h2.serif{color:#fff}.xp.ai .ai-close p{color:#e9e2d6;max-width:560px;margin:10px auto 22px;font-size:17px}
.ai-close .actions{justify-content:center}.xp.ai p.ai-close-tag{font-size:28px;color:#d89470;margin:26px auto 0;max-width:none}
@media(max-width:1000px){.ai-build-grid,.ai-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.ai .xp-hero-art{min-height:0;padding-top:70px}.ai-stack .side{display:none}.ai section{padding:48px 0}.ai-two,.ai-flip{grid-template-columns:1fr;gap:32px}.ai-steps{grid-template-columns:1fr}.ai-steps li:nth-child(n){margin-top:0}.ai-guard{transform:none}}
@media(max-width:560px){.ai-build-grid,.ai-proof-grid{grid-template-columns:1fr}.ai-proof:nth-child(n){transform:none}.ai-stack .lay text{font-size:13px}}
