.yf-hero { height:82.3125rem; padding-top:7.375rem; display:grid; place-items:start center; background-size:100% 100%; background-position:center top; background-repeat:no-repeat; }
.yf-hero-copy { width:max-content; min-width:68.75rem; max-width:78.125rem; display:flow-root; text-align:center; }
.yf-hero h1 { font-size:4rem; font-weight:700; color:#20262e; line-height:4.875rem; margin-top:16px; }
.yf-hero p { font-size:20px; font-weight:500; line-height:30px; color:#4b5565; margin-top:14px; }
.yf-demo { width:68.75rem; margin:50px auto 0; border-radius:16px; overflow:hidden; box-shadow:0 10px 40px 1px #1677ff2e; }
.yf-demo>img { display:block; width:100%; height:auto; }
.yf-wrap { width:min(var(--yf-reading),calc(100% - 3rem)); margin-inline:auto; }
.yf-capabilities { background:var(--yf-soft); padding:6rem 0; }
.yf-function { padding-block:3rem; border-bottom:1px solid var(--yf-line); }
.yf-function:first-child { padding-top:0; }
.yf-function:last-child { padding-bottom:0; border-bottom:0; }
.yf-function h2 { font-size:var(--yf-heading); font-weight:700; line-height:1.3; color:var(--yf-ink); }
.yf-panel { display:none; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:3rem; align-items:center; }
.yf-panel[data-view-visible] { display:grid; }
.yf-function:nth-child(even) .yf-panel { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
.yf-function:nth-child(even) .yf-panel>figure { grid-column:1; grid-row:1; }
.yf-function:nth-child(even) .yf-panel-copy { grid-column:2; grid-row:1; }
.yf-platform { padding:6rem 0; background:var(--yf-paper); }
.yf-platform h2,.yf-benefits h2,.yf-examples h2,.yf-faq h2 { text-align:center; font-size:var(--yf-heading); font-weight:700; color:var(--yf-ink); margin-bottom:3rem; line-height:1.3; }
.yf-platform ul { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; }
.yf-platform li { width:calc((100% - 4rem)/5); border:1px solid #e8e8ea; border-radius:.5rem; overflow:hidden; }
.yf-platform img { display:block; width:100%; height:auto; }
.yf-benefits { padding:6rem 0; background:var(--yf-soft); }
.yf-reason-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.yf-examples { padding:1rem 0 6rem; background:var(--yf-soft); }
.yf-scene-strip { display:flex; gap:1.5rem; overflow:auto; scrollbar-width:none; }
.yf-scene-strip::-webkit-scrollbar,.yf-panels::-webkit-scrollbar,.yf-reason-strip::-webkit-scrollbar { display:none; }
.yf-scene-strip>article { flex:0 0 calc((100% - 1.5rem)/2); }
.yf-faq { background:var(--yf-paper); padding:6rem 0; }
.yf-contact-page { display:grid; place-items:center; min-height:560px; padding:116px 20px 72px; background:#f7f9fc; text-align:center; }
.yf-contact-page h1 { color:var(--yf-ink); font-size:36px; font-weight:600; line-height:48px; }
.yf-contact-page>div>p { color:var(--yf-muted); font-size:16px; line-height:26px; margin:12px 0 30px; }
.yf-contact-page a { color:var(--yf-blue); }
.yf-contact-page ol { display:flex; justify-content:center; gap:20px; }
.yf-contact-page li { border:1px solid var(--yf-line); border-radius:8px; padding:20px; background:white; }
.yf-contact-page figure { display:flex; flex-direction:column; align-items:center; gap:12px; font-size:16px; font-weight:500; color:var(--yf-ink); }
.yf-contact-page img { width:180px; height:180px; object-fit:contain; }
body[data-page-kind="contact"] { min-height:100vh; }
@media(max-width:1280px) {
 .yf-hero { height:102.891vw; min-height:1150px; padding-top:166px; }
 .yf-hero-copy { min-width:85.9375vw; max-width:93.75vw; }
 .yf-demo { width:85.9375vw; }
}
@media(min-width:751px) { .yf-brand { align-self:flex-start; } }
@media(max-width:1000px) and (min-width:751px) { :root { --yf-heading:2rem; } .yf-panel,.yf-function:nth-child(even) .yf-panel { gap:1.5rem; } .yf-reason-strip>article { padding:1.25rem; } }
@media(max-width:750px) {
 :root { --yf-heading:1.5rem; --yf-text:.875rem; }
 .yf-mast { height:50px; padding:0; min-height:50px; }
 .yf-bar { width:100%; height:50px; min-height:50px; padding-right:50px; }
 .yf-brand { margin-inline:50px; min-height:34px; }
 .yf-brand img { width:146px; height:34px; max-width:146px; }
 .yf-language,.yf-nav { display:none; }
 .yf-menu { display:flex; flex-direction:column; justify-content:center; gap:5px; margin-left:auto; width:24px; height:30px; flex:0 0 auto; }
 .yf-menu i { height:2px; width:24px; background:var(--yf-ink); }
 .yf-hero { height:113.3333333333vw; min-height:850px; padding-top:166px; }
 .yf-hero-copy { width:93.75vw; min-width:0; max-width:93.75vw; }
 .yf-hero h1 { font-size:7.4666666667vw; line-height:9.3333333333vw; margin:20px 0 24px; padding:0 18px; }
 .yf-hero p { font-size:3.7333333333vw; line-height:24px; padding:0 18px; margin-top:14px; }
 .yf-demo { width:89.3333333333vw; margin-top:50px; }
 .yf-capabilities,.yf-platform,.yf-benefits,.yf-faq { padding:4rem 0; }
 .yf-function { padding-block:2.5rem; }
 .yf-function h2 { text-align:center; }
 .yf-panels { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; touch-action:pan-x pan-y; gap:1rem; }
 .yf-panel,.yf-panel[data-view-visible] { display:flex; flex:0 0 100%; flex-direction:column; gap:1.5rem; min-width:0; scroll-snap-align:start; border-radius:1rem; padding:1.25rem; background:white; }
 .yf-panel>figure { width:100%; }
 .yf-panel-copy { width:100%; }
 .yf-platform ul { gap:.75rem; }
 .yf-platform li { width:calc((100% - 1.5rem)/3); }
 .yf-reason-strip { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:1rem; }
 .yf-reason-strip>article { flex:0 0 100%; scroll-snap-align:start; }
 .yf-scene-strip { scroll-snap-type:x mandatory; gap:1rem; }
 .yf-scene-strip>article { flex:0 0 100%; scroll-snap-align:start; }
 .yf-examples { padding:0 0 4rem; }
 .yf-contact-page { min-height:520px; padding:110px 16px 56px; }
 .yf-contact-page h1 { font-size:28px; line-height:38px; }
 .yf-contact-page ol { gap:12px; }
 .yf-contact-page li { padding:12px; }
 .yf-contact-page figure { font-size:14px; }
 .yf-contact-page img { width:132px; height:132px; }
}
@media(max-width:360px) { .yf-bar { padding-right:30px; } .yf-brand { margin-inline:30px; } .yf-wrap { width:calc(100% - 2rem); } .yf-contact-page li { padding:8px; } .yf-contact-page img { width:120px; height:120px; } }

.yf-hero { background-image:url("../res/imagery/communication-09.webp"); }
@media(max-width:750px) { .yf-scene-strip>[data-loop-copy] { display:none; } }
@media(min-width:751px) { .yf-function { padding-block:4rem; } .yf-function:first-child { padding-top:0; } .yf-function:last-child { padding-bottom:0; } .yf-platform li { max-width:223px; } }

.yf-platform ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.yf-platform li{width:auto;max-width:none}.yf-platform h2{text-align:left}
.yf-function-body{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--yf-detail-gap);margin-top:2rem}.yf-function h2{max-width:50rem}.yf-tabs{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin:0}.yf-tabs>button{justify-content:flex-start;text-align:left}
.yf-panel[data-view-visible]{display:flex;align-items:center;gap:2rem}.yf-panel-copy{flex:0 1 32%;min-width:0}.yf-panel>figure{flex:1 1 68%;min-width:0}.yf-function:nth-child(even) .yf-panel>figure,.yf-function:nth-child(even) .yf-panel-copy{grid-column:auto;grid-row:auto}
.yf-reason-strip{display:flex;gap:1.5rem}.yf-reason-strip>article{flex:1;min-width:0}.yf-workflow{padding:5rem 0;background:var(--yf-paper)}.yf-workflow h2{font-size:var(--yf-heading);color:var(--yf-ink);font-weight:700;max-width:50rem;line-height:1.4}.yf-workflow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;counter-reset:step;margin-top:2.5rem}.yf-workflow li{counter-increment:step;padding-top:1.25rem;border-top:2px solid var(--yf-blue)}.yf-workflow li:before{content:'0' counter(step);font-size:14px;color:var(--yf-blue)}.yf-workflow h3{font-size:1.25rem;color:var(--yf-ink);margin:1rem 0;font-weight:600}.yf-workflow p{line-height:1.8;font-size:1rem;color:var(--yf-muted)}
@media(max-width:1050px){.yf-function-body{grid-template-columns:1fr}.yf-tabs{flex-direction:row;flex-wrap:wrap}.yf-platform ul{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:750px){.yf-function-body{display:block}.yf-tabs{flex-direction:row;margin:1.25rem 0}.yf-panel,.yf-panel[data-view-visible]{display:flex;flex-direction:column;gap:1.5rem}.yf-panel-copy,.yf-panel>figure{width:100%;flex:auto}.yf-platform ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.yf-reason-strip{display:flex}.yf-reason-strip>article{flex:0 0 100%}.yf-workflow{padding:4rem 0}.yf-workflow ol{grid-template-columns:1fr;gap:1.5rem}.yf-workflow h2{font-size:var(--yf-heading)}}
@media(min-width:751px){.yf-panel:not([data-view-visible]){display:none}}

.yf-hero h1 strong{font:inherit}