.ai-page{--ai-purple:#6652a2;--ai-ink:#282b44}
.ai-page .pl-section{padding:72px 0}
.ai-page p{font-size:17px;line-height:1.7}
.ai-hero{background:radial-gradient(ellipse at 85% 20%,#e7dff9,transparent 60%),linear-gradient(115deg,#fbf8f1,#f2f4fd);padding:45px 0 55px}
.ai-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:48px}
.ai-page .ai-hero h1{font-size:clamp(42px,4.3vw,62px);line-height:1.1;letter-spacing:-2px}
.ai-hero h1 span{color:#66509c}
.ai-hero-copy>p:not(.ed-kicker):not(.ai-note){font-size:19px;margin-top:25px;max-width:500px}
.ai-page .ai-note{font-size:15px;line-height:1.65;color:#697382;margin-top:22px}
.ai-hero .pl-actions{gap:22px}
.ai-hero .pl-button{font-size:17px;padding:17px 25px}
.ai-chat{border:1px solid #d9d4e8;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 65px -35px #66558c77;min-width:0}
.ai-chat-head{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #eeebf5}
.ai-spark{display:grid;place-content:center;width:40px;height:40px;flex-shrink:0;background:#ebe6f9;color:#7656ad;border-radius:12px;font-size:25px}
.ai-chat-head strong{font-size:17px;font-weight:500;display:block}
.ai-chat-head small{font-size:12px;display:block;color:#758092;margin-top:3px}
.ai-chat-head button{margin-left:auto}
.ai-chat button[data-ai-pause],.ai-chat button[data-ai-replay]{border:1px solid #ded9e9;color:#645183;background:#fff;min-height:40px;padding:8px 12px;border-radius:22px;font-size:12px;cursor:pointer;flex-shrink:0}
.ai-prompts{display:flex;gap:7px;padding:15px 18px;flex-wrap:wrap;background:#fcfbff}
.ai-prompts button{font-size:13px;line-height:1.4;min-height:40px;background:white;border:1px solid #e0dcec;border-radius:20px;padding:8px 12px;color:#62677c;cursor:pointer;transition:background .2s}
.ai-prompts [aria-selected=true]{background:#eee7fa;color:#5b3d89;border-color:#c6b5e2}
.ai-conversation{padding:20px 24px;min-height:465px}
.ai-question{background:#f1eff8;border-radius:13px 13px 3px 13px;padding:14px 18px;margin-left:35px;margin-bottom:20px}
.ai-question>span{font-size:11px;color:#79718e;text-transform:uppercase;letter-spacing:1px}
.ai-page .ai-question p{font-size:16px;line-height:1.5;margin-top:5px;color:#3c3652}
.ai-reply{position:relative}
.ai-reply-label{display:flex;align-items:center;gap:12px;color:#765799;font-size:15px;margin-bottom:14px}
.ai-reply-label small{color:#78818e;font-size:12px}
.ai-page .ai-reply>p{font-size:16px;line-height:1.65;margin-bottom:13px}
.ai-next{background:#eff7f5;border-left:3px solid #85b6a4;border-radius:0 8px 8px 0;padding:13px 16px}
.ai-next strong{font-weight:500;color:#386451;font-size:13px}
.ai-page .ai-next p{font-size:15px;line-height:1.55;margin-top:5px}
.ai-typing{display:none;position:absolute;top:40px;left:0;gap:5px}
.ai-typing i{width:6px;height:6px;background:#b5a6d0;border-radius:50%;animation:ai-dot 1s infinite alternate}
.ai-typing i:nth-child(2){animation-delay:.2s}.ai-typing i:nth-child(3){animation-delay:.4s}
.ai-animated[data-stage="0"] .ai-typing{display:flex}
.ai-animated .ai-reveal{transition:opacity .35s,transform .35s}
.ai-animated[data-stage="0"] .ai-reveal,.ai-animated[data-stage="1"] .ai-reveal-2,.ai-animated[data-stage="1"] .ai-reveal-3,.ai-animated[data-stage="2"] .ai-reveal-3{visibility:hidden;opacity:0;transform:translateY(5px)}
.ai-chat-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 20px;border-top:1px solid #eeedf4;color:#78808f;font-size:12px}
.ai-context-strip{padding:24px 0;border-bottom:1px solid #e7e8ee;text-align:center}
.ai-context-strip span{font-size:11px;letter-spacing:1.5px;color:#8a7a98}
.ai-context-strip p{margin-top:9px;font-size:16px;color:#59667a}
.ai-context-strip b{margin:0 12px;color:#b3a7ca}
.ai-heading{max-width:780px;text-align:center;margin:0 auto 35px}
.ai-heading>p:last-child:not(.ed-kicker){margin:20px auto 0;max-width:660px}
.ai-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ai-feature-grid article{border:1px solid #e3e2ed;border-radius:16px;padding:26px;background:#faf9fd;display:flex;flex-direction:column}
.ai-feature-grid article:nth-child(2n){background:#f5faf8}
.ai-feature-num{display:block;font-size:12px;letter-spacing:1px;color:#806d9b}
.ai-feature-num b{float:right;font-size:24px;font-weight:400;color:#9372bc}
.ai-feature-grid h3{margin:25px 0 15px}
.ai-feature-grid small{display:block;padding-top:23px;margin-top:auto;font-size:13px;color:#62798a}
.ai-chart{background:#edf4f5}
.ai-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.ai-split h2{margin-bottom:22px}
.ai-split ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:13px;font-size:16px;color:#526472}
.ai-split li{padding-left:23px;position:relative}
.ai-split li:before{content:"✦";position:absolute;left:0;color:#8270a3}
.ai-screen{display:block;width:100%;border:1px solid #dce1e8;border-radius:14px;padding:0;overflow:hidden;background:white;cursor:zoom-in}
.ai-screen img{display:block;width:100%;height:auto}
.ai-screen>span{display:block;min-height:44px;background:#f8f9fc;border-top:1px solid #e3e7ed;padding:12px;font-size:14px;color:#596583;transition:background .2s}
.ai-chart .ai-screen img{height:380px;object-fit:contain}
.ai-settings{border:1px solid #dedde9;border-radius:18px;overflow:hidden}
.ai-settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f2f9}
.ai-settings-tabs button{border:0;border-right:1px solid #e1dce9;border-bottom:3px solid transparent;background:transparent;padding:21px 15px;font-size:17px;color:#655d77;cursor:pointer}
.ai-settings-tabs button:last-child{border-right:0}
.ai-settings-tabs button[aria-selected=true]{background:#fef6ed;border-bottom-color:var(--pl-orange);color:#3b3445}
.ai-setting-panel:not([hidden]){display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;padding:35px;align-items:center;min-height:470px;animation:ai-panel .3s ease}
.ai-page .ai-setting-panel h3{font-size:29px;line-height:1.25;margin:20px 0}
.ai-setting-panel .ai-screen img{height:365px;object-fit:contain;padding:12px}
.ai-page .ai-preview-note{font-size:15px;background:#fff4e6;padding:15px;border-left:3px solid #eaa46b;margin-top:22px}
.ai-process{background:#24283e;color:white}
.ai-page .ai-process h2,.ai-page .ai-process h3{color:white}
.ai-process .ed-kicker{color:#bdb1e4!important}
.ai-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:0}
.ai-process li{border-top:1px solid #53596e;padding-top:24px}
.ai-process li>span{font-size:23px;color:#b1a4df}
.ai-process h3{margin:20px 0 15px}
.ai-process p{color:#c7cddd}
.ai-process a{color:#ffbd86;display:inline-flex;align-items:center;min-height:44px;margin-top:28px;font-size:17px}
.ai-page .pl-questions details p{font-size:17px}
.ai-final{background:#fbf5ec}
.ai-final figure{margin:0;text-align:center;justify-self:center;max-width:350px}
.ai-final img{display:block;width:100%;height:auto}
.ai-final figcaption{display:inline-block;padding:12px 18px;background:white;border:1px solid #ecddc9;border-radius:10px;font-size:15px;transform:rotate(-3deg)}
@keyframes ai-dot{from{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}
@keyframes ai-panel{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(hover:hover){.ai-screen:hover>span{background:#eee8f8}.ai-prompts button:hover{background:#f2eafa}.ai-settings-tabs button:hover{background:#fff6eb}}
@media(max-width:1000px){.ai-hero-grid{gap:27px;grid-template-columns:1fr 1.15fr}.ai-chat-head{padding:16px;gap:9px}.ai-chat-head strong{font-size:15px}.ai-chat-head small{font-size:11px}.ai-chat-head button{padding:7px!important}.ai-split{gap:35px}.ai-setting-panel:not([hidden]){padding:27px;gap:30px}.ai-feature-grid{gap:16px}.ai-feature-grid article{padding:22px}}
@media(max-width:760px){.ai-page .pl-section{padding:48px 0}.ai-hero{padding:30px 0}.ai-hero-grid,.ai-split{grid-template-columns:1fr;gap:32px}.ai-page .ai-hero h1{font-size:clamp(39px,10vw,52px);letter-spacing:-1.5px}.ai-hero-copy>p:not(.ed-kicker):not(.ai-note){font-size:18px}.ai-chat{max-width:550px;width:100%;margin:auto}.ai-chat-head{flex-wrap:wrap}.ai-chat-head small{font-size:12px}.ai-chat-head strong{font-size:16px}.ai-chat-head button{min-height:44px!important}.ai-spark{width:32px;height:32px;font-size:21px}.ai-prompts{padding:14px;gap:8px}.ai-prompts button{min-height:44px;font-size:14px;padding:8px 10px}.ai-conversation{padding:18px;min-height:580px}.ai-question{margin-left:15px}.ai-chat-footer{flex-wrap:wrap;line-height:1.5;font-size:13px;padding:14px 18px}.ai-chat-footer button{min-height:44px!important;font-size:13px!important}.ai-context-strip b{margin:0 5px}.ai-feature-grid{grid-template-columns:1fr;gap:17px}.ai-feature-grid h3{margin-top:18px}.ai-feature-grid small{font-size:14px;padding-top:18px}.ai-chart .ai-screen{order:2}.ai-chart .ai-screen img{height:280px}.ai-settings-tabs button{padding:18px 8px;font-size:15px;line-height:1.4}.ai-setting-panel:not([hidden]){grid-template-columns:1fr;padding:23px;min-height:0}.ai-setting-panel .ai-screen img{height:300px;padding:8px}.ai-page .ai-setting-panel h3{font-size:26px}.ai-process ol{grid-template-columns:1fr;gap:27px}.ai-final figure{max-width:280px}.ai-page .ed-subnav{font-size:12px;align-items:center;padding-top:10px;padding-bottom:10px}.ai-page .ed-subnav>div{gap:6px 13px;flex-wrap:wrap;justify-content:flex-end}.ai-page .ed-subnav a{min-height:44px;display:inline-flex;align-items:center}}
@media(max-width:370px){.ai-chat-head>div{flex:1}.ai-chat-head button{margin-left:44px}.ai-conversation{min-height:680px}}
@media(prefers-reduced-motion:reduce){.ai-typing i{animation:none}.ai-setting-panel:not([hidden]){animation:none}.ai-animated .ai-reveal{transition:none}}
/* Compact conversation copy keeps the preview balanced. */
.ai-conversation{min-height:375px}
@media(max-width:760px){.ai-conversation{min-height:450px}}
@media(max-width:370px){.ai-conversation{min-height:510px}}