/* A quieter, image-led layer over the established white/cyan homepage. */
.site-home{--story-space:clamp(5rem,9vw,8rem);--story-ink:#0a1128;--story-muted:#475569;--story-cyan:#00d5ee;--story-soft:#effbfc}
.site-home .r-wrap{max-width:80rem;padding-inline:clamp(1.25rem,3vw,2.5rem)}
.site-home .r-hero{padding:clamp(3.5rem,6vw,6rem) 0 4rem;background:#fff;overflow:visible}
.site-home .r-blob,.site-home .r-script{display:none}
.site-home .r-hero-copy{min-width:0}
.site-home .r-h1{font-size:clamp(2.6rem,3.4vw,3.1rem);line-height:1.12;margin:0;letter-spacing:-.035em;text-wrap:balance}
.site-home .r-accent{color:#008299}
.site-home .r-lead{max-width:36ch;font-size:1.08rem;line-height:1.7;margin-top:1.75rem}
.site-home .r-hero-art{padding:0;min-width:0}
.site-home .r-hero-grid{gap:3rem}
.site-home .r-scan{margin-top:2rem}
.site-home .r-checks{gap:1rem;font-size:.83rem}
.site-home .r-dash{box-shadow:0 20px 60px rgba(21,66,79,.1);border-radius:1.5rem}
.site-home .demo-panel{height:490px;padding:1.5rem}
.site-home .demo-body{grid-template-columns:162px minmax(0,1fr)}
.site-home .demo-heading h2{font-size:1.05rem}
.site-home .demo-chart h3{font-size:.85rem}
.site-home .demo-kpi span,.site-home .demo-kpi small,.site-home .demo-legend,.site-home .demo-chart-status,.site-home .demo-bar-group>b,.site-home .demo-bar>span{font-size:.78rem}
.site-home .demo-bottom a{min-height:44px}
.site-home .r-trust{border:0;box-shadow:none;gap:1.25rem;margin-top:1rem;padding:2rem 0 3rem}
.site-home .r-trust-i{border:0;padding:0 .5rem;gap:.75rem}
.site-home .r-trust-i b{font-size:.85rem}
.site-home .r-trust-i span{font-size:.76rem;margin-top:.4rem}
.site-home .r-trust-i>svg{width:28px;height:28px}
.site-home .r-trust a{display:inline-flex;align-items:center;min-height:44px}
.site-home .r-sec{padding-block:var(--story-space)}
.visual-story{padding-block:var(--story-space)}
.visual-story h2,.visual-walkthrough h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.12;letter-spacing:-.035em;font-weight:750;text-wrap:balance;margin:0}
.visual-story h2{max-width:14ch}
.visual-story p{max-width:43ch;color:var(--story-muted);line-height:1.8;margin:1.5rem 0 0}
.story-split{display:grid;gap:3rem;align-items:center}
.story-illustration{margin:0;min-width:0}
.story-illustration img{display:block;width:100%;height:auto}
.story-link{display:inline-flex;align-items:center;gap:.65rem;min-height:48px;color:#00748b;font-weight:650;margin-top:1.5rem;text-decoration:underline;text-underline-offset:5px}
.story-link:hover{color:#0a1128}
.story-source-note{font-size:.82rem}
.story-tokens{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.story-tokens span{font-size:.82rem;color:#28515c;padding:.5rem .8rem;background:var(--story-soft);border-radius:2rem}
.visual-walkthrough{padding-block:var(--story-space);background:#f5fbfc}
.walkthrough-intro{max-width:45rem;margin-bottom:3rem}
.walkthrough-intro>p{color:var(--story-muted);font-size:1.08rem;line-height:1.7;max-width:45ch;margin:1.25rem 0 0}
.walkthrough-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.25rem}
.walkthrough-tabs button{min-height:48px;padding:.85rem 1.4rem;border:1px solid #c8dce1;border-radius:2rem;background:#fff;color:#334155;font:inherit;font-weight:600;cursor:pointer}
.walkthrough-tabs button[aria-selected=true]{background:var(--story-ink);border-color:var(--story-ink);color:#fff}
.walkthrough-tabs button:hover{border-color:#00748b}
.walkthrough-panel{display:grid;gap:2rem;align-items:center}
.walkthrough-panel[hidden]{display:none}
.walkthrough-copy h3{font-size:clamp(1.65rem,2.2vw,2.15rem);line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0;max-width:16ch;text-wrap:balance}
.walkthrough-copy p{margin:1.25rem 0 0;color:var(--story-muted);line-height:1.75;max-width:38ch}
.walkthrough-caption{margin:2rem 0 0;font-size:.85rem;color:var(--story-muted);line-height:1.7}
.walkthrough-caption a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:#00748b}
.product-scene{background:#fff;border:1px solid #dce7ea;border-radius:1.25rem;box-shadow:0 20px 50px rgba(23,63,78,.07);min-width:0;overflow:clip}
.scene-chrome{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid #e5edef}
.scene-chrome img{width:112px;height:auto}
.scene-chrome span{font-size:.75rem;color:#536371}
.scene-content{padding:clamp(1.25rem,3vw,2rem)}
.scene-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.scene-title h4{margin:0;font-size:1.05rem;font-weight:700}
.scene-example{color:#3c6270;background:#eff8fa;border-radius:2rem;font-size:.7rem;padding:.35rem .6rem;white-space:nowrap}
.scene-page{font-size:.82rem;color:#475569;margin:0 0 1.25rem;overflow-wrap:anywhere}
.scene-finding{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.35rem 0;border-top:1px solid #e5edef;align-items:start}
.scene-finding strong{display:block;font-size:.9rem;font-weight:650}
.scene-finding p{font-size:.82rem;color:#536371;line-height:1.65;margin:.5rem 0 0;max-width:43ch}
.scene-state{font-size:.7rem;font-weight:650;border-radius:2rem;padding:.4rem .6rem;background:#fff3de;color:#865400}
.scene-state.is-good{background:#e7f8f2;color:#116247}
.scene-prompt{background:#f3f9fb;padding:1rem 1.2rem;border-radius:1rem;font-size:.88rem;line-height:1.7;margin-bottom:1.25rem}
.scene-answer{padding:1rem 0;border-block:1px solid #e5edef;font-size:.87rem;line-height:1.8;color:#3f5361}
.scene-answer p{margin:0}
.scene-answer strong{color:#0a1128}
.scene-citation{display:inline-flex;align-items:center;justify-content:center;background:#e1f9fc;color:#006e85;min-width:24px;height:24px;border-radius:50%;font-size:.7rem;margin-inline:4px}
.scene-summary{display:flex;justify-content:space-between;gap:1rem;padding-top:1.25rem;font-size:.84rem;color:#475569}
.scene-summary strong{color:#0a1128}
.scene-code{font: .8rem/1.85 ui-monospace,Consolas,monospace;background:#f5f8fa;border-radius:.75rem;padding:1.2rem;color:#2d5260;white-space:normal;overflow-wrap:anywhere;min-height:130px}
.scene-toggle{display:flex;gap:.5rem;margin-bottom:1rem}
.scene-toggle button{min-height:44px;padding:.6rem 1rem;border:1px solid #c8dce1;background:#fff;border-radius:.6rem;font:inherit;font-size:.8rem;cursor:pointer}
.scene-toggle button[aria-pressed=true]{background:#e5faff;border-color:#00748b;color:#00677e;font-weight:600}
.scene-code[hidden]{display:none}
.visual-proof .proof-heading{max-width:39rem}
.visual-proof .proof-heading p{max-width:55ch;color:#475569;line-height:1.8;margin-top:1.5rem}
.proof-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-top:3rem;padding:3rem;background:#f4fbfc;border-radius:1.5rem}
.proof-comparison figure{margin:0}
.proof-comparison figcaption{font-size:.82rem;color:#475569;margin-bottom:1rem}
.proof-comparison strong{font-size:clamp(3.5rem,6vw,5.5rem);line-height:1;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.proof-comparison .proof-after strong{color:#00748b}
.proof-comparison p{font-size:.9rem;color:#475569;margin:.8rem 0 0}
.proof-arrow{font-size:2rem;color:#00748b}
.proof-context{display:flex;justify-content:space-between;align-items:start;gap:2rem;margin-top:1.5rem}
.proof-context p{font-size:.85rem;color:#475569;line-height:1.8;max-width:65ch;margin:0}
.proof-context a{margin:0;white-space:nowrap}
.story-report-link{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #dce7ea}
.story-report-link p{margin:0;color:#475569;font-size:.9rem;line-height:1.8}
.story-report-link a{margin:0;white-space:nowrap}
.site-home #geo{padding-block:3rem}
.site-home #geo details{border-top:1px solid #dce7ea;padding-top:1rem}
.site-home #geo summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.1rem;font-weight:650;cursor:pointer}
.site-home #geo summary::after{content:'+';font-size:1.5rem;color:#00748b}
.site-home #geo details[open] summary::after{content:'−'}
.site-home :is(.visual-story,.visual-walkthrough,.visual-proof) :is(a,button):focus-visible{outline:3px solid #00748b;outline-offset:4px}
@media(min-width:1000px){.site-home .r-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2.5rem}.story-split{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:5rem}.story-split.is-reversed{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.walkthrough-panel{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:4rem}.story-illustration img{max-height:470px;object-fit:contain}}
@media(max-width:999px){.site-home .r-hero-copy{max-width:40rem}.site-home .r-lead{max-width:48ch}.site-home .r-hero-art{max-width:48rem;width:100%;margin-inline:auto}.story-illustration{max-width:40rem;margin-inline:auto}.story-split{gap:2rem}.story-split.is-reversed .story-illustration{order:-1}.visual-story h2{max-width:20ch}.walkthrough-copy h3{max-width:25ch}.walkthrough-panel{gap:2rem}.site-home .r-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-home{--story-space:4.5rem}.site-home .r-hero{padding-top:3rem;padding-bottom:2rem}.site-home .r-hero-grid{gap:3rem}.site-home .r-h1{font-size:2.6rem}.site-home .r-lead{font-size:1rem}.site-home .r-checks{gap:.7rem;font-size:.75rem}.site-home .demo-body{display:block}.site-home .demo-panel{padding:1.25rem;height:auto;min-height:470px}.site-home .demo-bottom{flex-wrap:wrap}.site-home .demo-bottom a{font-size:.75rem}.site-home .r-trust{row-gap:1.5rem;padding-bottom:1rem}.site-home .r-trust-i{align-items:start;gap:.6rem}.site-home .r-trust-i>svg{width:22px;height:22px}.site-home .r-trust-i b{font-size:.78rem}.site-home .r-trust-i span{font-size:.72rem}.scene-chrome{padding:1rem}.scene-chrome span{font-size:.65rem}.scene-title{align-items:start;flex-wrap:wrap;gap:.6rem}.scene-finding{gap:.6rem}.scene-state{font-size:.65rem}.scene-summary{font-size:.8rem}.walkthrough-tabs{gap:.5rem}.walkthrough-tabs button{padding:.75rem 1rem;font-size:.85rem}.proof-comparison{padding:1.5rem;gap:1rem}.proof-context,.story-report-link{flex-direction:column;gap:1rem}.story-report-link a{white-space:normal}.proof-comparison figcaption{font-size:.72rem}.proof-comparison p{font-size:.8rem}}
.site-home .product-demo :is(p,span,small,b,a,button,summary,select){font-size:.8rem}
.site-home .product-demo .demo-heading h2{font-size:1.05rem}
.site-home .demo-trend text{font-size:12px}
.scene-state,.scene-example,.scene-chrome span,.site-home .r-trust-i span{font-size:.75rem}
.site-home a:not(.sr-only){min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.site-home button,.site-home select{min-height:44px}
.site-home .h-plan-badge{font-size:.75rem}
.site-home #features,.site-home #how-it-works{scroll-margin-top:100px}
@media(prefers-reduced-motion:no-preference){.walkthrough-panel:not([hidden]) .product-scene{animation:story-reveal .45s cubic-bezier(.16,1,.3,1) both}@keyframes story-reveal{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}