/* Product demonstrations: autoplay in view, no controls or captions. */
.product-film{min-width:0;margin:0;display:flex;flex-direction:column;background:#f4f5f7;border:1px solid #e1e5eb;border-radius:14px;overflow:hidden;color:var(--text-primary)}
.film-picture{position:relative;min-width:0;flex:1;overflow:hidden;display:grid;place-items:center;background:#f3f5f8}
.film-picture video{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;grid-area:1/1;pointer-events:none}
.film-poster{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-film.is-reduced .film-poster,.product-film.film-unavailable .film-poster{display:block}
.film-editor{border-radius:15px}.editor-stage{scroll-margin-top:24px}.editor-stage .editor-shell{padding:14px}.film-editor .film-picture{aspect-ratio:1200/760}
.feature-media.product-film{height:auto;min-height:0;align-self:center;width:100%;background:#f4f5f7}.feature-media .film-picture{aspect-ratio:680/590}.feature-panel{grid-template-columns:.85fr 1.15fr}
.footnote-media{padding:28px}.footnote-media .product-film{border:0}.export-media{height:auto;min-height:340px}.export-media:before{display:none}.export-media .product-film{width:100%}.export-media .film-picture{aspect-ratio:680/520}
/* A compact sheet stays at the photo's lower right, below the face. */
.hero-photo-collage .hero-coursework{width:clamp(140px,14vw,184px);height:auto;right:0;bottom:4px;line-height:0;transform:rotate(-7deg);filter:drop-shadow(0 14px 18px #183b5b20);z-index:3}
.hero-coursework img{display:block;width:100%;height:auto}
.hero-photo-collage .hero-marks{left:4px;top:38px}
main>.hero-section{padding-bottom:96px}
/* The menu is the central object; each callout points to its own menu group. */
main>.add-section{grid-template-columns:1fr;gap:42px}
.add-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.add-copy h2{margin:0}.add-copy p{margin:0;max-width:430px}
.add-scene{height:560px;display:block}.add-orbit{inset:-72px -40px;border-radius:0;background:radial-gradient(ellipse closest-side at 50% 50%,#cfe7f6b3 0%,#d8ecec80 42%,#e4efef38 72%,#e4efef00 100%);pointer-events:none}
.menu-capture{position:absolute;z-index:2;left:50%;top:50%;margin:0;width:284px;line-height:0;background:transparent;border:0;border-radius:9px;box-shadow:0 20px 42px #183b5b1a;overflow:hidden;transform:translate(-50%,-50%)}
.menu-capture img{display:block;width:100%;height:auto}
.block-types{position:absolute;inset:0;display:block;width:100%;max-width:none;z-index:3}
.block-types li{position:absolute;display:block;width:calc((100% - 400px)/2);max-width:330px;padding:22px 24px;background:var(--surface-paper,#fff);border:1px solid #d8e1ec;border-radius:22px;transform:none!important;box-shadow:0 10px 28px #183b5b06}
.block-types li[data-menu-item="section"]{left:0;top:12px}.block-types li[data-menu-item="table"]{right:0;top:166px}.block-types li[data-menu-item="footnote"]{left:0;bottom:8px}
.block-types h3{font-size:18px;line-height:1.4;margin:15px 0 9px}.block-types p{font-size:16px;line-height:1.5;margin:0;max-width:470px}
.action-sticker{display:grid;place-items:center;width:62px;height:62px;border:var(--sticker-border);border-radius:var(--sticker-radius);box-shadow:var(--sticker-shadow);transform:rotate(-7deg)}
.action-sticker img{width:36px;height:36px}.sticker-structure{background:var(--accent-ice)}.sticker-table{background:var(--accent-cyan);transform:rotate(-8deg)}.sticker-image{background:var(--sticker-pink);transform:rotate(8deg) translateY(5px)}.sticker-link{background:var(--sticker-lime);transform:rotate(5deg)}
.action-sticker-pair{display:flex;align-items:center;padding-right:6px}.action-sticker-pair .action-sticker+.action-sticker{margin-left:-10px}
.menu-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.menu-connections path{fill:none;stroke:#9aaabd;stroke-width:1.5}.menu-connections circle{fill:var(--text-primary)}
/* Compact display labels; the connecting neck reveals downwards at its new position. */
.feature-tabs button{font-family:var(--font-display);font-weight:500;font-size:14px;line-height:1.4;justify-content:flex-start;gap:9px;min-height:126px}
.feature-tabs button>span:first-child{min-height:40px;max-width:222px}.feature-bridge{transition:none}.feature-copy h3{font-size:30px}.feature-copy p{font-size:18px}
/* One seamless row of official marks, with a static wrapping view when motion is off. */
main>.trust-section{display:block;padding:72px 0 96px;overflow:hidden}
.trust-section h2{font-size:clamp(30px,3.6vw,44px);line-height:1.3;text-align:center;letter-spacing:-.03em;margin:0 auto 46px;max-width:850px}
.university-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.university-track{display:flex;width:max-content;animation:university-scroll 88s linear -22s infinite;will-change:transform}
.university-logos{display:flex;flex:none;gap:64px;list-style:none;margin:0;padding:16px 64px 16px 0}
.university-logos li{display:flex;align-items:center;justify-content:center;flex:0 0 164px;width:164px;min-height:100px;padding:8px;background:transparent;border:0;border-radius:0}
.university-logos .university-mark{display:block;width:100%;height:68px;max-width:164px;max-height:none;object-fit:contain;filter:brightness(0) saturate(100%) invert(8%) sepia(30%) saturate(2092%) hue-rotate(176deg) brightness(93%) contrast(98%)}
.university-logos .mark-altgu{max-width:76px}.university-logos .mark-msu{max-width:64px}.university-logos .mark-hse{max-width:72px}.university-logos .mark-mephi{max-width:86px}
@keyframes university-scroll{to{transform:translateX(-50%)}}
.motion-paused .university-track{animation-play-state:paused}
.trust-section.is-offscreen .university-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.university-marquee{mask-image:none}.university-track{width:100%;animation:none;will-change:auto}.university-logos{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:0}.university-logos li{flex-basis:140px}.university-track>[aria-hidden="true"]{display:none}}
@media(max-width:1199px){.hero-photo-collage .hero-marks{left:-26px;top:30px}.add-copy{gap:40px}.block-types li{padding:20px}.block-types h3{font-size:16px}.block-types p{font-size:15px}.feature-tabs button{font-size:13px}.feature-copy h3{font-size:28px}}
@media(max-width:999px){.feature-panel{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.feature-copy{min-height:0}.feature-media.product-film{max-width:560px;justify-self:center}.hero-photo-collage .hero-marks{left:4px;top:38px}.add-copy{gap:32px}.add-copy h2{font-size:28px}.add-copy p{font-size:17px}.menu-capture{width:248px}.block-types li{width:calc((100% - 290px)/2);padding:16px}.block-types h3{font-size:14px}.block-types p{font-size:14px}.feature-tabs button{font-size:11px}.feature-tabs button>span:first-child{max-width:170px}}
@media(max-width:760px){main>.hero-section{padding-bottom:124px}.hero-photo-collage .hero-marks{width:56px;height:56px;left:-12px;top:16px}.editor-stage .editor-shell{padding:7px}.film-editor,.product-film{border-radius:11px}.feature-media.product-film{min-height:0;max-width:480px}.feature-panel{min-height:0}.feature-media .film-picture{aspect-ratio:680/590}.add-copy{display:block}.add-copy h2{margin-bottom:20px}.add-scene{height:auto;display:flex;flex-direction:column;gap:28px}.menu-capture{position:relative;inset:auto;transform:none;order:-1;max-width:100%;width:260px;align-self:center}.block-types{position:relative;inset:auto;display:grid;width:100%;max-width:none;gap:14px}.block-types li{position:static;width:100%;max-width:none;padding:22px}.block-types h3{font-size:17px}.block-types p{font-size:16px;max-width:none}.menu-connections{display:none}.feature-tabs button{font-size:12px;min-height:104px;gap:12px;justify-content:flex-end}.feature-tabs button>span:first-child{min-height:0;max-width:100px}.feature-copy h3{font-size:24px}.feature-copy p{font-size:17px}.footnote-media{padding:18px}.export-media{min-height:0;margin-top:20px}}
@media(max-width:360px){.block-types h3{font-size:16px}.block-types p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.film-poster{display:block}}