/* Clear product entry points and a consistent, restrained reading rhythm. */
.header nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
.header nav a::after{content:'';position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--blue);opacity:0;transition:opacity .18s}
.header nav a[aria-current="location"]{color:var(--blue)}
.header nav a[aria-current="location"]::after{opacity:1}
.experience-group-label{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.experience-group-label small{font-size:.8rem;font-weight:400;letter-spacing:0;color:var(--muted);line-height:1.7;white-space:normal}
.section{padding-block:96px}
.mission-section,.contact-section{padding-block:96px}
.impact-heading{margin-bottom:40px}
.impact-press-grid{gap:20px;padding-block:0}
.impact-press-grid>.impact-story:nth-child(n){transform:none}
.impact-press-grid .impact-press-card{border-radius:10px;min-height:350px;padding:26px 22px;box-shadow:none}
.impact-press-card .story-card-identity{min-height:96px;margin-bottom:22px}
.impact-press-card .story-card-identity p{font-size:1rem;font-weight:500;line-height:1.65}
.impact-press-card h3{font-size:1rem;line-height:1.8;margin-bottom:24px}
.impact-press-card .case-card-date{display:block;margin:2px 0 0;font-size:.78rem;font-weight:400;color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.impact-press-card:hover,.impact-press-card:focus-visible{background:#f7faff;border-color:#9dbde5;box-shadow:none}
.impact-story-footer{align-items:flex-end;gap:10px;font-size:.85rem}
.impact-story-footer .impact-press-read{white-space:normal;line-height:1.7}
.product-tabs button{transition:background .18s,color .18s}
.product-tabs button:hover{background:#f8fbff}
.product-tabs button[aria-selected="true"]{background:#f3f8ff;color:var(--blue)}
.workflow-controls button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;line-height:1.65;text-align:start;overflow-wrap:anywhere;hyphens:auto}
#product-panel[data-product="clin"] #product-features{display:grid;gap:0;margin-block:24px 18px}
#product-panel[data-product="clin"] #product-features li{padding:0;line-height:1.7}
#product-panel[data-product="clin"] #product-features li::before{content:none}
#product-panel[data-product="clin"] #product-features a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce7f5;padding:11px 0;color:#20518d;font-size:1rem;overflow-wrap:anywhere;hyphens:auto}
#product-panel[data-product="clin"] #product-features a::after{content:'↗';font-size:1.05rem;color:#0966d8;flex-shrink:0}
#product-panel[data-product="clin"] #product-features a:hover{color:var(--blue);border-bottom-color:#80aee7}
#product-panel[data-product="clin"] #product-link{margin-top:12px}
.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:16px}
#product-panel .product-actions #product-link{margin-top:0}
.product-download{font-size:.95rem;color:#20518d;min-height:44px;display:inline-flex;align-items:center;padding-bottom:0;line-height:1.7}
.product-download[hidden]{display:none}
.clinmate-function-label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#315d98}
.clinmate-function-label>span:first-child{font-size:.85rem;letter-spacing:.08em}
.clinmate-function-label>span:last-child{padding-inline-start:10px;border-inline-start:1px solid #c6d8ee;font-size:1.05rem;letter-spacing:0}
.clinmate-function{scroll-margin-top:108px}
.inline-player-screen{position:relative;border:1px solid #e0e7f0;border-radius:8px}
.inline-player-overlay{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid #c7d8ed;border-radius:50%;display:grid;place-items:center;background:#ffffffed;color:var(--blue);padding:0;box-shadow:none;transition:background .18s,border-color .18s}
.inline-player-overlay svg{width:23px;height:23px;margin-inline-start:3px}
.inline-player-overlay:hover{background:#fff;border-color:var(--blue)}
.inline-player-overlay[hidden]{display:none}
.inline-player-controls{padding-inline:0;min-height:48px}
.inline-player-controls button{width:44px;height:44px;min-height:44px;flex-basis:44px}
.inline-player-progress::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px}
.inline-player-progress::-moz-range-thumb{width:12px;height:12px}
.clinmate-additional>summary,.model-honors-original>summary,.model-benchmark-details>summary{color:#20518d;min-height:48px;line-height:1.8}
.model-honor-grid{gap:28px}
.model-honor-grid article{padding:24px 22px;border:1px solid #d9e4f1;border-radius:10px;background:#fff}
.model-honor-grid h5{font-size:1.15rem;line-height:1.65}
.model-honor-grid article>.honor-recipient{margin-bottom:18px}
.model-honor-grid article>.text-link{font-size:1.05rem}
.contact-form-wrap{box-shadow:none;border-radius:10px}
.contact-form-wrap>h3{font-size:1.45rem;line-height:1.6}
.contact-form-wrap>p{line-height:1.8}
html[dir="rtl"] #product-panel[data-product="clin"] #product-features a::after{transform:scaleX(-1)}
@media(max-width:1100px){.impact-press-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav a::after{inset-inline-end:auto;width:28px;bottom:8px}}
@media(max-width:1280px){html:not([lang="zh-CN"]) .header nav a::after{inset-inline-end:auto;width:28px;bottom:8px}}
@media(max-width:800px){.impact-press-grid .impact-press-card{min-height:0;padding:24px}.impact-press-card .story-card-identity{min-height:92px}.model-honor-grid{gap:18px}.model-honor-grid article{padding:22px}}
@media(max-width:600px){
 .section,.mission-section,.contact-section{padding-block:56px}
 .impact-heading{margin-bottom:28px}.impact-press-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .impact-press-card .story-card-identity{min-height:0;flex-direction:row;gap:16px}
 .impact-press-card h3{font-size:1rem;margin-bottom:22px}
 .impact-story-footer{font-size:1.05rem}
 .inline-player-overlay{width:48px;height:48px}
 .inline-player-controls{gap:5px}
 #product-panel[data-product="clin"] #product-features{margin-block:20px 16px}
 .contact-form-wrap>h3{font-size:1.3rem}
}
.inline-player video:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.inline-player video::cue{font-size:.85em;line-height:1.5;background:#0c3972e0;color:#fff}
.inline-player-cc[aria-pressed="false"]{opacity:.55}
.inline-player-cc[hidden],.inline-player-fallback[hidden],.inline-player-screen[hidden],.inline-player-controls[hidden]{display:none}
.inline-player-fallback{border:1px solid #e0e7f0;border-radius:8px;padding:14px;background:#fff}
.inline-player-fallback img,#product-panel .screenshot-stage .inline-player .inline-player-fallback img{position:static;max-width:100%;left:auto;top:auto;width:100%;height:auto;border-radius:6px;border:1px solid #e0e7f0}
.inline-player-fallback-message{margin-top:12px;font-size:.85rem;color:var(--ink);font-weight:550}
.inline-player-fallback-steps{margin:10px 0 12px;padding-inline-start:1.3em;font-size:.82rem;line-height:1.7;color:var(--muted);list-style:decimal}
.guide-section .section-heading{max-width:780px;margin:0 auto 32px}
.guide-section .section-heading h2{font-size:2rem;letter-spacing:0}
.guide-section .section-heading .eyebrow{margin-bottom:16px}
.guide-form{
 display:grid;grid-template-columns:minmax(0,1fr);gap:24px;
 max-width:780px;margin-inline:auto;border:1px solid var(--line);
 border-radius:14px;padding:24px 24px 0;background:var(--white);
 box-shadow:0 1px 2px rgba(23,43,77,.05),0 8px 24px rgba(23,43,77,.06);
 transition:border-color .18s,box-shadow .18s;
}
.guide-form:focus-within{
 border-color:var(--blue);
 box-shadow:0 1px 2px rgba(23,43,77,.05),0 12px 32px rgba(23,43,77,.1);
}
.guide-field{display:grid;gap:10px;font-size:.8rem;font-weight:550;color:var(--muted)}
.guide-role{
 border:0;padding:0 0 18px;margin:0;display:flex;flex-wrap:wrap;gap:8px;
 border-bottom:1px solid var(--line);
}
.guide-role legend{font-size:.8rem;font-weight:550;color:var(--muted);margin-bottom:12px}
.guide-role label,.guide-focus label{
 display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
 border-radius:999px;padding:9px 15px;font-size:.82rem;cursor:pointer;
 background:#f5f6f8;color:var(--ink);
 box-shadow:0 1px 2px rgba(23,43,77,.04);
 transition:background .18s,border-color .18s;
}
.guide-role label:hover,.guide-focus label:hover{border-color:#b9c2cf;background:#eef0f3}
.guide-role input,.guide-focus input{
 position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none;
}
.guide-role label:has(input:checked),.guide-focus label:has(input:checked){
 border-color:var(--blue);background:var(--pale-blue);color:var(--navy);
}
.guide-role label:has(input:focus-visible),.guide-focus label:has(input:focus-visible){
 outline:2px solid var(--blue);outline-offset:3px;
}
.guide-field textarea{
 border:0;border-radius:4px;padding:8px 0;font-size:.95rem;font-weight:400;
 line-height:1.8;color:var(--ink);background:var(--white);width:100%;
 min-height:120px;resize:vertical;
}
.guide-field textarea::placeholder{color:var(--muted);opacity:1}
.guide-focus{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.guide-focus legend{font-size:.8rem;font-weight:550;color:var(--muted);margin-bottom:12px}
.guide-footer{
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 margin-inline:-24px;padding:14px 24px 18px;
}
.guide-actions{display:flex;flex-shrink:0;align-items:center}
.guide-actions .button{
 gap:10px;min-height:44px;padding:10px 16px;border-radius:10px;
 font-size:.85rem;font-weight:550;background:#1c1f26;color:var(--white);
}
.guide-actions .button:hover{background:#000}
.guide-actions svg{flex-shrink:0}
.guide-actions button:disabled{opacity:.6;cursor:progress}
.guide-actions button:disabled svg{visibility:hidden}
.guide-status{font-size:.8rem;color:var(--muted);padding-bottom:20px}
.guide-status:empty{display:none}
.guide-note{font-size:.7rem;color:var(--muted);line-height:1.8;max-width:440px}
.guide-result{
 max-width:780px;margin:32px auto 0;padding:0;border:0;background:transparent;
}
.guide-result:focus-visible{outline:2px solid var(--blue);outline-offset:8px}
.guide-result-label{font-size:.8rem;font-weight:600;color:var(--navy)}
.guide-summary{font-size:1.1rem;margin-top:6px}
.guide-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.guide-highlights li,.guide-path li{
 background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;
 padding:16px 0;display:grid;gap:6px;align-content:start;
}
.guide-highlights p,.guide-path p{font-size:.85rem;line-height:1.7;color:var(--muted)}
.guide-result h4{font-size:.95rem;margin:6px 0 12px}
.guide-path{display:grid;gap:10px;counter-reset:step}
.guide-path li{grid-template-columns:auto 1fr auto;align-items:center;gap:14px}
.guide-path .text-link{font-size:.8rem;white-space:nowrap}
.guide-tag{font-size:.72rem;font-weight:600;color:var(--blue);white-space:nowrap}
.guide-caveat{margin-top:16px;font-size:.78rem;color:var(--muted)}
@media(max-width:900px){
 .guide-highlights{grid-template-columns:1fr}.guide-path li{grid-template-columns:1fr}
}
@media(max-width:600px){
 .guide-section .section-heading h2{font-size:1.6rem}
 .guide-form{gap:20px;padding:20px 20px 0}
 .guide-footer{margin-inline:-20px;padding:18px 20px;flex-direction:column;align-items:stretch}
 .guide-note{max-width:none}.guide-actions{justify-content:flex-end}
 .guide-focus label{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
 .guide-form,.guide-focus label,.guide-actions .button{transition:none}
}
.guide-form>*,.guide-result *{min-width:0}
.guide-section{overflow-wrap:anywhere}
.inline-player-fallback img[hidden]{display:none}

/* WorkMate's neutral composer tokens, scoped to the one-shot guide surface. */
:root {
 --guide-foreground: oklch(.22 0 0);
 --guide-muted: oklch(.42 0 0);
 --guide-secondary: oklch(.96 0 0);
 --guide-border: oklch(.88 0 0);
 --guide-shadow: 0 1px 2px oklch(.2 .04 250 / .04),
  0 4px 12px oklch(.2 .04 250 / .04);
}
.guide-workmate {
 border:0;background:transparent;box-shadow:none;padding:0;gap:16px;
 color:var(--guide-foreground);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;
}
.guide-workmate:focus-within {border:0;box-shadow:none}
.guide-workmate .guide-role {
 width:fit-content;max-width:100%;padding:0;gap:0;border:1px solid var(--guide-border);
 border-radius:999px;background:var(--white);align-items:center;
}
.guide-workmate .guide-role legend {float:inline-start;margin:0;padding:0 12px;font-size:14px}
.guide-workmate .guide-role label {
 position:relative;
 border:0;box-shadow:none;background:transparent;border-radius:999px;
 min-height:44px;min-width:44px;padding:8px 12px;gap:8px;
}
.guide-workmate .guide-role label:has(input:checked) {
 background:var(--guide-secondary);color:var(--guide-foreground);
}
.guide-workmate .guide-role label:hover {background:var(--guide-secondary)}
.guide-workmate .guide-role label:not(:has(input:checked)) span {
 position:absolute;width:1px;height:1px;padding:0;margin:-1px;
 overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
.guide-workmate .guide-role label:not(:has(input:checked)) svg {opacity:.55}
.guide-workmate .guide-role svg {width:18px;height:18px;flex-shrink:0}
.guide-composer {
 border:1px solid var(--guide-border);border-radius:12px;
 background:var(--white);box-shadow:var(--guide-shadow);min-width:0;
}
.guide-composer:focus-within {border-color:var(--guide-foreground)}
.guide-composer .guide-scenario {padding:16px 16px 0;gap:4px}
.guide-composer .guide-scenario>span {font-size:13px;color:var(--guide-muted)}
.guide-composer textarea {
 font-size:16px;min-height:100px;max-height:480px;line-height:1.65;
 color:var(--guide-foreground);resize:vertical;
}
.guide-composer textarea::placeholder {color:var(--guide-muted)}
.guide-composer .guide-footer {
 margin:0;padding:8px;flex-direction:row;justify-content:flex-end;
}
.guide-composer .guide-actions .button {
 width:44px;height:44px;min-height:44px;padding:0;border-radius:8px;
 background:var(--guide-foreground);color:var(--white);
}
.guide-composer .guide-actions .button:hover {opacity:.9}
.guide-composer .guide-actions .button span {
 position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
}
.guide-composer .guide-actions svg {width:20px;height:20px}
.guide-composer .guide-actions button:disabled svg {visibility:visible;opacity:.4}
.guide-workmate .guide-focus {
 min-inline-size:0;width:100%;max-width:100%;
 display:block;padding:0;
}
.guide-task-row {
 display:flex;min-width:0;max-width:100%;
 flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 8px;gap:10px;
 scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;
}
.guide-workmate .guide-focus legend {font-size:13px;color:var(--guide-muted);margin-bottom:8px}
.guide-workmate .guide-focus label {
 position:relative;
 flex-shrink:0;min-height:44px;font-size:14px;padding:8px 14px;white-space:nowrap;
 background:var(--guide-secondary);border-color:var(--guide-border);
 color:var(--guide-foreground);box-shadow:var(--guide-shadow);scroll-snap-align:start;
}
.guide-workmate .guide-focus label:has(input:checked) {
 border-color:var(--guide-foreground);color:var(--guide-foreground);
}
.guide-workmate .guide-focus svg {width:15px;height:15px;flex-shrink:0}
.guide-workmate>.guide-note {max-width:none;font-size:13px;color:var(--guide-muted)}
.guide-workmate .guide-status {padding-bottom:0;font-size:14px}
@media(max-width:600px) {
 .guide-workmate .guide-role {border-radius:16px;width:100%;min-inline-size:0;flex-wrap:wrap;padding:4px}
 .guide-workmate .guide-role legend {float:none;padding:0 8px;font-size:14px}
 .guide-workmate .guide-role label {padding:8px;min-width:40px}
 .guide-workmate .guide-role label:has(input:checked) span {font-size:14px;white-space:normal}
 .guide-result .guide-summary {font-size:18px;line-height:1.7}
 .guide-path .text-link {min-height:44px;display:inline-flex;align-items:center;width:fit-content}
 .guide-section .section-heading {margin-bottom:24px}
 .guide-section .section-heading h2 {font-size:28px;line-height:1.4}
}

/* Touch navigation remains in the menu's own scroll area, never a desktop overlay. */
@media (max-width: 850px) {
  .header #nav.open {
    max-height: calc(100dvh - 82px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: 24px;
  }
  .header #nav .nav-flyout { display: block; width: 100%; }
  .header #nav .nav-flyout-trigger { width: 100%; justify-content: space-between; }
  .header #nav .nav-flyout-panel:not([hidden]) {
    display: block;
    position: static;
    transform: none;
    width: 100%;
    max-height: none;
    overflow: visible;
    padding: 20px 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    animation: none;
  }
  .nav-flyout-head { align-items: flex-start; flex-direction: column; gap: 16px; }
  .nav-flyout-head-links { flex-wrap: wrap; gap: 16px; }
  .header #nav .nav-flyout-grid, #about-flyout .nav-flyout-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .header #nav .nav-story-col ul a { min-height: 44px; }
  .header #nav .nav-story-col ul a strong { white-space: normal; }
  .header #nav .nav-founder-role, .header #nav .nav-founder-role span {
    white-space: normal;
  }
}
@media (min-width: 851px) and (max-width: 1280px) {
  html:not([lang="zh-CN"]) .header #nav.open {
    max-height: calc(100dvh - 82px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  html:not([lang="zh-CN"]) .header #nav .nav-flyout { display: block; width: 100%; }
  html:not([lang="zh-CN"]) .header #nav .nav-flyout-trigger { width: 100%; }
  html:not([lang="zh-CN"]) .header #nav .nav-flyout-panel:not([hidden]) {
    display: block;
    position: static;
    transform: none;
    width: 100%;
    max-height: none;
    overflow: visible;
    padding: 20px 0;
    border: 0;
    box-shadow: none;
    animation: none;
  }
}
@media (max-width: 600px) {
  .hero { height: auto; min-height: 0; background: var(--white); color: var(--ink); }
  .hero .hero-photo { height: 200px; object-position: center 38%; }
  .hero .hero-shade { display: none; }
  .hero .hero-content {
    height: auto;
    min-height: 0;
    padding-block: 24px 32px;
    width: calc(100% - 40px);
  }
  .hero .eyebrow { color: var(--muted); margin-bottom: 12px; font-size: 12px; }
  .hero h1, html[lang="zh-CN"] .hero h1 {
    font-size: 28px;
    line-height: 1.4;
    white-space: normal;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }
  .hero .hero-promise { font-size: 17px; line-height: 1.7; margin-top: 14px; }
  .hero .hero-description {
    color: var(--muted);
    font-size: 15px;
    line-height: 1.8;
    margin-top: 10px;
  }
  .hero .hero-actions { display: grid; gap: 10px; margin-top: 22px; }
  .hero-actions .button, .hero-actions .hero-link {
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
  }
  #hero .hero-actions .hero-link {
    display: flex;
    justify-content: center;
    border: 1px solid var(--line);
    color: var(--blue);
  }
  #hero .journey-role-links { gap: 8px 18px; margin-top: 18px; }
  #hero .journey-role-links a {
    color: var(--navy);
    font-size: 14px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    border-bottom-color: var(--line);
  }
  .hero .photo-note { top: 170px; bottom: auto; inset-inline-end: 20px; }
  .section h2 { font-size: 28px; line-height: 1.45; letter-spacing: 0; }
  .section h3 { letter-spacing: 0; }
  .product-actions .button { width: 100%; }
  .journey-capability-nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .inline-player-controls { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 6px; }
  .inline-player-controls .inline-player-progress {
    flex: 1 0 100%;
    order: -1;
    height: 44px;
  }
  .inline-player-time { flex: 1; }
  .inline-player-controls button { flex: 0 0 44px; width: 44px; height: 44px; }
  .radar-axis-key { grid-template-columns: minmax(0, 1fr); }
  .guide-workmate .guide-role label { min-width: 44px; }
}