/* ==========================================================================
   suturaAI 官網共用設計系統
   canonical 來源：Projects/suturaAI/_meta/SHARED_CONTEXT.md
   排版：FIELD 47 · Play Together ／ Tsudo 字標：FIELD 08 · Playful Club
   規格：docs/superpowers/specs/2026-08-26-suturaai-focused-content-strategy-design.md
   ========================================================================== */

:root{
  /* -- canonical 品牌四色（唯一真實來源，不得以近似色取代） -- */
  --brand-navy:    #0F2942;  /* 深靛藍 */
  --brand-orange:  #E76F2A;  /* 縫線橙 */
  --brand-ivory:   #F8F4ED;  /* 象牙紗白 */
  --brand-charcoal:#2C2C2C;  /* 碳灰 */

  /* -- 由 canonical 四色推導的表面／邊框／互動色（集中管理，不散落硬編） -- */
  --surface:        var(--brand-ivory);
  --surface-raise:  color-mix(in srgb, var(--brand-ivory) 88%, #FFFFFF);
  --surface-tint:   color-mix(in srgb, var(--brand-navy) 6%, var(--brand-ivory));
  --surface-dark:   var(--brand-navy);
  --surface-dark-2: color-mix(in srgb, var(--brand-navy) 86%, #000000);
  --ink:            var(--brand-navy);
  --ink-body:       var(--brand-charcoal);
  --ink-soft:       color-mix(in srgb, var(--brand-charcoal) 72%, var(--brand-ivory));
  --ink-on-dark:    var(--brand-ivory);
  --ink-on-dark-soft: color-mix(in srgb, var(--brand-ivory) 78%, var(--brand-navy));
  --line:           color-mix(in srgb, var(--brand-navy) 16%, transparent);
  --line-strong:    color-mix(in srgb, var(--brand-navy) 34%, transparent);
  --line-on-dark:   color-mix(in srgb, var(--brand-ivory) 22%, transparent);
  --orange-hover:   color-mix(in srgb, var(--brand-orange) 88%, var(--brand-navy));
  --orange-tint:    color-mix(in srgb, var(--brand-orange) 12%, var(--brand-ivory));
  --navy-hover:     color-mix(in srgb, var(--brand-navy) 88%, #000000);

  /* -- FIELD 47 · Play Together 字型 stacks -- */
  --font-family-body:
    "Fredoka", "Huninn", -apple-system, BlinkMacSystemFont,
    "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-family-display:
    "Fredoka", "Chiron GoRound TC", "Huninn", -apple-system,
    BlinkMacSystemFont, "PingFang TC", "Noto Sans TC",
    "Microsoft JhengHei", system-ui, sans-serif;

  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --shadow-card: 0 10px 30px color-mix(in srgb, var(--brand-navy) 10%, transparent);
  --shadow-pop:  0 18px 50px color-mix(in srgb, var(--brand-navy) 18%, transparent);
  --wrap: 1160px;
}

/* ---------- base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-family-body);
  font-weight:400;
  color:var(--ink-body);
  background:var(--surface);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
h1,h2,h3{
  font-family:var(--font-family-display);
  color:var(--ink);
  margin:0;
  line-height:1.18;
  font-weight:600;
  letter-spacing:.01em;
  text-wrap:balance;
}
h1{font-size:clamp(40px,6.2vw,68px);font-weight:650;line-height:1.12}
h2{font-size:clamp(28px,4vw,44px)}
h3{font-size:21px}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
code,pre,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
:focus-visible{outline:3px solid var(--brand-navy);outline-offset:3px;border-radius:4px}
.on-dark :focus-visible,.on-dark:focus-visible{outline-color:var(--brand-orange)}
::selection{background:var(--brand-orange);color:var(--brand-navy)}

/* Skip link：平時移出視窗，鍵盤 focus 時滑入左上角（保持可見焦點） */
.skip-link{
  position:absolute;left:12px;top:10px;z-index:100;
  background:var(--brand-navy);color:var(--brand-ivory);
  padding:10px 18px;border-radius:999px;font-weight:600;font-size:15px;
  transform:translateY(-300%);transition:transform .15s ease;
}
.skip-link:focus{transform:none}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
@media (min-width:768px){.wrap{padding:0 40px}}
.section{padding:88px 0}
@media (max-width:767px){.section{padding:64px 0}}
.section-tint{background:var(--surface-tint)}
.on-dark{background:var(--surface-dark);color:var(--ink-on-dark-soft)}
.on-dark h1,.on-dark h2,.on-dark h3{color:var(--ink-on-dark)}

/* 縫線意象：品牌裝飾（虛線＝縫線） */
.stitch{
  display:inline-block;width:56px;height:0;
  border-top:3px dashed var(--brand-orange);
  border-radius:2px;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-family-body);
  font-size:14px;font-weight:600;letter-spacing:.14em;
  color:var(--ink);text-transform:uppercase;
}
.eyebrow::before{content:"";width:26px;border-top:3px dashed var(--brand-orange)}
.on-dark .eyebrow{color:var(--brand-orange)}

.section-head{max-width:720px;margin-bottom:44px;display:grid;gap:14px}
.section-head .lead{color:var(--ink-soft);font-size:18px}
.on-dark .lead{color:var(--ink-on-dark-soft)}

/* ---------- 按鈕 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:12px 26px;border-radius:999px;
  font-family:var(--font-family-body);font-size:17px;font-weight:600;
  transition:transform .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
  border:2px solid transparent;
}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-primary{background:var(--brand-navy);color:var(--brand-ivory)}
.btn-primary:hover{background:var(--brand-orange);color:var(--brand-navy);box-shadow:var(--shadow-card)}
.btn-secondary{border-color:var(--line-strong);color:var(--ink)}
.btn-secondary:hover{border-color:var(--brand-navy);background:var(--surface-raise)}
.on-dark .btn-primary{background:var(--brand-orange);color:var(--brand-navy)}
.on-dark .btn-primary:hover{background:var(--brand-ivory);color:var(--brand-navy)}
.on-dark .btn-secondary{border-color:var(--line-on-dark);color:var(--ink-on-dark)}
.on-dark .btn-secondary:hover{border-color:var(--brand-ivory)}
.link-quiet{
  font-weight:600;color:var(--ink);
  text-decoration:underline;text-decoration-style:dashed;
  text-decoration-color:var(--brand-orange);text-underline-offset:6px;text-decoration-thickness:2px;
}
.link-quiet:hover{text-decoration-style:solid;text-decoration-thickness:3px;background:var(--orange-tint)}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb, var(--brand-ivory) 90%, transparent);
  backdrop-filter:saturate(150%) blur(12px);
  -webkit-backdrop-filter:saturate(150%) blur(12px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}
.brand-suturaai{height:30px;width:auto;display:block}
.brand-divider{width:1px;height:26px;background:var(--line-strong)}
.brand-product{
  font-family:var(--font-family-body);font-weight:600;font-size:15px;letter-spacing:.08em;
  color:var(--brand-ivory);background:var(--brand-navy);
  padding:3px 12px;border-radius:999px;
}
.site-nav{display:flex;align-items:center;gap:28px}
.site-nav a{font-size:15.5px;font-weight:500;color:var(--ink);opacity:.82;transition:opacity .15s,color .15s}
/* hover 維持深靛藍文字（AA），以縫線橙虛線底線作強調（裝飾，不承載文字對比） */
.site-nav a:hover{opacity:1;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:var(--brand-orange);text-underline-offset:8px;text-decoration-thickness:2px}
.site-nav .btn{min-height:44px;padding:8px 20px;font-size:15.5px;opacity:1}
.site-nav a.btn-primary{color:var(--brand-ivory)}
.site-nav a.btn-primary:hover{color:var(--brand-navy)}
.nav-toggle{display:none;width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line-strong);align-items:center;justify-content:center}
.nav-toggle svg{display:block}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .site-nav{
    display:none;position:absolute;top:76px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:4px;
    background:var(--brand-ivory);border-bottom:1px solid var(--line);
    padding:12px 24px 20px;box-shadow:var(--shadow-card);
  }
  .site-nav.open{display:flex}
  .site-nav a{padding:12px 4px;font-size:17px}
  .site-nav .btn{margin-top:8px}
}

