/* 自社開発 — quiet typography, an open canvas, and a focused working preview. */
.discovery-page { --discovery-ink:#172b2e; --discovery-muted:#536367; --discovery-line:#dce4e4; --discovery-accent:#245d5c; }
.discovery-page .hero h1 { font:400 clamp(25px,5.3vw,70px)/1.24 var(--font-jp,sans-serif); letter-spacing:-.035em; text-wrap:balance; }
.discovery-page .hero h1 .hero__copy-line { white-space:nowrap; }
.discovery-page .hero__copy p { margin-top:28px; font-size:15px; line-height:1.8; letter-spacing:.025em; }
.discovery-page .discovery-url-form { position:relative; width:min(620px,100%); margin:44px auto 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.discovery-page .discovery-url-form .junction__inner { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:14px; padding:9px 10px 9px 22px; border:1px solid #fff; border-radius:18px; background:#f9fcfc; box-shadow:0 12px 36px #153e4814; }
.discovery-url-mark { width:22px; height:22px; color:#456164; }
.discovery-url-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.discovery-page .discovery-url-input { width:100%; min-width:0; height:48px; padding:0; border:0; outline:0; color:var(--discovery-ink); background:transparent; font:400 16px/1.5 var(--font-jp,sans-serif); }
.discovery-page .discovery-url-input::placeholder { color:#617477; }
.discovery-page .discovery-url-submit { grid-column:auto; display:flex; align-items:center; justify-content:center; gap:18px; min-width:98px; min-height:48px; padding:0 19px; border:0; border-radius:11px; background:#172b2e; color:#fff; cursor:pointer; font:500 14px var(--font-jp,sans-serif); }
.discovery-url-submit svg { width:16px; height:16px; transition:transform .2s ease-out; }
.discovery-url-submit:hover svg { transform:translateX(3px); }
.discovery-form-error { margin:4px 0 0; padding:0; text-align:center; color:#592526; font:500 13px/1.6 var(--font-jp,sans-serif); }
.discovery-form-error:empty { display:none; }
body.discovery-page.discovery-active .hero { position:absolute; top:calc(50% + 38px); left:50%; width:min(1080px,calc(100% - 80px)); transform:translate(-50%,-50%); }
.discovery-panel { display:none; width:100%; max-height:calc(100svh - 132px); overflow:auto; margin-inline:auto; border:1px solid #ffffffb3; border-radius:22px; background:#fafdfe; box-shadow:0 24px 80px #12373e20; color:var(--discovery-ink); scrollbar-gutter:stable; scrollbar-width:thin; }
body.discovery-page.discovery-active .hero__copy,body.discovery-page.discovery-active .discovery-url-form { display:none; }
body.discovery-page.discovery-active .discovery-panel { display:block; }
.discovery-panel__header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:78px; padding:18px 38px; border-bottom:1px solid var(--discovery-line); background:#fafdfe; }
.discovery-panel__header::after { content:''; position:absolute; bottom:-1px; left:0; width:var(--progress,20%); height:2px; background:var(--discovery-accent); transition:width .4s cubic-bezier(.22,1,.36,1); }
.discovery-panel__header>div { display:flex; align-items:center; gap:22px; }
.discovery-eyebrow,.discovery-progress { margin:0; }
.discovery-eyebrow { font:600 14px/1.4 var(--font-jp,sans-serif); letter-spacing:.01em; }
.discovery-progress { color:var(--discovery-muted); font:400 12px/1.5 var(--font-jp,sans-serif); font-variant-numeric:tabular-nums; }
.discovery-back { min-height:40px; padding:8px 0 8px 16px; border:0; background:none; color:var(--discovery-muted); cursor:pointer; font:500 13px var(--font-jp,sans-serif); }
.discovery-back::before { content:'←'; margin-right:10px; }
.discovery-back[hidden] { display:none; }
.discovery-step { padding:44px 48px 40px; }
.discovery-step:not(.discovery-step--examples) { max-width:744px; margin-inline:auto; }
.discovery-step h2,.discovery-success h2 { margin:0; font:500 clamp(25px,3vw,34px)/1.5 var(--font-jp,sans-serif); letter-spacing:-.025em; text-wrap:balance; }
.discovery-step__lead { max-width:60ch; margin:14px 0 34px; color:var(--discovery-muted); font:400 14px/1.9 var(--font-jp,sans-serif); text-wrap:pretty; }
.discovery-fields { display:grid; gap:23px; }
.discovery-field { display:grid; align-content:start; gap:9px; min-width:0; }
.discovery-field label,.discovery-field>span { color:#344f53; font:500 13px/1.6 var(--font-jp,sans-serif); }
.discovery-field input,.discovery-field textarea,.discovery-field select { box-sizing:border-box; width:100%; min-width:0; border:1px solid #cbd7d8; border-radius:9px; padding:13px 15px; color:var(--discovery-ink); background:#fff; font:400 16px/1.6 var(--font-jp,sans-serif); transition:border-color .18s,box-shadow .18s; }
.discovery-field input::placeholder,.discovery-field textarea::placeholder { color:#67797b; }
.discovery-field select { appearance:auto; cursor:pointer; }
.discovery-field textarea { min-height:130px; resize:vertical; }
.discovery-field input:hover,.discovery-field textarea:hover,.discovery-field select:hover { border-color:#809b9c; }
.discovery-page :is(button,a,input,textarea,select):focus-visible { outline:2px solid #286d71; outline-offset:3px; box-shadow:none; }
.discovery-field input:focus,.discovery-field textarea:focus,.discovery-field select:focus { border-color:#286d71; box-shadow:0 0 0 3px #286d7112; }
.discovery-field.is-error input,.discovery-field.is-error textarea,.discovery-field.is-error select { border-color:#ab3434; }
.discovery-error { margin:0; color:#a31e1e; font:500 12px/1.5 var(--font-jp,sans-serif); }
.discovery-error:empty { display:none; }
.discovery-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:30px; }
.discovery-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:13px 23px; border:1px solid transparent; border-radius:10px; background:var(--discovery-ink); color:#fff; cursor:pointer; font:500 14px/1.5 var(--font-jp,sans-serif); transition:background .2s,transform .2s; }
.discovery-button:hover { background:#31585a; transform:translateY(-1px); }
.discovery-button:disabled { opacity:.55; cursor:wait; transform:none; }
.discovery-button--quiet { padding-inline:4px; background:transparent; color:var(--discovery-muted); }
.discovery-button--quiet:hover { background:transparent; color:var(--discovery-ink); }
.discovery-status,.discovery-note { margin:18px 0 0; color:var(--discovery-muted); font:400 12px/1.8 var(--font-jp,sans-serif); }
.discovery-note:empty { display:none; }
.discovery-step--business>.discovery-fields { grid-template-columns:1fr 1fr; }
.discovery-step--business [data-field="description"] { grid-column:1/-1; }
.discovery-step--examples { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr); column-gap:42px; }
.discovery-step--examples>h2,.discovery-step--examples>.discovery-step__lead,.discovery-step--examples>.discovery-actions { grid-column:1/-1; }
.discovery-step--examples>.discovery-actions { padding-top:24px; border-top:1px solid var(--discovery-line); }
.discovery-suggestions { display:flex; flex-direction:column; align-self:start; }
.discovery-suggestion { display:grid; grid-template-columns:24px 1fr; gap:12px; width:100%; padding:22px 8px 22px 0; border:0; border-bottom:1px solid var(--discovery-line); background:transparent; color:inherit; text-align:left; cursor:pointer; }
.discovery-suggestion:first-child { border-top:1px solid var(--discovery-line); }
.discovery-suggestion[aria-pressed="true"] { background:#edf4f4; }
.discovery-suggestion strong { display:block; font:500 16px/1.65 var(--font-jp,sans-serif); }
.discovery-suggestion p { margin:9px 0 0; color:var(--discovery-muted); font:400 12px/1.8 var(--font-jp,sans-serif); }
.discovery-suggestion__number { width:20px; padding-top:5px; text-align:center; color:#516d71; font:500 12px/1.6 var(--font-en,sans-serif); font-variant-numeric:tabular-nums; }
.discovery-suggestion[aria-pressed="true"] .discovery-suggestion__number::after { content:'↗'; display:block; margin-top:5px; }
.discovery-demo { min-width:0; align-self:start; }
.discovery-demo__title { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding-bottom:14px; border-bottom:1px solid var(--discovery-line); font:500 14px/1.7 var(--font-jp,sans-serif); }
.discovery-demo__title>span:last-child { color:#405f5e; font-size:11px; }
.discovery-demo__body { padding-top:17px; }
.discovery-demo__caption { margin:0 0 22px; color:var(--discovery-muted); font:400 12px/1.8 var(--font-jp,sans-serif); }
.discovery-demo__output { margin-top:24px; padding:22px; border-radius:10px; background:#193c3f; color:#f4faf9; overflow-wrap:anywhere; white-space:pre-wrap; font:400 13px/1.95 var(--font-jp,sans-serif); }
.discovery-demo__output:empty { display:none; }
.discovery-demo__output:not(:empty)::before { content:'プレビュー結果'; display:block; margin-bottom:13px; padding-bottom:12px; border-bottom:1px solid #ffffff40; font-size:11px; letter-spacing:.04em; }
.discovery-demo__reset { min-height:40px; padding:12px 0 0; border:0; background:none; color:var(--discovery-muted); cursor:pointer; font:400 12px var(--font-jp,sans-serif); text-decoration:underline; text-underline-offset:4px; }
.discovery-review { border-top:1px solid var(--discovery-line); }
.discovery-review__row { display:flex; justify-content:space-between; align-items:start; gap:20px; padding:23px 0; border-bottom:1px solid var(--discovery-line); }
.discovery-review__row strong { font:500 12px/1.8 var(--font-jp,sans-serif); }
.discovery-review__row p { margin:8px 0 0; color:var(--discovery-muted); overflow-wrap:anywhere; white-space:pre-line; font:400 14px/1.85 var(--font-jp,sans-serif); }
.discovery-edit { flex:0 0 auto; min-height:32px; padding:0; border:0; color:#305e61; background:none; text-decoration:underline; text-underline-offset:4px; cursor:pointer; font:400 12px var(--font-jp,sans-serif); }
.discovery-success { max-width:660px; margin:auto; padding:70px 40px; text-align:center; }
.discovery-success .discovery-eyebrow { margin-bottom:18px; }
.discovery-reference { max-width:100%; margin-top:26px; overflow-wrap:anywhere; color:var(--discovery-muted); font:400 12px/1.8 var(--font-en,sans-serif); }
@media (min-width:701px) and (prefers-reduced-motion:no-preference) { .discovery-panel__content { animation:discovery-arrive .35s cubic-bezier(.22,1,.36,1); } @keyframes discovery-arrive { from { transform:translateY(8px); } to { transform:translateY(0); } } }
@media(max-width:800px) { .discovery-step--examples { grid-template-columns:1fr; gap:0; }.discovery-demo { margin-top:32px; }.discovery-step--examples>.discovery-actions { margin-top:30px; } }
@media(max-width:700px) {
  body.discovery-page.discovery-active .hero { width:calc(100% - 24px); top:calc(50% + 38px); }
  .discovery-panel { max-height:calc(100svh - 108px); border-radius:16px; }
  .discovery-panel__header { min-height:65px; padding:13px 20px; }.discovery-panel__header>div { gap:13px; }
  .discovery-step { padding:28px 22px; }.discovery-step h2 { font-size:25px; }.discovery-step__lead { margin:12px 0 28px; font-size:13px; }
  .discovery-step--business>.discovery-fields { grid-template-columns:1fr; }.discovery-fields { gap:20px; }
  .discovery-page .discovery-url-form { margin-top:32px; }.discovery-page .discovery-url-form .junction__inner { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:8px 9px 8px 16px; border-radius:14px; }
  .discovery-url-mark { display:none; }.discovery-page .discovery-url-submit { min-width:66px; min-height:46px; gap:8px; padding:0 12px; }.discovery-page .discovery-url-submit svg { width:13px; }
  .discovery-page .hero__copy p { font-size:13px; margin-top:22px; }
  .discovery-actions { gap:10px; }.discovery-actions>.discovery-button { width:100%; }.discovery-button--quiet { min-height:40px; }
  .discovery-demo__output { padding:18px; }.discovery-review__row { gap:12px; }.discovery-edit { max-width:80px; text-align:right; line-height:1.6; }.discovery-success { padding:48px 24px; }
}
@media(prefers-reduced-motion:reduce) { .discovery-page * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
/* Dark ink stays legible over the pale moving surface. */
.discovery-page .hero__copy-ink { color:#142d31; }
.discovery-page .hero__copy p { color:#183c43; }
.discovery-page .product-nav { color:#183c43; }
.discovery-page .product-nav a:not(.product-nav__cta) { color:#183c43; }
.discovery-page .product-nav img { filter:brightness(0) saturate(100%) !important; }

.discovery-phrase { display:inline-block; white-space:nowrap; }

/* Focus belongs to the complete URL control, not a box inside the field. */
.discovery-page .discovery-url-input:focus,
.discovery-page .discovery-url-input:focus-visible { outline:none; box-shadow:none; }
.discovery-page .discovery-url-form .junction__inner:focus-within {
  border-color:#588688;
  box-shadow:0 12px 36px #153e4814, 0 0 0 3px #286d7114;
}
.discovery-page .discovery-url-form .junction__inner:has(.discovery-url-input:focus-visible) {
  outline:2px solid #286d71;
  outline-offset:3px;
}

/* One question at a time, with answers carried in a separate floating summary. */
body.discovery-page.discovery-active .hero { top:50%; }
.discovery-panel { max-height:calc(100svh - 200px); }
body.discovery-page.discovery-active .hero[data-screen="business"],
body.discovery-page.discovery-active .hero[data-screen="contact"] { width:min(780px,calc(100% - 80px)); }
.discovery-step--question { padding-block:52px; }
.discovery-step--question>.discovery-field { margin-top:32px; }
.discovery-step--question .discovery-field textarea { min-height:150px; }
.discovery-bubble { position:fixed; z-index:110; right:28px; bottom:22px; max-width:calc(100vw - 32px); color:#17363a; font-family:var(--font-jp,sans-serif); }
.discovery-bubble[hidden],.discovery-bubble [hidden] { display:none!important; }
.discovery-bubble__toggle { display:block; max-width:min(330px,calc(100vw - 32px)); margin-left:auto; min-height:48px; padding:13px 21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #c8dddc; border-radius:28px; background:#f8fdfc; color:#17363a; box-shadow:0 5px 22px #183e4320; cursor:pointer; font:500 13px/1.6 var(--font-jp,sans-serif); }
.discovery-bubble__toggle::before { content:'◌'; display:inline-block; margin-right:10px; font-size:19px; vertical-align:-1px; }
.discovery-bubble__toggle[aria-expanded="true"] { background:#173d40; color:#fff; }
.discovery-bubble__toggle:disabled { opacity:.65; cursor:wait; }
.discovery-bubble__answers { width:min(370px,calc(100vw - 32px)); max-height:calc(100svh - 190px); overflow:auto; margin-bottom:12px; border:1px solid #d4e1e1; border-radius:18px; background:#fafdfe; box-shadow:0 14px 46px #13393e24; }
.discovery-bubble__head { display:flex; align-items:center; justify-content:space-between; gap:12px; position:sticky; top:0; z-index:1; padding:14px 20px; border-bottom:1px solid #dce4e4; background:#fafdfe; }
.discovery-bubble__head strong { font-size:13px; font-weight:500; }
.discovery-bubble__head button { min-height:36px; padding:5px 0 5px 12px; border:0; background:none; color:#405f63; font:400 12px var(--font-jp,sans-serif); cursor:pointer; }
.discovery-bubble__answer { display:block; width:100%; padding:15px 20px; border:0; border-bottom:1px solid #e4ebeb; background:none; color:#17363a; text-align:left; cursor:pointer; }
.discovery-bubble__answer:hover { background:#edf5f4; }
.discovery-bubble__answer span { display:block; margin-bottom:5px; color:#506b6d; font:400 11px/1.6 var(--font-jp,sans-serif); }
.discovery-bubble__answer strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; overflow-wrap:anywhere; font:400 13px/1.8 var(--font-jp,sans-serif); }
.discovery-demo__pager { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px 0; color:#536367; font:400 12px/1.6 var(--font-jp,sans-serif); }
.discovery-demo__pager button { border:0; padding:8px 0; background:none; color:#305e61; cursor:pointer; font:inherit; text-decoration:underline; text-underline-offset:4px; }
.discovery-demo [hidden] { display:none!important; }
@media(max-width:700px) {
  body.discovery-page.discovery-active .hero[data-screen="business"],body.discovery-page.discovery-active .hero[data-screen="contact"] { width:calc(100% - 24px); }
  .discovery-panel { max-height:calc(100svh - 186px); }
  .discovery-step--question { padding:30px 23px; }
  .discovery-step--question .discovery-field textarea { min-height:136px; }
  .discovery-bubble { right:16px; bottom:16px; }
}
.discovery-bubble__toggle { position:relative; min-width:180px; padding:11px 21px 11px 43px; border-radius:22px; text-align:left; }
.discovery-bubble__toggle::before { position:absolute; left:17px; top:21px; margin:0; }
.discovery-bubble__label { display:block; font-size:10px; font-weight:400; line-height:1.6; }
.discovery-bubble__preview { display:block; max-width:240px; overflow:hidden; text-overflow:ellipsis; font-size:12px; font-weight:500; line-height:1.8; }

/* The original input bar is the shared shell for every question. */
.discovery-page .hero[data-screen="website"],
body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) {
  position:absolute; top:calc(50% - 48px); left:50%; width:min(856px,calc(100% - 48px)); transform:translate(-50%,-50%);
}
body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) .hero__copy { display:block; }
.discovery-page .discovery-url-form { width:min(660px,100%); margin-top:38px; -webkit-backdrop-filter:none; backdrop-filter:none; }
.discovery-page .discovery-url-form .junction__inner { grid-template-columns:minmax(0,1fr) auto; padding:10px 11px 10px 20px; gap:14px; }
.discovery-bar-label { display:block; margin:0 0 12px 2px; color:#183c43; font:500 16px/1.6 var(--font-jp,sans-serif); text-align:left; }
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel {
  display:flex; flex-direction:column; width:min(660px,100%); max-height:none; overflow:visible; margin:38px auto 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; scrollbar-gutter:auto;
}
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel__header { order:2; position:static; min-height:40px; padding:10px 0 0; border:0; background:none; }
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel__header::after,
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-eyebrow { display:none; }
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-progress,
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-back { color:#21474d; }
.discovery-step--question { display:flex; flex-direction:column; max-width:none; margin:0; padding:0; }
.discovery-step--question h2 { margin:0 0 12px 2px; color:#183c43; font:500 16px/1.6 var(--font-jp,sans-serif); text-align:left; text-wrap:pretty; }
.discovery-step--question>.discovery-step__lead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.discovery-step--question>.discovery-note { margin-top:12px; color:#21474d; font-size:12px; }
.discovery-step--question>.discovery-actions { order:2; margin-top:8px; }
.discovery-step--question>.discovery-actions .discovery-button--quiet { min-height:36px; padding:4px 0; color:#21474d; font-size:12px; }
.discovery-input-bar { position:relative; display:flex; align-items:center; gap:14px; min-width:0; padding:10px 11px 10px 20px; border:1px solid #fff; border-radius:18px; background:#f9fcfc; box-shadow:0 12px 36px #153e4814; }
.discovery-input-bar>.discovery-field,.discovery-input-bar>.discovery-fields { flex:1; min-width:0; margin:0; gap:0; }
.discovery-step--question .discovery-field>label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.discovery-page .discovery-input-bar :is(input,textarea,select) { width:100%; min-width:0; min-height:48px; max-height:144px; padding:12px 0; border:0; border-radius:0; outline:none; box-shadow:none; background:transparent; color:#172b2e; font:400 16px/24px var(--font-jp,sans-serif); }
.discovery-page .discovery-input-bar textarea { height:48px; resize:none; overflow-y:auto; }
.discovery-page .discovery-input-bar :is(input,textarea,select):focus-visible { outline:none; box-shadow:none; }
.discovery-input-bar>.discovery-button { flex:0 0 auto; gap:12px; min-height:48px; max-width:160px; padding:12px 18px; border-radius:12px; font-size:13px; transform:none; }
.discovery-next-arrow { font-size:17px; line-height:1; }
.discovery-input-bar:focus-within { border-color:#588688; box-shadow:0 12px 36px #153e4814,0 0 0 3px #286d7114; }
.discovery-input-bar:has(:is(input,textarea,select):focus-visible) { outline:2px solid #286d71; outline-offset:3px; }
.discovery-input-bar .discovery-error:not(:empty) { position:absolute; top:calc(100% + 7px); left:0; color:#682525; max-width:100%; }
.discovery-input-bar:has(.discovery-error:not(:empty)) { margin-bottom:40px; }
.discovery-input-bar--demo { margin-top:34px; }
.discovery-input-bar--demo .discovery-field>span { position:absolute; left:2px; top:-28px; font-size:13px; }
.discovery-input-bar--demo>.discovery-button { max-width:150px; padding-inline:14px; font-size:12px; }
.discovery-demo__body>.discovery-actions:empty { display:none; }
@media(max-width:700px) {
  .discovery-page .hero[data-screen="website"],body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { top:calc(50% - 45px); width:calc(100% - 40px); }
  .discovery-page .discovery-url-form,.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { margin-top:28px; }
  .discovery-bar-label,.discovery-step--question h2 { font-size:14px; margin-bottom:10px; }
  .discovery-page .discovery-url-form .junction__inner,.discovery-input-bar { padding:9px 9px 9px 16px; gap:8px; border-radius:16px; }
  .discovery-input-bar>.discovery-button { max-width:106px; min-height:46px; padding:10px 12px; gap:6px; font-size:12px; }
  .discovery-step--question>.discovery-actions .discovery-button--quiet { width:auto; }
  .discovery-input-bar--demo { align-items:flex-start; }
}
@media(max-height:650px) {
  .hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy p { display:none; }
  .hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { margin-top:20px; }
}
body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { display:flex; }

/* A steady input position lets each answer move on without shifting the page. */
.discovery-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.discovery-page .hero[data-screen="website"],
body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) {
  top:clamp(125px,20svh,200px); transform:translateX(-50%);
}
.hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy { min-height:250px; }
.discovery-page .discovery-url-form,
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { margin-top:16px; }
.discovery-step--question h2,.discovery-bar-label { min-height:26px; }
.discovery-step--question>.discovery-note:empty { display:none; }
.discovery-industry-chips { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:14px; min-height:34px; text-align:left; }
.discovery-industry-chips>span { margin-right:3px; font:400 11px/1.6 var(--font-jp,sans-serif); color:#21474d; }
.discovery-chip { min-height:34px; padding:6px 11px; border:1px solid #537e7e80; border-radius:8px; color:#173c42; background:#f8fcfb75; cursor:pointer; font:500 12px/1.5 var(--font-jp,sans-serif); }
.discovery-chip[aria-pressed="true"] { background:#193e43; color:#fff; border-color:#193e43; }
.discovery-chip[aria-pressed="true"]::before { content:'✓'; margin-right:5px; }
.discovery-chip--quiet { border-color:transparent; background:none; text-decoration:underline; text-underline-offset:4px; }
.discovery-keyboard-hint { margin:9px 0 0; font:400 10px/1.5 var(--font-jp,sans-serif); color:#21474d; text-align:left; }
.discovery-answer-flight { position:fixed; z-index:120; pointer-events:none; padding:13px 17px; border-radius:14px; background:#193e43; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:400 13px/1.5 var(--font-jp,sans-serif); transform-origin:left top; }
.discovery-bubble__toggle { padding-right:67px; }
.discovery-bubble__toggle::before { content:'✓'; top:25px; font-size:12px; color:#397473; }
.discovery-bubble__toggle[aria-expanded="true"]::before { color:#c8e5e0; }
.discovery-bubble__edit { position:absolute; right:17px; top:26px; font:400 10px/1.5 var(--font-jp,sans-serif); }
.discovery-bubble__preview { max-width:210px; }
.discovery-page .product-nav__links { font-family:var(--font-jp,sans-serif); font-size:13px; gap:28px; }
.discovery-page .product-nav__links [hidden] { display:none; }
.discovery-loading { text-align:center; padding-block:75px; }
.discovery-loading__mark { display:block; width:50px; margin:0 auto 20px; font-size:44px; color:#285c60; }
.discovery-loading .discovery-step__lead { margin-inline:auto; }
.discovery-guide { width:min(560px,calc(100% - 32px)); max-height:calc(100svh - 48px); padding:34px; border:0; border-radius:16px; background:#f8fcfb; color:#17363a; font-family:var(--font-jp,sans-serif); }
.discovery-guide::backdrop { background:#102f3a66; backdrop-filter:blur(7px); }
.discovery-guide__close { display:block; min-height:40px; margin:0 0 18px auto; border:0; background:none; color:inherit; cursor:pointer; font:400 12px var(--font-jp,sans-serif); }
.discovery-guide h2 { margin:0; font:500 24px/1.6 var(--font-jp,sans-serif); }
.discovery-guide ol { padding-left:22px; margin:28px 0; }
.discovery-guide li { padding:0 0 22px 7px; font-size:14px; }
.discovery-guide li strong { font-weight:500; }
.discovery-guide li p { margin:7px 0 0; color:#405e61; font:400 13px/1.8 var(--font-jp,sans-serif); }
/* The examples share one work surface; choices stay close to the result. */
body.discovery-page.discovery-active .hero[data-screen="examples"] { top:104px; transform:translateX(-50%); width:min(1050px,calc(100% - 64px)); }
.hero[data-screen="examples"] .discovery-panel { max-height:calc(100svh - 196px); border:0; border-radius:18px; box-shadow:none; }
.hero[data-screen="examples"] .discovery-panel__header { min-height:54px; padding:7px 32px; }
.discovery-step--examples { display:block; padding:28px 40px 32px; }
.discovery-step--examples h2 { font-size:28px; }
.discovery-step--examples>.discovery-step__lead { max-width:none; margin:9px 0 24px; font-size:13px; }
.discovery-suggestions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:24px; }
.discovery-suggestion,.discovery-suggestion:first-child { display:flex; align-items:center; gap:8px; padding:12px; border:1px solid #d4e1e1; border-radius:10px; text-align:left; background:none; }
.discovery-suggestion strong { font:500 13px/1.6 var(--font-jp,sans-serif); }
.discovery-suggestion[aria-pressed="true"] { background:#1b4549; border-color:#1b4549; color:#fff; }
.discovery-suggestion__number { flex:0 0 16px; padding:0; font-size:11px; color:inherit; }
.discovery-suggestion[aria-pressed="true"] .discovery-suggestion__number::after { display:none; }
.discovery-demo { margin:0; }
.discovery-demo__title { gap:12px; margin-bottom:18px; padding-bottom:12px; font:400 12px/1.7 var(--font-jp,sans-serif); }
.discovery-demo__title>span:first-child { flex:1; }
.discovery-step--examples>.discovery-actions { margin-top:24px; padding-top:20px; }
@media (prefers-reduced-motion:no-preference) { .discovery-loading__mark { animation:discovery-spin 3s linear infinite; } @keyframes discovery-spin { to { transform:rotate(360deg); } } }
@media(max-width:700px) {
  .discovery-page .hero[data-screen="website"],body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { top:clamp(94px,16svh,140px); }
  .hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy { min-height:164px; }
  .discovery-page .discovery-url-form,.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { margin-top:14px; }
  .discovery-keyboard-hint { display:none; }
  .discovery-industry-chips { margin-top:10px; gap:5px; }
  .discovery-chip { font-size:11px; padding:5px 8px; }
  .discovery-bubble__toggle { max-width:calc(100vw - 32px); }
  .discovery-bubble__preview { max-width:calc(100vw - 153px); }
  body.discovery-page.discovery-active .hero[data-screen="examples"] { top:84px; width:calc(100% - 24px); }
  .hero[data-screen="examples"] .discovery-panel { max-height:calc(100svh - 172px); }
  .hero[data-screen="examples"] .discovery-panel__header { padding:5px 18px; }
  .discovery-step--examples { padding:23px 18px; }
  .discovery-step--examples h2 { font-size:23px; }
  .discovery-suggestions { gap:5px; margin-bottom:20px; }
  .discovery-suggestion,.discovery-suggestion:first-child { display:block; padding:9px 7px; border-radius:8px; }
  .discovery-suggestion strong { font-size:11px; line-height:1.6; }
  .discovery-suggestion__number { display:block; width:auto; margin-bottom:4px; text-align:left; }
  .discovery-guide { padding:24px; }
  .discovery-guide h2 { font-size:21px; }
}
@media(max-height:650px) {
  .hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy { min-height:100px; }
  .discovery-page .hero[data-screen="website"],body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { top:96px; }
}
.discovery-step--examples>.discovery-step__lead { margin-bottom:18px; }
.discovery-step--examples .discovery-suggestions { margin-bottom:18px; }
@media(max-width:700px) {
  .discovery-page .product-nav__links { display:flex; position:absolute; top:57px; right:0; gap:0; font-size:11px; }
  .discovery-page .product-nav__links [data-discovery-profile-open] { display:none; }
  .discovery-page .product-nav__links a { min-height:28px; padding:4px 0; font-size:11px; }
}
@media(max-width:700px) { .discovery-page .product-nav__links { top:44px; } }
@media(max-width:700px) {
  .discovery-page .product-nav__links { top:58px; right:20px; left:auto; width:auto; margin:0; padding:0; transform:none; }
}

/* The promise and first action are available on first paint. */
.discovery-icon { display:inline-block; flex:none; width:var(--icon-size,20px); height:var(--icon-size,20px); vertical-align:middle; color:inherit; pointer-events:none; }
.discovery-suggestion>.discovery-icon { --icon-size:21px; margin-right:3px; }
.discovery-suggestion>span { min-width:0; }
.discovery-page .discovery-sample-dialog__choice { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; column-gap:17px; }
.discovery-sample-dialog__symbol { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:#e8f1f1; color:#24555d; }
.discovery-sample-dialog__symbol>.discovery-icon { --icon-size:27px; }
.discovery-sample-dialog__copy { min-width:0; }
.discovery-sample-dialog__choice:hover .discovery-sample-dialog__symbol { background:#dceaea; }
@media(max-width:700px) {
  .discovery-suggestion>.discovery-icon { --icon-size:20px; display:block; margin:0 0 7px; }
  .discovery-page .discovery-sample-dialog__choice { grid-template-columns:34px minmax(0,1fr); column-gap:12px; }
  .discovery-sample-dialog__symbol { width:34px; height:36px; border-radius:10px; }
  .discovery-sample-dialog__symbol>.discovery-icon { --icon-size:24px; }
}
.discovery-page .product-nav { opacity:1; visibility:visible; }
.discovery-page .hero__copy-line { visibility:visible; color:var(--discovery-ink); }
.discovery-page .discovery-url-form { --cta-opacity:1; will-change:auto; }
.discovery-page .product-nav__cta { background:#f8fcfc; color:#17363a; box-shadow:none; border:0; }
.discovery-page .product-nav__cta:hover { background:#fff; }
.discovery-page .product-nav__links a { font:400 13px/1.5 var(--font-jp,sans-serif); }
.discovery-page .discovery-brand { display:flex; align-items:center; gap:16px; width:auto; height:auto; text-decoration:none; }
.discovery-brand__name { font:600 25px/1.3 var(--font-jp,sans-serif); letter-spacing:.035em; white-space:nowrap; }
.discovery-brand__maker { display:flex; align-items:center; gap:7px; padding-left:16px; border-left:1px solid #21474d50; }
.discovery-brand__maker>span { font:400 11px/1.5 var(--font-jp,sans-serif); }
.discovery-brand__maker img { position:static; display:block; width:86px; height:17px; }
.discovery-page .hero[data-screen="website"],
body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { top:clamp(132px,19svh,180px); }
.hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy { min-height:264px; }
.discovery-page .hero .hero__copy .discovery-hero-description { display:block; margin:26px 0 0; color:#21474d; font:400 17px/1.85 var(--font-jp,sans-serif); letter-spacing:.025em; }
.discovery-hero-description>span { display:block; }
.discovery-page .discovery-url-form,
.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { margin-top:20px; }
.discovery-page .discovery-url-form .junction__inner,.discovery-input-bar { border:0; border-radius:16px; box-shadow:0 3px 8px #153e480d; }
.discovery-page .discovery-url-form .junction__inner:focus-within,.discovery-input-bar:focus-within { box-shadow:0 0 0 3px #286d7125; }
.discovery-page .discovery-url-input::placeholder,.discovery-page .discovery-field :is(input,textarea)::placeholder { color:#556c70; }
.discovery-url-explanation { margin:14px 0 0; color:#21474d; font:400 13px/1.8 var(--font-jp,sans-serif); text-align:center; text-wrap:pretty; }
.discovery-reassurance { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 18px; margin:8px 0 0; color:#21474d; font:400 11px/1.6 var(--font-jp,sans-serif); }
.discovery-reassurance>span:first-child::before { content:'✓'; margin-right:6px; }
.discovery-page .hero[data-screen="contact"] .discovery-step--question>.discovery-step__lead { position:static; order:1; width:auto; height:auto; margin:13px 0 0; overflow:visible; clip:auto; white-space:normal; color:#21474d; font-size:12px; }
.discovery-page .hero[data-screen="contact"] .discovery-keyboard-hint { order:2; }
.discovery-sample-dialog { width:min(640px,calc(100% - 32px)); padding:32px 36px 36px; }
.discovery-sample-dialog__intro { margin:12px 0 24px; color:#405e61; font:400 13px/1.9 var(--font-jp,sans-serif); text-wrap:pretty; }
.discovery-sample-dialog__list { display:grid; gap:0; border-top:1px solid #d4e1e1; }
.discovery-sample-dialog__choice { position:relative; display:block; width:100%; padding:20px 32px 20px 0; border:0; border-bottom:1px solid #d4e1e1; background:none; color:#17363a; text-align:left; cursor:pointer; }
.discovery-sample-dialog__choice::after { content:'↗'; position:absolute; right:4px; top:22px; font-size:20px; transition:transform .2s ease-out; }
.discovery-sample-dialog__choice:hover { background:#edf5f3; }
.discovery-sample-dialog__choice:hover::after { transform:translate(2px,-2px); }
.discovery-sample-dialog__title { display:block; font:500 17px/1.6 var(--font-jp,sans-serif); }
.discovery-sample-dialog__description { display:block; margin-top:5px; color:#405e61; font:400 12px/1.8 var(--font-jp,sans-serif); }
.discovery-sample-dialog__close { display:block; min-height:40px; margin:0 0 14px auto; padding:0; border:0; background:none; color:inherit; cursor:pointer; font:400 12px var(--font-jp,sans-serif); }
@media(prefers-reduced-motion:no-preference) {
  .discovery-page .hero__copy { animation:discovery-settle .45s cubic-bezier(.22,1,.36,1); }
  @keyframes discovery-settle { from { translate:0 6px; } to { translate:0 0; } }
}
@media(max-width:700px) {
  .discovery-page .discovery-brand { display:block; }
  .discovery-brand__name { font-size:20px; }
  .discovery-brand__maker { margin-top:4px; padding:0; border:0; gap:5px; }
  .discovery-brand__maker>span { font-size:9px; }
  .discovery-brand__maker img { width:68px; height:13px; }
  .discovery-page .product-nav__links a { font-size:11px; }
  .discovery-page .hero[data-screen="website"],body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { top:clamp(108px,15svh,132px); }
  .hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy { min-height:174px; }
  .discovery-page .hero .hero__copy .discovery-hero-description { margin-top:21px; font-size:13px; line-height:1.9; letter-spacing:0; }
  .discovery-page .discovery-url-form,.hero:is([data-screen="business"],[data-screen="contact"]) .discovery-panel { margin-top:16px; }
  .discovery-url-explanation { margin-top:12px; font-size:12px; }
  .discovery-reassurance { gap:10px; font-size:10px; }
  .discovery-sample-dialog { padding:22px; }
  .discovery-sample-dialog__choice { padding-block:17px; }
  .hero[data-screen="examples"] .discovery-panel:has(.discovery-step--sample) { max-height:calc(100svh - 144px); }
  .discovery-step--sample { padding-top:20px; }
  .discovery-step--sample h2 { font-size:21px; }
  .discovery-step--sample>.discovery-step__lead { display:none; }
  .discovery-step--sample .discovery-suggestions { margin-top:16px; }
  .discovery-page .product-teaser:has(.hero:is([data-screen="business"],[data-screen="contact"])) { height:100svh; min-height:100svh; overflow-y:auto; overscroll-behavior-y:contain; scroll-padding-block:96px; }
  body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { padding-bottom:96px; }
  .discovery-page .product-teaser:has(.hero:is([data-screen="business"],[data-screen="contact"])) .surface { position:fixed; }
}
@media(max-width:360px) {
  .discovery-page .hero .hero__copy .discovery-hero-description { font-size:12px; }
}
@media(max-height:650px) {
  .discovery-page .hero[data-screen="website"],body.discovery-page.discovery-active .hero:is([data-screen="business"],[data-screen="contact"]) { top:100px; }
  .hero:is([data-screen="website"],[data-screen="business"],[data-screen="contact"]) .hero__copy { min-height:146px; }
  .discovery-page .hero .hero__copy .discovery-hero-description { margin-top:14px; }
}

/* Original film identity, including the teal symbol and bananalabo credit. */
.discovery-page .product-nav .discovery-brand__logo { position:static; display:block; width:216px; height:auto; max-width:none; object-fit:contain; filter:none!important; }
@media(max-width:700px) { .discovery-page .product-nav .discovery-brand__logo { width:168px; } }

/* Quiet sample selection: one inset keyboard indicator, never a stacked ring. */
.discovery-page .discovery-sample-dialog__choice:focus-visible { outline:1px solid #286d71; outline-offset:-1px; box-shadow:none; background:#edf5f3; border-radius:8px; }

#discovery-sample-title:focus { outline:none; }

/* A dedicated workspace for demos, with the landing page one step away. */
body.discovery-page:has(.hero[data-screen="examples"]) .product-nav { display:none; }
body.discovery-page.discovery-active .hero[data-screen="examples"] {
  position:fixed;
  inset:12px 12px 56px;
  width:auto;
  margin:0;
  transform:none;
  z-index:100;
}
.hero[data-screen="examples"] .discovery-panel,
.hero[data-screen="examples"] .discovery-panel:has(.discovery-step--sample) {
  height:100%;
  max-height:none;
  overscroll-behavior:contain;
  scroll-padding-block:78px 24px;
}
.hero[data-screen="examples"] .discovery-panel__header { padding-inline:32px; }
.hero[data-screen="examples"] .discovery-step--examples {
  width:100%;
  max-width:1480px;
  margin-inline:auto;
  padding:28px 40px 32px;
}
body.discovery-page:has(.hero[data-screen="examples"]) .discovery-bubble { right:24px; bottom:8px; }
body.discovery-page:has(.hero[data-screen="examples"]) .discovery-bubble__toggle { min-height:38px; padding-block:10px; }
body.discovery-page:has(.hero[data-screen="examples"]) .discovery-bubble__preview { display:none; }
body.discovery-page:has(.hero[data-screen="examples"]) .discovery-bubble__toggle::before,
body.discovery-page:has(.hero[data-screen="examples"]) .discovery-bubble__edit { top:13px; }
@media(min-width:801px) {
  .hero[data-screen="examples"] .demo-studio__availability-column,
  .hero[data-screen="examples"] .demo-studio__column { min-height:clamp(170px,25dvh,280px); }
  .hero[data-screen="examples"] .demo-studio__calendar,
  .hero[data-screen="examples"] .demo-studio__board { padding:20px; }
}
@media(max-width:700px) {
  body.discovery-page.discovery-active .hero[data-screen="examples"] { inset:0 0 54px; }
  .hero[data-screen="examples"] .discovery-panel { border-radius:0; }
  .hero[data-screen="examples"] .discovery-panel__header { min-height:56px; padding-inline:18px; }
  .hero[data-screen="examples"] .discovery-step--examples { padding:24px 18px 28px; }
  body.discovery-page:has(.hero[data-screen="examples"]) .discovery-bubble { right:12px; }
}
@media(min-width:801px) and (max-height:800px) {
  .hero[data-screen="examples"] .discovery-step--examples { padding-block:18px 22px; }
  .hero[data-screen="examples"] .discovery-step--examples h2 { font-size:25px; }
  .hero[data-screen="examples"] .discovery-step__lead,
  .hero[data-screen="examples"] .discovery-suggestions { margin-bottom:12px; }
  .hero[data-screen="examples"] .demo-studio__availability-column,
  .hero[data-screen="examples"] .demo-studio__column { min-height:120px; }
  .hero[data-screen="examples"] .demo-studio__calendar,
  .hero[data-screen="examples"] .demo-studio__board { padding:14px; }
  .hero[data-screen="examples"] .demo-studio__body { row-gap:10px; }
  .hero[data-screen="examples"] .discovery-step--examples>.discovery-actions { margin-top:16px; padding-top:12px; }
}