/* Evidence in motion — website design system, October 2026. */
:root { --ink:#202020; --muted:#666460; --teal:#a83b19; --line:#e7e3df; --soft:#f7f4f1; --mint:#f4b18e; --night:#181818; --ease:cubic-bezier(.22,1,.36,1); }
html { scroll-padding-top:100px; }
body { font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.container { width:min(1408px,calc(100% - 128px)); }
a,button,summary { -webkit-tap-highlight-color:transparent; }
:where(a,button,summary):focus-visible { outline:2px solid #a83b19; outline-offset:5px; }
[hidden] { display:none !important; }
.section { padding-block:100px; }
.header-inner { min-height:80px; gap:24px; }
.brand { font-size:21px; letter-spacing:-.05em; }
.header-cta { border-radius:100px; font-size:13px; }
.header-login { font-size:13px; }
.nav-panel { border-radius:0 0 20px 20px; padding:32px; }
.nav-panel-feature { border-radius:12px; }
.page-home .site-header { color:#faf7f5; background:var(--night); border-bottom:1px solid #ffffff14; }
.page-home .brand small { color:#b9b1ac; }
.page-home .nav-trigger,.page-home .header-login { color:#f6f2ee; }
.page-home .nav-trigger:hover,.page-home .nav-trigger[aria-expanded="true"] { background:#ffffff0d; color:var(--mint); }
.page-home .header-cta { background:var(--mint); color:var(--night); }
.page-home .header-cta:hover { background:#ffd6bf; }
.button { border-radius:100px; min-height:54px; font-size:14px; font-weight:600; }
.section-top { margin-bottom:42px; font-size:11px; letter-spacing:.05em; }
.section-index { display:block; margin-bottom:24px; color:var(--teal); font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.15em; }
.experience-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:42px; }
.experience-heading h2 { margin:0; font-size:clamp(36px,4vw,60px); font-weight:650; letter-spacing:-.045em; line-height:1.25; }
.experience-heading > p { max-width:370px; margin-bottom:6px; color:var(--muted); font-size:15px; }
.experience-hero { position:relative; isolation:isolate; overflow:hidden; background:var(--night); color:#faf7f5; }
.experience-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse 35% 60% at var(--glow-x,73%) var(--glow-y,45%),#a33e1422,transparent 85%); pointer-events:none; }
.experience-hero-grid { position:relative; display:grid; grid-template-columns:1.35fr 1fr; min-height:590px; align-items:center; }
.experience-hero-copy { position:relative; z-index:2; padding-block:76px 68px; }
.experience-hero h1 { margin:0 0 30px; font-family:"Songti SC","Noto Serif CJK SC",STSong,serif; font-size:clamp(42px,4.7vw,72px); font-weight:500; line-height:1.3; letter-spacing:-.065em; white-space:nowrap; }
.experience-hero-copy > p { color:#c7bbb3; font-size:17px; line-height:1.9; }
.experience-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.experience-button { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; min-height:56px; padding:0 26px; border:1px solid var(--mint); border-radius:100px; background:var(--mint); color:var(--night); font-size:14px; font-weight:600; transition:background .25s,transform .35s var(--ease),box-shadow .35s; }
.experience-button:hover { transform:translateY(-3px); background:#ffdbc7; box-shadow:0 6px 24px #08171025; }
.experience-button svg { transition:transform .3s var(--ease); }
.experience-button:hover svg { transform:translateX(4px); }
.experience-button--outline { background:transparent; color:#f4e6de; border-color:#a57c68; }
.experience-button--outline:hover { background:#ffffff09; }
.experience-hero-copy .experience-hero-note { margin:22px 0 0; font-size:11px; color:#c4b4aa; }
.recognition-art { position:relative; width:115%; aspect-ratio:1; margin-left:-4%; transform:perspective(1000px) rotateX(var(--art-x,0deg)) rotateY(var(--art-y,0deg)); transform-style:preserve-3d; will-change:transform; }
.recognition-sculpture { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; mask-image:radial-gradient(ellipse at center,#000 46%,transparent 74%); }
.recognition-orbits { position:absolute; inset:1%; width:98%; height:98%; fill:none; stroke:#f4b18e4d; stroke-width:.65; transform:rotate(var(--orbit-turn,0deg)); }
.recognition-orbits ellipse:last-of-type { stroke:#f4b18e26; }
.recognition-orbits circle { stroke-dasharray:1 9; opacity:.45; }
.recognition-node { position:absolute; display:flex; align-items:center; gap:10px; padding:8px 17px; border:1px solid #e4ab8a6b; border-radius:100px; background:#181818d9; color:#f0dacf; font-size:12px; letter-spacing:.05em; }
.recognition-node i { width:5px; height:5px; border-radius:50%; background:var(--mint); box-shadow:0 0 12px 4px #f4b18e36; }
.recognition-node--mention { top:20%; left:3%; }
.recognition-node--fact { top:40%; right:0; }
.recognition-node--source { bottom:17%; right:14%; }
.experience-hero-rail { position:relative; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ffffff25; padding-block:25px 30px; }
.experience-hero-rail a { display:flex; align-items:center; gap:18px; color:#c6b7ae; font-size:12px; }
.experience-hero-rail a > span { font:13px ui-monospace,monospace; color:var(--mint); }
.experience-hero-rail a svg { width:15px; margin-left:18px; opacity:0; transition:opacity .2s; }
.experience-hero-rail a:hover { color:var(--mint); }
.experience-hero-rail a:hover svg { opacity:1; }
.signal-section { padding-block:100px 80px; scroll-margin-top:110px; }
.signal-disclosure { display:flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--muted); font-size:11px; }
.signal-dot { display:inline-block; width:6px; height:6px; flex:0 0 6px; background:#c67850; border-radius:50%; }
.signal-workspace { border:1px solid var(--line); border-radius:4px; overflow:hidden; }
.signal-tabs { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.signal-tabs button { display:flex; align-items:center; gap:18px; min-height:88px; padding:20px 28px; border:0; border-right:1px solid var(--line); color:var(--muted); background:#fff; text-align:left; cursor:pointer; }
.signal-tabs button:last-child { border-right:0; }
.signal-tabs button > span { color:var(--teal); font:14px ui-monospace,monospace; }
.signal-tabs strong { display:block; color:var(--ink); font-size:16px; font-weight:600; }
.signal-tabs small { display:block; margin-top:5px; font-size:11px; }
.signal-tabs button svg { margin-left:auto; width:16px; opacity:.4; }
.signal-tabs button:hover { background:#faf7f4; }
.signal-tabs button[aria-selected="true"] { background:#faf1e9; box-shadow:inset 0 -2px var(--teal); }
.signal-panel { display:grid; grid-template-columns:1.25fr 1fr; min-height:442px; }
.signal-transcript,.signal-facts,.signal-task { min-width:0; padding:35px 42px; }
.signal-speaker { display:flex; align-items:center; gap:12px; color:var(--muted); font-size:11px; }
.signal-speaker > span { display:grid; place-items:center; width:27px; height:27px; background:#f3e9e1; color:var(--teal); border-radius:50%; font:11px ui-monospace,monospace; }
.signal-speaker small { margin-left:auto; font-size:10px; }
.signal-question { margin:12px 0 28px 39px; padding:12px 18px; color:var(--ink); background:#f6f4f2; border-radius:4px; font-size:15px; }
.signal-answer { margin:12px 0 0 39px; font-size:15px; line-height:1.95; }
.signal-answer p { margin-bottom:14px; }
.signal-highlight { display:inline; padding:2px 4px; border:0; border-bottom:1px solid #c78c65; border-radius:2px; background:#f7e1d2; color:#793415; font:inherit; cursor:pointer; transition:background .2s; }
.signal-highlight:hover,.signal-highlight[aria-pressed="true"] { background:#f3c5a8; }
.signal-highlight--warning { background:#fae6d4; border-color:#ba9069; color:#774521; }
.signal-highlight--warning:hover,.signal-highlight--warning[aria-pressed="true"] { background:#f3cbaa; }
.signal-answer .signal-transcript-note { margin-top:20px; color:var(--muted); font-size:11px; }
.signal-evidence { display:flex; flex-direction:column; padding:35px 42px; border-left:1px solid var(--line); }
.signal-evidence .section-index { margin-bottom:10px; font-size:10px; }
.signal-evidence h3 { margin-bottom:22px; font-size:23px; font-weight:600; line-height:1.45; }
.signal-evidence > p { color:var(--muted); font-size:14px; }
.signal-evidence-rows { margin-bottom:20px; }
.signal-evidence-rows button { display:flex; align-items:center; gap:12px; width:100%; padding:14px 0; border:0; border-top:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; font-size:13px; cursor:pointer; }
.signal-evidence-rows button > b { margin-left:auto; font-weight:500; }
.signal-evidence-rows button svg { width:14px; opacity:.4; }
.signal-evidence-rows button[aria-pressed="true"] > span { color:var(--teal); font-weight:650; }
.signal-state { color:#8e411e; font-size:12px; white-space:nowrap; }
.signal-state--warning { color:#94602e; }
.signal-state--muted { color:#716a65; }
.signal-explanation { min-height:105px; padding:14px 16px; background:#f7f4f1; border-left:2px solid #ca9373; }
.signal-explanation strong { font-size:12px; font-weight:600; }
.signal-explanation p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.7; }
.signal-next { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; padding:0; border:0; background:transparent; color:var(--teal); font-size:13px; font-weight:600; cursor:pointer; }
.signal-next svg { width:17px; transition:transform .25s; }
.signal-next:hover svg { transform:translateX(4px); }
.signal-footnote { display:flex; justify-content:space-between; gap:20px; padding-top:18px; color:var(--muted); font-size:11px; }
.signal-footnote a { display:flex; gap:12px; color:var(--teal); }
.signal-footnote svg { width:14px; height:14px; }
.signal-facts h3,.signal-task h3 { margin:18px 0 30px; font-size:30px; line-height:1.45; }
.signal-fact-row { display:grid; grid-template-columns:130px 1fr auto; align-items:start; gap:12px; padding:18px 0; border-top:1px solid var(--line); font-size:13px; }
.signal-fact-row p { margin:0; color:var(--muted); font-size:12px; }
.signal-fact-row b { font-weight:500; }
.signal-task > p { color:var(--muted); font-size:15px; }
.signal-task-flow { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:38px; font-size:12px; }
.signal-task-flow svg { width:14px; color:#b69886; }
.signal-task-status { display:flex; align-items:center; gap:8px; margin-top:28px; font-size:12px; color:var(--muted); }
.signal-reset { align-self:flex-start; margin-top:20px; padding:0; border:0; background:none; color:var(--muted); font-size:11px; cursor:pointer; text-decoration:underline; text-underline-offset:5px; }
.experience-method { background:#faf8f6; padding-block:80px; }
.experience-method-grid { display:grid; grid-template-columns:1fr 1.55fr; gap:80px; }
.experience-method h2 { margin:0 0 25px; font-size:clamp(38px,3.8vw,56px); line-height:1.28; font-weight:600; }
.experience-method p { color:var(--muted); font-size:14px; }
.experience-method-list { padding:0; margin:0; list-style:none; }
.experience-method-list li { border-top:1px solid #e4ded8; }
.experience-method-list li:last-child { border-bottom:1px solid #e4ded8; }
.experience-method-list a { display:grid; grid-template-columns:40px 1fr 24px; align-items:center; gap:20px; padding:25px 8px; transition:padding .35s var(--ease),background .2s; }
.experience-method-list a:hover { padding-left:20px; background:#f4e9e1; }
.experience-method-list a > span { color:var(--teal); font:13px ui-monospace,monospace; }
.experience-method-list h3 { margin:0 0 6px; font-size:20px; font-weight:600; }
.experience-method-list p { margin:0; font-size:12px; }
.experience-method-list svg { width:18px; color:var(--teal); }
.product-gallery { background:#f6f2ee; }
.product-gallery-intro { max-width:none; margin:0 0 32px; display:grid; grid-template-columns:1.3fr 1fr; gap:50px; text-align:left; align-items:end; }
.product-gallery-intro h2 { font-size:clamp(34px,3.5vw,52px); margin:0; font-weight:650; }
.product-gallery-intro p { font-size:13px; }
.product-screen-tabs { border-radius:100px; padding:4px; background:#e8e0da; border:0; }
.product-screen-tabs button { border-radius:100px; font-size:12px; }
.product-screen-tabs button[aria-selected="true"] { background:#fff; color:#8a3515; box-shadow:0 2px 8px #4d271110; }
.product-shots figure { gap:45px; }
.shot-frame { border:1px solid #dfd5ce; border-radius:8px; width:min(100%,840px); box-shadow:0 12px 45px #4a261117; }
.shot-frame img { image-rendering:auto; cursor:default; user-select:none; -webkit-user-drag:none; }
.product-shots figcaption h3 { font-size:32px; font-weight:600; }
.product-shots .screen-headline { font-size:18px; }
.product-gallery-note { text-align:left; font-size:11px; }
.experience-data { padding-block:100px; }
.experience-data-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.experience-data-grid article { border-top:1px solid var(--line); padding-top:26px; }
.experience-data-grid article > span { color:var(--muted); font-size:13px; }
.experience-data-grid strong { display:block; margin-top:24px; font-size:clamp(74px,8vw,112px); font-weight:500; line-height:1.1; letter-spacing:-.06em; font-variant-numeric:tabular-nums; }
.experience-data-grid strong small { margin-left:10px; font-size:30px; }
.experience-data-grid article > p { margin:12px 0 28px; color:var(--muted); font-size:12px; }
.data-baseline { display:flex; justify-content:space-between; gap:10px; padding:16px 0; border-top:3px solid #d9a181; color:var(--muted); font-size:11px; }
.data-question-bar { height:3px; margin-bottom:49px; background:#efe9e4; }
.data-question-bar i { display:block; height:100%; width:76%; background:#a83b19; }
.experience-source { margin:30px 0 0; font-size:11px; color:var(--muted); }
.experience-source a { text-decoration:underline; text-underline-offset:3px; }
.platform-preview { padding-block:80px; background:#faf8f6; }
.platform-preview-grid { gap:65px; }
.platform-preview-grid h2 { font-size:clamp(34px,3vw,46px); font-weight:600; }
.platform-preview-grid p { font-size:13px; }
.platform-preview-board { padding:28px; background:white; border:1px solid #e6ded8; border-radius:6px; box-shadow:none; }
.platform-preview-board strong { font-size:13px; }
.experience-principles { padding-block:110px; color:#f8f2ed; background:var(--night); }
.experience-principles .section-index { color:#caa48e; }
.experience-principles h2 { margin:0 0 62px; font-family:"Songti SC",STSong,serif; font-size:clamp(38px,4.5vw,64px); font-weight:500; line-height:1.3; }
.experience-principle-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:38px; }
.experience-principle-grid article { padding-top:22px; border-top:1px solid #ffffff30; }
.experience-principle-grid article > span { font:11px ui-monospace,monospace; color:#cca68f; }
.experience-principle-grid h3 { margin:30px 0 13px; color:var(--mint); font-size:20px; font-weight:500; }
.experience-principle-grid p { margin:0; color:#c5b6ac; font-size:13px; }
.experience-team-links { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.experience-team-links a { display:grid; grid-template-columns:1fr 24px; gap:25px; padding:24px 0; border-top:1px solid var(--line); }
.experience-team-links a > span { grid-column:1/-1; color:var(--teal); font:11px ui-monospace,monospace; }
.experience-team-links h3 { font-size:21px; font-weight:600; }
.experience-team-links p { color:var(--muted); font-size:13px; }
.experience-team-links a:hover h3 { color:var(--teal); }
.faq-section { border-top:1px solid var(--line); }
.faq-grid { grid-template-columns:1fr 1.5fr; gap:70px; }
.faq-grid h2 { font-size:clamp(33px,3.2vw,46px); font-weight:600; }
.faq-list summary { font-size:17px; font-weight:550; }
.faq-list details p { font-size:14px; }
.experience-contact { padding-block:90px; background:var(--night); color:var(--mint); }
.experience-contact > .container { display:grid; grid-template-columns:1.4fr 1fr; gap:80px; align-items:center; }
.experience-contact .section-index { color:#c7a591; }
.experience-contact h2 { margin:0; font-size:clamp(36px,4.2vw,62px); font-weight:500; line-height:1.3; }
.experience-contact p { color:#ccb9ac; font-size:15px; margin-bottom:30px; }
.experience-phone { display:block; margin-top:22px; color:#cfb9aa; font:12px ui-monospace,monospace; letter-spacing:.06em; }
.site-footer { padding-top:54px; background:#fff; }
.footer-main { padding-bottom:44px; }
.footer-main p { font-size:12px; color:var(--muted); }
.footer-links { font-size:12px; }
.footer-bottom { font-size:10px; }
.page-hero h1 { font-size:clamp(40px,4.8vw,68px); font-weight:600; }
.page-hero > p { max-width:760px; font-size:17px; }
.cta-band { background:var(--night); }
.cta-inner h2 { color:var(--mint); font-weight:500; }
.cta-inner p { color:#c4b5a9; }
.button--light { color:#000; background:var(--mint); border-color:var(--mint); }
.experience-panel-enter { animation:panel-enter .4s var(--ease) both; }
@keyframes panel-enter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media (max-width:1100px) {
  .container { width:calc(100% - 72px); }
  .experience-hero-grid { min-height:540px; grid-template-columns:1.4fr 1fr; }
  .experience-hero h1 { font-size:clamp(38px,4.7vw,58px); }
  .experience-hero-copy > p { font-size:15px; }
  .recognition-art { width:125%; margin-left:-15%; }
  .signal-tabs button { padding:20px; gap:12px; }
  .signal-tabs small { font-size:10px; }
  .signal-transcript,.signal-facts,.signal-task,.signal-evidence { padding:30px; }
  .signal-fact-row { grid-template-columns:110px 1fr; }
  .signal-fact-row b { grid-column:2; }
  .experience-principle-grid { gap:25px; }
}
@media (max-width:800px) {
  .container { width:calc(100% - 48px); }
  .header-inner { min-height:72px; }
  .page-home .menu-toggle { color:var(--mint); }
  .page-home .menu-toggle span { background:var(--mint); }
  .section { padding-block:70px; }
  .experience-hero-grid { grid-template-columns:1fr; min-height:auto; }
  .experience-hero-copy { padding-block:58px 0; }
  .experience-hero h1 { font-size:clamp(35px,5.8vw,52px); white-space:normal; }
  .experience-hero-copy > p { font-size:15px; }
  .recognition-art { width:min(100%,440px); margin:-35px auto -15px; z-index:-1; }
  .experience-hero-rail { padding-block:20px; }
  .experience-hero-rail a { gap:10px; font-size:10px; }
  .experience-hero-rail a svg { display:none; }
  .experience-heading { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:30px; }
  .experience-heading h2 { font-size:40px; }
  .experience-heading > p { font-size:13px; }
  .section-index { margin-bottom:18px; font-size:10px; }
  .signal-section { padding-block:65px; }
  .signal-tabs button { gap:8px; padding:16px 12px; min-height:70px; }
  .signal-tabs strong { font-size:13px; }
  .signal-tabs button > span { font-size:11px; }
  .signal-tabs small,.signal-tabs svg { display:none; }
  .signal-panel { grid-template-columns:1fr; min-height:0; }
  .signal-transcript,.signal-facts,.signal-task { padding:25px; }
  .signal-evidence { padding:25px; border-left:0; border-top:1px solid var(--line); }
  .signal-speaker small { font-size:9px; }
  .signal-answer { margin-left:0; font-size:14px; }
  .signal-question { margin-left:0; font-size:14px; }
  .signal-evidence-rows { margin-bottom:15px; }
  .signal-explanation { min-height:0; }
  .signal-footnote { flex-direction:column; gap:12px; font-size:10px; }
  .signal-disclosure { font-size:10px; line-height:1.7; }
  .experience-method { padding-block:65px; }
  .experience-method-grid,.experience-contact > .container { grid-template-columns:1fr; gap:38px; }
  .experience-method h2 { font-size:40px; }
  .experience-method-list a { padding:22px 0; gap:10px; }
  .experience-method-list h3 { font-size:18px; }
  .product-gallery-intro { display:block; }
  .product-gallery-intro h2 { font-size:36px; margin-bottom:20px; }
  .product-gallery-intro p { font-size:13px; }
  .experience-data { padding-block:65px; }
  .experience-data-grid { gap:30px; }
  .experience-data-grid strong { font-size:68px; }
  .experience-data-grid strong small { margin-left:5px; font-size:22px; }
  .data-baseline { flex-direction:column; font-size:10px; }
  .experience-source { font-size:10px; }
  .experience-principles { padding-block:70px; }
  .experience-principles h2 { margin-bottom:40px; font-size:44px; }
  .experience-principle-grid { grid-template-columns:1fr 1fr; gap:35px 25px; }
  .experience-principle-grid h3 { margin-top:20px; font-size:18px; }
  .experience-principle-grid p { font-size:12px; }
  .experience-team-links { grid-template-columns:1fr; gap:0; }
  .experience-team-links a { grid-template-columns:25px 1fr 24px; align-items:center; gap:15px; }
  .experience-team-links a > span { grid-column:auto; }
  .experience-team-links h3 { margin-bottom:8px; font-size:20px; }
  .experience-team-links p { margin-bottom:0; font-size:12px; }
  .faq-grid { grid-template-columns:1fr; gap:30px; }
  .experience-contact { padding-block:65px; }
  .experience-contact h2 { font-size:40px; }
  .experience-contact p { font-size:14px; }
}
@media (max-width:480px) {
  .container { width:calc(100% - 40px); }
  .experience-hero h1 { font-size:clamp(29px,7.8vw,37px); letter-spacing:-.055em; }
  .experience-hero-copy { padding-top:44px; }
  .experience-actions { gap:10px; margin-top:25px; }
  .experience-button { min-height:48px; padding-inline:18px; gap:16px; font-size:12px; }
  .experience-hero-copy .experience-hero-note { font-size:10px; }
  .recognition-art { margin-top:-15px; margin-bottom:0; }
  .desktop-break { display:none; }
  .experience-heading h2 { font-size:34px; }
  .signal-tabs button { flex-direction:column; align-items:flex-start; gap:6px; padding:12px; }
  .signal-transcript,.signal-facts,.signal-task,.signal-evidence { padding:20px; }
  .signal-fact-row { grid-template-columns:100px 1fr; gap:8px; font-size:12px; }
  .signal-facts h3,.signal-task h3 { font-size:25px; }
  .experience-data-grid { grid-template-columns:1fr; gap:35px; }
  .experience-data-grid strong { font-size:88px; }
  .experience-data-grid article > p { margin-bottom:20px; }
  .data-baseline { flex-direction:row; font-size:9px; }
  .data-question-bar { margin-bottom:15px; }
  .experience-principles h2 { font-size:36px; }
  .experience-contact h2 { font-size:34px; }
}
@media (prefers-reduced-motion:reduce) {
  .recognition-art { transform:none !important; will-change:auto; }
  .recognition-orbits { transform:none !important; }
  .experience-panel-enter { animation:none; }
}

.brand-icon { position:relative; display:block; flex:0 0 43px; width:43px; height:43px; overflow:hidden; }
.brand-icon img { position:absolute; width:84px; height:84px; max-width:none; left:-20px; top:-10px; }
.page-home .site-header { color:var(--ink); background:#fff; border-color:#e7e3df; }
.page-home .brand small { color:var(--muted); }
.page-home .nav-trigger,.page-home .header-login { color:var(--ink); }
.page-home .nav-trigger:hover,.page-home .nav-trigger[aria-expanded="true"] { color:var(--teal); background:#faf1e9; }
.page-home .menu-toggle span { background:var(--ink); }
.shot-frame img { width:100%; max-width:100%; height:auto; aspect-ratio:auto; object-fit:contain; margin-left:0; pointer-events:none; }
.nav-panel { background:#1b1b1b; border-color:#4d4139; }
.nav-panel-heading span,.nav-panel-feature > span:first-child { color:#eab795; }
.nav-panel-heading { border-color:#49403a; }
.nav-panel-heading p,.nav-panel-link span,.nav-column-label { color:#b5a59b; }
.nav-panel-link:hover,.nav-panel-link:focus-visible,.nav-panel-link[aria-current="page"] { background:#332922; }
.nav-panel-feature { background:radial-gradient(circle at 100% 0,#593720,#29231f 70%); border-color:#795038; }
.nav-panel-feature p { color:#c8b3a3; }
.nav-feature-arrow { color:#f4b18e; }
.screen-state { color:var(--teal); }
.site-footer,.brand--footer { color:var(--ink); }
.brand--footer small,.footer-links a { color:#666460; }
.footer-links a:hover { color:var(--teal); }
.footer-bottom { color:#686460; border-color:var(--line); }
.page-inner .page-hero h1 { text-wrap:balance; }
.page-inner .example-disclosure { background:#faf3ed; border-color:#c99170; }
@media (max-width:800px) { .page-inner .page-hero h1 { font-size:clamp(32px,8.5vw,44px); } }
@view-transition { navigation:auto; }
@media (prefers-reduced-motion:no-preference) {
  ::view-transition-old(root) { animation:page-out .12s ease both; }
  ::view-transition-new(root) { animation:page-in .22s ease both; }
}
@keyframes page-out { to { opacity:0; } }
@keyframes page-in { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) {
  ::view-transition-old(root),::view-transition-new(root) { animation:none !important; }
}
/* Final art bounding and brand motion pass. */
.recognition-art { width:100%; margin-left:0; }
.reading-progress { background:linear-gradient(90deg,#a83b19,#f34b13); }
.header-cta:hover,.button--primary:hover { background:#8f3014; }
.page-home .header-cta:hover { background:#ffd6bf; }
.button--outline:hover { background:#faf1e9; }
@media (max-width:800px) { .recognition-art { width:min(100%,440px); margin:-35px auto -15px; } }
@media (max-width:480px) { .recognition-art { margin-top:-15px; margin-bottom:0; } }
.experience-hero h1 > span { color:var(--mint); }
.experience-button { font-size:15px; }
.header-cta { font-size:14px; }
@media (max-width:480px) { .experience-button { font-size:14px; } }
.recognition-particles { position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; mask-image:radial-gradient(ellipse at center,#000 46%,transparent 74%); }
.has-particles .recognition-particles { opacity:1; }
.has-particles .recognition-sculpture { visibility:visible; }

/* Live product illustrations: white surfaces, readable type, native disclosure controls. */
.product-shots figure { grid-template-columns:1fr; gap:26px; }
.product-shots figcaption { display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:12px 32px; padding:20px 0 0; border-left:0; border-top:1px solid #ded8d2; align-items:start; }
.product-shots figcaption .screen-state { grid-column:1; }
.product-shots figcaption h3 { grid-column:1; grid-row:2; margin:0; font-size:25px; }
.product-shots figcaption .screen-headline { grid-column:2; grid-row:1 / span 2; margin:0; font-size:17px; }
.product-shots figcaption ul { grid-column:3; grid-row:1 / span 2; margin:0; }
.product-shots figcaption .screen-link { grid-column:2; }
.workbench { --wb-orange:#ed4b15; color:#202628; background:#fff; border:1px solid #ddd8d3; border-radius:14px; overflow:hidden; box-shadow:0 22px 65px #3423160b; text-align:left; width:100%; }
.wb-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 25px; border-bottom:1px solid #eeece9; }
.wb-brand { display:flex; gap:12px; align-items:center; font-size:20px; }
.wb-demo { font-size:12px; color:#6f7375; }
.wb-shell { display:grid; grid-template-columns:140px minmax(0,1fr); }
.wb-sidebar { background:#f7f7f6; border-right:1px solid #eeece9; padding:30px 19px; display:flex; flex-direction:column; gap:14px; color:var(--wb-orange); font-size:14px; }
.wb-sidebar small { color:#757b7e; line-height:1.8; font-size:12px; margin-top:20px; }
.wb-main { padding:28px; min-width:0; }
.wb-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:25px; }
.wb-heading h3 { margin:0 0 6px; font-size:28px; line-height:1.25; letter-spacing:-.5px; }
.wb-heading p { margin:0; color:#6c7479; font-size:14px; }
.wb-project { font-size:12px; color:#787c7e; white-space:nowrap; }
.workbench h4 { margin:0 0 6px; font-size:17px; line-height:1.5; font-weight:650; }
.wb-hint { font-size:12px; color:#757b7e; margin:0 0 20px; }
.wb-metrics { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e8e7e4; border-radius:9px; margin-bottom:22px; }
.wb-metrics>div { padding:18px 20px; border-right:1px solid #e8e7e4; }
.wb-metrics>div:last-child { border:0; }
.wb-metrics span { display:block; font-size:12px; color:#6d7478; }
.wb-metrics strong { display:block; font-size:34px; line-height:1.3; font-variant-numeric:tabular-nums; margin-top:5px; font-weight:600; }
.wb-analysis { display:grid; grid-template-columns:1.25fr 1fr; gap:25px; }
.wb-distribution,.wb-evidence { min-width:0; }
.workbench summary { cursor:pointer; list-style:none; }
.workbench summary::-webkit-details-marker { display:none; }
.workbench summary:focus-visible { outline:2px solid var(--wb-orange); outline-offset:4px; border-radius:4px; }
.wb-bar-detail summary { display:grid; grid-template-columns:92px minmax(0,1fr) 24px; gap:10px; align-items:center; padding:10px 0; font-size:13px; }
.wb-bar-track svg { display:block; width:100%; height:10px; }
.wb-bar-track .mention { fill:var(--wb-orange); }.wb-bar-track .absent { fill:#a4a9b1; }.wb-bar-track .failed { fill:#e8aa42; }
.wb-bar-detail p { font-size:13px; color:#626a6d; line-height:1.75; margin:5px 0 12px; padding:12px; border-left:2px solid #efb699; background:#fcf7f3; }
.wb-rate { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; padding-top:17px; border-top:1px solid #e8e7e4; font-size:13px; }
.wb-rate strong { color:var(--wb-orange); font-size:28px; text-align:right; font-variant-numeric:tabular-nums; }
.wb-rate small { display:block; font-size:11px; color:#7b8185; font-weight:400; margin-top:3px; }
.wb-evidence>div { display:flex; gap:12px; align-items:flex-start; padding:15px 0; border-bottom:1px solid #eeece9; }
.wb-evidence p { margin:0; font-size:14px; }
.wb-evidence small { display:block; color:#7b8185; font-size:12px; margin-top:5px; }
.wb-status { flex-shrink:0; font-size:11px; padding:4px 8px; border-radius:5px; font-weight:550; white-space:nowrap; }
.wb-status.good { background:#e9f5ee; color:#246d45; }.wb-status.warn { background:#fff1da; color:#8c5c06; }.wb-status.neutral { background:#f0f1f3; color:#68727c; }
.wb-answer { margin-top:25px; border-top:1px solid #e8e7e4; border-bottom:1px solid #e8e7e4; }
.wb-answer summary { display:flex; justify-content:space-between; padding:17px 0; font-size:14px; font-weight:550; }
.wb-answer[open] summary>span:last-child { transform:rotate(45deg); }
.wb-answer-content { padding:5px 0 20px; }
.wb-kicker { display:block; color:#a65232; font-size:11px; margin-bottom:10px; }
.wb-answer blockquote { margin:16px 0; padding:16px; background:#f7f7f6; border-left:2px solid #efb699; font-size:15px; line-height:1.8; }
.wb-answer-content p,.wb-fact-body p { font-size:14px; line-height:1.8; margin:0 0 12px; color:#596266; }
.workbench a { font-size:13px; color:#ae3c18; }
.wb-foot { margin:22px 0 0; color:#7a8083; font-size:11px; line-height:1.7; }
.wb-knowledge { display:grid; grid-template-columns:1.4fr 1fr; gap:25px; }
.wb-fact { border-bottom:1px solid #e8e7e4; }
.wb-fact summary { display:flex; gap:14px; justify-content:space-between; align-items:center; padding:17px 0; }
.wb-fact summary strong { display:block; font-size:14px; font-weight:550; }
.wb-fact summary small { display:block; font-size:12px; color:#7a8083; margin-top:5px; }
.wb-fact[open] summary { color:#b7421a; }
.wb-fact-body { padding:4px 0 20px; }
.wb-fact-body>strong { display:block; font-size:13px; font-weight:550; color:#9e481e; line-height:1.8; padding-left:12px; border-left:2px solid #edb38f; }
.wb-principle { background:#faf6f2; padding:24px; border-radius:8px; }
.wb-principle h4 { font-size:25px; line-height:1.5; }
.wb-principle p,.wb-principle ol { font-size:13px; color:#6c7479; line-height:1.8; }
.wb-principle ol { padding-left:20px; margin:18px 0; }.wb-principle li { padding:5px 0; }
.detail-overview-grid { grid-template-columns:1fr; gap:35px; }
.detail-overview-grid>div { max-width:760px; }
.detail-screen img { width:auto; } /* Brand image uses the same official emblem framing. */
.detail-screen .brand-icon img { width:84px; }
@media (max-width:900px) {
 .wb-shell { grid-template-columns:1fr; }.wb-sidebar { display:none; }
 .wb-main { padding:24px; }.wb-project { display:none; }
}
@media (max-width:600px) {
 .wb-top { padding:15px; flex-wrap:wrap; gap:6px; }.wb-brand { font-size:18px; }.wb-demo { font-size:11px; }
 .wb-brand .brand-icon { transform:scale(.8); transform-origin:left center; margin-right:-6px; }
 .wb-main { padding:20px 16px; }.wb-heading { margin-bottom:20px; }.wb-heading h3 { font-size:25px; }
 .wb-heading p { font-size:13px; line-height:1.7; }
 .wb-metrics { grid-template-columns:repeat(2,1fr); }.wb-metrics>div { padding:14px 16px; }
 .wb-metrics>div:nth-child(2) { border-right:0; }.wb-metrics>div:nth-child(-n+2) { border-bottom:1px solid #e8e7e4; }
 .wb-metrics strong { font-size:30px; }
 .wb-analysis,.wb-knowledge { grid-template-columns:1fr; gap:28px; }
 .wb-bar-detail summary { grid-template-columns:84px minmax(0,1fr) 20px; gap:8px; }
 .wb-evidence { padding-top:20px; border-top:1px solid #e8e7e4; }
 .wb-answer summary { font-size:13px; gap:12px; }.wb-answer-content h4 { font-size:16px; }
 .wb-principle { padding:20px; }.wb-principle h4 br { display:none; }
 .product-shots figcaption { display:block; padding-top:20px; }.product-shots figcaption h3 { margin:12px 0; }
 .product-shots figcaption .screen-headline { margin:12px 0; }.product-shots figcaption ul { margin-bottom:16px; }
 .wb-fact summary { gap:8px; }.wb-fact summary strong { font-size:14px; }.wb-fact summary small { font-size:11px; }
 .workbench { border-radius:10px; }.wb-foot { font-size:11px; }
}
.wb-heading-phrase { display:inline-block; white-space:nowrap; }
.wb-fact summary { display:grid; grid-template-columns:minmax(0,1fr) auto 14px; }
.wb-bar-detail summary { grid-template-columns:92px minmax(0,1fr) 24px 14px; }
.wb-fact summary>svg,.wb-bar-detail summary>svg,.wb-answer summary>svg { width:14px; height:14px; color:#7a8083; transition:transform .18s ease; }
.wb-fact[open]>summary>svg,.wb-bar-detail[open]>summary>svg,.wb-answer[open]>summary>svg { transform:rotate(180deg); }
.wb-principle { align-self:start; }
@media(max-width:600px) { .wb-bar-detail summary { grid-template-columns:84px minmax(0,1fr) 20px 12px; gap:6px; } }
@media(prefers-reduced-motion:reduce) { .workbench summary>svg { transition:none; } }

.registered-mark { display:inline-block; font-family:Arial,sans-serif; font-size:.48em; font-weight:400; line-height:1; vertical-align:super; margin-left:.2em; letter-spacing:0; }
.brand .registered-mark { font-size:10px; }
.wb-brand .registered-mark { font-size:10px; }
.signal-case-context { display:flex; align-items:center; gap:22px; padding:20px 30px; border-bottom:1px solid var(--line); background:#fcfaf8; }
.signal-case-context>span,.signal-case-context small { font-size:11px; color:var(--muted); }
.signal-case-context strong { font-size:15px; font-weight:550; }
.signal-case-context small { margin-left:auto; white-space:nowrap; }
.signal-panel { scroll-margin-top:100px; }
.signal-panel:focus { outline:none; }
.signal-panel:focus-visible { outline:2px solid #c67049; outline-offset:-2px; }
.signal-takeaway { display:flex; gap:28px; align-items:center; padding:20px 30px; border-top:1px solid var(--line); background:#fcfaf8; }
.signal-takeaway>span { font-size:12px; color:#a74823; white-space:nowrap; }
.signal-takeaway p { font-size:13px; margin:0; color:#586265; line-height:1.8; }
a,button,summary { -webkit-tap-highlight-color:#ed4b1520; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #bb4a20; outline-offset:4px; }
@media(max-width:800px) {
 .signal-case-context { padding:18px 22px; flex-wrap:wrap; gap:7px; }
 .signal-case-context>span { width:100%; }.signal-case-context strong { font-size:14px; line-height:1.8; }
 .signal-case-context small { margin:0; width:100%; }
 .signal-takeaway { padding:18px 22px; display:block; }.signal-takeaway p { margin-top:8px; }
 .signal-next,.signal-reset { min-height:44px; }
 .signal-tabs button { min-height:62px; }
 .footer-links a { min-height:44px; display:inline-flex; align-items:center; }
 .experience-hero-copy>p { max-width:480px; }
 .experience-hero-copy .experience-hero-note { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
[data-signal-demo]:not(.signal-ready) .signal-tabs { display:none; }
[data-signal-demo]:not(.signal-ready) .signal-panel { border-bottom:1px solid var(--line); }
@media(max-width:800px) { .experience-hero-copy > p .desktop-break { display:block; } }