/* ---------- FIELD 08 · Playful Club — Tsudo 產品字標 ----------
   固定字標「Tsudo · 湊咖」：兩個獨立 text run、baseline 對齊、gap 0.34em、nowrap。
   Header／Footer 尺寸固定 24／12 px（--lockup-size 控制整體、副標 0.5em 比例不可破壞）。 */
.tsudo-lockup{
  display:inline-flex;align-items:baseline;gap:.34em;
  white-space:nowrap;font-size:var(--lockup-size,24px);line-height:1;
}
.lockup-en{
  font-family:"Coiny", var(--font-family-body);
  font-weight:400;font-size:1em;letter-spacing:-0.045em;
  color:var(--brand-orange);
}
.lockup-zh{
  font-family:"Huninn", var(--font-family-body);
  font-weight:400;font-size:0.5em;letter-spacing:0.08em;
  color:var(--brand-navy);
}
.on-dark .lockup-zh{color:var(--brand-ivory)}

/* ---------- 卡片 ---------- */
.card{
  background:var(--surface-raise);
  border:1.5px solid var(--line);
  border-radius:var(--radius-lg);
  padding:30px 28px;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:var(--line-strong)}
.card h3{margin-bottom:10px}
.card p{color:var(--ink-soft);font-size:16px}
.card-stitched{border-style:dashed;border-width:2px;border-color:color-mix(in srgb, var(--brand-orange) 45%, transparent)}
.card-num{
  font-family:var(--font-family-display);
  font-size:15px;font-weight:600;color:var(--brand-navy);
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  border:2px dashed var(--brand-orange);margin-bottom:16px;
}

