/* Shared marketing system, audited against the approved company homepage.
   Load after page styles. Product illustrations keep their own UI typography. */
@font-face{font-family:Jokker;src:url("/assets/fonts/Jokker-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
:root{
  --site-font-body:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,sans-serif;
  --site-font-heading:Jokker,"Helvetica Neue",Helvetica,sans-serif;
  --site-color-ink:#1c1917;--site-color-muted:#696660;
  --site-color-paper:#fdfcfa;--site-color-band:#f7f5f2;--site-color-surface:#fff;
  --site-color-accent:#2993b8;--site-color-accent-hover:#237e9e;
  --site-palette-blue:#1b84ff;--site-palette-blue-ink:#175ca3;--site-palette-blue-soft:#eaf3ff;
  --site-palette-orange:#f58a45;--site-palette-orange-soft:#fff0e3;
  --site-palette-pink:#ff8ea4;--site-palette-pink-soft:#ffd4df;
  --site-palette-yellow:#edb91d;--site-palette-yellow-soft:#fff6d5;
  --site-palette-mint:#368f83;--site-palette-mint-soft:#eaf5ef;
  --site-palette-lavender:#8965c7;--site-palette-lavender-soft:#f2edfa;
  /* Personal Agent accent. Coral appears only inside the Personal Agent family. */
  --site-palette-coral:#ff5b41;--site-palette-coral-ink:#d63e26;--site-palette-coral-soft:#ffece7;
  --site-personal-cta-gradient:linear-gradient(180deg,#ff5b41 0%,#ff7d63 100%);
  --site-personal-cta-shadow:0 1px 1px 0 rgba(255,255,255,.28) inset,0 -1px 3px 0 rgba(150,30,10,.32) inset;
  /* Reading widths, shared with the production site's contentWidth tokens. */
  --site-width-prose:680px;--site-width-standard:870px;
  --site-header-cta-gradient:linear-gradient(180deg,#1b84ff 0%,#5ea5ff 100%);
  --site-header-cta-shadow:0 1px 1px 0 rgba(255,255,255,.28) inset,0 -1px 3px 0 rgba(11,52,130,.32) inset;
  --site-header-cta-text-shadow:0 1px 1px rgba(0,0,0,.15);
  --site-color-line:#d6d3cd;--site-color-dark:#000;
  --site-content-width:1024px;--site-gutter:24px;
  --site-section-space:125.856px;--site-section-space-tight:72px;--site-section-gap:40px;
  --site-inner-width:976px;--site-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --site-body-leading:1.65;--site-heading-leading:1.1;--site-card-space:28px;
  --site-card-outset:clamp(24px,calc((100vw - 1008px)/2),28px);
  --site-pill-size:14px;--site-pill-fill:12%;--site-pill-gap:16px;
  --site-icon-size:40px;--site-icon-radius:11px;--site-control-height:48px;
  --site-hero-size:clamp(35.28px,4.8825vw,65.52px);--site-hero-leading:.98;
  --site-shadow-card:0 1px 2px #0000000d;
  --site-hero-background:radial-gradient(ellipse at 75% 20%,#a6d4d1,transparent 55%),radial-gradient(ellipse at 55% 85%,#ffdc72,transparent 65%),linear-gradient(120deg,#ffac95,#ff8ea4 65%,#c2d8b3);
  --site-heading-size:32.4px;--site-heading-tracking:-.04em;
  --site-subheading-size:22px;--site-body-size:15px;
  --site-bento-gap:24px;--site-dark-card:#151515;--site-dark-preview:#0c0c0c;--site-dark-muted:#aaa;--site-dark-card-line:#383838;
  --site-radius-card:16px;--site-radius-button:14px;
  --site-metal-hero-surface:#fff;--site-metal-surface:#17181b;--site-metal-hover:#24262b;--site-metal-text:#fff;
  --site-metal-rim-colors:#eef3ff,#8b9bad,#e9c5ef,#80b4e1,#f5ead5,#77889b,#eef3ff;
  --site-nav-surface:rgba(253,252,250,.95);
  --site-nav-blur:28px;--site-nav-saturation:140%;
  --site-nav-border:rgba(28,25,23,.08);--site-nav-height:80px;
  --site-motion-fast:.2s;--site-motion-normal:.35s;
}
.site-v2{--paper:var(--site-color-paper);--ink:var(--site-color-ink);--line:var(--site-color-line);--accent:var(--site-color-accent);--toyo-accent:var(--site-color-accent);--toyo-accent-hover:var(--site-color-accent-hover);font-family:var(--site-font-body);font-size:var(--site-body-size)}
/* The header is a single full-bleed component, not a constrained wf-shell. */
.site-v2 .wf-footer{margin-top:0;background:var(--site-color-dark);color:#6b7280;padding:64px 0 28px;font-family:var(--site-font-body)}
.site-v2 .wf-footer .wf-shell{width:min(calc(100% - var(--site-gutter)*2),var(--site-inner-width));margin-inline:auto}
.site-v2 .wf-footer-top{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(0,1fr));gap:24px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1)}
.site-v2 .wf-footer-intro{grid-column:auto;display:flex;flex-direction:column;gap:0;padding:0;align-items:flex-start}
.site-v2 .wf-footer-intro .wf-logo{display:block;width:80px;height:25px;font-size:0;background:url('/assets/toyo-logo.svg') left center/contain no-repeat;filter:brightness(0) invert(1);margin:0 0 12px}
.site-v2 .wf-footer .wf-footer-tagline{margin:0;font-family:var(--site-font-heading);font-size:13px;line-height:1.5;max-width:250px;color:#9ca3af}
.site-v2 .wf-footer .wf-newsletter-copy{margin:24px 0 12px;font-size:12px;line-height:1.6;max-width:280px}
.site-v2 .wf-footer .wf-newsletter{width:100%;max-width:300px;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0}
.site-v2 .wf-footer .wf-newsletter input{flex:1;width:auto;min-width:0;height:36px;min-height:36px;padding:8px 12px;font-size:12px;line-height:1.4;border:1px solid #333;border-radius:8px;background:#171717;color:white}
.site-v2 .wf-footer .wf-newsletter button{height:36px;min-height:36px;padding:8px 14px;font-size:12px;line-height:1.4;border:0;border-radius:8px;flex-shrink:0;background:#fff;color:#000}
.site-v2 .wf-footer .wf-newsletter button:hover{background:#eee;color:#000}
.site-v2 .wf-footer .wf-footer-nav h2{font:10px/1.5 var(--site-font-mono);font-weight:400;text-transform:uppercase;margin:3px 0 20px;letter-spacing:.08em;color:#6b7280}
.site-v2 .wf-footer :is(p,a,input){font-weight:400}
.site-v2 .wf-footer-nav a{display:block;font-size:13px;line-height:1.6;margin-bottom:12px;text-decoration:none;color:#9ca3af}
.site-v2 .wf-footer-bottom{padding-top:24px}.site-v2 .wf-footer-review{display:none}
.site-v2 .wf-footer .wf-footer-row{font-size:12px;line-height:1.5;margin-bottom:12px;gap:16px}
.site-v2 .wf-footer .wf-footer-row:last-of-type{margin-bottom:0}
.site-v2 .wf-footer .wf-legal{gap:16px}.site-v2 .wf-footer .wf-legal :is(a,button){font:inherit;color:#6b7280;transition:color .2s ease}
.site-v2 .wf-footer .wf-footer-row>p{color:#4b5563}
.site-v2 .wf-footer .wf-badges{gap:18px;align-items:center}
.site-v2 .wf-footer .wf-badges .wf-trust-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid rgba(255,255,255,.15);border-radius:9px;font-family:var(--site-font-body);line-height:1.1;white-space:nowrap;text-decoration:none;color:#fdfcfa}
.site-v2 .wf-footer .wf-trust-chip>span{border:0;padding:0;font-size:11.5px;color:#9ca3af;border-radius:0}
.site-v2 .wf-footer .wf-trust-chip b{font-weight:600;color:#fdfcfa}
.site-v2 .wf-footer .wf-trust-chip svg{flex-shrink:0}
.site-v2 .wf-footer .wf-made-with{display:flex;align-items:center;gap:12px;color:#6b7280}
.site-v2 .wf-footer .wf-made-with p{cursor:default;font-size:12px}
.wf-love{transition:color .2s ease}.wf-made-with p:hover .wf-love{color:#ff5b41}
.wf-theme-toggle{display:flex;align-items:center;background:none;border:0;padding:4px;color:#6b7280;cursor:pointer;transition:color .2s ease,opacity .2s ease}
.wf-theme-toggle:hover,.site-v2 .wf-footer .wf-legal :is(a,button):hover{color:white}
.wf-theme-toggle:focus-visible{outline:2px solid #ff5b41;outline-offset:4px;border-radius:4px}
.wf-theme-sun{display:none}.dark .wf-theme-sun{display:block}.dark .wf-theme-moon{display:none}
html.dark{--site-color-paper:#171717;--site-color-band:#202020;--site-color-surface:#1f1f1f;--site-color-ink:#fdfcfa;--site-color-muted:#aaa;--site-color-line:#383838;--site-nav-surface:rgba(23,23,23,.95);--site-nav-border:rgba(255,255,255,.12)}
html.dark .site-v2 .toyo-site-nav img{filter:brightness(0) invert(1)}
html.dark .site-v2 .toyo-site-links>a{color:#fdfcfa}
html.dark .services-draft main>.section:not(.hero):not(#platform){background:var(--site-color-paper);color:var(--site-color-ink)}
.site-v2 .wf-legal a,.site-v2 .wf-legal button{color:#9ca3af}.site-v2 .wf-badges span{border-radius:12px;border-color:#333;color:#9ca3af}
@media(max-width:1000px){.site-v2 .wf-footer-top{grid-template-columns:repeat(4,minmax(0,1fr))}.site-v2 .wf-footer-intro{grid-column:1/-1}}
@media(max-width:680px){.site-v2 .wf-footer{padding-top:40px}.site-v2 .wf-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-bottom:32px}.site-v2 .wf-footer .wf-newsletter-copy{margin-top:20px}}
.site-v2 .toyo-site-header{position:fixed;top:0;left:0;width:100%;z-index:50;color:var(--site-color-ink);background:transparent;border:0;box-shadow:none}
.site-v2 .toyo-site-header::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--site-nav-surface);border-bottom:1px solid var(--site-nav-border);backdrop-filter:blur(var(--site-nav-blur)) saturate(var(--site-nav-saturation));-webkit-backdrop-filter:blur(var(--site-nav-blur)) saturate(var(--site-nav-saturation));opacity:1;transition:opacity var(--site-motion-normal) ease}
.site-v2 .toyo-site-nav{box-sizing:border-box;max-width:var(--site-content-width);margin:auto;min-height:var(--site-nav-height);padding:18px var(--site-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-v2 .toyo-site-nav>a:first-child{display:block;width:auto;flex-shrink:0}
.site-v2 .toyo-site-nav img{display:block;width:auto;height:28px;filter:brightness(0)}
.site-v2 .toyo-site-links{display:flex;align-items:center;gap:16px}
.site-v2 .toyo-site-links>a{font-family:var(--site-font-body);font-size:15px;line-height:21px;text-decoration:none;color:var(--site-color-ink);padding:6px 12px;border-radius:8px;transition:background var(--site-motion-fast) ease}
.site-v2 .toyo-site-links>a:hover{background:rgba(28,25,23,.06)}
.site-v2 .toyo-site-links>a.toyo-header-cta,.site-v2 .toyo-site-header.is-scrolled .toyo-site-links>a.toyo-header-cta{padding:11px 24px;background:var(--site-header-cta-gradient);border:1px solid transparent;color:white;border-radius:var(--site-radius-button);font-weight:500;box-shadow:var(--site-header-cta-shadow);text-shadow:var(--site-header-cta-text-shadow)}
.site-v2 .toyo-site-links>a.toyo-header-cta:hover,.site-v2 .toyo-site-header.is-scrolled .toyo-site-links>a.toyo-header-cta:hover{background:var(--site-header-cta-gradient);border-color:transparent;filter:brightness(1.04)}
.site-v2 .toyo-site-nav a:focus-visible{outline:2px solid var(--site-color-accent);outline-offset:4px}
.site-v2:not(.services-draft){padding-top:var(--site-nav-height)}
/* Only the homepage starts transparent over its dark hero. */
.site-v2.services-draft .toyo-site-header:not(.is-scrolled)::before{opacity:0}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-nav img{filter:brightness(0) invert(1)}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a{color:white}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-header-cta{background:transparent;border-color:white;border-width:2px;box-shadow:none;text-shadow:none}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a:hover{background:rgba(255,255,255,.25);filter:none}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta:hover{background:#fff;color:var(--site-color-ink);border-color:#fff;filter:none}
.site-v2.services-draft main>.section h2,.site-v2.services-draft :is(#recognition,#service,#examples) .section-head h2{font-family:var(--site-font-heading);font-weight:600;font-size:var(--site-heading-size);line-height:1.1;letter-spacing:var(--site-heading-tracking)}
.site-v2.services-draft .wf-button{background:var(--site-color-accent)!important;border-color:var(--site-color-accent)!important;border-radius:var(--site-radius-button)!important;color:#fff!important}
.site-v2.services-draft .wf-button:hover{background:var(--site-color-accent-hover)!important;border-color:var(--site-color-accent-hover)!important}
@media(max-width:800px){:root{--site-heading-size:25.92px}}
@media(max-width:680px){:root{--site-gutter:24px;--site-section-space:79.488px;--site-nav-height:72px;--site-card-outset:0px;--site-card-space:24px;--site-hero-size:clamp(32.76px,7.56vw,45.36px)}.site-v2 .toyo-site-nav{padding:16px var(--site-gutter);gap:14px}.site-v2 .toyo-site-links{gap:4px}.site-v2 .toyo-site-links>a{font-size:12px;padding:6px}.site-v2 .toyo-site-links>a.toyo-header-cta,.site-v2 .toyo-site-header.is-scrolled .toyo-site-links>a.toyo-header-cta{padding:8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-v2 .toyo-site-header::before,.site-v2 .toyo-site-links>a{transition:none}}

/* v1 metal experiment: preserve the solid link and static rim without WebGL. */
.site-v2 .toyo-header-metal-mount{display:inline-flex;flex-shrink:0}
.site-v2 .toyo-site-header .toyo-site-links .toyo-header-metal .toyo-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 21px;border:4px solid transparent;border-radius:999px;background:linear-gradient(var(--site-metal-surface),var(--site-metal-surface)) padding-box,conic-gradient(from var(--site-metal-angle),var(--site-metal-rim-colors)) border-box;color:var(--site-metal-text);font:700 14px/20px var(--site-font-body);text-decoration:none;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff18,0 2px 5px #00000020;transition:background var(--site-motion-fast) ease}
.site-v2 .toyo-site-header .toyo-site-links .toyo-header-metal .toyo-header-cta:hover{background:linear-gradient(var(--site-metal-hover),var(--site-metal-hover)) padding-box,conic-gradient(from var(--site-metal-angle),var(--site-metal-rim-colors)) border-box;color:var(--site-metal-text);filter:none}
.site-v2 .toyo-site-header .toyo-site-links .toyo-header-metal .toyo-header-cta:focus-visible{outline:2px solid var(--site-palette-blue);outline-offset:5px}
@media(max-width:680px){.site-v2 .toyo-site-header .toyo-site-links .toyo-header-metal .toyo-header-cta{padding:8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-v2 .toyo-site-header .toyo-site-links .toyo-header-metal .toyo-header-cta{transition:none}}

/* Before the solid navbar arrives, the CTA is a plain white pill. */
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-header-metal :is(.metal-fx-canvas,.metal-fx-inner,.metal-fx-glow-svg){visibility:hidden}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links .toyo-header-metal .toyo-header-cta,
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links .toyo-header-metal .toyo-header-cta:hover{background:var(--site-metal-hero-surface);border-color:var(--site-metal-hero-surface);border-width:4px;color:var(--site-color-ink);box-shadow:none}

@property --site-metal-angle{syntax:"<angle>";initial-value:125deg;inherits:false}
@keyframes toyo-metal-flow{from{--site-metal-angle:125deg}to{--site-metal-angle:485deg}}
.site-v2 .toyo-header-metal .toyo-header-cta{animation:toyo-metal-flow 18s linear infinite}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-header-metal .toyo-header-cta{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.site-v2 .toyo-header-metal .toyo-header-cta{animation:none}}

/* Blue navigation CTA once the navbar is visible. */
.site-v2 .toyo-site-links>a.toyo-header-cta{background:var(--site-header-cta-gradient);color:white;border:1px solid transparent;border-radius:var(--site-radius-button);font-weight:700;box-shadow:var(--site-header-cta-shadow);text-shadow:var(--site-header-cta-text-shadow)}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta,
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta:hover{background:var(--site-metal-hero-surface);color:var(--site-color-ink);border:1px solid var(--site-metal-hero-surface);font-weight:700;box-shadow:none;text-shadow:none;filter:none}

:root{--site-dark-collection:#202022}
/* Dark mode for the homepage: page canvas, white cards and the hero CTA label follow the theme. */
html.dark body.services-draft{background:var(--site-color-paper)}
html.dark .site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta{color:#1c1917}
html.dark .services-draft :is(.service-steps,.service-steps li,.platform-detail){background:var(--site-color-surface);border-color:var(--site-color-line)}
html.dark .services-draft main :is(.section-head p,.body-copy,.service-steps p,.faq details p){color:var(--site-color-muted)}
html.dark .services-draft .voice-label{color:var(--site-color-ink)}
/* Tinted pills and category labels lift in dark mode so palette text stays readable on near-black. */
html.dark .site-v2 :is(.ui-pill,.section-pill,.tpl-cap-label){filter:brightness(1.4) saturate(1.1)}
/* Mobile header: menu icon under 768px (the live-site breakpoint), links and CTA in a panel below the bar. */
.site-v2 .toyo-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;padding:0;border:0;background:none;color:var(--site-color-ink);cursor:pointer}
.site-v2 .toyo-menu-toggle .toyo-menu-close,.site-v2 .toyo-site-header.menu-open .toyo-menu-bars{display:none}
.site-v2 .toyo-site-header.menu-open .toyo-menu-close{display:inline}
.site-v2 .toyo-mobile-menu{box-sizing:border-box;max-width:var(--site-content-width);margin:auto;padding:0 var(--site-gutter) 20px;display:flex;flex-direction:column;gap:4px}
.site-v2 .toyo-mobile-menu[hidden]{display:none}
.site-v2 .toyo-mobile-menu>a{font:14px/20px var(--site-font-body);color:var(--site-color-ink);text-decoration:none;padding:12px;border-radius:8px}
.site-v2 .toyo-mobile-menu>a[aria-current]{background:color-mix(in srgb,currentColor 6%,transparent)}
.site-v2.site-v2 .toyo-site-header .toyo-mobile-menu>a.toyo-header-cta.toyo-header-cta{border:1px solid transparent;margin-top:8px;padding:14px 20px;text-align:center;font-weight:600;color:#fff;background:var(--site-header-cta-gradient);border-radius:var(--site-radius-button);box-shadow:var(--site-header-cta-shadow);text-shadow:var(--site-header-cta-text-shadow)}
.site-v2.site-v2 .toyo-site-header.menu-open.menu-open::before{opacity:1;background:var(--site-color-paper)}
.site-v2.site-v2 .toyo-site-header.menu-open.menu-open .toyo-site-nav img{filter:brightness(0)}
html.dark .site-v2.site-v2 .toyo-site-header.menu-open.menu-open .toyo-site-nav img{filter:brightness(0) invert(1)}
.site-v2 .toyo-site-header.menu-open .toyo-menu-toggle{color:var(--site-color-ink)}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled):not(.menu-open) .toyo-menu-toggle,.site-v2.tpl-overlay-header .toyo-site-header:not(.is-scrolled):not(.menu-open) .toyo-menu-toggle{color:#fff}
@media(max-width:767px){.site-v2 .toyo-site-links{display:none}.site-v2 .toyo-menu-toggle{display:inline-flex}}
@media(min-width:768px){.site-v2 .toyo-mobile-menu{display:none!important}}
/* Mobile: white copy over the pale parts of the hero gradient gets a soft shadow to stay readable. */
@media(max-width:767px){
  .services-draft :is(.hero,.closing,.systems-strip) :is(h1,h2,.lead,p,span),.site-v2.services-draft .toyo-site-header:not(.is-scrolled):not(.menu-open) .toyo-site-nav{text-shadow:0 1px 2px rgba(60,30,20,.28)}
}
/* Dark mode: homepage section dividers (1px full-bleed pseudo-elements) use the dark line token. */
html.dark .services-draft :is(main>.section,.product-row,.footer)::before{box-shadow:var(--site-section-elevation);filter:none}
html.dark .services-draft{--line:var(--site-color-line)}

/* Slack product illustration, separate from marketing colour families. */
:root{--slack-chrome:#350d36;--slack-sidebar:#f9edfa;--slack-selected:#e6d4e8;--slack-search:#ffffff24;--slack-paper:#fff;--slack-ink:#1d1c1d;--slack-muted:#616061;--slack-line:#e4e4e4;--slack-link:#1264a3;--slack-rail-ink:#f8eef8;--slack-rail-muted:#cbb9cc;--slack-green:#007a5a;--slack-red:#ff5f57;--slack-yellow:#febc2e;--slack-traffic-green:#28c840}
html.dark{--slack-chrome:#211522;--slack-sidebar:#271e29;--slack-selected:#4b3450;--slack-paper:#1a1d21;--slack-ink:#d1d2d3;--slack-muted:#ababad;--slack-line:#35373b;--slack-link:#63b5ed}

/* Surface depth follows the active theme. */
:root{--site-nav-elevation:0 3px 12px color-mix(in srgb,var(--site-color-ink) 7%,transparent);--site-section-elevation:inset 0 1px 0 var(--site-color-line),inset 0 -1px 0 var(--site-color-line)}
.site-v2 .toyo-site-header::before{box-shadow:var(--site-nav-elevation)}
.site-v2 :is(.button,.ui-button,.wf-button,.tpl-button,.wf-newsletter button){border-radius:var(--site-radius-button)!important}

/* Match the mark to the blue CTA on the light navigation surface. */
.site-v2 .toyo-site-nav>a:first-child{position:relative}
html:not(.dark) .site-v2 .toyo-site-header:is(.is-scrolled,.menu-open) .toyo-site-nav>a:first-child::after{content:"";position:absolute;inset:0;background:var(--site-header-cta-gradient);mask:url('/assets/toyo-logo-blink.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/toyo-logo-blink.svg') center/100% 100% no-repeat;clip-path:inset(0 61.4% 0 0);pointer-events:none}

/* Shared CTA typography across solid and light button treatments. */
.site-v2 :is(.button,.ui-button,.wf-button,.tpl-button),.site-v2 .toyo-site-header .toyo-site-links>a.toyo-header-cta,.site-v2 .toyo-site-header .toyo-mobile-menu>a.toyo-header-cta{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif!important;font-size:15px!important;font-weight:700!important;letter-spacing:normal!important;line-height:1.4!important}

html:not(.dark) .site-v2 .toyo-site-header:is(.is-scrolled,.menu-open) .toyo-site-nav>a:first-child>img{clip-path:inset(0 0 0 38.6%)}

/* Solid headers on editorial routes use the same single blue mark. */
html:not(.dark) .site-v2:not(.services-draft):not(.tpl-overlay-header) .toyo-site-nav>a:first-child::after{content:"";position:absolute;inset:0;background:var(--site-header-cta-gradient);mask:url("/assets/toyo-logo-blink.svg") center/100% 100% no-repeat;-webkit-mask:url("/assets/toyo-logo-blink.svg") center/100% 100% no-repeat;clip-path:inset(0 61.4% 0 0);pointer-events:none}
html:not(.dark) .site-v2:not(.services-draft):not(.tpl-overlay-header) .toyo-site-nav>a:first-child>img{clip-path:inset(0 0 0 38.6%)}



/* Shared white CTA treatment: warm charcoal and licensed SemiBold. */
:root{--site-white-button-ink:#403B38}
.site-v2.services-draft .hero .button,.site-v2.services-draft .closing .button,.site-v2 .ui-button-white,.site-v2.tpl-compare #main>section:last-of-type .wf-button{font-family:var(--site-font-heading)!important;font-weight:600!important}
.site-v2.services-draft .hero .button:not(.secondary),.site-v2.services-draft .closing .button:not(.secondary),.site-v2 .ui-button-white,.site-v2.tpl-compare #main>section:last-of-type .wf-button{color:var(--site-white-button-ink)!important}
.site-v2.services-draft .hero .button.secondary:is(:hover,:focus-visible){background:#fff;color:var(--site-white-button-ink)!important;mask:none}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta{font-family:var(--site-font-heading)!important;font-weight:600!important;color:var(--site-white-button-ink)!important}

/* Consistent tighter heading-to-copy spacing in closing CTA strips. */
.site-v2 .closing h2,.site-v2 .tpl-cta :is(h2,.ui-heading),.site-v2.tpl-compare #main>section:last-of-type h2{margin-bottom:0}
.site-v2 .closing .lead,.site-v2 .tpl-cta .ui-copy,.site-v2.tpl-compare #main>section:last-of-type h2+p{margin-top:12px}

.site-v2 .toyo-site-header .toyo-site-links>a.toyo-header-cta:is(:hover,:focus-visible),.site-v2 .toyo-site-header.is-scrolled .toyo-site-links>a.toyo-header-cta:is(:hover,:focus-visible){background:#fff;color:var(--site-white-button-ink)!important;border-color:#fff;filter:none;text-shadow:none;font-family:var(--site-font-heading)!important;font-weight:600!important}

/* Keep header geometry consistent across page templates and scroll states. */
.site-v2 .toyo-site-nav>a:first-child{width:92px}
.site-v2 .toyo-site-nav>a:first-child img{width:92px;height:auto;max-width:100%}
.site-v2 .toyo-site-header .toyo-site-links>a.toyo-header-cta{font-family:var(--site-font-heading)!important;font-weight:600!important}

@media(min-width:801px){.site-v2.services-draft #recognition .section-head h2{font-size:29px}}

/* Match the hero copy and primary CTA to the secondary CTA's soft shadow. */
.site-v2.services-draft .hero :is(h1,.lead){text-shadow:0 1px 2px #0000000d}
.site-v2.services-draft .hero .button:not(.secondary){box-shadow:0 1px 2px #0000000d}

/* Dark surfaces for testimonials and interactive example illustrations. */
html.dark .site-v2.services-draft .voice{background:var(--site-color-surface);border-color:var(--site-color-line);color:var(--site-color-ink)}
html.dark .site-v2.services-draft .voice :is(figcaption,strong,a){color:var(--site-color-muted)}
html.dark .site-v2.services-draft .examples-browser{background:var(--site-color-surface);border-color:var(--site-color-line)}
html.dark .site-v2.services-draft .examples-browser :is(.carousel-toolbar,.bouncy-example-surface){background:var(--site-color-surface);border-color:var(--site-color-line)}
html.dark .site-v2.services-draft .bouncy-example-row+.bouncy-example-row{border-color:var(--site-color-line)}
html.dark .site-v2.services-draft .example-tabs .bouncy-example-surface button{color:var(--site-color-ink)}
html.dark .site-v2.services-draft .bouncy-example-surface :is(button[aria-expanded="true"],button:hover){background:var(--site-color-band)}
html.dark .site-v2.services-draft .bouncy-example-surface p{color:var(--site-color-muted)}
html.dark .site-v2.services-draft .examples-content{
 --site-palette-mint-soft:#18352f;--site-palette-blue-soft:#192e45;--site-palette-orange-soft:#422c20;--site-palette-lavender-soft:#30283f;--site-palette-yellow-soft:#3b351c;
}
html.dark .services-draft :is(.product-reference-sidebar,.product-reference-page,.watch-app,.app-preview-shell){
 --background:#202020;--foreground:#f3f1ed;--card:#272727;--card-foreground:#f3f1ed;--sidebar:#242424;--secondary:#303030;--secondary-foreground:#f3f1ed;--border:#414141;--muted-foreground:#aaa;--sidebar-accent:#393734;--sidebar-accent-foreground:#f3f1ed;--iberico-text-primary:#f3f1ed;--iberico-text-secondary:#c2bfba;--iberico-text-subtle:#aaa;--iberico-text-muted:#aaa;--iberico-surface:#282828;--iberico-card:#272727;--iberico-border:#414141;--iberico-divider:#393939;
}
html.dark .site-v2.services-draft .examples-content :is(.slack-window,.demo-document,.demo-chat,.watch-main,.product-reference-document,.demo-row){background:var(--site-color-surface);color:var(--site-color-ink);border-color:var(--site-color-line)}
html.dark .site-v2.services-draft .examples-content :is(.watch-tabs,.watch-timeline,.watch-profile,.demo-row,.slack-channel-top,.slack-channel-tabs,.slack-composer){border-color:var(--site-color-line);color:var(--site-color-muted)}
html.dark .site-v2.services-draft .examples-content :is(.product-reference-document p,.watch-timeline p,.watch-profile p,.slack-channel-tabs b){color:var(--site-color-ink)}
html.dark .site-v2.services-draft .examples-content .slack-agent-post a{color:var(--site-palette-blue)}
html.dark .site-v2.services-draft .examples-content .app-preview-switch .selected{background:var(--card);color:var(--foreground)}

html.dark .site-v2.services-draft .examples-browser .bouncy-example-surface{background-color:var(--site-color-surface)!important}
html.dark .site-v2.services-draft .examples-browser .bouncy-example-surface:has(button[aria-expanded="true"]){background-color:var(--site-color-band)!important}
html.dark .site-v2.services-draft .examples-content .app-preview-switch>span{background:transparent;color:var(--muted-foreground)}
html.dark .site-v2.services-draft .examples-content .app-preview-switch>span:first-child{background:var(--card);color:var(--foreground)}

/* Dark header navigation remains readable in every scroll state. */
html.dark .site-v2 .toyo-site-header .toyo-site-links>a:not(.toyo-header-cta),
html.dark .site-v2 .toyo-site-header.is-scrolled .toyo-site-links>a:not(.toyo-header-cta),
html.dark .site-v2 .toyo-mobile-menu>a:not(.toyo-header-cta){color:var(--site-color-ink)}

/* Header elevation stays a shadow when the text token turns white. */
html.dark{--site-nav-elevation:0 3px 12px rgba(0,0,0,.24);--site-nav-border:rgba(255,255,255,.06)}

/* Shared text elevation for hero, navigation and closing calls to action. */
:root{--site-cta-text-shadow:0 1px 2px rgba(0,0,0,.05)}
.site-v2.services-draft .hero :is(h1,.lead),
.site-v2 .toyo-site-header .toyo-site-nav,
.site-v2 .toyo-site-header .toyo-site-links>a,
.site-v2 .toyo-mobile-menu>a,
.site-v2 .closing :is(h2,p,.button),
.site-v2 .tpl-cta :is(h2,p,.ui-heading,.ui-copy,.ui-button,.tpl-button),
.site-v2.tpl-compare #main>section:last-of-type :is(h2,p,.wf-button){text-shadow:var(--site-cta-text-shadow)!important}

.site-v2 .booking-profile{display:flex;flex-direction:column;align-items:center;gap:8px}.site-v2 .booking-profile>img{border-radius:50%;object-fit:cover;margin-bottom:8px}.site-v2 .booking-profile>strong{font-size:20px;color:var(--site-color-ink)}.site-v2 .booking-profile>p{margin:0;color:var(--site-color-muted);font-size:14px}.site-v2 .booking-profile>.ui-button{margin-top:20px}

/* Platform previews follow the site theme. */
html.dark .site-v2.services-draft #platform .platform-slack-preview{background:var(--site-color-surface);color:var(--site-color-ink)}
html.dark .site-v2.services-draft #platform .platform-slack-mini-header{color:var(--site-color-ink);border-color:var(--site-color-line)}
html.dark .site-v2.services-draft #platform .platform-slack-message p{color:var(--site-color-ink)}
html.dark .site-v2.services-draft #platform .platform-slack-mini-header span{color:var(--site-color-muted)}
html.dark .site-v2.services-draft #platform .platform-slack-message small{background:var(--site-color-band);color:var(--site-color-muted)}
html.dark .site-v2.services-draft #platform .platform-slack-links a{color:var(--site-palette-blue)}
html.dark .site-v2.services-draft #platform .app-preview-content{background:var(--background);color:var(--foreground);border-color:var(--border)}
html.dark .site-v2.services-draft #platform .app-preview-toolbar{color:var(--muted-foreground);border-color:var(--border)}
html.dark .site-v2.services-draft #platform .app-preview-toolbar>svg{border-color:var(--border)}
html.dark .site-v2.services-draft #platform .app-preview-switch>span:first-child{background:var(--card);color:var(--foreground)}
html.dark .site-v2.services-draft #platform .app-preview-bentos b{color:var(--foreground)}
html.dark .site-v2.services-draft #platform .app-preview-bentos small{color:var(--muted-foreground)}

.site-v2 .booking-profile>strong{line-height:1.2;margin:0}.site-v2 .booking-profile>strong+p{margin-top:-4px;line-height:1.4}.site-v2 .booking-profile>.booking-timezone{font-style:italic;margin-top:-6px;line-height:1.4;font-size:13px}

.site-v2 .booking-step>h2{margin:0 0 10px;text-align:center;font-size:26px;line-height:1.2}
.site-v2 .booking-step>p{margin:0 0 24px;text-align:center;font-size:15px;line-height:1.5;color:var(--site-color-muted)}
.site-v2 .booking-step>.booking-profile{margin-top:0}

.site-v2 .booking-profile>.ui-button{min-height:44px;padding:10px 22px;box-sizing:border-box;line-height:1.4}

/* Blue navigation CTAs retain their blue surface on hover. */
.site-v2 .toyo-site-header.is-scrolled .toyo-site-links>a.toyo-header-cta:is(:hover,:focus-visible),
.site-v2:not(.services-draft):not(.tpl-overlay-header) .toyo-site-header .toyo-site-links>a.toyo-header-cta:is(:hover,:focus-visible),
.site-v2.site-v2 .toyo-site-header .toyo-mobile-menu>a.toyo-header-cta.toyo-header-cta:is(:hover,:focus-visible){background:var(--site-header-cta-gradient);color:var(--site-metal-text)!important;border-color:transparent;box-shadow:var(--site-header-cta-shadow);filter:brightness(1.08)}

:root{--site-color-error:#c62828}html.dark{--site-color-error:#ff8a80}
.site-v2 .tpl-flow :is(input,select,textarea)[aria-invalid="true"]{border-color:var(--site-color-error)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--site-color-error) 14%,transparent)!important}
.site-v2 .tpl-flow .tpl-field-error{display:block;margin-top:6px;font-size:13px;font-weight:400;line-height:1.4;color:var(--site-color-error)}
.site-v2 .tpl-flow .tpl-field-error[hidden]{display:none}

/* Booking profile must override the generic scheduler and form grid. */
.site-v2.tpl-form .tpl-flow .booking-step{gap:0}
.site-v2.tpl-form .tpl-flow .booking-step>.tpl-form-title{margin:0 0 10px;text-align:center;font-size:26px;line-height:1.2}
.site-v2.tpl-form .tpl-flow .booking-step>.ui-copy{margin:0 0 24px;text-align:center;font-size:15px;line-height:1.5}
.site-v2.tpl-form .tpl-flow .booking-profile{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;padding:24px}
.site-v2.tpl-form .tpl-flow .booking-profile>strong{margin:0;font-size:20px;line-height:1.2}
.site-v2.tpl-form .tpl-flow .booking-profile>strong+p{margin-top:-4px;line-height:1.4}
.site-v2.tpl-form .tpl-flow .booking-profile>.booking-timezone{margin-top:-6px;font-size:13px;font-style:italic;line-height:1.4}
.site-v2.tpl-form .tpl-flow .booking-profile>.ui-button{align-self:center;justify-self:center;margin-top:20px;min-height:44px;padding:10px 22px;box-sizing:border-box;line-height:1.4}

.site-v2.tpl-booking-page,.site-v2.tpl-form:has(.booking-profile){background:var(--site-color-band)}

.site-v2 .booking-profile>img{width:132px;height:132px;flex-shrink:0}

.site-v2.tpl-slack .sl-jump{display:none}

/* Make the selected example distinct in dark mode. */
html.dark .site-v2.services-draft .examples-browser .bouncy-example-surface:has(button[aria-expanded="true"]){background-color:color-mix(in srgb,var(--site-color-surface) 88%,var(--site-color-ink) 12%)!important;box-shadow:none}
html.dark .site-v2.services-draft .examples-browser .bouncy-example-surface:has(button[aria-expanded="true"]) p{color:var(--site-color-ink)}

/* Lighter CTA treatment while navigation overlays the company hero. */
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta{background:color-mix(in srgb,var(--site-metal-text) 8%,transparent);color:var(--site-metal-text)!important;border:1px solid var(--site-metal-text);box-shadow:none}
.site-v2.services-draft .toyo-site-header:not(.is-scrolled) .toyo-site-links>a.toyo-header-cta:is(:hover,:focus-visible){background:var(--site-metal-text);color:var(--site-white-button-ink)!important;border-color:var(--site-metal-text);filter:none;box-shadow:none}

:root{--site-glass-white-fill:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.64) 48%,rgba(255,255,255,.76));--site-glass-white-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 2px rgba(255,255,255,.55),0 3px 10px rgba(0,0,0,.06);--site-glass-white-border:rgba(255,255,255,.72)}
.site-v2.services-draft :is(.hero,.closing) .button:not(.secondary){background:var(--site-glass-white-fill);border:1px solid var(--site-glass-white-border);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:var(--site-glass-white-shadow);color:var(--site-white-button-ink)!important;transition:filter var(--site-motion-fast),box-shadow var(--site-motion-fast)}
:root{--site-glass-white-hover-fill:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.78) 48%,rgba(255,255,255,.88))}
.site-v2.services-draft :is(.hero,.closing) .button:not(.secondary):is(:hover,:focus-visible){background:var(--site-metal-text);color:var(--site-white-button-ink)!important;filter:none;box-shadow:var(--site-shadow-card)}

html.dark .site-v2.services-draft .examples-browser .bouncy-example-surface:has(button[aria-expanded="true"])>button{background:transparent!important}

html.dark{--site-shadow-preview:0 18px 44px rgba(0,0,0,.28),0 3px 10px rgba(0,0,0,.18)}
html.dark .site-v2.services-draft .examples-content :is(.watch-app,.product-reference-document,.demo-document,.slack-window){box-shadow:var(--site-shadow-preview)!important;border-color:var(--site-color-line)!important}

:root{--site-glass-button-ink:var(--site-white-button-ink)}
.site-v2.services-draft .hero .button:not(.secondary){color:var(--site-glass-button-ink)!important}

.site-v2.services-draft .hero>.hero-layout{width:min(calc(100vw - var(--site-gutter)*2),var(--site-inner-width));max-width:var(--site-inner-width);padding-inline:0;box-sizing:border-box;justify-self:center}

.site-v2.services-draft .hero{grid-template-columns:minmax(0,1fr)}
.site-v2.services-draft .hero>.hero-layout{width:100%;min-width:0;max-width:var(--site-inner-width)}
.site-v2.services-draft .hero .hero-copy{width:100%;min-width:0}

/* Dotted handoffs carry a blue pulse through the workflow. */
.site-v2.services-draft #platform .sales-flow{gap:32px}
.site-v2.services-draft #platform .sales-flow>li{margin:0}
.site-v2.services-draft #platform .sales-flow li:not(:last-child)::before{content:"";left:calc(50% - 3px);top:calc(100% + 6px);bottom:auto;width:6px;height:24px;background:radial-gradient(circle at 3px 3px,var(--site-dark-muted) 2px,transparent 2.5px) 0 0/6px 8px repeat-y;animation:none;transform:none;opacity:.55}
.site-v2.services-draft #platform .sales-flow li:not(:last-child)::after{content:"";position:absolute;left:calc(50% - 2px);top:calc(100% + 7px);width:4px;height:4px;border-radius:50%;background:var(--site-palette-blue);opacity:0;animation:workflow-dot-flow 4s linear infinite}
.site-v2.services-draft #platform .sales-flow li:nth-child(2)::after{animation-delay:1s}
.site-v2.services-draft #platform .sales-flow li:nth-child(3)::after{animation-delay:2s}
.site-v2.services-draft #platform .sales-flow li:nth-child(4)::after{animation-delay:3s}
@keyframes workflow-dot-flow{0%,2%{opacity:0;transform:translateY(0)}4%,8%{opacity:1;transform:translateY(0)}10%,14%{opacity:1;transform:translateY(8px)}16%,20%{opacity:1;transform:translateY(16px)}23%,100%{opacity:0;transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){.site-v2.services-draft #platform .sales-flow li:not(:last-child)::after{animation:none;opacity:0}}

@media(max-width:680px){
.site-v2.services-draft .hero #hero-title{font-size:clamp(38px,10.7vw,48px);line-height:1.04}
.site-v2.services-draft .hero .hero-speed-line{display:block}
.site-v2.services-draft .hero .systems-strip{padding:20px var(--site-gutter)}
.site-v2.services-draft .hero .systems-logos{justify-content:flex-start;gap:12px 16px}
.site-v2.services-draft .hero .systems-logos>span{font-size:12px;gap:6px}
.site-v2.services-draft .hero .systems-logos img{width:20px;height:20px}
.site-v2.services-draft .hero .systems-logos>span:nth-child(6){order:8}
.site-v2.services-draft .hero .systems-logos>span:nth-child(7){order:6}
.site-v2.services-draft .hero .systems-logos>span:nth-child(8){order:9}
.site-v2.services-draft .hero .systems-logos>span:nth-child(9){order:10}
.site-v2.services-draft .hero .systems-logos>span:nth-child(10){order:11}
.site-v2.services-draft .hero .systems-logos>span:nth-child(11){order:12}
}

.site-v2.services-draft .systems-logo-row{display:contents}
@media(max-width:680px){
.site-v2.services-draft .hero .systems-logos{display:flex;flex-direction:column;align-items:center}
.site-v2.services-draft .hero .systems-logo-row{display:flex;align-items:center;gap:16px}
.site-v2.services-draft .hero .systems-logo-row>span{display:flex;align-items:center;font-size:12px;gap:6px;white-space:nowrap}
}

.voice-mobile-controls{display:none}
@media(max-width:680px){
.site-v2.services-draft .voice-loop-viewport{overflow:visible;padding-bottom:12px}
.site-v2.services-draft .voice-loop-track{width:100%;animation:none;transform:none}
.site-v2.services-draft .voice-loop-group{display:grid;width:100%;padding:0;gap:0}
.site-v2.services-draft .voice-loop-group[aria-hidden="true"]{display:none}
.site-v2.services-draft .voice-loop-group .voice{grid-area:1/1;width:100%;box-sizing:border-box;visibility:hidden;opacity:0;pointer-events:none}
.site-v2.services-draft .voice-loop-group .voice.is-mobile-active{visibility:visible;opacity:1;pointer-events:auto}
.site-v2.services-draft .voice-mobile-controls{display:flex;justify-content:center;gap:16px}
.site-v2.services-draft .voice-mobile-controls button{border:0;background:transparent;color:var(--site-color-muted);font:28px/1 var(--site-font-body);width:44px;height:44px;cursor:pointer}
.site-v2.services-draft .voice-mobile-controls button:focus-visible{outline:2px solid var(--site-color-accent);border-radius:8px}
}

@media(max-width:680px){
.site-v2.services-draft .examples-content .watch-stage{height:auto;min-height:0;max-height:none;padding:16px;display:block}
.site-v2.services-draft .examples-content .watch-stage>.watch-app{display:none}
.site-v2.services-draft .examples-content .watch-stage>.slack-window{position:relative;inset:auto;transform:none;width:100%;height:auto;max-height:none;margin:0;box-sizing:border-box}
}

@media(max-width:680px){
.site-v2.services-draft .examples-content .demo-stage:has(>.slack-window){padding:16px;height:auto;min-height:0;max-height:none;box-sizing:border-box}
.site-v2.services-draft .examples-content .demo-stage>.slack-window{position:relative;inset:auto;transform:none;width:100%;height:auto;max-height:none;margin:0;box-sizing:border-box}
}

@media(max-width:800px){
.site-v2.services-draft #platform .platform-explorer-first{gap:28px}
.site-v2.services-draft #platform .platform-explorer-first .platform-cake{padding-top:28px}
.site-v2.services-draft #platform .platform-explorer-first .platform-detail{padding-bottom:8px}
}
@media(max-width:680px){
.site-v2.services-draft #platform .platform-magnetic-layer:nth-child(n+3){padding-bottom:12px;box-sizing:border-box}
}

@media(max-width:680px){
.site-v2.services-draft :is(#service,#examples,#platform) .section-head{row-gap:12px}
.site-v2.services-draft .section-head h2+.body-copy,.site-v2.services-draft .section-head h2+p{margin-top:12px}
.site-v2.services-draft .platform-detail h3{margin-bottom:12px}
}

@media(max-width:680px){
.site-v2.services-draft #platform .sales-flow-content.sales-flow-slack{display:contents}
.site-v2.services-draft #platform .sales-flow-slack>.sales-flow-title{grid-column:2}
.site-v2.services-draft #platform .sales-flow-slack>.sales-flow-message{grid-column:1/-1;width:100%;box-sizing:border-box;margin-top:4px}
}

@media(max-width:680px){
.site-v2.services-draft .platform-app-preview .app-preview-shell .product-reference-sidebar{padding-left:10px}
}

@media(max-width:680px){
.site-v2.services-draft #start #start-title{font-size:clamp(32px,8.9vw,40px);line-height:1.08}
.site-v2.services-draft #start .lead br{display:none}
.site-v2.services-draft #start .lead br::after{content:" "}
}

.site-v2.services-draft #faq summary::after{border-left-color:var(--site-color-muted)}

.site-v2 .toyo-menu-toggle :is(.toyo-menu-bars,.toyo-menu-close){display:inline!important;transform-origin:10px 10px;transition:opacity 220ms ease,transform 280ms ease}
.site-v2 .toyo-menu-toggle .toyo-menu-close{opacity:0;transform:rotate(-45deg)}
.site-v2 .toyo-site-header.menu-open .toyo-menu-bars{opacity:0;transform:rotate(45deg)}
.site-v2 .toyo-site-header.menu-open .toyo-menu-close{opacity:1;transform:rotate(0deg)}
.site-v2 .toyo-site-header.menu-open .toyo-mobile-menu>a{animation:mobile-link-enter 280ms ease both}
.site-v2 .toyo-site-header.menu-open .toyo-mobile-menu>a:nth-child(2){animation-delay:45ms}
.site-v2 .toyo-site-header.menu-open .toyo-mobile-menu>a:nth-child(3){animation-delay:90ms}
@keyframes mobile-link-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-v2 .toyo-menu-toggle :is(.toyo-menu-bars,.toyo-menu-close){transition:none}.site-v2 .toyo-site-header.menu-open .toyo-mobile-menu>a{animation:none}}

.site-v2 .toyo-mobile-menu{overflow:hidden}
.site-v2 .toyo-site-header::before{transition:opacity 320ms cubic-bezier(.22,1,.36,1),background-color 320ms ease}
.site-v2 .toyo-menu-toggle{transition:color 320ms ease}
.site-v2 .toyo-menu-toggle :is(.toyo-menu-bars,.toyo-menu-close){transition:opacity 260ms ease,transform 320ms cubic-bezier(.22,1,.36,1)}

@media(max-width:680px){
.site-v2.services-draft #recognition .voice-loop-viewport{padding-inline:16px;box-sizing:border-box}
.site-v2.services-draft #recognition .voice .voice-insight,.site-v2.services-draft #recognition .voice blockquote{font-size:16px;line-height:1.55}
}

@media(max-width:680px){
.site-v2.services-draft .examples-content .slack-window :is(.slack-app-top,.slack-channel-tabs,.slack-date,.slack-composer),.site-v2.services-draft .examples-content .slack-channel-top>span{display:none}
.site-v2.services-draft .examples-content .slack-channel-top{padding:14px 16px 0;border:0}
.site-v2.services-draft .examples-content .slack-channel-body{padding:16px;overflow:visible}
}

@media(max-width:680px){
.site-v2.services-draft #platform .platform-magnetic-layer:nth-child(n+3){display:flex;align-items:center;justify-content:center;padding:4px 3px 10px;box-sizing:border-box}
.site-v2.services-draft #platform .platform-magnetic-layer:nth-child(n+3) .platform-magnetic-label{line-height:1.2;gap:4px}
}

@media(max-width:680px){
.site-v2.services-draft #platform .sales-flow{gap:12px}
.site-v2.services-draft #platform .sales-flow>li::before,.site-v2.services-draft #platform .sales-flow>li::after{display:none;animation:none}
.site-v2.services-draft #platform .sales-flow>li{animation:mobile-workflow-border 10s cubic-bezier(.4,0,.2,1) infinite}
.site-v2.services-draft #platform .sales-flow>li:nth-child(1){animation-delay:0s}
.site-v2.services-draft #platform .sales-flow>li:nth-child(2){animation-delay:2s}
.site-v2.services-draft #platform .sales-flow>li:nth-child(3){animation-delay:4s}
.site-v2.services-draft #platform .sales-flow>li:nth-child(4){animation-delay:6s}
.site-v2.services-draft #platform .sales-flow>li:nth-child(5){animation-delay:8s}
}
@keyframes mobile-workflow-border{0%,20%,100%{border-color:var(--site-dark-card-line)}3%,17%{border-color:var(--site-palette-blue)}}
@media(max-width:680px) and (prefers-reduced-motion:reduce){.site-v2.services-draft #platform .sales-flow>li{animation:none}}

@media(max-width:680px){
.site-v2.services-draft .platform-app-preview .app-preview-shell .product-reference-sidebar{display:none}
.site-v2.services-draft .platform-app-preview .app-preview-shell{width:100%;min-width:0;transform:none}
.site-v2.services-draft .platform-app-preview .app-preview-content{width:100%;min-width:0;min-height:0}
.site-v2.services-draft .platform-app-preview .app-preview-bentos{margin:16px}
.site-v2.services-draft .platform-app-preview .app-preview-bentos>div{white-space:normal}
}

@media(max-width:680px){.site-v2.services-draft .hero .systems-logo-row{gap:12px}}

@media(max-width:680px){
.site-v2.services-draft #recognition .voice :is(.voice-insight,blockquote){font-size:17px}
.site-v2.services-draft #recognition .voice figcaption img{width:55.66px;height:55.66px}
.site-v2.services-draft #recognition .voice figcaption strong{font-size:13.2px}
.site-v2.services-draft #recognition .voice figcaption :is(span,.voice-company-link){font-size:12.1px}
}

.site-v2 :is(.slack-preview-mention,.sales-flow-mention,.sl-mention){color:var(--site-palette-blue)!important;background:color-mix(in srgb,var(--site-palette-blue) 12%,transparent)!important;border-radius:4px;padding:1px 4px;font-weight:400}
.site-v2.services-draft .slack-agent-post ul{padding-left:0;margin-left:0;list-style:none}
@media(max-width:680px){
.site-v2.services-draft .examples-content .slack-channel-top::after{content:"";display:block;width:18px;height:18px;background:url('/assets/logos/slack-color.svg') center/contain no-repeat;flex-shrink:0}
}

@media(max-width:680px){
.site-v2.services-draft #example-insights .slack-window,.site-v2.services-draft #example-insights .product-reference-sidebar{display:none}
.site-v2.services-draft #example-insights .demo-stage{padding:16px;height:auto;min-height:0;max-height:none}
.site-v2.services-draft #example-insights .demo-stage>.product-reference-document{position:relative;inset:auto;transform:none;width:100%;height:380px;margin:0;overflow:hidden;box-sizing:border-box}
.site-v2.services-draft #example-insights .product-reference-page{width:100%;min-width:0}
}

.site-v2.services-draft .codex-titlebar>span:last-child{font-size:0;width:20px;height:20px;flex-shrink:0;background:var(--site-color-muted);mask:url('/assets/logos/openai.svg') center/contain no-repeat;-webkit-mask:url('/assets/logos/openai.svg') center/contain no-repeat}

.site-v2.services-draft .codex-thread{overflow:hidden;pointer-events:none}
.site-v2.services-draft .codex-compose{display:none}
.site-v2.services-draft .codex-titlebar{flex-shrink:0}
@media(max-width:680px){.site-v2.services-draft .codex-stage{height:auto;min-height:0;max-height:none;padding:16px}.site-v2.services-draft .codex-preview{height:480px;max-height:none}}

html:not(.dark) .site-v2.services-draft .examples-browser .bouncy-example-surface:has(button[aria-expanded="true"]){background-color:color-mix(in srgb,var(--site-color-paper) 90%,var(--site-color-muted) 10%)!important}
html:not(.dark) .site-v2.services-draft .examples-browser .bouncy-example-surface:has(button[aria-expanded="true"])>button{background:transparent!important}

.site-v2.services-draft #example-insights .demo-document-body>.micro-label{color:var(--site-color-muted);opacity:1}
.site-v2.services-draft #example-insights .customer-insight{margin:20px 0;padding:0;border:0;background:transparent}
.site-v2.services-draft #example-insights .customer-insight strong{display:block;color:var(--site-color-ink);font-size:14px;line-height:1.4}
.site-v2.services-draft #example-insights .customer-insight p{margin:8px 0 0;color:var(--site-color-muted);font-size:13px;line-height:1.5}

.site-v2.services-draft .slack-human-post{margin-bottom:12px}
.site-v2.services-draft .slack-thread-label{margin:0 0 10px 46px;font-size:11px;color:var(--site-color-muted)}
.site-v2.services-draft .slack-thread-reply{padding-top:12px;border-top:1px solid var(--site-color-line)}

/* Balance the desktop tool list after HubSpot. */
.systems-desktop-break{display:none}
@media(min-width:681px){.site-v2.services-draft .hero .systems-desktop-break{display:block;flex-basis:100%;height:0;margin-block:-5px}}

/* Customer insights is a document snapshot with its sidebar collapsed. */
.site-v2.services-draft #example-insights :is(.slack-window,.product-reference-sidebar){display:none}
.site-v2.services-draft #example-insights .product-reference-page{width:100%;min-width:0}
@media(min-width:681px){
.site-v2.services-draft #example-insights .demo-stage{padding:24px;display:flex}
.site-v2.services-draft #example-insights .demo-stage>.product-reference-document{position:relative;inset:auto;transform:none;width:100%;height:100%;margin:0;overflow:hidden;box-sizing:border-box}
}

/* Blue section labels on the permanently dark platform band. */
.site-v2.services-draft #platform .section-pill-platform{background:color-mix(in srgb,var(--site-palette-blue-ink) 75%,transparent);border-color:var(--site-palette-blue);color:var(--site-color-surface);filter:none}

.site-v2.services-draft #service{scroll-margin-top:100px}