/* Extracted from summitiq.ai/flow on 2026-10-09. All rules are homepage-scoped. */
@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url("/brand/flow-reference/inter-latin.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("/brand/flow-reference/inter-latin.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("/brand/flow-reference/inter-latin.woff2") format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("/brand/flow-reference/inter-latin.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url("/brand/flow-reference/playfair-display-latin.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url("/brand/flow-reference/playfair-display-latin.woff2") format("woff2")}
.public-homepage{margin:0;min-height:100dvh;background:#f8fafc;color:#0f172a;font-family:"Open Sans",sans-serif;font-size:16px;line-height:1.5;color-scheme:light;-webkit-text-size-adjust:100%}
.public-homepage *,.public-homepage *::before,.public-homepage *::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
.public-homepage h1,.public-homepage h2,.public-homepage h3,.public-homepage p,.public-homepage blockquote{margin:0;font-size:inherit;font-weight:inherit}
.public-homepage a{color:inherit;text-decoration:none}
.public-homepage a:focus-visible,.public-homepage summary:focus-visible{outline:3px solid #c9a45c;outline-offset:3px}
.public-homepage ul,.public-homepage ol{list-style:none;margin:0;padding:0}
.public-homepage img,.public-homepage svg{display:block;vertical-align:middle}
.public-homepage img{max-width:100%;height:auto}
.public-homepage table{border-collapse:collapse;text-indent:0;border-color:inherit}
.public-homepage .ph-header{position:sticky;top:0;z-index:50;background:#f8fafc;border:1px solid rgb(255 255 255 / .3);border-bottom:0}
.public-homepage .ph-header-inner{max-width:1152px;margin:auto;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-homepage .ph-logo{display:flex;align-items:center;min-height:64px;flex-shrink:0}
.public-homepage .ph-wordmark{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;color:#172638;font-family:Inter,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.04em;line-height:1.2}
.public-homepage .ph-wordmark-flow{color:#1f6f6a;font-weight:400}
.public-homepage .ph-nav{display:flex;align-items:center;gap:20px;font-size:14px;color:#334155}
.public-homepage .ph-nav a:hover,.public-homepage .ph-footer a:hover{color:#2e6be6}
.public-homepage .ph-header-actions{display:flex;align-items:center;gap:16px;font-size:14px}
.public-homepage .ph-sign-in{display:inline-flex;align-items:center;min-height:44px}
.public-homepage .ph-header-demo{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:6px;background:#172638;color:#faf8f4;font-weight:500}
.public-homepage .ph-mobile-menu{display:none;position:relative}
.public-homepage .ph-mobile-menu summary{display:flex;width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;list-style:none;color:#172638}
.public-homepage .ph-mobile-menu summary::-webkit-details-marker{display:none}
.public-homepage .ph-mobile-menu nav{position:absolute;right:0;top:44px;width:260px;padding:18px;background:#faf8f4;border:1px solid #dcd7cc;box-shadow:0 8px 20px #17263818}
.public-homepage .ph-mobile-menu nav a{display:flex;align-items:center;min-height:44px}
.public-homepage .ph-footer{background:#f8fafc;border-top:1px solid #0f172a}
.public-homepage .ph-footer-grid{max-width:1152px;margin:auto;padding:64px 32px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.public-homepage .ph-footer-logo{display:inline-flex;align-items:center;min-height:44px;margin-bottom:16px}
.public-homepage .ph-footer p{color:#475569;line-height:1.625}
.public-homepage .ph-footer-about{margin-bottom:12px!important}
.public-homepage .ph-footer h3{font-size:18px;line-height:28px;font-weight:600;color:#1e2a38;margin-bottom:16px}
.public-homepage .ph-footer li+li{margin-top:12px}
.public-homepage .ph-footer li{color:#475569}
.public-homepage .ph-footer-bottom{background:transparent;padding:16px}
.public-homepage .ph-footer-bottom p{text-align:center;color:#475569;font-size:14px;line-height:20px}
.public-homepage .flow-page{--flow-navy:#172638;--flow-navy-secondary:#1f3349;--flow-gold:#c9a45c;--flow-paper:#faf8f4;--flow-off-white:#f5f3ee;--flow-white:#ffffff;--flow-ink:#15181b;--flow-muted:#3b4247;--flow-border:#dcd7cc;--flow-teal:#1f6f6a;--flow-green:#2d704b;overflow-x:clip;background:var(--flow-paper);color:var(--flow-ink);font-family:Inter,"IBM Plex Sans",Arial,sans-serif;font-size:16px;line-height:1.6}
.public-homepage .flow-container{width:min(100% - 48px,1250px);margin-inline:auto}
.public-homepage .flow-section,.public-homepage .flow-closing{scroll-margin-top:104px}
.public-homepage #live-coaching,.public-homepage #who-to-call-next{scroll-margin-top:104px}
.public-homepage .flow-section{padding-block:92px}
.public-homepage .flow-kicker{margin:0 0 17px;color:var(--flow-teal);font-family:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:500;letter-spacing:.11em;line-height:1.45;text-transform:uppercase}
.public-homepage .flow-kicker-gold{color:var(--flow-gold)}
.public-homepage .flow-page h1,.public-homepage .flow-page h2,.public-homepage .flow-page h3{margin-top:0;font-family:"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.035em}
.public-homepage .flow-page h2{margin-bottom:0;font-size:clamp(2.35rem,4.15vw,3.65rem);line-height:1.08}
.public-homepage .flow-hero{padding-block:clamp(76px,9vw,124px);background:var(--flow-navy);color:var(--flow-paper)}
.public-homepage .flow-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);align-items:center;gap:clamp(42px,7vw,98px)}
.public-homepage .flow-hero-copy{max-width:660px}
.public-homepage .flow-hero h1{max-width:700px;margin:0;font-size:clamp(3.3rem,6.5vw,5.55rem);line-height:.99}
.public-homepage .flow-hero-description{max-width:640px;margin:25px 0 0;color:#e1e5e5;font-size:clamp(1rem,1.45vw,1.125rem);line-height:1.75}
.public-homepage .flow-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:31px}
.public-homepage .flow-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border:1px solid transparent;border-radius:6px;font-size:.95rem;font-weight:600;line-height:1.25;text-align:center;text-decoration:none}
.public-homepage .flow-button-demo{background:var(--flow-gold);color:var(--flow-navy)}
.public-homepage .flow-button-demo:hover{background:#d7b671;color:var(--flow-navy)}
.public-homepage .flow-button:focus-visible,.public-homepage .flow-text-link:focus-visible{outline:3px solid var(--flow-gold);outline-offset:3px}
.public-homepage .flow-text-link{display:inline-flex;min-height:44px;align-items:center;gap:7px;color:var(--flow-teal);font-size:.95rem;font-weight:600;text-decoration:none}
.public-homepage .flow-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.public-homepage .flow-text-link-light{color:var(--flow-paper)}
.public-homepage .flow-hero-visual{position:relative;min-width:0;padding:0 13px 0 0}
.public-homepage .flow-meeting-card{position:absolute;right:-1px;bottom:29px;display:flex;min-height:78px;align-items:center;gap:13px;padding:15px 19px;border:1px solid var(--flow-border);border-radius:8px;background:var(--flow-white);color:var(--flow-ink)}
.public-homepage .flow-meeting-check{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;background:var(--flow-green);color:var(--flow-white)}
.public-homepage .flow-meeting-card strong,.public-homepage .flow-meeting-card small{display:block}
.public-homepage .flow-meeting-card strong{font-size:.9rem;line-height:1.35}
.public-homepage .flow-meeting-card small{margin-top:4px;color:var(--flow-muted);font-size:.78rem;line-height:1.4}
.public-homepage .flow-section-heading{max-width:800px;margin-bottom:39px}
.public-homepage .flow-section-heading-narrow{max-width:760px}
.public-homepage .flow-section-heading h2{max-width:780px}
.public-homepage .flow-problem{background:var(--flow-white)}
.public-homepage .flow-problem-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;margin:0;padding:0;list-style:none}
.public-homepage .flow-problem-list li{display:flex;min-height:78px;align-items:center;gap:17px;border-top:1px solid var(--flow-border)}
.public-homepage .flow-problem-list li:nth-last-child(-n+2){border-bottom:1px solid var(--flow-border)}
.public-homepage .flow-problem-list p{margin:0;color:var(--flow-muted);font-size:1rem}
.public-homepage .flow-rule-marker{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--flow-gold)}
.public-homepage .flow-how{background:var(--flow-paper)}
.public-homepage .flow-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.public-homepage .flow-step-card{min-width:0;min-height:238px;padding:26px 25px 28px;border:1px solid var(--flow-border);border-radius:12px;background:var(--flow-white)}
.public-homepage .flow-step-number{display:block;margin-bottom:25px;color:var(--flow-teal);font-family:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;font-size:.83rem;letter-spacing:.08em}
.public-homepage .flow-step-card h3{margin-bottom:12px;font-family:Inter,"IBM Plex Sans",Arial,sans-serif;font-size:1.12rem;font-weight:650;letter-spacing:-.02em;line-height:1.35}
.public-homepage .flow-step-card p{margin:0;color:var(--flow-muted);font-size:.93rem;line-height:1.65}
.public-homepage .flow-features{background:var(--flow-navy);color:var(--flow-paper)}
.public-homepage .flow-section-heading-dark{max-width:740px}
.public-homepage .flow-section-heading-dark h2{color:var(--flow-paper)}
.public-homepage .flow-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}
.public-homepage .flow-feature{min-width:0;padding:28px 0 31px;border-top:1px solid #435367}
.public-homepage .flow-feature-icon{margin-bottom:18px;color:var(--flow-gold)}
.public-homepage .flow-feature h3{margin:0 0 9px;color:var(--flow-paper);font-family:Inter,"IBM Plex Sans",Arial,sans-serif;font-size:1.03rem;font-weight:650;letter-spacing:-.01em;line-height:1.4}
.public-homepage .flow-feature p{max-width:360px;margin:0;color:#d1d8dc;font-size:.92rem;line-height:1.65}
.public-homepage .flow-compare{background:var(--flow-white)}
.public-homepage .flow-comparison-wrap{width:100%}
.public-homepage .flow-comparison{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}
.public-homepage .flow-comparison th,.public-homepage .flow-comparison td{padding:17px 20px;border-bottom:1px solid var(--flow-border);overflow-wrap:anywhere;vertical-align:top}
.public-homepage .flow-comparison thead th{border-top:1px solid var(--flow-border);color:var(--flow-muted);font-family:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.public-homepage .flow-comparison tbody th{width:25%;color:var(--flow-ink);font-size:.95rem;font-weight:650}
.public-homepage .flow-comparison td{color:var(--flow-muted);font-size:.94rem}
.public-homepage .flow-comparison td:last-child{color:var(--flow-teal);font-weight:600}
.public-homepage .flow-pilot{background:var(--flow-paper)}
.public-homepage .flow-pilot-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(35px,7vw,90px);padding:clamp(28px,5vw,60px);border:1px solid var(--flow-border);border-radius:12px;background:var(--flow-white)}
.public-homepage .flow-pilot-copy h2{max-width:550px}
.public-homepage .flow-pilot-copy>p:last-child{max-width:560px;margin:20px 0 0;color:var(--flow-muted)}
.public-homepage .flow-check-list{display:grid;gap:15px;margin:0;padding:0;list-style:none}
.public-homepage .flow-check-list li{display:flex;align-items:flex-start;gap:12px;color:var(--flow-ink);font-size:.96rem}
.public-homepage .flow-check-list svg{flex:0 0 18px;margin-top:3px;color:var(--flow-teal)}
.public-homepage .flow-data{background:#ebe7de}
.public-homepage .flow-data-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(40px,8vw,112px)}
.public-homepage .flow-data-grid h2{max-width:580px}
.public-homepage .flow-data-intro{max-width:600px;margin:20px 0 0;color:var(--flow-muted)}
.public-homepage .flow-data-list{margin:0;padding:0;list-style:none;counter-reset:none}
.public-homepage .flow-data-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:17px 0;border-top:1px solid #c8c1b4}
.public-homepage .flow-data-list li:last-child{border-bottom:1px solid #c8c1b4}
.public-homepage .flow-data-list li>span{color:var(--flow-teal);font-family:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;font-size:.79rem}
.public-homepage .flow-data-list p{margin:0;color:var(--flow-ink);font-size:.95rem}
.public-homepage .flow-founder{background:var(--flow-white)}
.public-homepage .flow-founder-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(40px,9vw,130px)}
.public-homepage .flow-founder-photo-wrap{max-width:360px}
.public-homepage .flow-founder-photo{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center top}
.public-homepage .flow-founder-copy h2{max-width:810px;font-size:clamp(2.15rem,4vw,3.4rem)}
.public-homepage .flow-founder-attribution{margin:24px 0 0;color:var(--flow-muted);font-size:.92rem;font-weight:600}
.public-homepage .flow-founder-attribution span{padding-inline:4px;color:var(--flow-teal)}
.public-homepage .flow-closing{padding-block:clamp(60px,8vw,100px);background:var(--flow-gold);color:var(--flow-navy)}
.public-homepage .flow-closing-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}
.public-homepage .flow-closing .flow-kicker{color:var(--flow-navy)}
.public-homepage .flow-closing h2{max-width:700px;font-size:clamp(2.55rem,5vw,4.3rem)}
.public-homepage .flow-closing-inner>div>p:last-child{max-width:620px;margin:17px 0 0;color:#26333f;font-size:1.02rem}
.public-homepage .flow-button-demo-dark{flex:0 0 auto;background:var(--flow-navy);color:var(--flow-paper)}
.public-homepage .flow-button-demo-dark:hover{background:var(--flow-navy-secondary);color:var(--flow-paper)}
@media(max-width:1023px){
  .public-homepage .ph-header-inner{padding-inline:24px}
  .public-homepage .ph-nav{display:none}
  .public-homepage .ph-mobile-menu{display:block}
  .public-homepage .ph-header-actions{margin-left:auto}
}
@media(max-width:900px){
  .public-homepage .flow-section{padding-block:76px}
  .public-homepage .flow-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.82fr);gap:35px}
  .public-homepage .flow-hero h1{font-size:clamp(3rem,7.2vw,4.35rem)}
  .public-homepage .flow-steps-grid,.public-homepage .flow-features-grid{gap:14px 22px}
  .public-homepage .flow-pilot-card{gap:35px}
  .public-homepage .flow-founder-grid{gap:45px}
}
@media(max-width:767px){
  .public-homepage .ph-footer-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  .public-homepage .flow-container{width:min(100% - 36px,560px)}
  .public-homepage .flow-section{padding-block:64px}
  .public-homepage .flow-hero{padding-block:64px 70px}
  .public-homepage .flow-hero-grid{grid-template-columns:minmax(0,1fr);gap:42px}
  .public-homepage .flow-hero h1{max-width:590px;font-size:clamp(3rem,12vw,4.25rem)}
  .public-homepage .flow-hero-description{font-size:1rem}
  .public-homepage .flow-hero-actions{align-items:flex-start;gap:9px 17px}
  .public-homepage .flow-hero-visual{width:min(100%,420px);margin-inline:auto;padding-right:5px}
  .public-homepage .flow-meeting-card{right:-1px;bottom:19px;max-width:calc(100% - 16px);padding:13px 15px}
  .public-homepage .flow-page h2{font-size:clamp(2.2rem,9vw,3rem)}
  .public-homepage .flow-problem-list,.public-homepage .flow-steps-grid,.public-homepage .flow-features-grid,.public-homepage .flow-pilot-card,.public-homepage .flow-data-grid,.public-homepage .flow-founder-grid{grid-template-columns:minmax(0,1fr)}
  .public-homepage .flow-problem-list{gap:0}
  .public-homepage .flow-problem-list li:nth-last-child(2){border-bottom:0}
  .public-homepage .flow-problem-list li:last-child{border-bottom:1px solid var(--flow-border)}
  .public-homepage .flow-step-card{min-height:auto;padding:23px}
  .public-homepage .flow-step-number{margin-bottom:17px}
  .public-homepage .flow-features-grid{gap:0}
  .public-homepage .flow-feature{padding-block:24px}
  .public-homepage .flow-feature-icon{margin-bottom:13px}
  .public-homepage .flow-comparison thead{display:none}
  .public-homepage .flow-comparison,.public-homepage .flow-comparison tbody,.public-homepage .flow-comparison tr,.public-homepage .flow-comparison th,.public-homepage .flow-comparison td{display:block;width:100%}
  .public-homepage .flow-comparison tr{padding-block:16px;border-top:1px solid var(--flow-border)}
  .public-homepage .flow-comparison tbody tr:last-child{border-bottom:1px solid var(--flow-border)}
  .public-homepage .flow-comparison th,.public-homepage .flow-comparison td{padding:5px 0;border:0}
  .public-homepage .flow-comparison tbody th{margin-bottom:7px;font-size:1rem}
  .public-homepage .flow-comparison td::before{display:block;margin-bottom:2px;color:var(--flow-muted);font-family:"IBM Plex Mono",SFMono-Regular,Consolas,monospace;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;content:attr(data-label)}
  .public-homepage .flow-comparison td[data-label="SummitIQ Flow"]::before{color:var(--flow-teal)}
  .public-homepage .flow-pilot-card{gap:28px;padding:26px 22px}
  .public-homepage .flow-data-grid,.public-homepage .flow-founder-grid{gap:30px}
  .public-homepage .flow-founder-photo-wrap{width:min(100%,320px)}
  .public-homepage .flow-founder-copy h2{font-size:clamp(2.1rem,8vw,2.8rem)}
  .public-homepage .flow-closing-inner{align-items:flex-start;flex-direction:column;gap:25px}
  .public-homepage .flow-closing h2{font-size:clamp(2.5rem,10vw,3.7rem)}
}
@media(max-width:639px){
  .public-homepage .ph-header-inner{padding-inline:16px;gap:8px}
  .public-homepage .ph-header-actions{gap:10px;font-size:12px}
  .public-homepage .ph-header-demo{padding:8px 10px}
  .public-homepage .ph-footer-grid{padding-inline:16px}
}
@media(max-width:420px){
  .public-homepage .flow-container{width:min(100% - 28px,560px)}
  .public-homepage .flow-hero h1{font-size:clamp(2.7rem,12vw,3.15rem)}
  .public-homepage .flow-hero-actions{flex-direction:column;align-items:stretch}
  .public-homepage .flow-hero-actions .flow-text-link{align-self:flex-start}
  .public-homepage .flow-meeting-card{gap:9px;padding:11px 12px}
  .public-homepage .flow-meeting-card small{font-size:.7rem}
  .public-homepage .ph-header-inner{min-height:88px;gap:6px}
  .public-homepage .ph-logo .ph-wordmark{font-size:17px;gap:4px}
  .public-homepage .ph-header-actions{gap:8px;font-size:11px}
  .public-homepage .ph-header-demo{padding-inline:8px}
  .public-homepage .ph-mobile-menu summary{width:28px}
}
@media(max-width:359px){
  .public-homepage .ph-logo .ph-wordmark{font-size:15px}
  .public-homepage .ph-header-inner{gap:4px}
  .public-homepage .ph-header-actions{gap:6px}
}