/* Approved AI-focused hero V2. Desktop review only; no scenario/mobile stage. */
.hero-copy { top:157px; left:110px; }
.context-line { font-weight:500; }
.hero-copy h1 { margin-top:26px; margin-bottom:24px; }
.supporting-copy { font-weight:450; line-height:1.28; }
.request-access { margin-top:16px; min-height:66px; padding:18px 30px; font-size:22px; border-radius:13px; background:linear-gradient(115deg,#542cff,#512bff); }
.context-features { margin-top:30px; margin-left:-5px; width:710px; height:62px; }
.context-feature:nth-child(1) { left:0; }
.context-feature:nth-child(2) { left:231px; }
.context-feature:nth-child(3) { left:513px; }
.context-feature { gap:13px; }
.context-feature strong { font-size:14px; margin-bottom:6px; font-weight:650; }
.context-feature>div>span { font-size:12px; line-height:1.18; }
.feature-icon { width:52px; height:54px; border-radius:13px; }
.feature-icon img { width:36px; height:44px; }
.context-feature:nth-child(2):before,.context-feature:nth-child(3):before { content:''; position:absolute; width:1px; height:40px; background:#dedbec; left:-31px; top:6px; }
.ai-feature { color:#713bff; }
.ai-feature svg { width:34px; height:34px; stroke-width:2.2; overflow:visible; }
.approval-feature svg { width:35px; height:35px; }
.approval-feature circle { fill:#25c787; stroke:#25c787; }
.approval-feature path { fill:none; stroke:white; stroke-width:2.5; }
.shopify-store-card { left:701px; top:144px; width:251px; height:80px; padding:13px 22px; gap:15px; transform:rotate(7deg); border-radius:15px; background:#ffffffdc; }
.shopify-store-card>img { width:44px; height:54px; }
.shopify-store-card h2 { font-size:15px; }
.shopify-store-card p { font-size:12px; }
.product-selector { left:724px; top:239px; height:380px; width:201px; padding:18px 25px; gap:20px; background:linear-gradient(140deg,#ffffffd1,#ffffff87); }
.product-row { gap:12px; height:75px; }
.product-thumb { width:69px; height:81px; }
.product-thumb img { max-height:75px; }
.selected .product-thumb img { width:28px; height:72px; }
.product-row:nth-child(2) { height:76px; }
.product-row:nth-child(3),.product-row:nth-child(4) { height:65px; }
.skeleton { width:66px; gap:8px; }
.skeleton i { width:66px; height:9px; }
.skeleton i:last-child { width:39px; }
.connectors { stroke-width:7; }
.insight-card { left:951px; top:253px; width:239px; height:259px; border:1px solid #e4dfff; border-right:3px solid #ede5ff; border-radius:16px; padding:19px 20px 15px; background:linear-gradient(130deg,#fffffff5,#fdfbfff0); box-shadow:0 8px 24px #a18ad416; }
.insight-title { gap:10px; }
.insight-title svg { width:25px; height:25px; stroke-width:2.6; color:#3d64ff; }
.insight-title h2 { font-size:15px; font-weight:650; letter-spacing:-.55px; }
.potential-label { margin:3px 0 25px 34px; font-size:10.5px; padding:6px 9px; border-radius:10px; }
.insight-card h3 { font-size:16px; line-height:1.35; font-weight:600; }
.insight-card ul { margin:22px 0 0; gap:12px; }
.insight-card li { font-size:11.5px; gap:11px; }
.insight-card li svg { width:16px; height:16px; }
.data-context-note { color:#a4a4ba; font-size:8px; line-height:1.4; margin-top:13px; }
.ai-card { position:absolute; left:948px; top:503px; width:245px; height:225px; padding:18px 20px; border:2px solid transparent; border-right-width:5px; border-radius:21px; background:linear-gradient(135deg,#fff,#fbf8ff) padding-box,linear-gradient(145deg,#fff 8%,#ded0ff 45%,#aa91ff 62%,#efe8ff 97%) border-box; box-shadow:0 9px 24px #9a7be926,0 1px 4px #9a7be917; transform-origin:0 0; }
.ai-title { display:flex; align-items:center; gap:10px; }
.ai-title svg { color:#7940ff; width:26px; height:26px; stroke-width:2; }
.ai-title h2 { font-size:15px; font-weight:650; letter-spacing:-.55px; white-space:nowrap; }
.ai-card ul { list-style:none; padding:0; margin:18px 0 21px; display:flex; flex-direction:column; gap:11px; }
.ai-card li { display:flex; align-items:center; gap:10px; color:#7e81a3; font-size:11px; letter-spacing:-.1px; line-height:16px; white-space:nowrap; }
.ai-check { color:#08b893; background:#e8e4ff; border:1px solid #ddd7fb; width:19px; height:19px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:5px; font-size:15px; font-weight:600; }
.ai-card .create-concept { min-height:44px; font-size:14px; background:linear-gradient(110deg,#582bff,#5229ff); border-radius:10px; gap:14px; }
.insight-disclaimer { left:941px; top:739px; width:263px; font-size:7.5px; color:#9894a9; padding:3px; }
.meta-card { left:1234px; top:183px; width:370px; height:600px; border-right-width:4px; padding:16px 14px 12px; box-shadow:6px 7px 0 1px #ffffffa6,10px 15px 22px #9081a020,0 3px 6px #7e69aa08; }
.meta-card-header { height:31px; margin-bottom:13px; }
.meta-card-header strong { font-size:15px; }
.meta-card-header svg { width:28px; }
.review-status { font-size:13px; padding:7px 14px; }
.advertisement-art { height:470px; }
.ad-copy-surface { min-height:173px; bottom:7px; width:199px; padding-left:16px; background:linear-gradient(90deg,#f1f6fa 0%,#f1f6fa 81%,#f1f6fae8 92%,transparent); }
.ad-copy-surface h2 { font-size:29px; letter-spacing:-1.3px; line-height:1.04; }
.ad-copy-surface p { font-size:12px; letter-spacing:-.5px; margin:11px 0 18px; }
.shop-now { font-size:13px; padding:10px 21px; min-width:104px; }
.advertisement-footer { gap:16px; height:52px; padding-top:4px; }
.advertisement-footer>span { font-size:9px; }
.advertisement-footer>svg { width:22px; height:22px; }
