/* generated by strata: tokens, layout and no-JS / no-GPU fallback for "Ytan site". Regenerate with `strata emit`. */
:root {
  color-scheme: light dark;
  --strata-ground: #003049;
  --strata-ink-0: #f77f00;
  --strata-ink-1: #fcbf49;
  --strata-on-ground: #ffffff;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --strata-ground: #e6f4fe;
  --strata-ink-0: #f77f00;
  --strata-ink-1: #d62828;
  --strata-on-ground: #0b0b0f;
  }
}
:root[data-theme="dark"] {
  --strata-ground: #003049;
  --strata-ink-0: #f77f00;
  --strata-ink-1: #fcbf49;
  --strata-on-ground: #ffffff;
}
:root[data-theme="light"] {
  --strata-ground: #e6f4fe;
  --strata-ink-0: #f77f00;
  --strata-ink-1: #d62828;
  --strata-on-ground: #0b0b0f;
}
strata-bg:not([mode="contain"]){position:fixed;inset:0;z-index:-1;display:block;pointer-events:none}

.strata-section{position:relative;isolation:isolate}
.strata-still{position:absolute;inset:0;z-index:-1;margin:0;transition:opacity .5s ease}
.strata-still img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.strata-content{position:relative}
.strata-section[data-strata-section="hero"]{background:linear-gradient(180deg,#223648 0%,#2b3a47 20%,#3f4b49 40%,#203d49 60%,#063149 80%,#073149 100%)}
.strata-section[data-strata-section="looks"]{background:linear-gradient(180deg,#0a3249 0%,#083149 20%,#053149 40%,#063149 60%,#0a3249 80%,#0b3148 100%)}
.strata-section[data-strata-section="curve"]{background:linear-gradient(180deg,#093147 0%,#063047 20%,#063047 40%,#063047 60%,#063047 80%,#063047 100%)}
.strata-section[data-strata-section="agents"]{background:linear-gradient(180deg,#063047 0%,#063047 20%,#083147 40%,#073047 60%,#063047 80%,#063047 100%)}
.strata-section[data-strata-section="speed"]{background:linear-gradient(180deg,#063047 0%,#063047 20%,#063047 40%,#053046 60%,#053046 80%,#063047 100%)}
.strata-section[data-strata-section="pricing"]{background:linear-gradient(180deg,#063047 0%,#063047 20%,#093147 40%,#063047 60%,#063047 80%,#093147 100%)}
.strata-section[data-strata-section="end"]{background:linear-gradient(180deg,#0b3247 0%,#183848 20%,#083249 40%,#053149 60%,#073149 80%,#073149 100%)}
strata-bg.strata-fallback{background:image-set(url(poster.avif) type("image/avif"),url(poster.webp) type("image/webp")) 50% 0/cover no-repeat,linear-gradient(180deg,#223648 0%,#2b3a47 20%,#3f4b49 40%,#203d49 60%,#063149 80%,#073149 100%)}
@media (prefers-color-scheme:light){
.strata-section[data-strata-section="hero"]{background:linear-gradient(180deg,#e2deb8 0%,#e2d7ac 20%,#e5bbaf 40%,#e5d9d6 60%,#e5f0f1 80%,#e5eff0 100%)}
.strata-section[data-strata-section="looks"]{background:linear-gradient(180deg,#e5eeef 0%,#e5efee 20%,#e5f1f4 40%,#e5f0f1 60%,#e5eee9 80%,#e5efed 100%)}
.strata-section[data-strata-section="curve"]{background:linear-gradient(180deg,#e6f1f4 0%,#e6f3fa 20%,#e7f3fb 40%,#e7f3fb 60%,#e7f3fb 80%,#e7f3fb 100%)}
.strata-section[data-strata-section="agents"]{background:linear-gradient(180deg,#e7f3fb 0%,#e6f3fa 20%,#e6f1f7 40%,#e6f2fa 60%,#e7f3fb 80%,#e7f3fb 100%)}
.strata-section[data-strata-section="speed"]{background:linear-gradient(180deg,#e7f3fb 0%,#e7f3fb 20%,#e7f3fb 40%,#e7f4fc 60%,#e7f3fc 80%,#e7f3fb 100%)}
.strata-section[data-strata-section="pricing"]{background:linear-gradient(180deg,#e7f3fb 0%,#e6f2f9 20%,#e5f1f6 40%,#e6f2fa 60%,#e6f3fa 80%,#e5f0f6 100%)}
.strata-section[data-strata-section="end"]{background:linear-gradient(180deg,#e5f0f5 0%,#e6e5e1 20%,#e5efef 40%,#e5f0f2 60%,#e5efee 80%,#e5efed 100%)}
strata-bg.strata-fallback{background:linear-gradient(180deg,#e2deb8 0%,#e2d7ac 20%,#e5bbaf 40%,#e5d9d6 60%,#e5f0f1 80%,#e5eff0 100%)}
.strata-still{display:none}
}
/* once the live canvas draws, the stills and gradients step aside */
body:has(strata-bg:is([data-state="live"],[data-state="static"])) .strata-still{opacity:0}
body:has(strata-bg:is([data-state="live"],[data-state="static"])) .strata-section{background:none}
@media print{strata-bg{display:none}.strata-still{opacity:1!important}}