/* ForeGaze v10: simple first screen and guided build, on top of the live page. Nothing is removed from the live engine; hidden parts are one click away. */
html.simple #top>section.w .r2,html.simple #top>section.w .r3,html.simple #lay,html.simple #top>section.w .cf,
html.guided #top>section.w .r3,html.guided .r2 .story,html.guided #lay,html.guided #top>section.w .r1 .play,html.guided #reset,html.guided #bizChip{display:none!important}
html.guided:not(.show-cards) svg#wires{display:none!important}
html.guided:not(.show-cards) #top>section.w .col{visibility:hidden!important;pointer-events:none}
html.guided #top>section.w ~ section,html.guided main#top>section.sec,html.guided footer.foot{display:none!important}
html.guided .fix,html.guided #askB{display:none!important}
.v10-promise{max-width:1200px;margin:0 auto;padding:18px 16px 4px}
.v10-promise .eb{font:600 12px/1 var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt)}
.v10-promise p.l{font-size:clamp(18px,2.4vw,24px);line-height:1.35;margin:6px 0 14px;color:var(--ink);max-width:760px}
.v10-promise .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.v10-promise .tg{margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;font:13px var(--f-body,system-ui);cursor:pointer}
.v10-tag{position:fixed;right:12px;bottom:12px;z-index:70;font:600 11px var(--f-mono,monospace);background:var(--mist);color:var(--cobalt);padding:3px 10px;border-radius:999px}
.v10-guide{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:80;width:min(680px,calc(100vw - 24px));background:var(--sheet);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -24px rgba(20,26,74,.45);padding:16px 18px}
.v10-guide .dots{display:flex;gap:5px;margin:0 0 10px}.v10-guide .dots i{height:4px;flex:1;border-radius:2px;background:var(--line)}.v10-guide .dots i.on{background:var(--cobalt)}
.v10-guide .k{font:600 11px var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt)}
.v10-guide h3{margin:2px 0 4px;font:600 20px/1.2 var(--f-display,system-ui)}.v10-guide p{margin:0 0 12px;color:var(--muted);font-size:15px}
.v10-guide .nv{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v10-guide .nv .sp{flex:1}.v10-guide a.sk{color:var(--muted);font-size:13px}
@media(max-width:700px){.v10-guide{bottom:8px;padding:12px 14px}.v10-guide h3{font-size:17px}}

.v10-sub{margin:6px 0 0;font:500 clamp(17px,2vw,21px)/1.35 var(--f-body,system-ui);color:var(--muted);text-align:center}
.v10-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:14px 0 4px}
.v10-cta .tg{background:transparent;border:1px dashed var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font:13px var(--f-body,system-ui);cursor:pointer}
.v10-cta .tg:hover{color:var(--ink);border-color:var(--cobalt)}
header.top .nav a.v10-in{color:var(--muted);text-decoration:none;font-size:14px;margin-right:4px;white-space:nowrap}header.top .nav a.v10-in:hover{color:var(--ink)}
header.top .nav a[href="#plan"].btn{display:none}
header.top .nav a.v10-bw{color:var(--cobalt)!important;border-color:var(--cobalt)!important;background:transparent!important}
@media(min-width:1100px){html.guided .v10-guide{left:24px;top:50%;bottom:auto;transform:translateY(-35%);width:min(320px,24vw)}
html.guided #top>section.w .col.L{visibility:hidden!important;pointer-events:none}}
@media(max-width:760px){header.top .nav a.v10-bw,header.top .nav #findLeaks{display:none!important}.v10-cta .btn{font-size:13px;padding:9px 14px}}

/* No sideways scroll: the full-width bands (#demo::before, #flow::before) use width:100vw, wider than the page when a vertical scrollbar takes space. */
html{overflow-x:clip}

/* The release version in the footer: there for the author, not for visitors. */
.ver{opacity:.5;font-size:.92em;font-variant-numeric:tabular-nums}

#saveF input::placeholder{color:rgba(232,235,255,.72)}