/* Labelled diagrams and icons keep the overview short in both themes. */
:root{--visual-surface:#1b2940;--visual-border:#516481;--icon-ink:#a9c0fa;--icon-surface:#23334d}
:root[data-theme=light]{--visual-surface:#e9effe;--visual-border:#b9c9f6;--icon-ink:#315bd8;--icon-surface:#e9effe}
.home-icon{display:block;width:24px;height:24px;flex:none}
.hero{grid-template-columns:1.1fr 1fr;gap:48px;padding-block:54px 48px}
.hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.08;letter-spacing:-2.2px;margin-top:16px}
.hero-description{margin-top:24px;max-width:540px;font-size:17px;line-height:1.65}
.automation-visual{margin:0;min-width:0;padding:26px;border:1px solid var(--visual-border);border-radius:22px;background:radial-gradient(ellipse at 95% 0%,var(--icon-surface),transparent 70%),var(--visual-surface)}
.automation-visual figcaption{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:24px}
.automation-visual figcaption .home-icon{color:var(--icon-ink)}
.automation-flow{display:grid;grid-template-columns:minmax(0,.82fr) 24px minmax(0,1.2fr);align-items:center;gap:12px}
.listing-tile{min-width:0;text-align:center;padding:20px 12px;border:1px dashed var(--visual-border);border-radius:12px;background:var(--paper)}
.visual-label{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.3px}
.listing-art{position:relative;display:grid;place-items:center;width:64px;height:64px;margin:20px auto;background:var(--icon-surface);border-radius:14px;color:var(--icon-ink)}
.listing-art>.home-icon{width:38px;height:38px}
.listing-art-badge{display:grid;place-items:center;position:absolute;right:-8px;bottom:-6px;width:30px;height:30px;border:3px solid var(--paper);border-radius:9px;background:var(--action);color:#fff}
.listing-art-badge .home-icon{width:17px;height:17px}
.listing-tile strong{display:block;font-size:14px;line-height:1.5}
.listing-data{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}
.automation-connector{display:grid;place-items:center;color:var(--icon-ink)}
.post-tile{min-width:0;background:#fff;color:#15243b;border:1px solid #dae3ef;border-radius:13px;overflow:hidden;box-shadow:0 8px 26px #0e211a19}
.post-tile-header{display:flex;align-items:center;gap:8px;padding:12px;font-size:12px;line-height:1.3}
.post-tile-header .home-icon{width:18px;height:18px}.post-tile-header .post-ready{margin-left:auto;color:var(--action);width:16px;height:16px}
.post-illustration{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#dddeda}
.post-caption-preview{padding:12px;font-size:12px;line-height:1.4;font-weight:500}
.post-caption-preview small{display:block;margin-top:4px;color:#59697f;font-size:11px;font-weight:400}
.caption-preview-lines{display:grid;gap:5px;margin-top:8px}
.caption-preview-lines i{display:block;height:4px;width:90%;border-radius:2px;background:#dae3ef}.caption-preview-lines i:last-child{width:62%}
.post-schedule{display:flex;align-items:center;gap:7px;background:#eff3fa;padding:10px 12px;font-size:11px;line-height:1.4;color:#315bd8}.post-schedule .home-icon{width:17px;height:17px}
.automation-features{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;list-style:none;padding:0;margin:22px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.automation-features li{display:flex;align-items:center;gap:6px}.automation-features .home-icon{width:17px;height:17px;color:var(--icon-ink)}
.value-section{padding-block:36px 48px}.value-story{gap:20px}
.value-story>div{border:1px solid var(--line);border-radius:16px;padding:26px}
.value-story .value-automated{background:var(--visual-surface);border-color:var(--visual-border)}
.value-story h2{font-size:28px;line-height:1.3;margin:12px 0 20px}.value-manual .eyebrow{color:var(--muted)}
.value-list{display:grid;gap:12px;list-style:none;margin:0;padding:0;font-size:16px;line-height:1.5;color:var(--muted)}
.value-list li{display:flex;align-items:center;gap:10px}.value-list .home-icon{width:20px;height:20px}.value-automated .home-icon{color:var(--icon-ink)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.benefit-grid .benefit-card{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;min-width:0}
.benefit-card>div{min-width:0}
.benefit-icon,.pricing-symbol{display:grid;place-items:center;background:var(--icon-surface);color:var(--icon-ink);border-radius:12px;flex:none}
.benefit-icon{width:44px;height:44px}.benefit-grid h3{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.benefit-grid p{line-height:1.6}
.workflow-step-symbol{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--icon-ink);flex:none;width:28px}
.workflow-step-number{padding:0;font-size:10px}
.workflow-step{border-color:var(--visual-border);background:var(--visual-surface)}
.workflow-step:hover,.workflow-step[aria-pressed=true]{border-color:var(--icon-ink);background:var(--icon-surface)}
[data-theme=light] .workflow-step{border-color:var(--visual-border);background:var(--visual-surface)}
[data-theme=light] .workflow-step:hover,[data-theme=light] .workflow-step[aria-pressed=true]{border-color:var(--action);background:var(--icon-surface)}
.pricing-section{border-top:1px solid var(--line);gap:48px;padding-block:48px}
.pricing-symbol{width:56px;height:56px;margin-bottom:20px}.pricing-symbol .home-icon{width:30px;height:30px}
.pricing-section .pricing-setup{display:flex;align-items:flex-start;gap:9px;margin-top:20px;font-size:14px;line-height:1.6;color:var(--muted)}
.pricing-setup .home-icon{width:20px;height:20px;margin-top:2px;color:var(--icon-ink)}
.pricing-card,[data-theme=light] .pricing-card{border-color:var(--visual-border);background:var(--visual-surface);border-radius:16px}
.pricing-card ul{list-style:none;padding:0;gap:14px}.pricing-card li{display:flex;align-items:flex-start;gap:12px}.pricing-card li .home-icon{width:21px;height:21px;color:var(--icon-ink);margin-top:2px}
.damage-marker{left:50%;top:70%;width:9%;height:10%;border-color:#b45736;box-shadow:0 0 0 3px #fff9}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:52px}.automation-visual{padding:20px}.automation-flow{gap:8px}.listing-tile{padding:16px 8px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:28px}.hero-title{max-width:680px}.hero h1{font-size:52px}.automation-visual{max-width:540px;width:100%}.value-story h2{font-size:25px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid .benefit-card{padding:18px}.benefit-grid p{font-size:16px}.pricing-section{gap:26px}}
@media(max-width:600px){
  .hero{padding-block:28px;gap:22px}.hero h1{font-size:40px;letter-spacing:-1.5px;line-height:1.08}.hero-description{font-size:16px;line-height:1.65;margin-top:18px}.hero-actions{margin-top:18px}
  .automation-visual{padding:16px;border-radius:16px}.automation-visual figcaption{font-size:16px;margin-bottom:14px}.automation-flow{grid-template-columns:minmax(0,.85fr) 20px minmax(0,1.25fr);gap:8px}.automation-connector .home-icon{width:20px;height:20px}
  .listing-tile{padding:14px 7px}.listing-art{width:48px;height:48px;margin:12px auto}.listing-art>.home-icon{width:29px;height:29px}.listing-tile strong{font-size:13px}.listing-data{font-size:12px}.post-tile-header{font-size:11px;padding:9px;gap:5px}.post-tile-header>.home-icon{width:16px;height:16px}.post-tile-header .post-ready{width:14px;height:14px}
  .post-caption-preview{padding:9px;font-size:11px}.post-caption-preview small{font-size:11px}.post-schedule{padding:8px;font-size:11px;gap:5px}.post-schedule .home-icon{width:16px;height:16px}
  .automation-features{display:none}.caption-preview-lines{display:none}
  .value-section{padding-block:24px 30px}.value-story{gap:12px}.value-story>div{padding:18px}.value-story h2{font-size:23px;margin-block:10px 16px}.value-list{font-size:16px;gap:10px}
  .benefit-grid{gap:10px;margin-top:16px}.benefit-grid .benefit-card{display:block;padding:14px}.benefit-grid h3{font-size:17px;margin-bottom:6px}.benefit-grid p{font-size:16px;line-height:1.5}.benefit-icon{width:32px;height:32px;border-radius:8px;margin-bottom:10px}.benefit-icon .home-icon{width:20px;height:20px}
  .workflow-step{padding:12px 10px;gap:8px}.workflow-step-symbol{width:22px}.workflow-step-symbol>.home-icon{width:22px;height:22px}.workflow-step-copy{font-size:14px;line-height:1.5}
  .pricing-section{padding-block:30px;gap:18px}.pricing-symbol{width:44px;height:44px;margin-bottom:14px;border-radius:10px}.pricing-symbol .home-icon{width:25px;height:25px}.pricing-section .pricing-setup{font-size:16px;margin-top:14px}
}
@media(max-width:370px){.hero h1{font-size:36px}.automation-visual{padding:12px}.automation-flow{gap:6px;grid-template-columns:minmax(0,.82fr) 18px minmax(0,1.3fr)}.automation-connector .home-icon{width:18px}.post-tile-header .post-ready{display:none}.post-schedule{align-items:flex-start}.automation-features{font-size:13px;gap:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}