/* ---------- 產品畫面框（真實截圖） ---------- */
.shot{
  border-radius:var(--radius-md);
  border:1.5px solid var(--line-strong);
  overflow:hidden;background:var(--brand-navy);
  box-shadow:var(--shadow-pop);
}
.shot img{width:100%;height:auto;aspect-ratio:1600/1000;object-fit:cover}
.shot-bar{display:flex;gap:6px;padding:10px 14px;background:var(--surface-dark-2)}
.shot-bar i{width:10px;height:10px;border-radius:50%;background:var(--line-on-dark)}
.shot-bar i:first-child{background:var(--brand-orange)}
.shot-caption{
  margin-top:12px;font-size:14px;color:var(--ink-soft);
  display:flex;align-items:center;gap:8px;
}
.shot-caption::before{content:"";width:18px;border-top:3px dashed var(--brand-orange)}

/* ---------- 動效 ---------- */
/* 進場動效只在 JS 可用（html.js）時啟用，無 JS 時內容直接可見 */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease, transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.js .reveal{opacity:1;transform:none}}

/* ---------- Footer ---------- */
.site-footer{padding:56px 0 44px}
.footer-grid{display:grid;gap:32px;align-items:start}
@media (min-width:768px){.footer-grid{grid-template-columns:1.4fr 1fr auto}}
.footer-logo{height:34px;width:auto}
.footer-note{font-size:14.5px;color:var(--ink-on-dark-soft);margin-top:14px;max-width:420px}
.footer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px}
.footer-list a{color:var(--ink-on-dark);text-decoration:underline;text-decoration-color:var(--line-on-dark);text-underline-offset:4px}
.footer-list a:hover{text-decoration-color:var(--brand-orange);color:var(--brand-orange)}
.footer-legal{margin-top:40px;padding-top:22px;border-top:1px dashed var(--line-on-dark);font-size:13.5px;color:var(--ink-on-dark-soft);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}

/* ==========================================================================
   FIELD 04 · Precise Meetup — Tsudo Business 頁面 scope
   只套用於 /tsudo（body.tsudo-business-page），不影響 /workflow 或其他頁面。
   規格：docs/superpowers/specs/2026-08-26-tsudo-business-anonymization-and-b2b-visual-design.md §5
   ========================================================================== */
