/* Homepage feature storytelling. All illustrations are labelled in the markup. */
.home .marketing-hero { background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--gl-accent-ink) 9%,transparent),transparent 60%); padding-top:4.5rem; }
.home .marketing-hero__grid { grid-template-columns:1fr 1fr; }
.home .marketing-hero h1.home-story-title { max-width:none; font-size:clamp(2.8rem,4.8vw,4.4rem); line-height:1.08; margin-bottom:.7rem; }
.home-word { color:var(--gl-accent-ink); display:inline-block; transition:opacity .18s,transform .18s; }
.home-word.is-changing { opacity:0; transform:translateY(-6px); }
.home-motion { border:0; border-bottom:1px dotted var(--gl-border-strong); padding:0 0 3px; margin:0 0 .7rem; background:none; color:var(--gl-text-muted); font:inherit; font-size:.72rem; cursor:pointer; }
.home-included { font-weight:650; line-height:1.6; color:var(--gl-accent-ink); }
.home-included > span:last-child { font-size:.88rem; font-weight:400; color:var(--gl-text-muted); }
.home-feature-nav { display:flex; flex-wrap:wrap; gap:.5rem 2rem; padding-block:1.4rem; border-top:1px solid var(--gl-border); }
.home-feature-nav a { color:var(--gl-text-muted); font-size:.9rem; text-decoration:none; padding:.4rem 0; }
.home-feature-nav a:hover { color:var(--gl-accent-ink); }
.home .marketing-section { padding-block:clamp(3.5rem,7vw,6rem); }
.home .marketing-section h2 { font-size:clamp(2rem,3.5vw,3.2rem); }
.home-polish-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:3rem; align-items:center; margin-top:2.5rem; }
.home-feature-visual,.home-refresh-visual,.home-tour-diagram { min-width:0; padding:1.5rem; border:1px solid var(--gl-border-strong); border-radius:24px; background:var(--gl-canvas); box-shadow:0 18px 65px #0000000a; }
.home-feature-visual { background:linear-gradient(135deg,color-mix(in srgb,var(--gl-accent-ink) 9%,var(--gl-canvas)),var(--gl-canvas)); }
.home-visual-top { display:flex; gap:1rem; justify-content:space-between; align-items:center; margin-bottom:1.3rem; font-size:.8rem; font-weight:600; flex-wrap:wrap; }
.home-chip { border:1px solid var(--gl-border-strong); border-radius:20px; padding:.3rem .6rem; color:var(--gl-text-muted); font-size:.67rem; font-weight:400; }
.home-scene-window { position:relative; overflow:hidden; height:310px; border:1px solid #d9d5e7; border-radius:12px; background:#f6f5fa; color:#252136; }
.home-scene { display:grid; grid-template-columns:105px 1fr; height:100%; transition:transform .7s ease; transform-origin:85% 68%; }
[data-mode="zoom"] .home-scene { transform:scale(1.18); }
.home-scene-sidebar { display:flex; flex-direction:column; gap:19px; background:#eeebf5; padding:22px 12px; font-size:10px; border-right:1px solid #ddd6ee; }
.home-scene-sidebar .is-selected { color:#6d28d9; font-weight:700; }
.home-scene-content { padding:25px 20px; min-width:0; }
.home-mini-label { font-size:.67rem; font-weight:600; letter-spacing:.08em; color:var(--gl-text-muted); }
.home-scene .home-mini-label { color:#756d85; font-size:8px; }
.home-scene-content h3 { font-size:18px; margin:10px 0 20px; }
.home-task { display:flex; align-items:center; gap:8px; border-top:1px solid #e3deec; padding:11px 0; font-size:10px; white-space:nowrap; }
.home-task i { width:8px; height:8px; flex-shrink:0; border-radius:50%; background:#a99acb; }
.home-task b { margin-left:auto; color:#397462; font-size:8px; font-weight:500; }
.home-scene-action { position:relative; float:right; border-radius:6px; background:#7340cc; color:white; padding:9px 12px; margin-top:10px; font-size:10px; }
.home-click-ring { position:absolute; right:8px; top:2px; width:32px; height:32px; border:2px solid #e2c3ff; box-shadow:0 0 0 7px #b37dff44; border-radius:50%; }
.home-cursor { position:absolute; right:8px; top:15px; color:#fff; font-size:24px; text-shadow:1px 1px #39205c; }
[data-mode="wide"] .home-click-ring,[data-mode="wide"] .home-cursor { opacity:0; }
[data-mode="click"] .home-click-ring { box-shadow:0 0 0 12px #b37dff55; }
.home-scene-caption { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); padding:6px 10px; border-radius:5px; background:#252136eb; color:white; font-size:10px; white-space:nowrap; }
.home-preview-controls { display:flex; flex-wrap:wrap; gap:7px; margin-top:1.3rem; }
.home-preview-controls button { cursor:pointer; font:inherit; font-size:.8rem; padding:.6rem .8rem; background:var(--gl-canvas); border:1px solid var(--gl-border-strong); color:var(--gl-text); border-radius:9px; }
.home-preview-controls button[aria-pressed="true"] { background:var(--gl-accent-ink); color:var(--gl-canvas); }
.home-feature-visual [data-polish-description] { min-height:3.2em; margin-bottom:0; }
.home-feature-stack article { display:flex; align-items:flex-start; gap:1rem; margin:1.5rem 0; }
.home-feature-number { color:var(--gl-accent-ink); font-family:var(--gl-display-font); font-size:.8rem; padding-top:4px; }
.home-feature-stack h3 { font-size:1.1rem; }
.home-feature-stack p,.home-tour-path p { margin:0; color:var(--gl-text-muted); line-height:1.65; font-size:.95rem; }
.home-feature-list { padding-left:1.2rem; line-height:2; margin:1.5rem 0; }
.home-feature-list li::marker { color:var(--gl-accent-ink); }
.home-tour-path { display:flex; gap:1rem; padding:1.4rem 0; border-bottom:1px solid var(--gl-border); }
.home-tour-path > span { color:var(--gl-accent-ink); font:600 1.5rem var(--gl-display-font); }
.home-tour-path h3 { font-size:1.05rem; }
.home-presenter-strip { display:grid; grid-template-columns:1fr 1fr; margin:2rem 0; border:1px solid var(--gl-border-strong); border-radius:20px; overflow:hidden; }
.home-presenter-strip > div { padding:2rem; background:var(--gl-surface); }
.home-presenter-strip > div+div { border-left:1px solid var(--gl-border-strong); background:color-mix(in srgb,var(--gl-accent-ink) 5%,var(--gl-canvas)); }
.home-presenter-strip h3 { margin-top:1rem; }
.home-presenter-strip p { color:var(--gl-text-muted); line-height:1.7; }
.home-refresh-section { background:color-mix(in srgb,var(--gl-accent-ink) 5%,var(--gl-canvas)); border-block:1px solid var(--gl-border); }
.home-refresh-pair { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.home-mini-screen { border:1px solid #ded9e8; background:#f7f6fa; color:#372f49; border-radius:10px; padding:15px; height:175px; position:relative; margin-top:10px; font-size:11px; }
.home-mini-screen > span { display:block; margin-bottom:15px; font-weight:700; }
.home-mini-screen i { display:block; height:12px; background:#e4deed; border-radius:3px; margin:9px 0; }
.home-mini-screen i:nth-of-type(2) { width:75%; }
.home-mini-screen b { position:absolute; right:12px; bottom:12px; padding:7px 9px; background:#7340cc; border-radius:5px; color:white; font-size:9px; }
.home-mini-screen--new { padding-top:57px; }
.home-mini-screen--new > span { position:absolute; top:20px; }
.home-mini-screen--new b { top:12px; bottom:auto; }
.home-refresh-quote { padding:1rem; border:1px solid var(--gl-border); border-radius:10px; font-size:.9rem; line-height:1.6; }
.home-keep-tags { display:flex; gap:.5rem 1rem; flex-wrap:wrap; font-size:.75rem; color:var(--gl-accent-ink); }
.home-refresh-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin-top:3rem; }
.home-refresh-facts article { border-top:2px solid var(--gl-border-strong); padding-top:1.5rem; }
.home-refresh-facts h3 { font-size:1.1rem; }
.home-refresh-facts p { color:var(--gl-text-muted); line-height:1.65; }
.home-refresh-allowance { padding-top:1.3rem; font-size:.9rem; }
.home-refresh-allowance a { display:inline-block; margin-left:.5rem; }
.home :is(button,a):focus-visible { outline:3px solid var(--gl-accent-ink); outline-offset:4px; }
@media(max-width:900px) {
  .home .marketing-hero__grid,.home-polish-layout { grid-template-columns:1fr; }
  .home .marketing-hero h1.home-story-title { font-size:clamp(2.7rem,7vw,4.3rem); }
  .home-feature-stack { display:grid; grid-template-columns:1fr 1fr; gap:0 2rem; }
}
@media(max-width:600px) {
  .home .marketing-hero { padding-top:2.5rem; }
  .home .marketing-hero h1.home-story-title { font-size:clamp(2.1rem,8.5vw,3.2rem); }
  .home-feature-nav { gap:.4rem 1.3rem; }
  .home-feature-nav a { font-size:.8rem; }
  .home-feature-stack,.home-presenter-strip,.home-refresh-facts { grid-template-columns:1fr; }
  .home-presenter-strip > div+div { border-left:0; border-top:1px solid var(--gl-border-strong); }
  .home-feature-visual,.home-refresh-visual,.home-tour-diagram { padding:1rem; }
  .home-scene-window { height:280px; }
  .home-scene { grid-template-columns:65px 1fr; }
  .home-scene-sidebar { padding:20px 6px; font-size:8px; }
  .home-scene-content { padding:24px 12px; }
  .home-scene-content h3 { font-size:15px; }
  .home-task { font-size:8px; gap:5px; }
  .home-task b { display:none; }
  .home-mini-screen { padding:10px; }
  .home-mini-screen--new { padding-top:65px; }
  .home-mini-screen--new > span { top:12px; }
  .home-mini-screen--new b { top:34px; }
}
@media(prefers-reduced-motion:reduce) { .home-word,.home-scene { transition:none; } }