/* Opt-in marketing primitives. Product screenshots retain their own UI styles. */
.toyo-ui{font-family:var(--site-font-body);font-size:var(--site-body-size);line-height:var(--site-body-leading);color:var(--site-color-ink);background:var(--site-color-paper)}
.toyo-ui .ui-container{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-inner-width);margin-inline:auto}
.toyo-ui .ui-section{position:relative;padding-block:var(--site-section-space);border-top:1px solid var(--site-color-line)}
.toyo-ui .ui-band{background:var(--site-color-band)}
.toyo-ui .ui-dark{background:var(--site-color-dark);color:#f5f3ef;--ui-copy-color:#b4b1ab;--ui-card-surface:#151515;--ui-card-line:#383838}
.toyo-ui :is(.ui-title,.ui-heading,.ui-card-title){font-family:var(--site-font-heading);font-weight:600;letter-spacing:var(--site-heading-tracking);color:inherit}
.toyo-ui .ui-title{font-size:var(--site-hero-size);line-height:var(--site-hero-leading);margin:0 0 14px}
.toyo-ui .ui-heading{font-size:var(--site-heading-size);line-height:var(--site-heading-leading);margin:0}
.toyo-ui .ui-card-title{font-size:var(--site-subheading-size);line-height:1.3;margin:0 0 10px}
.toyo-ui .ui-copy{font-size:var(--site-body-size);line-height:var(--site-body-leading);color:var(--ui-copy-color,var(--site-color-muted));margin:0}
.toyo-ui .ui-copy p{margin:0 0 16px}.toyo-ui .ui-copy p:last-child{margin-bottom:0}
.toyo-ui .ui-section-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--site-section-gap);align-items:start;margin-bottom:var(--site-section-gap)}
.toyo-ui .ui-pill,.toyo-ui .section-pill{display:inline-flex;align-items:center;width:fit-content;border:1px solid currentColor;border-radius:999px;padding:5px 14px;margin-bottom:var(--site-pill-gap);font:400 var(--site-pill-size)/1.4 var(--site-font-body);background:color-mix(in srgb,currentColor var(--site-pill-fill),transparent);color:var(--ui-tone,var(--site-palette-blue))}
.toyo-ui .ui-tone-blue{--ui-tone:var(--site-palette-blue);--ui-tone-soft:var(--site-palette-blue-soft)}
.toyo-ui .ui-tone-mint{--ui-tone:var(--site-palette-mint);--ui-tone-soft:var(--site-palette-mint-soft)}
.toyo-ui .ui-tone-orange{--ui-tone:var(--site-palette-orange);--ui-tone-soft:var(--site-palette-orange-soft)}
.toyo-ui .ui-tone-yellow{--ui-tone:var(--site-palette-yellow);--ui-tone-soft:var(--site-palette-yellow-soft);--ui-on-tone:var(--site-color-ink)}
.toyo-ui .ui-tone-lavender{--ui-tone:var(--site-palette-lavender);--ui-tone-soft:var(--site-palette-lavender-soft)}
.toyo-ui .ui-tone-coral{--ui-tone:var(--site-palette-coral);--ui-tone-soft:var(--site-palette-coral-soft)}
.toyo-ui .ui-dark .ui-tone-blue{--ui-tone:#8ecbff}
.toyo-ui .ui-card{padding:var(--site-card-space);border:1px solid var(--ui-card-line,var(--site-color-line));border-radius:var(--site-radius-card);background:var(--ui-card-surface,var(--site-color-paper));box-shadow:none}
.toyo-ui .ui-soft{background:var(--ui-tone-soft,var(--site-palette-blue-soft))}
.toyo-ui .ui-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.toyo-ui .ui-bleed{width:calc(100% + 2 * var(--site-card-outset));margin-left:calc(-1 * var(--site-card-outset))}
.toyo-ui .ui-icon,.toyo-ui .ui-number{display:inline-grid;place-items:center;width:var(--site-icon-size);height:var(--site-icon-size);flex-shrink:0;background:var(--ui-tone,var(--site-palette-blue));color:var(--ui-on-tone,#fff);border-radius:var(--site-icon-radius);margin-bottom:18px}
.toyo-ui .ui-icon svg{width:22px;height:22px}.toyo-ui .ui-number{border-radius:50%;font:700 15px/1 var(--site-font-mono)}
.toyo-ui .ui-tone-yellow:is(.ui-icon,.ui-number){color:var(--site-color-ink)}
.toyo-ui .ui-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.toyo-ui .ui-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--site-control-height);padding:12px 24px;border:1px solid transparent;border-radius:var(--site-radius-button);font:700 15px/1.4 var(--site-font-body);text-decoration:none;background:var(--site-header-cta-gradient);box-shadow:var(--site-header-cta-shadow);color:#fff;cursor:pointer;transition:filter var(--site-motion-fast),background var(--site-motion-fast)}
.toyo-ui .ui-button:hover{filter:brightness(1.04)}
.toyo-ui .ui-button-white{background:#fff;color:#000;border-color:#fff;box-shadow:none}
.toyo-ui .ui-button-white:hover{background:#f2f2f2;filter:none}
.toyo-ui .ui-button-outline{background:transparent;color:inherit;border:2px solid currentColor;box-shadow:none}
.toyo-ui .ui-button-outline:hover{background:color-mix(in srgb,currentColor 8%,transparent);filter:none}
.toyo-ui .ui-button:disabled,.toyo-ui .ui-button[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}
.toyo-ui :is(.ui-button,.ui-faq summary):focus-visible{outline:2px solid var(--site-palette-blue);outline-offset:4px}
.toyo-ui .ui-gradient{position:relative;isolation:isolate;overflow:hidden;background:var(--site-hero-background);color:#fff}
.toyo-ui .ui-gradient>.hero-shader{position:absolute;inset:0;width:100%;background:var(--site-hero-background);z-index:-1;pointer-events:none}
.toyo-ui .ui-gradient .ui-copy{color:#fff}.toyo-ui .ui-gradient .ui-button-outline:hover{background:#fff;color:#000}
.toyo-ui .ui-faq{border-top:1px solid var(--site-color-line);padding:20px 0}
.toyo-ui .ui-faq summary{font-weight:600;cursor:pointer}.toyo-ui .ui-faq .ui-copy{margin-top:14px}
/* Existing homepage consumes the same primitives through a narrow adapter. */
.toyo-ui.services-draft{--home-section-space:var(--site-section-space);--home-card-outset:var(--site-card-outset)}
.toyo-ui.services-draft main>.section{padding-block:var(--site-section-space)}
.toyo-ui.services-draft .hero-shader{background:var(--site-hero-background)}
.toyo-ui.services-draft .section-pill-service{--ui-tone:var(--site-palette-orange)}
.toyo-ui.services-draft .section-pill-examples{--ui-tone:var(--site-palette-lavender)}
.toyo-ui.services-draft .section-pill-platform{--ui-tone:var(--site-palette-blue-ink);background:var(--site-palette-blue-soft);border-color:var(--site-palette-blue)}
@media(max-width:800px){
}
@media(max-width:800px){.toyo-ui :is(.ui-section-head,.ui-grid){grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){.toyo-ui .ui-button{transition:none}}


/* Keep supporting prose and review notes secondary to the product examples. */
@media(max-width:800px){
}