body.tsudo-business-page{
  --font-family-display:
    "Geist", "Chiron Hei HK", -apple-system, BlinkMacSystemFont,
    "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;
  --font-family-body:
    "Geist", "Noto Sans TC", -apple-system, BlinkMacSystemFont,
    "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;

  --brand-navy:   #0F2942;
  --brand-slate:  #607994;
  --brand-orange: #E76F2A;
  --brand-ivory:  #FFFFFF;

  --surface:        #E7EDF3;
  --surface-raise:  #FFFFFF;
  --surface-tint:   color-mix(in srgb, var(--brand-slate) 10%, var(--surface));
  --surface-dark:   var(--brand-navy);
  --surface-dark-2: color-mix(in srgb, var(--brand-navy) 86%, #000000);

  --ink:              var(--brand-navy);
  --ink-body:         var(--brand-navy);
  --ink-soft:         color-mix(in srgb, var(--brand-navy) 55%, var(--brand-slate));
  --ink-on-dark:      var(--brand-ivory);
  --ink-on-dark-soft: color-mix(in srgb, var(--brand-ivory) 78%, var(--brand-navy));

  --line:         color-mix(in srgb, var(--brand-slate) 30%, transparent);
  --line-strong:  color-mix(in srgb, var(--brand-slate) 55%, transparent);
  --line-on-dark: color-mix(in srgb, var(--brand-ivory) 22%, transparent);

  --orange-hover: color-mix(in srgb, var(--brand-orange) 88%, var(--brand-navy));
  --orange-tint:  color-mix(in srgb, var(--brand-orange) 12%, var(--surface));
  --navy-hover:   color-mix(in srgb, var(--brand-navy) 88%, #000000);
}

/* ==========================================================================
   Tsudo Business 手機 Header 與 A 案「克制專業」動效
   只套用於 body.tsudo-business-page；/workflow 與其他頁面不受影響。
   規格：docs/superpowers/specs/2026-08-27-tsudo-mobile-header-and-professional-motion-design.md
   ========================================================================== */
body.tsudo-business-page{
  /* motion tokens（fast 160–200ms／reveal 480–650ms／drift 16–20s，平順 deceleration） */
  --motion-fast: 180ms;
  --motion-reveal: 560ms;
  --motion-drift: 18s;
  --motion-ease: cubic-bezier(.22,.61,.36,1);
  /* 橘色亮框 tokens：細緻 edge＋低透明 halo，橙色只做聚焦不做底色 */
  --glow-edge:      color-mix(in srgb, var(--brand-orange) 46%, transparent);
  --glow-edge-soft: color-mix(in srgb, var(--brand-orange) 28%, transparent);
  --glow-halo:      color-mix(in srgb, var(--brand-orange) 15%, transparent);
  --glow-halo-soft: color-mix(in srgb, var(--brand-orange) 8%, transparent);
}

/* ---------- 手機 Header：safe area 只由 Header 外框承接（一般 Safari 為 0 不加空白） ---------- */
.tsudo-business-page .site-header{
  padding-top:env(safe-area-inset-top);
  background:linear-gradient(100deg,rgba(247,249,251,.6) 0%,rgba(227,234,241,.36) 100%);
  backdrop-filter:saturate(140%) blur(26px);
  -webkit-backdrop-filter:saturate(140%) blur(26px);
}
/* toggle 任何時候不得被 brand 壓縮或推出畫面；Business pill 永不換行 */
.tsudo-business-page .nav-toggle{flex:none}
.tsudo-business-page .brand-product{white-space:nowrap}

/* 行動 menu 依 Header 實際外框展開，不寫死 76px、不重複計算 safe-area */
@media (max-width:900px){
  .tsudo-business-page .site-nav{top:100%}
}

/* 371–520px：單列緊湊品牌（完整 suturaAI＋Tsudo Business） */
@media (max-width:520px){
  .tsudo-business-page .header-inner{height:68px;padding:0 16px;gap:10px}
  .tsudo-business-page .brand{gap:8px}
  .tsudo-business-page .brand-suturaai{height:22px}
  .tsudo-business-page .brand-divider{height:18px}
  .tsudo-business-page .site-header .tsudo-lockup{--lockup-size:20px}
  .tsudo-business-page .brand-product{font-size:12px;padding:3px 8px;white-space:nowrap}
  .tsudo-business-page .nav-toggle{flex:none;width:44px;height:44px}
}

/* 320–370px：priority collapse — 視覺隱藏 wordmark／divider；
   完整身分仍由 .brand 的 aria-label（Tsudo Business — 由 suturaAI 打造…）保留 */
@media (max-width:370px){
  .tsudo-business-page .header-inner{height:64px}
  .tsudo-business-page .brand-suturaai,
  .tsudo-business-page .brand-divider{display:none}
}

/* ---------- Hero 一次性入場 stagger（僅 html.js；no-JS 內容直接可見） ---------- */
@keyframes tsudo-hero-in{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
.js .tsudo-business-page .hero .eyebrow{animation:tsudo-hero-in var(--motion-reveal) var(--motion-ease) 0ms backwards}
.js .tsudo-business-page .hero h1{animation:tsudo-hero-in var(--motion-reveal) var(--motion-ease) 90ms backwards}
.js .tsudo-business-page .hero .sub{animation:tsudo-hero-in var(--motion-reveal) var(--motion-ease) 180ms backwards}
.js .tsudo-business-page .hero .hero-ctas{animation:tsudo-hero-in var(--motion-reveal) var(--motion-ease) 270ms backwards}
.js .tsudo-business-page .hero-visual{animation:tsudo-hero-in var(--motion-reveal) var(--motion-ease) 360ms backwards}

/* Hero shot 首次載入的一次性柔和斜向高光掃過；結束即靜止 */
.tsudo-business-page .hero .shot{position:relative}
.js .tsudo-business-page .hero .shot::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, #FFFFFF 16%, transparent) 50%, transparent 60%);
  transform:translateX(-130%);
  animation:tsudo-hero-sweep 900ms var(--motion-ease) 700ms 1 both;
}
@keyframes tsudo-hero-sweep{
  from{transform:translateX(-130%)}
  to{transform:translateX(130%)}
}

/* Hero 縫線裝飾：16–20 秒極慢低幅度漂移（只動 transform，無 opacity 閃爍） */
@keyframes tsudo-stitch-drift{
  from{transform:translate3d(0,0,0) rotate(0deg)}
  to{transform:translate3d(-12px,10px,0) rotate(6deg)}
}
.tsudo-business-page .hero-deco{animation:tsudo-stitch-drift var(--motion-drift) ease-in-out infinite alternate}

/* ---------- 產品圖橘色細亮框：常駐 1px 內緣＋低透明外暈；Hero 稍亮 ---------- */
.tsudo-business-page .shot{
  box-shadow:
    inset 0 0 0 1px var(--glow-edge-soft),
    0 0 0 1px var(--glow-halo),
    0 10px 26px var(--glow-halo-soft),
    var(--shadow-pop);
  transition:box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);
}
.tsudo-business-page .hero .shot{
  box-shadow:
    inset 0 0 0 1px var(--glow-edge),
    0 0 0 1px var(--glow-halo),
    0 12px 30px var(--glow-halo),
    var(--shadow-pop);
}
@media (hover:hover){
  .tsudo-business-page .shot:hover{
    transform:translateY(-2px);
    box-shadow:
      inset 0 0 0 1px var(--glow-edge),
      0 0 0 1px var(--glow-halo),
      0 14px 34px var(--glow-halo),
      var(--shadow-pop);
  }
}

/* ---------- 卡片亮框：方案卡常駐極細 edge；journey／audience 只在互動時顯示；
   problem cards 保留 dashed stitch、不疊加強光暈；上浮最多 2px ---------- */
.tsudo-business-page .card:hover{transform:translateY(-2px)}
.tsudo-business-page .plan-card{
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-orange) 18%, transparent);
}
.tsudo-business-page .card:not(.card-stitched):hover,
.tsudo-business-page .card:not(.card-stitched):focus-within{border-color:var(--glow-edge)}
.tsudo-business-page .plan-card:hover,
.tsudo-business-page .plan-card:focus-within{
  box-shadow:inset 0 0 0 1px var(--glow-edge), var(--shadow-card);
}

