/* Homepage conversion layer: real product screens, section next steps, pricing
   assurances, legal links and the start link that follows the reader.
   Screens are dark in both themes, like every other stage on the page. */

.heading-actions{display:flex;flex-wrap:wrap;gap:10px}
.heading-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:16px}
.heading-cta-row p{margin:0}
.section-heading.heading-row>.button,.heading-actions{flex-shrink:0}

/* ── Real workspace gallery ─────────────────────────────────────────────── */
.product-proof{padding-block:64px 72px}
.product-demo{background:var(--surface)}
.product-layout{display:grid;grid-template-columns:292px minmax(0,1fr)}
.product-side{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.product-tabs{flex-direction:column;border-bottom:0}
.product-tabs button{flex:0 0 auto;display:flex;align-items:flex-start;gap:4px;min-height:0;padding:17px 20px 18px;white-space:normal;border-bottom:1px solid var(--line);transition:background .2s,color .2s}
.product-tabs button:last-child{border-bottom:0}
.product-tabs button:hover{color:var(--text)}
.product-tabs .tab-number{padding-top:3px}
.product-tab-text{display:block;min-width:0}
.product-tab-text b{display:block;font-size:13px;font-weight:600;color:var(--text)}
.product-tab-text small{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:var(--muted)}
.product-tab-detail{display:none;margin-top:8px;font-size:12px;line-height:1.55;color:var(--muted)}
.product-tabs button[aria-selected=true] .product-tab-detail{display:block}
.product-tabs button[aria-selected=true] small{color:var(--text)}
.product-tabs button[aria-selected=true]{background:linear-gradient(90deg,#f9731614,transparent 75%);box-shadow:inset 2px 0 0 var(--orange)}
.product-tabs button i{left:20px;right:20px;bottom:0;width:auto;transform-origin:left}
.product-panels{min-width:0;padding:22px;background:radial-gradient(ellipse at 50% 0%,#232039 0%,#10111f 58%,#0c0d18 100%)}
.product-panel{min-height:0}
.product-shot{margin:0}
.product-chrome{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#141536;border:1px solid #8b5cf630;border-bottom:0;border-radius:11px 11px 0 0}
.product-chrome span{width:8px;height:8px;border-radius:50%;background:#2c2f5a}
.product-chrome em{margin-left:10px;font:normal 9.5px var(--mono);color:#a4b0c0;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-zoom{display:block;cursor:zoom-in}
.product-zoom:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:0 0 11px 11px}
.product-shot img{display:block;width:100%;height:auto;aspect-ratio:3/2;background:#0b0c16;border:1px solid #8b5cf630;border-radius:0 0 11px 11px;box-shadow:0 34px 70px -38px #000}
.product-shot figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.product-shot figcaption strong{color:#F1F0FB;font-weight:600}
.product-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:auto;padding:20px;border-top:1px solid var(--line)}
.product-facts strong{display:block;font:600 24px/1 var(--headline);letter-spacing:-.03em;color:var(--text)}
.product-facts span{display:block;margin-top:5px;font-size:11px;line-height:1.4;color:var(--muted)}
.product-demo .demo-footer a{text-decoration:underline;text-underline-offset:3px}
.product-demo .demo-footer a:hover{color:var(--orange)}

/* ── Pricing assurances ─────────────────────────────────────────────────── */
.pricing-assurance{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px auto 0;padding:0;list-style:none}
.pricing-assurance li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:12px;color:var(--muted)}
.pricing-assurance li:before{content:'✓';margin-right:7px;color:var(--mint)}
.pricing-assurance strong{color:var(--text);font-weight:600}
[data-theme=light] .pricing-assurance li:before,[data-theme=light] .closing-assurance span:before{color:#047857}

/* ── Legal links in the footer ──────────────────────────────────────────── */
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.footer-legal a{color:var(--muted)}
.footer-legal a:hover{color:var(--orange)}

/* ── Start link that follows the reader ─────────────────────────────────── */
.float-cta{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:14px;padding:7px 7px 7px 18px;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:0 18px 44px -18px #000a;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .25s,transform .25s,visibility 0s .25s}
.float-cta.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
.float-cta-copy{font:10px var(--mono);color:var(--muted);white-space:nowrap}
.float-cta-button{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:9px 16px;border-radius:999px;background:var(--orange);color:#0A0B14;font-size:13px;font-weight:600;white-space:nowrap}
.float-cta:hover .float-cta-button{background:#fb8a3c}
.float-cta:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.float-cta,.float-cta.is-visible{transition:none;transform:none}}

@media(max-width:1100px){
 .product-layout{grid-template-columns:240px minmax(0,1fr)}
 .product-tab-detail,.product-tabs button[aria-selected=true] .product-tab-detail{display:none}
}
@media(max-width:800px){
 .product-proof{padding-block:60px}
 .product-layout{grid-template-columns:1fr}
 .product-side{display:contents}
 .product-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}
 .product-tab-text small{display:none}
 .product-panels{order:1}
 .product-facts{order:2;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
 .product-tabs::-webkit-scrollbar{display:none}
 .product-tabs button{border-bottom:0;padding:15px 16px;white-space:nowrap}
 .product-tabs button[aria-selected=true]{box-shadow:inset 0 -2px 0 var(--orange);background:linear-gradient(0deg,#f973160f,transparent)}
 .product-tabs button i{left:16px;right:16px}
 .product-panels{padding:12px}
 .product-shot figcaption{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;padding:12px 2px 0;font-size:12px;line-height:1.55;color:#a4b0c0}
 .product-shot figcaption strong{color:#F1F0FB;font-weight:600}
}
@media(max-width:560px){
 .product-chrome em{font-size:8.5px}
 .product-facts strong{font-size:25px}
 .float-cta{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));justify-content:space-between}
 .float-cta-copy{font-size:9px}
}