/* The homepage opens directly into the owner's twelve-step customer flow. */
.proof-nav button{font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.4}
.proof-story{margin:0 24px 24px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white)}
.proof-heading{padding:24px 26px 8px}.proof-heading h3{font-size:clamp(1.4rem,2.2vw,2rem);margin:10px 0;line-height:1.2}.proof-heading p{font-size:1rem;max-width:800px}
.proof-nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 26px}.proof-nav button{flex:1 1 180px;min-height:54px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font:600 .95rem/1.4 inherit;background:var(--cloud);color:var(--ink);cursor:pointer;text-align:left}.proof-nav button span{margin-right:10px;color:var(--muted)}.proof-nav button[aria-pressed=true]{background:var(--navy);color:var(--white);border-color:var(--navy)}.proof-nav button[aria-pressed=true] span{color:var(--cyan)}
.proof-description{padding:6px 26px 12px}.proof-description h4{font-size:1.15rem;margin:0 0 6px}.proof-description p{margin:0;max-width:850px;font-size:1rem;line-height:1.6}.proof-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 26px;background:var(--cloud);border-top:1px solid var(--line)}.proof-footer button{border:1px solid var(--navy);border-radius:7px;background:var(--navy);color:var(--white);padding:12px 18px;font:inherit;cursor:pointer}.proof-footer span{font-size:.9rem;font-weight:700}
.proof-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 26px;gap:12px;list-style:none}.proof-cues li{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--cloud)}.proof-cues strong,.proof-cues span{display:block;font-size:.9rem;line-height:1.6}.proof-cues span{margin-top:4px;color:var(--muted)}.demo-launch{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 26px;font-size:.9rem;background:var(--navy);color:var(--white)}.demo-launch a{color:var(--cyan);text-decoration:underline;font-weight:700}.buyer-story iframe{display:block;width:100%;height:900px;border:0;background:var(--cloud)}.proof-footnote{padding:4px 26px 18px;font-size:.875rem;line-height:1.6;color:var(--muted)}
@media(max-width:650px){.proof-story{margin:0 10px 16px}.proof-heading,.proof-description{padding:18px}.proof-nav{padding:10px 18px;gap:6px}.proof-nav button{flex-basis:100%;font-size:.95rem}.proof-cues{grid-template-columns:1fr;padding:0 18px}.demo-launch{padding:16px 18px}.buyer-story iframe{height:760px}.proof-footnote{padding:8px 18px}.proof-footer{padding:14px 18px}}
.flow-intro{background:var(--navy);color:var(--white);padding:34px 0 30px}
.flow-intro .eyebrow{color:var(--cyan)}
.flow-intro h1{font-size:clamp(2rem,4vw,3.7rem);margin:12px 0;line-height:1.15;overflow-wrap:anywhere}
.flow-intro h1 em{font-style:normal;color:var(--cyan)}
.flow-intro p{color:var(--line);margin:0;font-size:1.05rem}
.flow-tour{background:var(--cloud);padding:24px 0 40px;scroll-margin-top:100px}
.flow-tour .shell{width:min(1400px,calc(100% - 40px))}
.flow-tour .tour-controls{padding:0 0 18px;border:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.tour-controls [data-tour-position]{text-align:center;color:var(--ink);font-weight:700;font-size:1rem;overflow-wrap:anywhere}
.flow-tour .tour-controls-bottom{padding:20px 0 0}
.flow-tour .tour-panels{scroll-margin-top:120px}
.tour-controls button{min-height:44px;white-space:normal}
.tour-controls button:disabled{background:var(--line);color:var(--muted);cursor:default}
.flow-tour .tour-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:20px}
.flow-tour .tour-nav button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:12px;min-height:60px;font-size:.85rem;line-height:1.25}
.flow-tour .tour-nav button span{margin:0;font-size:.8rem;color:var(--muted)}
.flow-tour .tour-nav button b{font-weight:650;min-width:0}
.flow-tour .tour-nav button small{display:block;font-size:.7rem;font-weight:400;margin-top:3px}
.flow-tour .tour-nav button[aria-pressed=true]{background:var(--navy);color:var(--white);border-color:var(--navy)}
.flow-tour .tour-nav button[aria-pressed=true] span{color:var(--cyan)}
.flow-tour .tour-panels{border-radius:16px}
.flow-tour .tour-caption{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px 30px;align-items:center}
.flow-tour .tour-caption>*{min-width:0}
.flow-tour .tour-caption h2{font-size:clamp(1.6rem,2.7vw,2.5rem);line-height:1.14;margin:12px 0 0;overflow-wrap:anywhere}
.flow-tour .tour-caption p{margin:0 0 12px;font-size:1rem}
.flow-tour .screen-slot{padding:0 18px 18px}
.screen-label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;font-size:.85rem}
.screen-label span{font-weight:700;color:var(--muted)}
.screen-label a{display:inline;color:var(--ink);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.screen-image{cursor:zoom-in}
.flow-tour .screen-slot img{border-radius:8px;object-fit:contain;background:var(--white)}
.flow-tour .tour-outcome{padding:18px 30px}
.flow-hint{text-align:center;font-size:.85rem;margin:20px 0 0}
.screen-viewer{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--cloud);color:var(--ink)}
.screen-viewer[open]{display:flex;flex-direction:column}
.screen-viewer::backdrop{background:rgba(7,21,37,.86)}
.viewer-toolbar{display:flex;align-items:center;gap:12px;padding-bottom:16px;flex-wrap:wrap}
.viewer-toolbar h2{font-size:1rem;line-height:1.4;margin:0 auto 0 0;max-width:55%;overflow-wrap:anywhere}
.viewer-toolbar button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:7px;padding:10px 14px;font:600 .85rem system-ui;cursor:pointer;min-height:44px}
.viewer-canvas{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);background:var(--white);display:grid;place-items:center}
.viewer-canvas img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.screen-viewer.zoomed .viewer-canvas{display:block}
.screen-viewer.zoomed img{max-width:none;max-height:none;width:auto;height:auto}
.screen-viewer>p{font-size:.8rem;margin:10px 0 0}
body.viewing-screen{overflow:hidden}
@media(max-width:1000px){.flow-tour .tour-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-tour .tour-caption{grid-template-columns:1fr;gap:18px}}
@media(max-width:600px){.flow-intro{padding:26px 0}.flow-tour .shell{width:calc(100% - 24px)}.flow-tour .tour-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.flow-tour .tour-nav button{flex-direction:column;align-items:flex-start;gap:4px;padding:9px;font-size:.75rem}.flow-tour .tour-nav button small{font-size:.65rem}.flow-tour .tour-controls{grid-template-columns:auto 1fr auto;gap:8px}.tour-controls button{font-size:.8rem;padding:10px}.tour-controls #tour-position{font-size:.85rem}.flow-tour .tour-caption{padding:22px 18px}.flow-tour .screen-slot{padding:0 8px 12px}.flow-tour .tour-outcome{padding:16px 18px}.viewer-toolbar h2{max-width:100%;width:100%;font-size:.85rem}.screen-viewer{padding:12px}.screen-label{font-size:.75rem}.flow-tour .screen-slot figcaption{font-size:.75rem}}

/* Apple-inspired folio: a browseable stage rail and a centered page with neighboring-page peeks. */
.flow-tour .tour-nav{display:flex;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 2px 12px;margin:0 0 8px}
.flow-tour .tour-nav button{flex:0 0 auto;min-height:52px;scroll-snap-align:center;border-radius:10px;padding:11px 16px;white-space:nowrap;box-shadow:0 1px 2px rgba(7,21,37,.04)}
.flow-tour .tour-nav button b{font-size:.9rem}
.flow-tour .tour-nav button[aria-pressed=true]{box-shadow:0 7px 20px rgba(7,21,37,.16)}
.flow-tour .folio-window{--folio-card-width:82%;--folio-gap:clamp(24px,3vw,44px);--folio-page-height:612px;position:relative;overflow:hidden;outline:none;min-height:180px;padding:10px 0 18px;touch-action:pan-y;}
.flow-tour .folio-window:focus-visible{outline:3px solid #0786cc;outline-offset:3px;border-radius:18px}
.flow-tour .tour-panels{position:relative;width:100%;height:var(--folio-page-height);min-width:0;background:transparent;border:0;border-radius:0;overflow:visible}
.flow-tour .tour-panel{position:absolute;left:50%;top:0;width:var(--folio-card-width);height:100%;max-width:1120px;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 18px 54px rgba(7,21,37,.11);opacity:.34;transform-origin:center top;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;pointer-events:none}
.flow-tour .tour-panel:focus-visible{outline:3px solid #0786cc;outline-offset:-5px}
.flow-tour .tour-panel.is-active{z-index:2;opacity:1;pointer-events:auto;box-shadow:0 24px 64px rgba(7,21,37,.16)}
.flow-tour .tour-panel.is-neighbor{z-index:1}
.flow-tour .tour-caption{padding:clamp(24px,3.1vw,44px) clamp(24px,3.5vw,48px) 25px}
.flow-tour .tour-caption h2{font-size:clamp(1.8rem,3.1vw,3rem);letter-spacing:-.025em}
.flow-tour .screen-slot{padding:0 clamp(16px,2.5vw,32px) 28px}
.flow-tour .screen-slot img{border-radius:12px}
.flow-tour .tour-outcome{padding:20px clamp(24px,3.5vw,48px);min-height:84px}
.flow-tour .folio-arrow{position:absolute;z-index:4;top:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(7,21,37,.12);border-radius:50%;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:0 5px 20px rgba(7,21,37,.16);font:500 1.65rem/1 system-ui;cursor:pointer;transform:translateY(-50%);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.flow-tour .folio-arrow:hover:not(:disabled){background:#fff;box-shadow:0 9px 26px rgba(7,21,37,.22);transform:translateY(-50%) scale(1.06)}
.flow-tour .folio-arrow:disabled{opacity:.42;cursor:default;box-shadow:none}
.flow-tour .folio-arrow-prev{left:calc(9% - 38px)}
.flow-tour .folio-arrow-next{right:calc(9% - 38px)}
.flow-tour .folio-status{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:0 auto;padding:4px 12px 0;color:var(--muted);font-size:.9rem}
.flow-tour .folio-status [data-tour-position]{color:var(--ink);font-weight:700}
@media(max-width:760px){.flow-tour .folio-window{--folio-card-width:92%;--folio-gap:24px;--folio-page-height:704px;padding:4px 0 12px}.flow-tour .tour-panel{border-radius:15px}.flow-tour .tour-caption{padding:23px 20px 18px}.flow-tour .tour-caption h2{font-size:clamp(1.55rem,6vw,2.15rem)}.flow-tour .screen-slot{padding:0 10px 14px}.flow-tour .tour-outcome{padding:15px 20px;min-height:68px}.flow-tour .folio-arrow{width:44px;height:44px;font-size:1.45rem;background:rgba(255,255,255,.97)}.flow-tour .folio-arrow-prev{left:2px}.flow-tour .folio-arrow-next{right:2px}.flow-tour .folio-status{align-items:flex-start;flex-direction:column;gap:4px;padding:5px 4px 0;font-size:.82rem}.flow-tour .tour-nav button{flex:0 0 auto;flex-direction:row;align-items:center;font-size:.85rem;padding:10px 13px}.flow-tour .tour-nav button small{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.flow-tour .tour-panels,.flow-tour .tour-panel,.flow-tour .folio-arrow{transition:none}}

/* Keep all app captures at a shared Apple-style product-card scale, with full screenshots available on demand. */
.flow-tour .screen-gallery,.flow-tour .proof-gallery{display:flex;flex-flow:row nowrap;align-items:stretch;gap:16px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:12px 22px 24px;}
.flow-tour .screen-gallery{justify-content:center;}
.flow-tour .screen-gallery.is-single{overflow:visible;}
.flow-tour .folio-image-card{flex:0 0 clamp(275px,29vw,330px);width:clamp(275px,29vw,330px);max-width:calc(100vw - 96px);min-width:0;display:flex;flex-direction:column;gap:8px;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 8px 24px rgba(7,21,37,.08);scroll-snap-align:center;}
.flow-tour .screen-gallery.is-single .folio-image-card{margin-inline:auto;}
.flow-tour .folio-image-card .screen-label{padding:0 0 3px;font-size:.8rem;}
.flow-tour .folio-image-card .screen-image{display:block;flex:none;width:min(288px,100%);max-width:100%;align-self:center;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#f4f8fb;cursor:zoom-in;}
.flow-tour .folio-image-card .screen-image img{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;}
.flow-tour .folio-image-card .screen-image img.is-panorama{object-fit:cover;object-position:center;}
.flow-tour .folio-image-card figcaption{min-height:2.6em;margin:0;color:var(--muted);font-size:.82rem;line-height:1.35;}
.flow-tour .proof-gallery{justify-content:flex-start;}
.flow-tour .proof-card{flex:0 0 clamp(275px,29vw,330px);width:clamp(275px,29vw,330px);max-width:calc(100vw - 96px);display:flex;flex-direction:column;gap:14px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 8px 24px rgba(7,21,37,.08);scroll-snap-align:center;}
.flow-tour .proof-card .proof-description{flex:1;padding:2px 2px 0;}
.flow-tour .proof-card .proof-description h4{margin:5px 0 8px;font-size:1.05rem;line-height:1.3;}
.flow-tour .proof-card .proof-description p{margin:0;font-size:.9rem;line-height:1.5;}
.proof-index{color:#078bd0;font-size:.8rem;font-weight:800;letter-spacing:.08em;}
.flow-tour .proof-card .folio-image-card{flex-basis:auto;width:100%;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
.flow-tour .proof-card .screen-label{font-size:.76rem;}
.flow-tour .proof-card .folio-image-card figcaption{min-height:3.8em;font-size:.78rem;}
.flow-tour .proof-gallery-hint{margin:0 26px 20px;color:var(--muted);font-size:.84rem;}
.buyer-story iframe{height:min(62vh,560px);min-height:380px;}
@media(max-width:760px){.flow-tour .screen-gallery,.flow-tour .proof-gallery{justify-content:flex-start;gap:12px;padding:10px 12px 18px}.flow-tour .folio-image-card,.flow-tour .proof-card{flex-basis:min(82vw,310px);width:min(82vw,310px);max-width:calc(100vw - 72px)}.flow-tour .screen-gallery.is-single{justify-content:center}.flow-tour .screen-gallery.is-single .folio-image-card{margin-inline:auto}.flow-tour .proof-gallery-hint{margin:0 18px 16px}.flow-tour .folio-window{padding:58px 0 12px}.flow-tour .folio-arrow{top:18px;width:44px;height:44px;transform:none}.flow-tour .folio-arrow:hover:not(:disabled){transform:scale(1.05)}.buyer-story iframe{height:440px;min-height:360px}}