:root{--ink:var(--bohio-ink);--muted:var(--bohio-muted);--paper:var(--bohio-panel);--bg:var(--bohio-page);--line:var(--bohio-border);--soft:var(--bohio-green-soft);--purchase-primary:var(--bohio-forest)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--bohio-font-family)}a{color:var(--ink);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--bohio-green);outline-offset:3px}button{cursor:pointer}.sandbox-banner{padding:6px 20px;background:var(--bohio-forest-dark);color:#fff;text-align:center;font-size:12px}.store-header{max-width:1200px;margin:auto;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.store-logo{width:62px;height:62px;object-fit:contain;flex-shrink:0}.store-wordmark{font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.store-byline{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:4px}.store-header-band{background:var(--bohio-chrome);border-bottom:1px solid var(--line)}.store-header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.store-header nav a{text-decoration:none}.store-main{max-width:1200px;margin:0 auto;padding:25px 32px 65px}h1,h2,h3{line-height:1.15;font-weight:550;letter-spacing:-.6px}h1{font-size:clamp(32px,4.5vw,55px);margin:10px 0 22px}h2{font-size:29px;margin:10px 0 20px}h3{font-size:24px;margin:15px 0}p{margin:0 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;color:var(--muted)}.lead{font-size:19px;max-width:660px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;margin:10px 0 75px}.video-panel{background:var(--ink);color:#fff;min-height:0;border-radius:12px;padding:12px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px}.video-panel h2{font-size:25px;margin:0}.video-panel p{color:#dce6dc}.video-panel .muted{color:#dce6dc}.video-panel video{width:100%;border-radius:10px}.play-mark{font-size:50px;line-height:1;margin:10px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--purchase-primary);background:var(--purchase-primary);color:#fff;border-radius:8px;padding:11px 18px;text-decoration:none;font-weight:550;font-size:14px}.button.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}.small{font-size:13px}.capacity-field{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:28px 0}.capacity-field input{width:100px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:20px}.plan-card,.surface{background:var(--paper);border:1px solid var(--line);padding:27px;border-radius:12px;min-width:0}.plan-card{display:flex;flex-direction:column;align-items:flex-start}.plan-card .button{margin-top:auto}.featured{border:2px solid var(--purchase-primary)}.tag{display:inline-block;background:var(--soft);border-radius:5px;padding:5px 9px;font-size:11px}.price{font-size:40px;letter-spacing:-1px;line-height:1.3;margin:4px 0 14px;font-variant-numeric:tabular-nums}.price span{font-size:13px;letter-spacing:0;color:var(--muted)}.contact-price{font-size:31px}.plan-card ul{padding-left:18px;font-size:14px;line-height:2;margin:8px 0 24px}.plan-card .small:last-child{margin-top:12px;margin-bottom:0}.tour-strip{margin-top:60px;padding-top:30px;border-top:1px solid var(--line);max-width:780px}.two-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.8fr);gap:30px;margin-top:30px;align-items:start}.form-stack{display:grid;gap:18px}.form-stack label{display:grid;gap:7px;font-size:14px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;min-width:0}.check{display:flex!important;align-items:flex-start;gap:10px!important}.check input{width:auto;margin-top:6px}.summary-line{display:flex;justify-content:space-between;gap:18px;margin:18px 0}.total{border-top:1px solid var(--line);padding-top:18px;font-size:21px}.notice{border-radius:8px;background:var(--soft);padding:18px;margin:20px 0}.narrow{max-width:660px;margin:30px auto}.narrow .surface{margin:25px 0}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.store-footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:24px 32px;display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){.hero,.two-columns{grid-template-columns:1fr;gap:28px}.hero{margin-bottom:50px}.plan-grid{grid-template-columns:1fr}.tour-grid{grid-template-columns:1fr}.store-header,.store-main,.store-footer{padding-left:20px;padding-right:20px}.store-header nav{gap:14px;font-size:12px}.video-panel{min-height:0}.surface,.plan-card{padding:22px}.check input{min-height:20px}input,select{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.store-header nav a:hover,.store-footer a:hover{color:var(--purchase-primary);text-decoration:underline}
.button:hover{background:var(--bohio-forest-dark);border-color:var(--bohio-forest-dark);color:#fff}
.button.secondary:hover{background:var(--soft);color:var(--ink);border-color:var(--bohio-chrome-dark)}
.footer-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.footer-brand img{object-fit:contain}.store-footer{align-items:center}
.video-player{width:100%;min-width:0}.video-player video{display:block;aspect-ratio:16/9;object-fit:contain;background:var(--bohio-forest-dark)}
.video-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 4px 0;font-size:12px}
.video-expand{min-height:40px;padding:7px 12px;font-size:13px;border-color:var(--bohio-chrome-dark);color:#fff;background:transparent}
.video-expand:hover{background:var(--purchase-primary);border-color:var(--bohio-chrome-dark)}
.video-status{margin:10px 4px 0}.video-player:fullscreen{background:var(--bohio-forest-dark);color:#fff;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}
.video-player:fullscreen video{flex:1;min-height:0;width:100%;height:calc(100% - 60px);aspect-ratio:auto;border-radius:0;object-fit:contain}
.video-player:fullscreen .video-toolbar{flex-shrink:0}.video-player:-webkit-full-screen{background:var(--bohio-forest-dark);color:#fff;width:100%;height:100%}
@media(max-width:560px){.store-header{flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}.store-header nav{width:100%;justify-content:space-between;gap:12px}.store-wordmark{font-size:23px}.store-logo{width:54px;height:54px}.hero{gap:24px}.video-toolbar{padding:10px 0 0}.store-footer{gap:16px}.store-footer>span:last-child{width:100%}}

body .store-main .hero h1{font-size:clamp(32px,4.5vw,55px);line-height:1.12;font-weight:var(--bohio-weight-bold)}

.form-stack textarea{resize:vertical;min-height:150px}.form-stack label>.small{margin-top:-4px}
.store-header nav{align-items:center}
.store-header nav .store-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--ink);font-size:inherit;font-weight:600;line-height:inherit;text-decoration:none;white-space:nowrap}
.store-header nav .store-login:hover{background:transparent;color:var(--purchase-primary);text-decoration:underline}
@media(max-width:560px){.store-header nav{gap:8px}}
@media(max-width:360px){.store-header nav{gap:6px}}
.customer-login-prompt{font-size:14px;color:var(--muted)}.customer-login-prompt a{font-weight:600}

/* Keep the whole purchase journey usable on touch screens and with long names. */
.store-main,.store-footer{overflow-wrap:anywhere}
.store-header nav a{display:inline-flex;align-items:center;min-height:44px;padding-top:8px;padding-bottom:8px}
.store-footer>a{display:inline-flex;align-items:center;min-height:44px}
.form-stack,.form-stack label{min-width:0}
.form-stack :is(input,select,textarea){font-size:16px}
.check{min-height:44px;cursor:pointer}
.check input{width:20px;height:20px;flex-shrink:0}
.button{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.video-expand{min-height:44px}
.two-columns>*{min-width:0}
.summary-line strong{flex-shrink:0}
@media(max-width:560px){
  .store-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;font-size:14px}
  .store-header nav a{justify-content:center;text-align:center}
  .store-main .actions .button,.form-stack>.button{width:100%}
  .store-footer>a{max-width:100%}
}
/* Public journey: balanced content, inline help and a readable platform tour. */
.journey-heading{max-width:850px;margin:28px auto 36px;text-align:center}
.journey-heading .lead{margin-left:auto;margin-right:auto}
.journey-heading .actions{justify-content:center}
.company-finder{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;max-width:980px;margin:0 auto;align-items:start}
.finder-form{padding:32px;gap:20px;box-shadow:0 12px 32px var(--bohio-shadow)}
.finder-form h2{margin:18px 0 8px}.finder-form p{margin-bottom:0}.finder-form .notice{margin:0}
.finder-field{gap:8px}.finder-field label{font-weight:600}
.finder-guide{padding:24px 0}.finder-guide h2{margin-top:18px}
.journey-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--soft);color:var(--purchase-primary);font-size:20px;font-weight:700}
.field-help{border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:14px;min-width:0}
.field-help summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;font-weight:600;list-style:none}
.field-help summary::-webkit-details-marker{display:none}
.field-help summary::after{content:'+';margin-left:auto;flex:none;font-size:20px;font-weight:400}
.field-help[open] summary::after{content:'−'}
.field-help summary:focus-visible{outline:3px solid var(--bohio-green);outline-offset:3px;border-radius:8px}
.help-mark{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;width:20px;height:20px;flex:none;font-size:12px;line-height:1}
.help-content{padding:4px 16px 16px}.help-content p{margin-bottom:12px}.help-content p:last-child{margin-bottom:0}
.address-example{padding:12px;background:var(--soft);border-radius:8px;font-size:13px;overflow-wrap:anywhere}
.finder-steps{padding-left:22px}.finder-steps li{padding-left:6px;margin-bottom:16px}.finder-steps span{display:block;color:var(--muted);font-size:14px}
.finder-next{text-align:center}.finder-new{margin-top:24px}
.tour-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 0;border-block:1px solid var(--line)}
.tour-jumps a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:9px 16px;border-radius:24px;background:var(--paper);text-decoration:none;font-size:14px}
.tour-jumps a:hover{background:var(--soft)}
.tour-chapter{margin:56px 0;scroll-margin-top:24px}.chapter-heading{display:flex;gap:20px;align-items:flex-start;max-width:780px;margin-bottom:24px}.chapter-heading .eyebrow{margin:0 0 8px}.chapter-heading h2{margin:0 0 12px}.chapter-heading p:last-child{margin-bottom:0;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.three-features{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-grid h3{font-size:23px}.feature-grid p:last-child{margin-bottom:0}
.repair-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:0;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.repair-steps li{padding:24px;border-right:1px solid var(--line);min-width:0}.repair-steps li:last-child{border:0}.repair-steps h3{font-size:20px}.repair-steps p{font-size:14px;margin:0}.step-count{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--purchase-primary);color:#fff;justify-content:center;align-items:center;font-weight:600}
.ai-help{margin-top:20px}.setup-steps{padding-left:22px;margin-bottom:0}.setup-steps li{padding-left:6px;margin:12px 0}
.tour-cta{text-align:center;padding:40px 24px;border-radius:16px;background:var(--soft);margin-top:48px}.tour-cta .actions{justify-content:center;margin-bottom:0}
.purchase-progress{display:flex;list-style:none;gap:12px;padding:0;margin:24px auto 30px;max-width:720px;justify-content:center;flex-wrap:wrap;font-size:14px}.purchase-progress li{padding:8px 14px;border-radius:24px;background:var(--soft)}.purchase-progress [aria-current]{background:var(--purchase-primary);color:#fff}
.purchase-summary{position:sticky;top:24px}.purchase-summary h2{margin-top:0}.purchase-summary .small{margin-top:20px}
.purchase-intro{text-align:center;max-width:760px;margin:auto}.purchase-intro .lead{margin-inline:auto}
@media(max-width:1000px){.repair-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.repair-steps li{border-bottom:1px solid var(--line)}.repair-steps li:nth-child(2){border-right:0}.repair-steps li:nth-child(3){border-bottom:0}.three-features{grid-template-columns:1fr}}
@media(max-width:800px){.company-finder{grid-template-columns:1fr;gap:12px;max-width:660px}.finder-guide{padding:20px 4px}.feature-grid{grid-template-columns:1fr}.purchase-summary{position:static}.journey-heading{margin-top:16px}.chapter-heading{gap:14px}}
@media(max-width:560px){.journey-heading h1{font-size:34px}.journey-heading .lead{font-size:17px}.finder-form{padding:22px}.tour-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tour-jumps a{padding:10px;font-size:13px}.tour-chapter{margin:36px 0}.chapter-heading h2{font-size:25px}.journey-icon{width:40px;height:40px;font-size:17px;border-radius:10px}.repair-steps{grid-template-columns:1fr}.repair-steps li{border-right:0;border-bottom:1px solid var(--line)}.repair-steps li:nth-child(3){border-bottom:1px solid var(--line)}.purchase-progress{gap:8px;font-size:12px}.purchase-progress li{padding:6px 10px}.summary-line{flex-wrap:wrap}.summary-line strong{overflow-wrap:anywhere;max-width:100%}}
.store-skip{position:absolute;top:-100px;left:16px;z-index:20;padding:12px 18px;background:var(--paper);border:2px solid var(--purchase-primary);border-radius:8px}.store-skip:focus{top:8px}.store-header nav a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:6px}
.tour-watch{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;margin-top:32px}.tour-watch>div{min-width:0}.tour-watch h3{margin-top:0}.tour-watch .eyebrow{margin-bottom:8px}@media(max-width:800px){.tour-watch{grid-template-columns:1fr;gap:16px}}
/* Public introductions use marketing hierarchy rather than workspace title sizes. */
body.billing-page .store-main .journey-heading h1,body.billing-page .store-main .purchase-intro h1{font-size:clamp(32px,4vw,50px);line-height:1.12;font-weight:700;letter-spacing:-1.2px}
body.billing-page .store-main .chapter-heading h2,body.billing-page .store-main .tour-cta h2{font-size:clamp(24px,2.6vw,30px);line-height:1.2}
body.billing-page .store-main .finder-form h2,body.billing-page .store-main .finder-guide h2{font-size:25px;line-height:1.2}
@media(max-width:800px){.two-columns>.purchase-summary{order:-1}}
