#dashboard #fex-motion{--ink:#18392f;--olive:#53651e;--sage:#e9eee3;--paper:#f7f8f4} #dashboard #fex-motion *{box-sizing:border-box} #dashboard #fex-motion{scroll-behavior:smooth} #dashboard #fex-motion{margin:0;color:var(--ink);font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:white} #dashboard #fex-motion button,#dashboard #fex-motion a{-webkit-tap-highlight-color:transparent} #dashboard #fex-motion a{color:inherit;text-decoration:none} #dashboard #fex-motion button{font:inherit;cursor:pointer} #dashboard #fex-motion button:focus-visible,#dashboard #fex-motion a:focus-visible{outline:3px solid #c39534;outline-offset:5px} #dashboard #fex-motion nav{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)} #dashboard #fex-motion .navinner{max-width:1180px;margin:auto;padding:16px 28px;display:flex;align-items:center;gap:30px} #dashboard #fex-motion .brand{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;margin-right:auto} #dashboard #fex-motion .plus{border:2px solid #778242;border-radius:9px;color:var(--olive);width:33px;height:33px;display:grid;place-items:center;font-size:26px;line-height:1} #dashboard #fex-motion .navlink{font-size:13px} #dashboard #fex-motion .fm-pill,#dashboard #fex-motion .fm-outline{display:inline-flex;align-items:center;justify-content:center;padding:14px 23px;border-radius:30px;border:1px solid var(--olive);background:var(--olive);color:white;font-size:15px} #dashboard #fex-motion .fm-outline{background:transparent;color:var(--olive)} #dashboard #fex-motion .tiny{padding:9px 15px;font-size:12px} #dashboard #fex-motion .concept{background:var(--paper);text-align:center;font-size:12px;padding:12px 20px;color:var(--muted)} #dashboard #fex-motion .fm-hero{text-align:center;padding:70px 24px 0;overflow:hidden;background:linear-gradient(white 75%,var(--paper))} #dashboard #fex-motion .fm-eyebrow{font-size:14px;font-weight:600;color:var(--olive);margin:0 0 20px} #dashboard #fex-motion .fm-hero h1{font-size:clamp(44px,6.5vw,84px);letter-spacing:-.055em;line-height:1.04;max-width:950px;margin:0 auto 24px;font-weight:650} #dashboard #fex-motion .fm-hero h1 span{color:var(--olive)} #dashboard #fex-motion .fm-lead{font-size:clamp(18px,2vw,23px);line-height:1.5;max-width:650px;margin:0 auto 26px;color:var(--muted)} #dashboard #fex-motion .fm-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap} #dashboard #fex-motion .fm-sub{font-size:13px;color:var(--muted);margin:20px 0} #dashboard #fex-motion .fm-hero-product{max-width:1000px;margin:55px auto 0;padding:10px 10px 0;border:1px solid #c8d0c3;border-bottom:0;border-radius:24px 24px 0 0;background:#eef1e9;transform-origin:center bottom;box-shadow:0 16px 60px #18392f12} #dashboard #fex-motion .fm-demo{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 20px 70px #081f1710} #dashboard #fex-motion .fm-demobar{padding:19px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:12px} #dashboard #fex-motion .fm-example{color:var(--muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase} #dashboard #fex-motion .fm-demobody{display:grid;grid-template-columns:150px 1fr;min-height:310px} #dashboard #fex-motion .fm-demoside{background:var(--paper);padding:25px 18px;font-size:12px;line-height:2.8;border-right:1px solid var(--line)} #dashboard #fex-motion .fm-sideactive{color:var(--olive);font-weight:700} #dashboard #fex-motion .fm-work{padding:30px} #dashboard #fex-motion .fm-work h3{font-size:26px;letter-spacing:-.035em;margin:0 0 6px} #dashboard #fex-motion .fm-nums{display:flex;gap:8px;margin:22px 0} #dashboard #fex-motion .fm-nums span{border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:12px} #dashboard #fex-motion .fm-nums span:first-child{background:var(--olive);color:white} #dashboard #fex-motion .fm-prompt{background:var(--sage);border-radius:8px;padding:16px;font-size:14px;line-height:1.6} #dashboard #fex-motion .fm-response{padding:18px 0;font-size:15px;line-height:1.8} #dashboard #fex-motion .fm-saved{color:var(--olive);font-size:12px} #dashboard #fex-motion .fm-intro{padding:100px 24px;text-align:center;max-width:850px;margin:auto} #dashboard #fex-motion .fm-intro h2,#dashboard #fex-motion .fm-sectionhead h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.045em;margin:0 0 25px} #dashboard #fex-motion .fm-intro p{font-size:21px;color:var(--muted);line-height:1.6;margin:0} #dashboard #fex-motion .fm-story{background:var(--paper);position:relative;min-height:2300px} #dashboard #fex-motion .fm-storypin{position:sticky;top:74px;max-width:1180px;margin:auto;min-height:650px;height:calc(100vh - 74px);max-height:900px;display:grid;grid-template-columns:34fr 66fr;align-items:center;padding:55px 28px;gap:35px} #dashboard #fex-motion .fm-storycopy h2{font-size:clamp(35px,4vw,56px);letter-spacing:-.05em;line-height:1.08;margin:0 0 25px} #dashboard #fex-motion .fm-storycopy p{font-size:18px;line-height:1.6;color:var(--muted)} #dashboard #fex-motion .fm-stepnav{display:flex;gap:9px;margin-top:35px} #dashboard #fex-motion .fm-stepnav button{width:42px;height:42px;border:1px solid #b6c0ac;border-radius:50%;background:transparent;color:var(--ink)} #dashboard #fex-motion .fm-stepnav button[aria-pressed=true]{background:var(--ink);color:white} #dashboard #fex-motion .fm-storyvisual{min-width:0;transition:transform .6s} #dashboard #fex-motion .fm-stage{min-height:440px} #dashboard #fex-motion .fm-stage[hidden]{display:none} #dashboard #fex-motion .fm-stage.fm-enter{animation:fexMotionArrive .5s ease both} @keyframes fexMotionArrive{from{opacity:.15;transform:translateY(16px)} to{opacity:1;transform:none} } #dashboard #fex-motion .fm-stage .fm-work{padding:25px} #dashboard #fex-motion .fm-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px} #dashboard #fex-motion .fm-recipient{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:18px 0} #dashboard #fex-motion .fm-avatar{background:var(--sage);color:var(--olive);width:42px;height:42px;border-radius:50%;display:grid;place-items:center} #dashboard #fex-motion .fm-recipient small{display:block;color:var(--muted);margin-top:5px} #dashboard #fex-motion .fm-selected{color:var(--olive);margin-left:auto} #dashboard #fex-motion .fm-tag{font-size:12px;background:var(--sage);padding:7px 10px;border-radius:5px;display:inline-block;margin:5px 3px 5px 0} #dashboard #fex-motion .fm-feedbackline{display:flex;gap:13px;padding:10px 0;font-size:14px} #dashboard #fex-motion .fm-tick{color:#4b6b20} #dashboard #fex-motion .fm-comment{padding:14px;background:#f2ecd9;border-left:3px solid #b9913f;font-size:13px;line-height:1.6} #dashboard #fex-motion .fm-score{display:flex;align-items:baseline;gap:10px;margin:18px 0} #dashboard #fex-motion .fm-score strong{font-size:36px} #dashboard #fex-motion .fm-score span{color:var(--muted);font-size:13px} #dashboard #fex-motion .fm-gallery{padding:110px max(24px,calc((100vw - 1124px)/2));overflow:hidden} #dashboard #fex-motion .fm-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px} #dashboard #fex-motion .fm-sectionhead p{color:var(--muted);line-height:1.6;max-width:480px} #dashboard #fex-motion .fm-arrows{display:flex;gap:10px} #dashboard #fex-motion .fm-arrows button{width:42px;height:42px;border:0;border-radius:50%;background:var(--sage);color:var(--ink);font-size:20px} #dashboard #fex-motion .fm-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 20px;scrollbar-width:thin} #dashboard #fex-motion .fm-tile{flex:0 0 400px;scroll-snap-align:start;background:var(--paper);border-radius:22px;padding:32px;min-height:390px} #dashboard #fex-motion .fm-tile h3{font-size:29px;letter-spacing:-.04em;line-height:1.1;margin:15px 0} #dashboard #fex-motion .fm-tile p{line-height:1.6;color:var(--muted)} #dashboard #fex-motion .fm-bars{display:flex;align-items:end;gap:10px;height:120px;margin-top:30px} #dashboard #fex-motion .fm-bars i{display:block;flex:1;background:#9ba976;border-radius:6px 6px 0 0} #dashboard #fex-motion .fm-minipaper{padding:17px 0;border-bottom:1px solid var(--line);font-size:14px} #dashboard #fex-motion .fm-minipaper small{display:block;color:var(--muted);margin-top:7px} #dashboard #fex-motion .fm-dark{background:var(--ink);color:white;text-align:center;padding:110px 25px} #dashboard #fex-motion .fm-dark h2{font-size:clamp(40px,6vw,72px);letter-spacing:-.05em;line-height:1.05;max-width:800px;margin:0 auto 25px} #dashboard #fex-motion .fm-dark p{max-width:650px;margin:0 auto 30px;color:#d5dfd1;font-size:20px;line-height:1.5} #dashboard #fex-motion .fm-switch{display:inline-flex;border:1px solid #70877c;padding:5px;border-radius:30px;margin-bottom:30px;gap:5px} #dashboard #fex-motion .fm-switch button{border:0;padding:12px 22px;border-radius:25px;color:white;background:transparent} #dashboard #fex-motion .fm-switch button[aria-pressed=true]{background:#edf1e8;color:var(--ink)} #dashboard #fex-motion .fm-dark .fm-outline{border-color:#a7ba91;color:#e9eee3} #dashboard #fex-motion .footer{text-align:center;padding:40px 24px;color:var(--muted);font-size:13px;line-height:1.8} #dashboard #fex-motion .fm-motion{border:0;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap} #dashboard #fex-motion .fm-reveal{opacity:1;transition:opacity .8s ease,transform .8s ease} #dashboard #fex-motion.fm-js .fm-reveal:not(.fm-visible){opacity:0;transform:translateY(24px)} #dashboard #fex-motion.fm-nomotion *{animation:none!important;transition:none!important;scroll-behavior:auto!important} #dashboard #fex-motion.fm-nomotion .fm-reveal{opacity:1!important;transform:none!important} #dashboard #fex-motion.fm-nomotion .fm-story{min-height:0} #dashboard #fex-motion.fm-nomotion .fm-storypin{position:relative;height:auto;min-height:620px} #dashboard #fex-motion.fm-nomotion .fm-hero-product{transform:none!important} #dashboard #fex-motion .fm-caption{text-align:center;color:var(--muted);font-size:11px;padding:13px} #dashboard #fex-motion .conceptdialog{border:0;border-radius:20px;padding:35px;max-width:440px;width:calc(100% - 35px);color:var(--ink);box-shadow:0 20px 100px #0004} #dashboard #fex-motion .conceptdialog::backdrop{background:#18392f77;backdrop-filter:blur(5px)} #dashboard #fex-motion .conceptdialog h2{font-size:27px;letter-spacing:-.03em;margin:0 0 15px} #dashboard #fex-motion .conceptdialog p{line-height:1.7;color:var(--muted)} @media(max-width:760px){#dashboard #fex-motion .navinner{padding:12px 18px;gap:15px} #dashboard #fex-motion .navlink{display:none} #dashboard #fex-motion .brand{font-size:18px} #dashboard #fex-motion .fm-motion{font-size:11px} #dashboard #fex-motion .fm-hero{padding:45px 20px 0} #dashboard #fex-motion .fm-hero-product{margin-top:35px;padding:6px 6px 0;border-radius:15px 15px 0 0} #dashboard #fex-motion .fm-demobody{grid-template-columns:1fr} #dashboard #fex-motion .fm-demoside{display:none} #dashboard #fex-motion .fm-work{padding:20px} #dashboard #fex-motion .fm-hero-product .fm-work h3{font-size:22px} #dashboard #fex-motion .fm-demobar{padding:16px;font-size:12px} #dashboard #fex-motion .fm-intro{padding:70px 25px} #dashboard #fex-motion .fm-intro p{font-size:18px} #dashboard #fex-motion .fm-story{min-height:2100px} #dashboard #fex-motion .fm-storypin{top:62px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:20px;padding:26px 20px;min-height:620px;height:calc(100svh - 62px)} #dashboard #fex-motion .fm-storycopy h2{font-size:33px;margin-bottom:8px} #dashboard #fex-motion .fm-storycopy p{font-size:15px;margin:0;line-height:1.5} #dashboard #fex-motion .fm-storycopy .fm-eyebrow{margin-bottom:8px} #dashboard #fex-motion .fm-stepnav{margin-top:15px} #dashboard #fex-motion .fm-stepnav button{width:38px;height:38px} #dashboard #fex-motion .fm-stage{min-height:320px} #dashboard #fex-motion .fm-stage .fm-work{padding:18px} #dashboard #fex-motion .fm-stage .fm-work h3{font-size:23px} #dashboard #fex-motion .fm-stage .fm-demobar{padding:12px 16px} #dashboard #fex-motion .fm-stage .fm-response{font-size:13px;padding:12px 0} #dashboard #fex-motion .fm-stage .fm-nums{margin:12px 0} #dashboard #fex-motion .fm-stage .fm-score{margin:8px 0} #dashboard #fex-motion .fm-stage .fm-recipient{padding:12px 0} #dashboard #fex-motion .fm-caption{padding:9px;font-size:11px} #dashboard #fex-motion .fm-gallery{padding:70px 20px} #dashboard #fex-motion .fm-sectionhead{align-items:start} #dashboard #fex-motion .fm-sectionhead h2{font-size:34px} #dashboard #fex-motion .fm-tile{flex-basis:calc(100vw - 65px);padding:26px;min-height:380px} #dashboard #fex-motion .fm-arrows{align-self:end} #dashboard #fex-motion .fm-dark{padding:75px 24px} #dashboard #fex-motion .fm-dark p{font-size:18px} } @media(prefers-reduced-motion:reduce){#dashboard #fex-motion{scroll-behavior:auto} #dashboard #fex-motion .fm-reveal{opacity:1!important;transform:none!important} #dashboard #fex-motion .fm-stage.fm-enter{animation:none} } #dashboard #fex-motion .fm-hero{position:relative;isolation:isolate;background:#fff;padding-bottom:42px} #dashboard #fex-motion .fm-hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 28%,rgba(255,255,255,.28) 55%,rgba(255,255,255,.15) 80%,#fff 100%),url('/platform/landing-study.png');background-size:cover;background-position:center 58%;will-change:opacity} #dashboard #fex-motion .fm-hero-product{max-width:900px;margin-top:65px;border-bottom:1px solid #c8d0c3;padding:9px;border-radius:24px;box-shadow:0 24px 65px #18392f28} #dashboard #fex-motion.fm-nomotion .fm-hero-backdrop{opacity:1!important;will-change:auto} @media(max-width:760px){#dashboard #fex-motion .fm-hero{padding-bottom:25px} #dashboard #fex-motion .fm-hero-product{margin-top:35px;padding:6px;border-radius:20px} #dashboard #fex-motion .fm-hero-backdrop{background-position:45% center;background-image:linear-gradient(to bottom,rgba(255,255,255,.97),rgba(255,255,255,.88) 35%,rgba(255,255,255,.2) 65%,#fff 100%),url('/platform/landing-study.png')} } #dashboard #fex-motion{--ink:var(--text);--olive:var(--olive-mid);--sage:var(--panel2);--paper:var(--bg);font-family:var(--sans);color:var(--text);background:var(--panel)} #dashboard #fex-motion h1,#dashboard #fex-motion h2,#dashboard #fex-motion h3{font-family:var(--sans);color:inherit;font-style:normal;font-weight:650} #dashboard #fex-motion p{font-family:var(--sans)} #dashboard #fex-motion [hidden]{display:none!important} #dashboard #fex-motion .fm-motion-tools{display:flex;justify-content:center;gap:20px;align-items:center;padding:13px 24px;background:var(--panel2);font-size:13px;color:var(--text2);flex-wrap:wrap} #dashboard #fex-motion .fm-motion{padding:7px 10px;border:1px solid var(--line2);border-radius:20px;color:var(--text)} #dashboard #fex-motion .fm-hero{background:var(--panel)} #dashboard #fex-motion .fm-hero-product,#dashboard #fex-motion .fm-demo{background:var(--panel);color:var(--text)} #dashboard #fex-motion .fm-storypin{top:var(--motion-nav-top,100px);height:calc(100svh - var(--motion-nav-top,100px))} #dashboard #fex-motion .fm-dark{background:#18392f;color:#fff} #dashboard #fex-motion .fm-dark h2{color:#fff} #dashboard #fex-motion .fm-switch button{color:#fff} #dashboard #fex-motion .fm-switch button[aria-pressed=true]{color:#18392f} #dashboard #fex-motion .fm-pill{background:#53651e;color:#fff} #dashboard #fex-motion .fm-comment{color:#364126} #dashboard #fex-motion .fm-minipaper{display:block;width:100%;text-align:left;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);border-radius:0;cursor:pointer} #dashboard #fex-motion .fm-minipaper .lp-arrow{float:right} #dashboard #fex-motion .fm-reveal{opacity:1;transform:none} #dashboard #fex-motion.fm-js .fm-reveal:not(.fm-visible){opacity:0;transform:translateY(24px)} #dashboard #fex-motion.fm-nomotion .fm-reveal{opacity:1!important;transform:none!important} body.dark #dashboard #fex-motion .fm-hero-backdrop{background-image:linear-gradient(to bottom,rgba(34,52,42,.98),rgba(34,52,42,.9) 28%,rgba(34,52,42,.6) 55%,rgba(34,52,42,.55) 80%,#22342a 100%),url('/platform/landing-study.png')} #dashboard #fex-motion .fm-history-note{padding:65px 24px;max-width:850px;margin:auto;text-align:center} #dashboard #fex-motion .fm-history-note h2{font-size:clamp(30px,4vw,42px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px} #dashboard #fex-motion .fm-history-note p{color:var(--muted);line-height:1.65;margin:0 auto 22px;max-width:650px} #dashboard #fex-motion .fm-hero a[href],#dashboard #fex-motion .fm-dark a[href]{text-decoration:none} @media(max-height:700px) and (max-width:760px){#dashboard #fex-motion .fm-story{min-height:0}#dashboard #fex-motion .fm-storypin{position:relative;top:0;height:auto} } @media(prefers-reduced-motion:reduce){#dashboard #fex-motion .fm-reveal{opacity:1!important;transform:none!important}} #dashboard #fex-motion .fm-hero{display:block;border:0;border-radius:0;margin:0;padding:70px 24px 42px} @media(max-width:760px){#dashboard #fex-motion .fm-hero{padding:45px 20px 25px}} /* Full-section photography; the feature cards remain solid and readable. */ #dashboard #fex-motion .fm-storycopy{padding:26px;border-radius:22px;background:var(--panel);box-shadow:0 12px 40px #18392f12} #dashboard #fex-motion .fm-storyvisual .fm-caption{background:var(--panel);border-radius:10px;margin-top:10px} #dashboard #fex-motion .fm-tile{display:flex;flex-direction:column;min-height:440px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 12px 35px #18392f12} #dashboard #fex-motion .fm-tile-detail{margin-top:auto;padding-top:16px;color:var(--text)} #dashboard #fex-motion .fm-tile-detail .fm-outline{width:100%;margin-top:16px;padding:11px 12px;font-size:13px} #dashboard #fex-motion .fm-tile-detail p:last-child{font-size:12px;margin-bottom:0} #dashboard #fex-motion .fm-tile-detail .fm-bars{margin-top:10px} #dashboard #fex-motion .fm-dark{position:relative;isolation:isolate;overflow:hidden} #dashboard #fex-motion .fm-people-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 42%;pointer-events:none} #dashboard #fex-motion .fm-dark::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(12,35,26,.82);pointer-events:none} #dashboard #fex-motion .fm-dark .fm-switch{background:rgba(12,35,26,.7)} #dashboard #fex-motion .fm-dark .fm-outline{background:#18392f;color:#fff} @media(max-width:760px){#dashboard #fex-motion .fm-storycopy{padding:16px}#dashboard #fex-motion .fm-tile{min-height:420px}} #dashboard #fex-motion .fm-preview-nav{position:static;display:flex;flex-direction:column;gap:8px;padding:20px 12px;background:var(--paper);border:0;border-right:1px solid var(--line);backdrop-filter:none} #dashboard #fex-motion .fm-preview-nav button{padding:12px 10px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:12px;line-height:1.4} #dashboard #fex-motion .fm-preview-nav button[aria-pressed=true]{background:var(--panel2);color:var(--olive);font-weight:700} #dashboard #fex-motion .fm-preview-content{min-width:0;min-height:420px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto} #dashboard #fex-motion .fm-preview-content>[data-preview-panel]{grid-area:1/1;min-width:0} /* Reserve the tallest sample's space without exposing inactive screens. */ #dashboard #fex-motion .fm-preview-content>[data-preview-panel][hidden]{display:block!important;visibility:hidden;pointer-events:none} #dashboard #fex-motion .fm-preview-content>.fm-preview-note{grid-area:2/1} #dashboard #fex-motion .fm-preview-stats{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0} #dashboard #fex-motion .fm-preview-stats>div{flex:1;min-width:100px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px} #dashboard #fex-motion .fm-preview-stats strong{display:block;font-size:25px;color:var(--text)} #dashboard #fex-motion .fm-preview-stats span{font-size:12px;color:var(--muted)} #dashboard #fex-motion .fm-preview-reply{margin:18px 0 18px 25px;padding:16px;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.6} #dashboard #fex-motion .fm-preview-note{font-size:11px;color:var(--muted);line-height:1.5;margin:24px 0 0} @media(max-width:760px){#dashboard #fex-motion .fm-preview-nav{display:grid;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:12px}#dashboard #fex-motion .fm-preview-nav button{min-height:44px}#dashboard #fex-motion .fm-preview-content{min-height:480px}} #dashboard #fex-motion .fm-preview-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px} #dashboard #fex-motion .fm-preview-bar>.fm-example{text-align:right} #dashboard #fex-motion .fm-preview-roles{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:24px;background:var(--paper)} #dashboard #fex-motion .fm-preview-roles button{border:0;border-radius:20px;padding:10px 15px;font-size:12px;background:transparent;color:var(--text);min-height:40px} #dashboard #fex-motion .fm-preview-roles button[aria-pressed=true]{background:#53651e;color:#fff;font-weight:700} #dashboard #fex-motion .fm-preview-nav button{min-height:48px} @media(max-width:760px){#dashboard #fex-motion .fm-preview-bar{grid-template-columns:1fr auto}#dashboard #fex-motion .fm-preview-bar>.fm-example{grid-column:1/-1;text-align:left}#dashboard #fex-motion .fm-preview-roles button{padding:10px 13px}} /* Six-step account-to-feedback walkthrough. */ #dashboard #fex-motion .fm-story{min-height:4100px} #dashboard #fex-motion .fm-stepnav{flex-wrap:wrap} #dashboard #fex-motion .fm-storycopy h2{font-size:clamp(30px,3.3vw,46px)} #dashboard #fex-motion .fm-illustration-fields{display:grid;gap:12px} #dashboard #fex-motion .fm-illustration-fields>div,#dashboard #fex-motion .fm-illustration-search{padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:14px} #dashboard #fex-motion .fm-illustration-fields span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px} #dashboard #fex-motion .fm-illustration-action{margin:20px 0 12px;padding:13px 16px;background:#53651e;color:#fff;border-radius:8px;font-size:14px;text-align:center} #dashboard #fex-motion .fm-illustration-options{display:flex;gap:12px;margin:20px 0;font-size:13px} #dashboard #fex-motion .fm-illustration-options span{border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--paper)} #dashboard #fex-motion .fm-marking-mini{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;font-size:13px} #dashboard #fex-motion .fm-marking-mini aside{border-right:1px solid var(--line);padding-right:10px} #dashboard #fex-motion .fm-marking-mini .fm-nums{gap:4px;flex-wrap:wrap;margin:12px 0} #dashboard #fex-motion .fm-marking-mini .fm-nums span{padding:6px 9px} #dashboard #fex-motion .fm-mark-line{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);line-height:1.5} #dashboard #fex-motion .fm-mark-line b{color:var(--olive)} #dashboard #fex-motion .fm-marking-mini .fm-comment{margin-top:12px;padding:10px;font-size:12px} #dashboard #fex-motion .fm-marking-mini details{margin:12px 0;padding:10px;background:var(--paper);border-radius:7px} #dashboard #fex-motion .fm-marking-mini details p{font-size:12px;line-height:1.5;margin-bottom:0} #dashboard #fex-motion .fm-mark-score{display:flex;align-items:center;justify-content:space-between;gap:10px} #dashboard #fex-motion .fm-mark-score strong{padding:8px 12px;border:1px solid var(--line);border-radius:6px} @media(max-width:760px){#dashboard #fex-motion .fm-story{min-height:0}#dashboard #fex-motion .fm-storypin{position:relative;top:0;height:auto;max-height:none}#dashboard #fex-motion .fm-marking-mini{grid-template-columns:64px minmax(0,1fr);gap:10px}#dashboard #fex-motion .fm-storycopy h2{font-size:30px}#dashboard #fex-motion .fm-stage .fm-recipient{flex-wrap:wrap}} /* Quiet colour fields and soft shapes behind the landing-page content. */ #dashboard #fex-motion{--fm-wash-sage:#dbe5d480;--fm-wash-gold:#eadbb960;--fm-wash-base:#fafaf7} body.dark #dashboard #fex-motion{--fm-wash-sage:#577b5138;--fm-wash-gold:#b3985824;--fm-wash-base:#19281f} #dashboard #fex-motion .fm-intro, #dashboard #fex-motion .fm-history-note{max-width:none;background:radial-gradient(ellipse at 8% 65%,var(--fm-wash-sage),transparent 55%),radial-gradient(ellipse at 94% 15%,var(--fm-wash-gold),transparent 52%),linear-gradient(160deg,var(--panel),var(--fm-wash-base))} #dashboard #fex-motion .fm-intro>h2,#dashboard #fex-motion .fm-intro>p{max-width:802px;margin-left:auto;margin-right:auto} #dashboard #fex-motion .fm-history-note>h2{max-width:802px;margin-left:auto;margin-right:auto} #dashboard #fex-motion .fm-story{background:linear-gradient(135deg,var(--fm-wash-base),var(--paper))} #dashboard #fex-motion .fm-storypin{background:radial-gradient(ellipse at 5% 24%,var(--fm-wash-sage),transparent 54%),radial-gradient(ellipse at 92% 80%,var(--fm-wash-gold),transparent 56%)} #dashboard #fex-motion .fm-gallery{position:relative;isolation:isolate;background:linear-gradient(165deg,var(--panel),var(--fm-wash-base))} #dashboard #fex-motion .fm-gallery::before, #dashboard #fex-motion .fm-gallery::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:680px;height:480px;border-radius:48% 52% 65% 35% / 45% 60% 40% 55%;background:radial-gradient(ellipse,var(--fm-wash-sage),transparent 70%);transform:rotate(-18deg)} #dashboard #fex-motion .fm-gallery::before{left:-220px;top:-160px} #dashboard #fex-motion .fm-gallery::after{right:-200px;bottom:-160px;background:radial-gradient(ellipse,var(--fm-wash-gold),transparent 70%);transform:rotate(22deg)} #dashboard #fex-motion .fm-storypin{isolation:isolate;background:none} #dashboard #fex-motion .fm-storypin::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,var(--fm-wash-sage),transparent 60%),radial-gradient(ellipse at 80% 75%,var(--fm-wash-gold),transparent 60%);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 73%)} /* Text links retain a single straight rule, including on hover. */ #dashboard .lp-text, #dashboard .lp-text:hover, #dashboard .lp-text:focus-visible{border-radius:0;text-decoration:none} #dashboard .lp-footer .lp-text:hover{color:#fff;border-bottom-color:currentColor} /* Show the mobile hero photograph from the section's top edge. */ @media(max-width:760px){ #dashboard #fex-motion .fm-hero-backdrop{background-position:45% top;background-image:linear-gradient(to bottom,rgba(255,255,255,.68) 0%,rgba(255,255,255,.82) 35%,rgba(255,255,255,.2) 65%,#fff 100%),url('/platform/landing-study.png')} body.dark #dashboard #fex-motion .fm-hero-backdrop{background-image:linear-gradient(to bottom,rgba(34,52,42,.65) 0%,rgba(34,52,42,.85) 35%,rgba(34,52,42,.55) 70%,#22342a 100%),url('/platform/landing-study.png')} } /* Stronger hero text contrast and clear action hover states. */ #dashboard #fex-motion .fm-hero>.fm-lead, #dashboard #fex-motion .fm-hero>.fm-sub{color:#20392c} #dashboard #fex-motion .fm-hero>.fm-sub{font-weight:500;text-shadow:0 1px 4px #fff} #dashboard #fex-motion .fm-hero>.fm-sub a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:650} #dashboard #fex-motion .fm-actions :is(.fm-pill,.fm-outline){transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s} #dashboard #fex-motion .fm-actions .fm-pill:hover{background:#354711;border-color:#354711;color:#fff;box-shadow:0 4px 14px #20392c30} #dashboard #fex-motion .fm-actions .fm-outline:hover{background:#fff;border-color:#53651e;color:#20392c;box-shadow:0 4px 14px #20392c30} #dashboard #fex-motion .fm-actions :is(.fm-pill,.fm-outline):focus-visible{outline:3px solid #b58f2b;outline-offset:4px} body.dark #dashboard #fex-motion .fm-hero>.fm-lead, body.dark #dashboard #fex-motion .fm-hero>.fm-sub{color:#f3f6ec;text-shadow:0 1px 4px #132019} @media(prefers-reduced-motion:reduce){#dashboard #fex-motion .fm-actions :is(.fm-pill,.fm-outline){transition:none}} /* Consistent feedback for every interactive landing control. */ @media(hover:hover){ #dashboard #fex-motion :is(button,a.fm-outline,a.fm-pill){transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s} #dashboard #fex-motion .fm-outline:hover{background:#fff;border-color:#53651e;color:#20392c;box-shadow:0 4px 14px #20392c25} #dashboard #fex-motion .fm-pill:hover{background:#354711;color:#fff;border-color:#354711;box-shadow:0 4px 14px #20392c30} #dashboard #fex-motion :is(.fm-stepnav,.fm-arrows,.fm-preview-nav,.fm-preview-roles) button:hover, #dashboard #fex-motion .fm-motion:hover{background:#e3ebd9;color:#20392c;box-shadow:0 2px 8px #20392c20} #dashboard #fex-motion :is(.fm-stepnav,.fm-preview-nav,.fm-preview-roles) button[aria-pressed=true]:hover{background:#354711;color:#fff} #dashboard #fex-motion .fm-switch button:hover{background:#dce7ce;color:#18392f} #dashboard #fex-motion .fm-switch button[aria-pressed=true]:hover{background:#fff;color:#18392f} #dashboard #fex-motion button.fm-minipaper:hover{background:#edf2e7;color:#20392c;box-shadow:0 2px 8px #20392c20} body.dark #dashboard #fex-motion :is(.fm-stepnav,.fm-arrows,.fm-preview-nav,.fm-preview-roles) button:hover, body.dark #dashboard #fex-motion .fm-motion:hover{background:#dce7ce;color:#18392f} body.dark #dashboard #fex-motion :is(.fm-stepnav,.fm-preview-nav,.fm-preview-roles) button[aria-pressed=true]:hover{background:#53651e;color:#fff} } @media(prefers-reduced-motion:reduce){#dashboard #fex-motion :is(button,a.fm-outline,a.fm-pill){transition:none}} /* Soft feature colours across the six-card gallery. */ #dashboard #fex-motion .fm-tile:nth-child(1){background:#edf2e5} #dashboard #fex-motion .fm-tile:nth-child(2){background:#e6f0ed} #dashboard #fex-motion .fm-tile:nth-child(3){background:#f5efde} #dashboard #fex-motion .fm-tile:nth-child(4){background:#e9eff5} #dashboard #fex-motion .fm-tile:nth-child(5){background:#f3e9e4} #dashboard #fex-motion .fm-tile:nth-child(6){background:#eeebf3} body.dark #dashboard #fex-motion .fm-tile:nth-child(1){background:#2b3928} body.dark #dashboard #fex-motion .fm-tile:nth-child(2){background:#243c35} body.dark #dashboard #fex-motion .fm-tile:nth-child(3){background:#3c3828} body.dark #dashboard #fex-motion .fm-tile:nth-child(4){background:#293743} body.dark #dashboard #fex-motion .fm-tile:nth-child(5){background:#3d302d} body.dark #dashboard #fex-motion .fm-tile:nth-child(6){background:#343040} /* Six-step interface tour in a MacBook-style device. */ #dashboard #fex-motion .fm-storypin{max-width:1440px;grid-template-columns:minmax(250px,28fr) minmax(0,72fr);gap:30px;padding-left:34px;padding-right:34px} #dashboard #fex-motion .fm-macbook{position:relative;padding:0 12px 14px;filter:drop-shadow(0 22px 24px #162c2520)} #dashboard #fex-motion .fm-mac-lid{background:linear-gradient(120deg,#55595b,#17191b 20%,#303335);border:1px solid #75797b;border-radius:19px 19px 5px 5px;padding:20px 11px 12px;position:relative} #dashboard #fex-motion .fm-mac-camera{position:absolute;top:8px;left:50%;width:5px;height:5px;border-radius:50%;background:#111;box-shadow:0 0 0 1px #535658} #dashboard #fex-motion .fm-mac-screen{aspect-ratio:1.5;background:var(--panel);border-radius:6px;overflow:hidden;display:flex;flex-direction:column} #dashboard #fex-motion .fm-mac-base{height:16px;background:linear-gradient(#c4c8cb,#a2a7ac 55%,#666c72);border-radius:1px 1px 55% 55%/1px 1px 100% 100%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 2px 0 #42474a} #dashboard #fex-motion .fm-mac-base i{display:block;margin:auto;width:14%;height:6px;background:#858c91;border-radius:0 0 10px 10px} #dashboard #fex-motion .fm-mac-browser{height:25px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 12px;background:var(--soft);border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)} #dashboard #fex-motion .fm-mac-browser>div{width:54%;background:var(--panel);text-align:center;border-radius:4px;padding:2px} #dashboard #fex-motion .fm-mac-screen .fm-demo{border:0;border-radius:0;box-shadow:none;flex:1;min-height:0;overflow:hidden} #dashboard #fex-motion .fm-mac-screen .fm-stage{min-height:0;height:100%;font-size:clamp(9px,.85vw,12px);line-height:1.5;overflow:auto} #dashboard #fex-motion .fm-laptop-site{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font-size:.85em} #dashboard #fex-motion .fm-laptop-site>strong{font-size:1.15em} #dashboard #fex-motion .fm-laptop-workspace{display:flex;min-height:calc(100% - 38px);background:var(--bg)} #dashboard #fex-motion .fm-laptop-sidebar{width:125px;flex:none;padding:20px 10px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;font-size:.8em} #dashboard #fex-motion .fm-laptop-sidebar>strong,#dashboard #fex-motion .fm-laptop-kicker{display:block;font-size:.75em;letter-spacing:.09em;color:var(--muted);margin-bottom:10px} #dashboard #fex-motion .fm-laptop-sidebar>span{padding:6px;border-radius:4px}.fm-laptop-sidebar .selected{background:var(--soft);font-weight:650} #dashboard #fex-motion .fm-laptop-sidebar>small{margin-top:auto;font-size:.75em;color:var(--muted)} #dashboard #fex-motion .fm-laptop-page{flex:1;min-width:0;padding:18px} #dashboard #fex-motion .fm-laptop-heading{padding:13px 16px;background:var(--soft);border:1px solid var(--line);border-radius:7px;margin-bottom:14px} #dashboard #fex-motion .fm-laptop-heading h3{font:650 1.65em/1.15 var(--sans);letter-spacing:-.04em;margin:0 0 6px} #dashboard #fex-motion .fm-laptop-page p{font-size:inherit;line-height:1.5;margin:5px 0 10px;color:var(--text2)} #dashboard #fex-motion .fm-laptop-page small{display:block;font-size:.8em;color:var(--muted)} #dashboard #fex-motion .fm-laptop-card{padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:7px;margin-bottom:12px} #dashboard #fex-motion .fm-laptop-auth{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:580px;margin:18px auto 0} #dashboard #fex-motion .fm-laptop-auth label{display:block;font-size:.85em;margin-bottom:9px}.fm-laptop-auth label>span{display:block;border:1px solid var(--line);border-radius:4px;padding:7px;background:var(--panel);margin-top:3px} #dashboard #fex-motion .fm-laptop-benefits{padding:20px 8px}.fm-laptop-benefits>strong{font-size:1.7em;line-height:1.15;display:block;margin-bottom:20px;letter-spacing:-.04em} #dashboard #fex-motion .fm-laptop-action{display:inline-block;padding:8px 14px;background:var(--olive);color:#fff;border-radius:20px;font-weight:600;font-size:.85em;text-align:center} #dashboard #fex-motion .fm-laptop-auth .fm-laptop-action{display:block} #dashboard #fex-motion .fm-laptop-filter{padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:5px;margin-bottom:10px;display:flex;justify-content:space-between} #dashboard #fex-motion .fm-laptop-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:10px} #dashboard #fex-motion .fm-laptop-pill{font-size:.8em;padding:6px 9px;border:1px solid var(--line);border-radius:15px;background:var(--soft)} #dashboard #fex-motion .fm-laptop-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px} #dashboard #fex-motion .fm-laptop-note{padding:10px;background:var(--soft);border-left:2px solid var(--line2);margin:10px 0}.fm-laptop-note.comment{background:#f3edda;color:#43502e;border-color:#b69a42} #dashboard #fex-motion .fm-laptop-exam{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px} #dashboard #fex-motion .fm-laptop-exam>aside{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:10px;font-size:.8em;align-self:start} #dashboard #fex-motion .fm-laptop-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0 16px}.fm-laptop-numbers i{display:grid;place-items:center;font-style:normal;border:1px solid var(--line);border-radius:4px;padding:4px;background:var(--panel)}.fm-laptop-numbers i.selected{background:var(--deep);color:white} #dashboard #fex-motion .fm-laptop-response{border:1px solid var(--line);border-radius:5px;padding:10px;margin:8px 0;line-height:1.9}.fm-laptop-verdict{color:var(--olive);font-weight:700;margin-right:6px} #dashboard #fex-motion .fm-laptop-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px;margin-top:10px;font-size:.9em} #dashboard #fex-motion .fm-laptop-checks{line-height:2.6;padding:9px 0} #dashboard #fex-motion .fm-laptop-toolbar{display:flex;justify-content:space-between;padding:8px;border:1px solid var(--line);border-radius:5px;margin-bottom:12px;background:var(--panel);font-size:.75em} #dashboard #fex-motion .fm-laptop-toolbar>b{color:var(--olive)} #dashboard #fex-motion .fm-laptop-score strong{font-size:2em;display:block;margin-top:10px} #dashboard #fex-motion .fm-laptop-page details{font-size:.9em;margin:8px 0} @media(max-width:760px){ #dashboard #fex-motion .fm-story{min-height:0} #dashboard #fex-motion .fm-storypin{position:relative;top:0;height:auto;max-height:none;min-height:0;padding:32px 12px;gap:24px} #dashboard #fex-motion .fm-macbook{padding-left:3px;padding-right:3px} #dashboard #fex-motion .fm-mac-lid{padding:16px 5px 8px;border-radius:12px 12px 3px 3px} #dashboard #fex-motion .fm-mac-screen{aspect-ratio:auto;height:410px} #dashboard #fex-motion .fm-mac-screen .fm-stage{font-size:10px} #dashboard #fex-motion .fm-laptop-sidebar{display:none} #dashboard #fex-motion .fm-laptop-site{padding:0 8px;font-size:.75em} #dashboard #fex-motion .fm-laptop-page{padding:10px} #dashboard #fex-motion .fm-laptop-auth{gap:10px;grid-template-columns:1fr} #dashboard #fex-motion .fm-laptop-benefits{display:none} #dashboard #fex-motion .fm-laptop-exam{grid-template-columns:62px minmax(0,1fr);gap:6px} #dashboard #fex-motion .fm-laptop-exam>aside{padding:5px} #dashboard #fex-motion .fm-laptop-card{padding:8px} #dashboard #fex-motion .fm-laptop-toolbar{gap:6px;flex-wrap:wrap} } @media(min-width:761px){#dashboard #fex-motion .fm-macbook{width:100%;max-width:calc((100svh - 300px)*1.5 + 24px);margin-inline:auto}} @media(min-width:761px){ #dashboard #fex-motion .fm-mac-screen .fm-stage{font-size:10.5px} #dashboard #fex-motion .fm-laptop-site{height:30px} #dashboard #fex-motion .fm-laptop-page{padding:12px} #dashboard #fex-motion .fm-laptop-heading{padding:10px 12px;margin-bottom:10px} #dashboard #fex-motion .fm-laptop-heading h3{font-size:1.5em} #dashboard #fex-motion .fm-laptop-card{padding:9px;margin-bottom:8px} #dashboard #fex-motion .fm-laptop-response{padding:7px;line-height:1.6;margin:6px 0} #dashboard #fex-motion .fm-laptop-note{padding:7px;margin:7px 0} #dashboard #fex-motion .fm-laptop-toolbar{padding:6px;margin-bottom:8px} #dashboard #fex-motion .fm-laptop-page details{margin:5px 0} } /* Preserve the laptop's landscape proportions on small screens. Scale a desktop interface canvas with the device rather than reflowing it into a tall screen. */ @media(max-width:760px){ #dashboard #fex-motion .fm-mac-screen{height:calc(490px * var(--fm-preview-scale,.45));aspect-ratio:1.5;display:block;position:relative} #dashboard #fex-motion .fm-mac-browser{height:calc(25px * var(--fm-preview-scale,.45));font-size:calc(9px * var(--fm-preview-scale,.45));padding:0 calc(12px * var(--fm-preview-scale,.45))} #dashboard #fex-motion .fm-mac-screen .fm-demo{width:735px;height:465px;min-height:0;transform:scale(var(--fm-preview-scale,.45));transform-origin:top left} #dashboard #fex-motion .fm-mac-screen .fm-stage{font-size:10.5px} #dashboard #fex-motion .fm-laptop-site{height:30px;padding:0 16px;font-size:.85em} #dashboard #fex-motion .fm-laptop-sidebar{display:flex} #dashboard #fex-motion .fm-laptop-page{padding:12px} #dashboard #fex-motion .fm-laptop-heading{padding:10px 12px;margin-bottom:10px} #dashboard #fex-motion .fm-laptop-heading h3{font-size:1.5em} #dashboard #fex-motion .fm-laptop-auth{grid-template-columns:1fr 1fr;gap:24px} #dashboard #fex-motion .fm-laptop-benefits{display:block} #dashboard #fex-motion .fm-laptop-exam{grid-template-columns:100px minmax(0,1fr);gap:12px} #dashboard #fex-motion .fm-laptop-exam>aside{padding:10px} #dashboard #fex-motion .fm-laptop-card{padding:9px;margin-bottom:8px} #dashboard #fex-motion .fm-laptop-response{padding:7px;line-height:1.6;margin:6px 0} #dashboard #fex-motion .fm-laptop-note{padding:7px;margin:7px 0} #dashboard #fex-motion .fm-laptop-toolbar{padding:6px;margin-bottom:8px;flex-wrap:nowrap} #dashboard #fex-motion .fm-laptop-page details{margin:5px 0} #dashboard #fex-motion .fm-mac-base{height:9px} #dashboard #fex-motion .fm-mac-base i{height:3px} #dashboard #fex-motion .fm-mac-lid{padding-top:12px} #dashboard #fex-motion .fm-mac-camera{top:5px;width:3px;height:3px} } @media(max-width:760px){ #dashboard #fex-motion .fm-mac-screen{width:100%;min-width:0} #dashboard #fex-motion .fm-stepnav{gap:clamp(4px,1.5vw,9px);flex-wrap:wrap} #dashboard #fex-motion .fm-stepnav button{width:clamp(30px,8vw,42px);height:clamp(30px,8vw,42px);flex:none} } /* One continuous photograph behind the hero and the following introduction. */ #dashboard #fex-motion .fm-opening{position:relative;isolation:isolate;background:var(--fm-wash-base)} #dashboard #fex-motion .fm-opening .fm-hero,#dashboard #fex-motion .fm-opening .fm-intro{background:transparent} #dashboard #fex-motion .fm-opening .fm-hero{padding-bottom:30px} #dashboard #fex-motion .fm-opening .fm-intro{padding-top:90px;padding-bottom:100px} #dashboard #fex-motion .fm-opening .fm-hero-backdrop{background-position:center top;background-repeat:no-repeat;background-image:linear-gradient(to bottom,rgba(255,255,255,.82) 0%,rgba(255,255,255,.72) 40%,rgba(250,250,247,.86) 70%,var(--fm-wash-base) 100%),url('/platform/landing-study.png');will-change:auto} body.dark #dashboard #fex-motion .fm-opening .fm-hero-backdrop{background-image:linear-gradient(to bottom,rgba(25,40,31,.82) 0%,rgba(25,40,31,.76) 40%,rgba(25,40,31,.9) 70%,var(--fm-wash-base) 100%),url('/platform/landing-study.png')} @media(max-width:760px){#dashboard #fex-motion .fm-opening .fm-hero-backdrop{background-position:45% top}#dashboard #fex-motion .fm-opening .fm-intro{padding-top:55px;padding-bottom:65px}} /* Keep vertical page scrolling and pinch zoom available during mobile step swipes. */ @media(max-width:760px){#dashboard #fex-motion .fm-mac-screen,#dashboard #fex-motion .fm-mac-screen .fm-stage{touch-action:pan-y pinch-zoom}} /* Slide the two preview screens inside the fixed-size mobile laptop viewport. */ @media(max-width:760px){ #dashboard #fex-motion .fm-mac-screen .fm-demo{position:relative} #dashboard #fex-motion .fm-mac-screen .fm-stage{position:absolute;inset:0;width:100%;height:100%} #dashboard #fex-motion .fm-mac-screen .fm-stage.fm-enter{animation:none} }