:root{--navy:#061d35;--navy-2:#0b2c4c;--navy-3:#153b5d;--cream:#f8f6f0;--paper:#fff;--mist:#edf2f4;--ink:#132b3d;--muted:#526a7a;--green:#276749;--green-soft:#e8f3ed;--gold:#e6b949;--line:#ccd8df;--shadow:0 18px 45px rgba(6,29,53,.13);--radius:18px;--shell:min(1180px,calc(100% - 40px));font-family:"Segoe UI",Arial,sans-serif;color-scheme:light;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-size:17px;line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:4px}button,summary,a{touch-action:manipulation}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;padding:12px 18px;background:#fff;color:var(--navy);border-radius:8px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:5px}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,29,53,.97);color:#fff;border-bottom:1px solid #ffffff2b}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.5px}.brand img{border-radius:9px}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.primary-nav>a,.primary-nav>span,.nav-group>summary{display:flex;align-items:center;min-height:44px;padding:8px 11px;border-radius:8px;text-decoration:none;cursor:pointer;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:"⌄";margin-left:7px;color:#b8c9d6}.primary-nav>a:hover,.nav-group>summary:hover{background:#ffffff12}.nav-group{position:relative}.nav-menu{position:absolute;top:48px;left:0;width:250px;padding:8px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.nav-menu a{display:block;padding:10px 12px;text-decoration:none;border-radius:7px}.nav-menu a:hover{background:var(--mist)}.sign-in{background:var(--navy-3);color:#c6d2dc;cursor:not-allowed!important}.menu-button{display:none;margin-left:auto;border:1px solid #ffffff66;background:transparent;color:#fff;border-radius:8px;padding:9px 14px;font:inherit;font-weight:700}.hero{background:var(--navy);color:#fff;padding:56px 0}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center}.hero-copy{padding:22px 0}.eyebrow{margin:0 0 12px;color:#c6d7e5;font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.eyebrow.ink{color:var(--green)}h1,h2,h3{font-family:"Bahnschrift","Segoe UI",sans-serif;margin-top:0;line-height:1.1}h1{font-size:clamp(48px,6vw,76px);letter-spacing:-2.5px;margin-bottom:18px}h2{font-size:clamp(32px,4vw,50px);letter-spacing:-1.4px;margin-bottom:18px}h3{font-size:22px;margin-bottom:10px}.hero-lead{font-size:25px;font-weight:750;color:#f4ce74;margin:0 0 10px}.hero-copy>p:not(.eyebrow):not(.hero-lead){max-width:620px;color:#d7e3ec}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:14px;font-weight:800}.button.primary{background:var(--green);color:#fff}.button.secondary{border-color:#ffffff70;color:#fff}.button.light{background:#fff;color:var(--navy)}.button.disabled{border-color:#ffffff50;color:#bdcad4;cursor:not-allowed}.founder-bowl{margin:0;border:1px solid #ffffff3b;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #0007;background:#fff}.founder-bowl img{width:100%;height:auto}.trust-line{background:#fff;border-bottom:1px solid var(--line)}.trust-items{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:14px;font-weight:750}.trust-items span{padding:17px;border-right:1px solid var(--line)}.trust-items span:last-child{border:0}.section{padding:92px 0;scroll-margin-top:76px}.tinted{background:var(--mist)}.dark-section{background:var(--navy);color:#fff}.section-heading{margin-bottom:40px}.section-heading.narrow{max-width:850px}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0 42px}.feature-grid article,.event-grid article,.manual-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.feature-number{display:block;color:var(--green);font-weight:900;font-size:13px;margin-bottom:24px}.feature-grid p,.event-grid p,.manual-grid p{color:var(--muted);font-size:15px}.product-window{margin:0;background:#fff;border:1px solid #b7c8d3;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.product-window img{width:100%;height:auto}.product-window figcaption{padding:11px 15px;background:#fff;color:#526a7a;font-size:13px;border-top:1px solid var(--line)}.wide-shot img{max-height:660px;object-fit:cover;object-position:top}.steps{padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none}.steps li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.steps li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green-soft);color:var(--green);font-weight:900;margin-bottom:30px}.steps p{font-size:15px;color:var(--muted)}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px;align-items:center}.split.reverse{grid-template-columns:1.18fr .82fr}.split.reverse .section-copy{order:2}.split.reverse .product-window{order:1}.section-copy p{color:var(--muted)}.dark-section .section-copy p{color:#cfdae3}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;padding:0;margin:28px 0 0;list-style:none;font-size:15px;font-weight:700}.check-list li:before{content:"✓";color:var(--green);margin-right:8px}.visual-stack{position:relative;padding-bottom:80px}.visual-stack .inset{position:absolute;right:-18px;bottom:0;width:52%}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:24px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-grid article{padding:10px 10px 22px}.event-grid figure{height:220px;margin:0 0 22px;border-radius:10px;overflow:hidden;background:#e2e8ec}.event-grid img{width:100%;height:100%;object-fit:cover;object-position:top}.event-grid h3,.event-grid p{margin-left:12px;margin-right:12px}.statement-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.statement-grid>div:last-child{border-left:3px solid var(--green);padding-left:30px}.boundary-note{padding:18px;background:var(--green-soft);border-radius:10px;color:#24533d}.device-grid{display:grid;grid-template-columns:1.7fr .55fr;gap:24px;align-items:start}.device-grid .phone{max-width:340px;justify-self:center}.manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.manual-grid article{display:flex;flex-direction:column}.manual-role{font-size:12px;color:var(--green);font-weight:850;text-transform:uppercase;letter-spacing:1px}.manual-grid p{flex:1}.text-link{font-size:14px;color:var(--green);font-weight:850}.manual-grid small{display:block;margin-top:18px;color:#6d7f8c}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:#fff;padding:26px 30px;border-radius:14px;margin-top:24px}.support-strip h3,.support-strip p{margin:0}.support-strip p{color:#d0dce5;font-size:15px}.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.story-grid blockquote{margin:0;padding:36px;border-left:5px solid var(--gold);background:#fff;border-radius:0 14px 14px 0;font-family:Georgia,serif;font-size:25px;line-height:1.5;color:var(--navy)}.faq-section{background:var(--navy-2);color:#fff}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-list details{border:1px solid #ffffff31;border-radius:10px;padding:0 18px;background:#ffffff08}.faq-list summary{font-weight:750;padding:17px 3px;cursor:pointer}.faq-list p{color:#d6e1ea;margin-top:0}.final-cta{background:linear-gradient(110deg,#164c39,#276749);color:#fff}.final-grid{max-width:920px}.small-note{font-size:13px;color:#e3eee8}.legal-section{background:#fff;border-top:1px solid var(--line);padding:65px 0}.legal{max-width:850px}.site-footer{padding:64px 0 28px;background:#041526;color:#d4dee6}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:7px}.footer-grid strong{color:#fff}.footer-grid a{font-size:14px;text-decoration:none}.footer-grid a:hover{text-decoration:underline}.inverse{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff27;margin-top:44px;padding-top:22px;font-size:12px;color:#aebdca}
@media(max-width:980px){body{font-size:16px}.menu-button{display:block}.primary-nav{display:none;position:absolute;top:76px;left:0;right:0;margin:0;padding:12px 20px 20px;background:var(--navy);border-top:1px solid #ffffff20;flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.primary-nav>a,.primary-nav>span,.nav-group>summary{justify-content:space-between}.nav-menu{position:static;width:auto;margin:2px 0 8px;background:#0b2c4c;color:#fff;border-color:#ffffff24;box-shadow:none}.hero-grid,.split,.split.reverse,.statement-grid,.story-grid{grid-template-columns:1fr}.split.reverse .section-copy,.split.reverse .product-window{order:initial}.hero-copy{padding-bottom:0}.feature-grid,.steps{grid-template-columns:1fr 1fr}.event-grid{grid-template-columns:1fr}.event-grid article{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.event-grid figure{grid-row:1/3;height:240px;margin:0}.two-up,.manual-grid{grid-template-columns:1fr 1fr}.manual-grid article:last-child{grid-column:1/-1}.statement-grid{gap:20px}.story-grid{gap:35px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.section{padding:72px 0}}
@media(max-width:620px){:root{--shell:min(100% - 28px,1180px)}body{font-size:16px}.site-header,.primary-nav{position:relative}.primary-nav{top:auto;margin-left:-14px;margin-right:-14px}.header-inner{min-height:68px}.brand{font-size:19px}.hero{padding:34px 0 44px}.hero-grid{gap:30px}h1{font-size:46px;letter-spacing:-1.8px}h2{font-size:34px}.hero-lead{font-size:21px}.founder-bowl{border-radius:14px}.actions{flex-direction:column}.button{width:100%}.trust-items{grid-template-columns:1fr}.trust-items span{border-right:0;border-bottom:1px solid var(--line);padding:12px}.section{padding:58px 0}.feature-grid,.steps,.two-up,.manual-grid,.faq-list{grid-template-columns:1fr}.feature-grid{gap:10px}.feature-grid article{padding:20px}.steps li{display:grid;grid-template-columns:42px 1fr;gap:12px}.steps li>span{margin:0}.split{gap:30px}.visual-stack{padding-bottom:45px}.visual-stack .inset{right:-5px;width:58%}.check-list{grid-template-columns:1fr}.event-grid article{display:block}.event-grid figure{height:200px;margin-bottom:20px}.statement-grid>div:last-child{border-left:0;border-top:3px solid var(--green);padding:22px 0 0}.device-grid{grid-template-columns:1fr}.device-grid .phone{max-width:280px}.manual-grid article:last-child{grid-column:auto}.support-strip{align-items:stretch;flex-direction:column;padding:22px}.story-grid blockquote{font-size:21px;padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.product-window figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* BowlsSelect public website layout hotfix — 2026-09-14
   Keeps Selection Readiness inside the product screenshot stack instead of
   floating beyond the gallery edge. Mobile receives a full-width secondary card. */
.visual-stack {
  display: grid;
  gap: 18px;
  padding-bottom: 0;
}

.visual-stack .inset {
  position: static;
  right: auto;
  bottom: auto;
  width: min(58%, 460px);
  max-width: 100%;
  justify-self: end;
}

@media (max-width: 620px) {
  .visual-stack {
    gap: 14px;
    padding-bottom: 0;
  }

  .visual-stack .inset {
    width: 100%;
    justify-self: stretch;
  }
}
/* BowlsSelect public website editorial polish — 2026-09-14
   Purpose: keep the premium finish while reducing generic SaaS/AI-template cues. */

/* A slightly firmer, less card-heavy visual language. */
.button { border-radius: 6px; }
.product-window { border-radius: 8px; box-shadow: 0 14px 38px rgba(6,29,53,.11); }
.support-strip { border-radius: 6px; }
.faq-list details { border-radius: 4px; }

/* Break the repeated eyebrow/headline/card rhythm in a few key sections. */
#selection .eyebrow,
#outputs .eyebrow { display: none; }

/* Make core product sections more editorial and less perfectly symmetrical. */
#selection .split { grid-template-columns: .68fr 1.32fr; gap: 62px; align-items: start; }
#insights .split.reverse { grid-template-columns: 1.35fr .65fr; gap: 66px; }
#outputs .split { grid-template-columns: .72fr 1.28fr; gap: 64px; }

/* BowlsSelect motif: four subtle rink lines and a jack marker. */
#selection .section-copy::before {
  content: "";
  display: block;
  width: 118px;
  height: 18px;
  margin: 2px 0 28px;
  background:
    radial-gradient(circle at 104px 9px, var(--gold) 0 3px, transparent 3.5px),
    linear-gradient(to bottom,
      var(--navy) 0 1px,
      transparent 1px 5px,
      var(--navy) 5px 6px,
      transparent 6px 10px,
      var(--navy) 10px 11px,
      transparent 11px 15px,
      var(--navy) 15px 16px,
      transparent 16px 18px);
  opacity: .72;
}

/* Platform features read as a ruled editorial strip, not four floating cards. */
.feature-grid {
  gap: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.feature-grid article {
  background: transparent;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  padding: 26px 24px 22px;
}
.feature-grid article:last-child { border-right: 0; }
.feature-number { margin-bottom: 18px; letter-spacing: .08em; }

/* Weekly rhythm becomes a clean working sequence instead of another card row. */
.steps {
  gap: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.steps li {
  background: transparent;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  padding: 26px 22px 24px;
}
.steps li:last-child { border-right: 0; }
.steps li > span {
  background: transparent;
  border: 1px solid #a9bfc7;
  color: var(--green);
  margin-bottom: 24px;
}

/* Events keep clear separation but lose the generic soft-card treatment. */
.event-grid article {
  border-radius: 4px;
  border-top: 3px solid var(--navy-3);
  box-shadow: none;
}
.event-grid article:nth-child(2) { margin-top: 16px; }
.event-grid article:nth-child(3) { margin-top: 32px; }
.event-grid figure { border-radius: 3px; }

/* Manuals read more like a publication shelf than a SaaS pricing grid. */
.manual-grid { gap: 0; }
.manual-grid article {
  background: transparent;
  border: 0;
  border-left: 1px solid var(--line);
  border-radius: 0;
  padding: 8px 28px 12px;
}
.manual-grid article:first-child { border-left: 0; padding-left: 0; }
.manual-grid article:last-child { padding-right: 0; }

/* Keep the real-product imagery prominent and restrained. */
.wide-shot img { max-height: 700px; }
#about .story-grid blockquote { border-radius: 0 6px 6px 0; }
.boundary-note { border-radius: 4px; }

@media (max-width: 980px) {
  #selection .split,
  #insights .split.reverse,
  #outputs .split { grid-template-columns: 1fr; gap: 34px; }

  .event-grid article:nth-child(2),
  .event-grid article:nth-child(3) { margin-top: 0; }

  .manual-grid article,
  .manual-grid article:first-child,
  .manual-grid article:last-child {
    padding: 20px 22px;
    border: 1px solid var(--line);
    border-radius: 4px;
    background: #fff;
  }
}

@media (max-width: 620px) {
  .feature-grid,
  .steps { border-bottom: 0; }

  .feature-grid article,
  .feature-grid article:last-child,
  .steps li,
  .steps li:last-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding-left: 4px;
    padding-right: 4px;
  }

  .steps li {
    grid-template-columns: 44px 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #selection .section-copy::before { margin-bottom: 22px; }
}