.detail-hero{position:relative;isolation:isolate;overflow:hidden;background:#0a1022 url("agents-pattern.webp") center / cover}
.detail-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090b13f8 0%,#090b13dd 53%,#090b1380 100%),linear-gradient(0deg,#090b13,transparent 50%,#090b13a0)}
.detail-hero-inner{padding-top:63px;padding-bottom:105px}
.back-link{display:block;width:max-content;color:#aeb8c9;font-size:.83rem;margin-bottom:64px}.back-link:hover{color:#fff}
.detail-hero h1{font-size:clamp(2.6rem,4.7vw,4.9rem);line-height:1.08;letter-spacing:-.065em;max-width:880px;margin:23px 0}
.detail-intro{font-size:1.1rem;line-height:1.75;color:#d1d9e6;max-width:690px;margin:0}
.detail-chips{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 33px}.detail-chips span{padding:7px 13px;border:1px solid #ffffff27;border-radius:100px;background:#1b2539a8;font-size:.79rem;color:#dce4f1}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:12px;padding:13px 20px;background:linear-gradient(100deg,#eab47d,#8da9f7);color:#111722;font:800 .88rem/1.4 "Manrope",Arial,sans-serif;cursor:pointer;transition:transform .2s,filter .2s}
.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.detail-demo{padding:104px 0 112px;background:#090b13}
.detail-section-head{max-width:750px;margin-bottom:39px}.detail-section-head h2,.detail-tail h2{font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.13;letter-spacing:-.055em;margin:18px 0 13px}
.detail-section-head p,.detail-tail p{color:#bbc5d4;font-size:1rem;line-height:1.7;margin:0}
.demo-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:stretch}
.demo-form,.demo-results{border:1px solid #ffffff1a;border-radius:18px;background:#121722;min-height:415px;padding:32px}
.detail-demo--simple .demo-form,.detail-demo--simple .demo-results{min-height:330px}
.demo-form{display:flex;flex-direction:column}.demo-form label{font-size:.83rem;font-weight:700;margin-bottom:8px;color:#e7ebf2}
.demo-form input,.demo-form select{width:100%;height:46px;border:1px solid #ffffff28;border-radius:9px;background:#0d1422;color:#fff;font:500 .9rem "Manrope",Arial,sans-serif;padding:0 13px;margin-bottom:25px}
.demo-form input:focus,.demo-form select:focus{outline:2px solid #f0ae6b;outline-offset:2px}
.demo-form .primary-button{align-self:flex-start;margin-top:4px}.demo-disclosure{margin:23px 0 0;color:#8e9cae;font-size:.76rem;line-height:1.6;max-width:420px}
.demo-results{background:linear-gradient(135deg,#19243a,#111724 65%)}.demo-results-head{display:flex;justify-content:space-between;gap:12px;color:#f0bb84;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.demo-results ol{list-style:none;counter-reset:ideas;padding:0;margin:23px 0 21px}.demo-results li{counter-increment:ideas;display:grid;grid-template-columns:32px 1fr;gap:9px;border-top:1px solid #ffffff15;padding:12px 0;color:#e9edf5;font-size:.91rem;line-height:1.45}
.demo-results li:before{content:counter(ideas,decimal-leading-zero);color:#91a7cd;font-size:.73rem;font-weight:800;line-height:1.9}.copy-button{border:1px solid #ffffff35;border-radius:9px;padding:9px 14px;background:#ffffff0d;color:#e7edf6;font:700 .77rem "Manrope",Arial,sans-serif;cursor:pointer}.copy-button:hover{background:#ffffff18}
.detail-process{position:relative;isolation:isolate;padding:105px 0 115px;background:#0b1222 url("creative-pattern.webp") center / cover}
.detail-process:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#090b13f7,#090b13d5),linear-gradient(0deg,#090b13,transparent 25%,transparent 75%,#090b13)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.process-grid article{padding:27px;border-radius:16px;background:#151b2cdd;border:1px solid #ffffff1c}
.process-grid article span{color:#f0ae6b;font-size:.75rem;font-weight:800}.process-grid h3{font-size:1.2rem;line-height:1.35;margin:20px 0 10px}.process-grid p{color:#acb8c9;font-size:.88rem;line-height:1.65;margin:0}
.detail-tail{padding:100px 0 115px;background:#090b13}.detail-tail-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.detail-tail-inner>div{max-width:690px}.secondary-button{flex-shrink:0;background:#1b2940;color:#e8effa;border:1px solid #ffffff29}
@media(max-width:850px){.demo-grid{grid-template-columns:1fr}.demo-form,.demo-results{min-height:auto}.process-grid{grid-template-columns:1fr}.detail-tail-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.detail-hero-inner{padding-top:28px;padding-bottom:78px}.back-link{margin-bottom:48px}.detail-hero h1{font-size:clamp(2.4rem,9vw,3.5rem)}.detail-intro{font-size:.98rem}.detail-demo,.detail-process,.detail-tail{padding:75px 0}.detail-section-head{margin-bottom:29px}.demo-form,.demo-results{padding:23px}.detail-chips{gap:7px}.detail-chips span{font-size:.72rem}.demo-results li{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.primary-button,.secondary-button{transition:none}}