/* ---------- Buttons：primary 短暫低半徑橘 shadow；secondary 橘色 edge（不改大面積底色） ---------- */
.tsudo-business-page .btn-primary:hover{box-shadow:0 4px 14px color-mix(in srgb, var(--brand-orange) 32%, transparent)}
.tsudo-business-page .btn-secondary:hover{border-color:var(--brand-orange);background:var(--surface-raise)}

/* ---------- 同 grid reveal 以 80ms 錯落（60–90ms 規格內） ---------- */
.js .tsudo-business-page .reveal{transition:opacity var(--motion-reveal) var(--motion-ease), transform var(--motion-reveal) var(--motion-ease)}
.js .tsudo-business-page :is(.grid-3,.grid-4,.plan-grid,.trust-grid,.evidence-grid) > .reveal:nth-child(2){transition-delay:80ms}
.js .tsudo-business-page :is(.grid-3,.grid-4,.plan-grid,.trust-grid,.evidence-grid) > .reveal:nth-child(3){transition-delay:160ms}
.js .tsudo-business-page :is(.grid-3,.grid-4,.plan-grid,.trust-grid,.evidence-grid) > .reveal:nth-child(4){transition-delay:240ms}
.js .tsudo-business-page :is(.grid-3,.grid-4,.plan-grid,.trust-grid,.evidence-grid) > .reveal:nth-child(5){transition-delay:320ms}

/* ---------- Reduced motion：停止位移／旋轉／sweep／stagger／hover 上浮；
   內容立即可見；靜態橘色細框保留（非動態效果） ---------- */
@media (prefers-reduced-motion: reduce){
  .tsudo-business-page .hero-deco,
  .js .tsudo-business-page .hero .eyebrow,
  .js .tsudo-business-page .hero h1,
  .js .tsudo-business-page .hero .sub,
  .js .tsudo-business-page .hero .hero-ctas,
  .js .tsudo-business-page .hero-visual,
  .js .tsudo-business-page .hero .shot::after{animation:none}
  .tsudo-business-page .shot:hover,
  .tsudo-business-page .card:hover{transform:none}
  .js .tsudo-business-page :is(.grid-3,.grid-4,.plan-grid,.trust-grid,.evidence-grid) > .reveal:nth-child(n){transition-delay:0ms}
}