/* 24AI review — independent component namespace. Existing global chrome is not changed. */
.a24-body .lang-fixed,.a24-body .dock-lang,.a24-body .footer-lang{display:none!important}
.a24-body .a24-main{background:#f4f5f8;color:#16181f;overflow:hidden}
.a24-main .a24-wrap{width:min(100% - 64px,1320px);margin-inline:auto}
.a24-main h1,.a24-main h2,.a24-main h3{font-family:"Exo2",system-ui,sans-serif;font-weight:600;line-height:1.06;letter-spacing:-.038em;margin:0}
.a24-main p{margin:0;line-height:1.58}
.a24-main em{font-weight:400;font-style:italic;color:#8886ef}
.a24-main a{text-decoration:none}
.a24-main .a24-eyebrow,.a24-main .a24-kicker{display:block;font-size:12px;line-height:1.4;letter-spacing:.14em;font-weight:650}
.a24-main .a24-hero{position:relative;min-height:720px;background:#14151b;color:#fff;padding:168px 0 110px;isolation:isolate}
.a24-main .a24-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 31%,rgba(85,77,194,.17),transparent 48%);z-index:-1}
.a24-main .a24-hero-inner{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(32px,4vw,80px);align-items:center}
.a24-main .a24-kicker{color:#abaafa;margin-bottom:32px;display:flex;align-items:center;gap:11px}
.a24-main .a24-dot{width:7px;height:7px;background:#a39bfc;border-radius:50%;box-shadow:0 0 0 5px #a39bfc25}
.a24-main .a24-intro h1{font-size:clamp(44px,5.8vw,84px);max-width:12ch}
.a24-main .a24-hero h1 em{display:block;color:#c8c6ff}
.a24-main .a24-lead{font-size:clamp(17px,1.35vw,21px);max-width:54ch;margin-top:32px;color:#c2c5d1;line-height:1.5}
.a24-main .a24-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:37px}
.a24-main .a24-btn{min-height:56px;padding:10px 14px 10px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:27px;border-radius:50px;font-size:15px;font-weight:650;transition:transform .2s,background .2s}
.a24-main .a24-btn:hover{transform:translateY(-2px)}
.a24-main .a24-btn>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:21px;line-height:1}
.a24-main .a24-btn-primary{background:#dedcff;color:#151424}
.a24-main .a24-btn-primary>span{background:#151424;color:#fff}
.a24-main .a24-btn-ghost{border:1px solid #6f7080;color:#fff}
.a24-main .a24-btn-ghost>span{border:1px solid #858599;color:#fff}
.a24-main .a24-caption{font-size:13px;color:#989cae;margin-top:19px;max-width:62ch}
.a24-main .a24-visual{background:#232631;border:1px solid #3c4050;border-radius:20px;padding:18px;box-shadow:0 30px 80px #08091055;transform:rotate(-2deg)}
.a24-main .a24-visual-heading,.a24-main .a24-visual-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.11em;color:#a4a9c2;padding:7px 4px 16px}
.a24-main .a24-visual-heading b{color:#e7e4ff}
.a24-main .a24-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.a24-main .a24-shot{aspect-ratio:3/4;position:relative;border-radius:10px;overflow:hidden;display:grid;align-items:center}
.a24-main .a24-shot-before{background:linear-gradient(160deg,#e6e7e8,#cbcdcd)}
.a24-main .a24-shot-after{background:linear-gradient(150deg,#312f7b 10%,#6263ad 57%,#202a65);}
.a24-main .a24-shot-after:after{content:"";position:absolute;left:-20%;bottom:-9%;width:170%;height:36%;background:linear-gradient(150deg,#c0b8ec,#8883b9);transform:rotate(-12deg);opacity:.65}
.a24-main .a24-shot svg{position:relative;z-index:2;width:110%;transform:translate(-4%,9%) rotate(-7deg);filter:drop-shadow(2px 8px 5px #0002)}
.a24-main .a24-shot-after svg{transform:translate(-4%,4%) rotate(-13deg);filter:drop-shadow(0 15px 10px #0a0a2366)}
.a24-main .a24-shot-tag{position:absolute;z-index:3;top:15px;left:14px;padding:7px 9px;background:#ffffffc9;color:#1b1c25;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.11em}
.a24-main .a24-halo{position:absolute;width:120%;aspect-ratio:1;top:-30%;left:-25%;background:radial-gradient(circle,#c1c4ff98,#a1a9ff21 45%,transparent 70%)}
.a24-main .a24-visual-footer{padding:15px 4px 0}
.a24-main .a24-pill{border:1px solid #555b71;border-radius:15px;padding:4px 8px}
.a24-main .a24-ticker{background:#dedcff;padding:21px 0;font-size:11px;letter-spacing:.12em;font-weight:700;white-space:nowrap;overflow:hidden}
.a24-main .a24-ticker .a24-wrap{display:flex;justify-content:space-between;gap:18px}
.a24-main .a24-ticker span{color:#7771bd}
.a24-main .a24-section{padding:112px 0}
.a24-main .a24-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:end;margin-bottom:48px}
.a24-main .a24-eyebrow{color:#5d58c3;margin-bottom:19px}
.a24-main h2{font-size:clamp(38px,4.2vw,64px);max-width:16ch}
.a24-main .a24-section-head p{color:#626776;font-size:18px;max-width:52ch}
.a24-main .a24-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.a24-main .a24-task{background:white;border:1px solid #e0e1e7;border-radius:12px;padding:15px 15px 28px;min-width:0}
.a24-main .a24-task-num{font-size:12px;color:#626776;letter-spacing:.12em;font-weight:650;display:block;padding:4px 5px 14px}
.a24-main .a24-task-art{height:260px;border-radius:6px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.a24-main .a24-art-bg{background:linear-gradient(130deg,#e0dce9,#e8e8f2)}
.a24-main .a24-art-bg:before{content:"";width:210px;height:210px;background:#a6a4d8;border-radius:50%;position:absolute;top:20px;right:-42px}
.a24-main .a24-art-bg:after{content:"";position:absolute;width:100%;height:90px;bottom:-30px;transform:rotate(-10deg);background:#c0c0d0}
.a24-main .a24-product{width:94px;height:154px;background:linear-gradient(85deg,#eee,#8a93a5 70%,#fbfbfb);border:7px solid #f7f7f9;border-top:20px solid #d5d8e1;border-radius:20px 20px 15px 15px;transform:rotate(-9deg);box-shadow:16px 23px 13px #2224;z-index:1}
.a24-main .a24-art-chip{position:absolute;bottom:18px;left:17px;font-size:11px;letter-spacing:.1em;color:#fff;background:#2f3260;padding:8px 10px;z-index:3}
.a24-main .a24-art-card{background:#b8c0d5;flex-direction:column;padding:24px;align-items:stretch}
.a24-main .a24-mini-title{font-size:20px;letter-spacing:.14em;font-weight:750;text-align:center;color:#222a39}
.a24-main .a24-mini-photo{height:160px;background:linear-gradient(145deg,#515b77,#7f8caa);margin-top:17px;position:relative;display:flex;align-items:end;justify-content:flex-end}
.a24-main .a24-mini-photo:before{content:"";width:78px;height:120px;background:linear-gradient(20deg,#d8d6d1,#fff);transform:rotate(17deg);position:absolute;top:18px;left:calc(50% - 39px);border-radius:15px 15px 10px 10px;box-shadow:15px 15px 14px #161c3440}
.a24-main .a24-mini-photo span{z-index:1;font-size:10px;background:#fff;color:#333;padding:7px;letter-spacing:.1em}
.a24-main .a24-mini-footer{font-size:11px;display:flex;justify-content:space-between;letter-spacing:.12em;color:#202334;padding-top:8px}
.a24-main .a24-art-video{background:linear-gradient(125deg,#121827,#343c7d);gap:10px}
.a24-main .a24-video-frames{display:flex;align-items:center;gap:9px;transform:rotate(-9deg)}
.a24-main .a24-video-frames div{width:67px;height:142px;border:2px solid #aeb4e0;border-radius:8px;background:linear-gradient(160deg,#a7a9d6 10%,#37375c 70%);box-shadow:12px 10px 12px #0005}
.a24-main .a24-video-frames div:nth-child(2){height:164px;background:linear-gradient(160deg,#e5d4cb,#6f6cba 60%)}
.a24-main .a24-play{position:absolute;display:grid;place-items:center;background:#dedcff;color:#22224b;width:64px;height:64px;border-radius:50%;font-size:20px;box-shadow:0 8px 25px #0005}
.a24-main .a24-art-video>span{position:absolute;bottom:18px;left:20px;color:#d0d1f0;font-size:11px;letter-spacing:.12em}
.a24-main .a24-task h3{font-size:26px;line-height:1.15;margin:26px 11px 14px;min-height:59px}
.a24-main .a24-task p{font-size:16px;color:#5c626f;margin-inline:11px}
.a24-main .a24-how{background:#ebeaf1}
.a24-main .a24-how-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,9vw,145px)}
.a24-main .a24-how-aside>p{font-size:18px;margin-top:25px;max-width:35ch;color:#666b7a}
.a24-main .a24-text-link{display:inline-flex;font-weight:700;color:#33309a;text-decoration:underline;text-underline-offset:5px;margin-top:27px}
.a24-main .a24-steps{border-top:1px solid #bfc0c8}
.a24-main .a24-steps article{display:grid;grid-template-columns:75px 1fr;gap:17px;border-bottom:1px solid #bfc0c8;padding:27px 0}
.a24-main .a24-steps article>span{font-size:19px;color:#514fb4}
.a24-main .a24-steps h3{font-size:25px;margin-bottom:12px}
.a24-main .a24-steps p{font-size:16px;color:#626776;max-width:60ch}
.a24-main .a24-models{background:#191b27;color:#f3f3f8}
.a24-main .a24-models .a24-eyebrow{color:#aaa8f9}
.a24-main .a24-models h2 em{color:#c2bfff}
.a24-main .a24-models .a24-section-head p{color:#b2b6c7}
.a24-main .a24-model-bar{display:flex;flex-wrap:wrap;gap:8px}
.a24-main .a24-model-bar span{font-weight:650;font-size:18px;border:1px solid #55566b;padding:17px 24px;background:#252836;border-radius:3px}
.a24-main .a24-note{display:flex;align-items:center;gap:20px;background:#323444;border-left:3px solid #a8a4fc;margin-top:34px;padding:24px 28px;border-radius:3px}
.a24-main .a24-note strong{min-width:210px;font-size:19px}
.a24-main .a24-note span{color:#c1c2d0}
.a24-main .a24-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.a24-main .a24-plan{border:1px solid #d5d7dd;background:white;border-radius:7px;padding:25px 21px 24px;display:flex;flex-direction:column;min-height:355px}
.a24-main .a24-plan-accent{background:#e2e1ff;border-color:#c4c1ff}
.a24-main .a24-plan-top{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:16px;font-weight:700}
.a24-main .a24-plan-top small{font-size:9px;color:#625ccb}
.a24-main .a24-plan-price{font-size:clamp(29px,3vw,39px);font-weight:750;letter-spacing:-.04em;margin-top:28px;line-height:1.2}
.a24-main .a24-plan-price small{display:block;font-size:14px;color:#767983;letter-spacing:0;font-weight:500;margin-top:4px}
.a24-main .a24-plan-limit{margin-top:26px;font-weight:700;font-size:16px;min-height:52px}
.a24-main .a24-plan p{color:#6c7080;font-size:15px;margin-bottom:24px}
.a24-main .a24-plan a{margin-top:auto;font-size:15px;font-weight:700;color:#373293}
.a24-main .a24-small{font-size:14px;color:#626776;margin-top:23px}
.a24-main .a24-small a{text-decoration:underline;text-underline-offset:4px;color:#39329c}
.a24-main .a24-prompt{background:#e7e7ed}
.a24-main .a24-prompt-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(25px,7vw,100px);align-items:center}
.a24-main .a24-prompt-grid>div>p{font-size:18px;color:#696e7e;margin-top:24px}
.a24-main .a24-prompt-box{background:#222431;border-radius:9px;color:#f4f4f8;min-width:0;box-shadow:0 16px 50px #22243118}
.a24-main .a24-prompt-top{padding:16px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #434454;color:#b5b9d0;font-size:11px;letter-spacing:.12em}
.a24-main .a24-prompt-top button{background:#dedcff;color:#20203c;border:0;padding:9px 14px;font-size:12px;font-weight:700;border-radius:4px}
.a24-main .a24-prompt-box pre{font:14px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px 24px;margin:0;color:#e3e4f1}
.a24-main .a24-prompt-foot{border-top:1px solid #434454;color:#a5a8b9;padding:15px 22px;font-size:13px}
.a24-main .a24-faq{background:#fff}
.a24-main .a24-faq-list{border-top:1px solid #d8dbe2}
.a24-main .a24-faq-item{border-bottom:1px solid #d8dbe2}
.a24-main .a24-faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:26px 0;font-size:21px;line-height:1.25;font-weight:650;list-style:none}
.a24-main .a24-faq-item summary::-webkit-details-marker{display:none}
.a24-main .a24-faq-item summary b{font-size:30px;font-weight:400;color:#7670ca;transition:transform .2s}
.a24-main .a24-faq-item[open] summary b{transform:rotate(45deg)}
.a24-main .a24-faq-item p{font-size:16px;color:#626776;max-width:95ch;padding:0 0 27px}
.a24-main .a24-ending{background:#14151b;color:#fff;padding:100px 0 120px}
.a24-main .a24-endgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}
.a24-main .a24-ending .a24-eyebrow{color:#aaa8f9}
.a24-main .a24-ending h2{font-size:clamp(46px,5.5vw,82px)}
.a24-main .a24-ending h2 em{color:#cbc9ff}
.a24-main .a24-ending p{font-size:19px;color:#b7bbc7;max-width:52ch;margin:25px 0 32px}
.a24-main .a24-related{border-top:1px solid #464958;padding-top:22px;display:flex;flex-direction:column}
.a24-main .a24-related>span{font-size:11px;letter-spacing:.13em;color:#8b90a4;margin-bottom:20px}
.a24-main .a24-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid #444754;font-size:17px}
.a24-main .a24-related a>span{color:#c9c7ff}
.a24-main :focus-visible{outline:3px solid #8277ff;outline-offset:4px}
@media(max-width:1150px){
 .a24-main .a24-hero-inner{grid-template-columns:1fr 1fr;gap:20px}
 .a24-main .a24-visual{transform:none}
 .a24-main .a24-intro h1{font-size:clamp(40px,5vw,64px)}
 .a24-main .a24-price-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:780px){
 .a24-main .a24-wrap{width:calc(100% - 36px)}
 .a24-main .a24-hero{padding:130px 0 75px}
 .a24-main .a24-hero-inner,.a24-main .a24-section-head,.a24-main .a24-how-layout,.a24-main .a24-prompt-grid,.a24-main .a24-endgrid{grid-template-columns:1fr}
 .a24-main .a24-intro h1{font-size:clamp(44px,9vw,67px);max-width:17ch}
 .a24-main .a24-visual{max-width:550px;margin-top:25px}
 .a24-main .a24-photo-grid .a24-shot{aspect-ratio:4/4}
 .a24-main .a24-section{padding:76px 0}
 .a24-main .a24-section-head{gap:18px;margin-bottom:30px}
 .a24-main .a24-card-grid{grid-template-columns:1fr}
 .a24-main .a24-task{display:grid;grid-template-columns:42% 1fr;column-gap:18px;padding:15px}
 .a24-main .a24-task-num{grid-column:1/-1}
 .a24-main .a24-task-art{grid-row:span 2;height:250px}
 .a24-main .a24-task h3{margin:5px 0 14px;min-height:auto;font-size:25px;align-self:end}
 .a24-main .a24-task p{margin:0;align-self:start}
 .a24-main .a24-endgrid{gap:50px}
}
@media(max-width:520px){
 .a24-main .a24-actions{display:grid;grid-template-columns:1fr}
 .a24-main .a24-btn{width:100%}
 .a24-main .a24-ticker .a24-wrap{width:max-content;min-width:100%;gap:20px}
 .a24-main .a24-task{display:block;padding:12px 12px 25px}
 .a24-main .a24-task-art{height:230px}
 .a24-main .a24-task h3{margin:20px 9px 12px}
 .a24-main .a24-task p{margin-inline:9px}
 .a24-main .a24-price-grid{grid-template-columns:1fr}
 .a24-main .a24-plan{min-height:260px}
 .a24-main .a24-note{display:block}
 .a24-main .a24-note span{display:block;margin-top:10px}
 .a24-main .a24-steps article{grid-template-columns:43px 1fr;gap:9px}
 .a24-main .a24-steps h3{font-size:23px}
 .a24-main .a24-faq-item summary{font-size:18px}
 .a24-main .a24-visual-heading,.a24-main .a24-visual-footer{font-size:8px}
 .a24-main .a24-prompt-box pre{font-size:12px;padding:13px 16px}
}
@media(prefers-reduced-motion:reduce){.a24-main *, .a24-main *:before, .a24-main *:after{scroll-behavior:auto;transition:none!important}}