/* Figma 4eCjk0dlHICYSOGqL1ff8Z / 362:8, November 8, 2026.
   Page-scoped presentation. Existing menu, theme, cookie and motion runtimes remain intact. */
@font-face {
  font-family:'Inter'; src:url('../../../assets/fonts/inter/Inter-Variable.ttf') format('truetype');
  font-style:normal; font-weight:100 900; font-display:block;
}
.mds.st08 { --mh-content:1312px; --mh-gutter:64px; }
.mds.st08 #main { max-width:1440px; margin-inline:auto; padding:0; }
.mds.st08 .st08-container { width:calc(100% - 128px); max-width:1312px; margin-inline:auto; }
.mds.st08 .mh-nav__in { max-width:1440px; padding-inline:64px; }
.mds.st08 .mh-nav__cta { min-height:44px; padding:12px 23px; gap:18px; font:600 15px/1.1 var(--mh-text-f); }
.mds.st08 .mh-logo__mark { content:url('../img/smart-track-figma08/235ea.png'); }
.mds.st08 .mh-logo__word { mask-image:url('../img/smart-track-figma08/43397.png'); -webkit-mask-image:url('../img/smart-track-figma08/43397.png'); }
.mds.st08 .st08-hero { padding-block:36px; background:var(--mh-deep); }
.mds.st08 .st08-breadcrumb { display:flex; gap:0; white-space:pre-wrap; color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
.mds.st08 .st08-breadcrumb a:hover { text-decoration:underline; }
.mds.st08 .st08-hero-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; margin-top:20px; }
.mds.st08 .st08-hero-copy { display:flex; flex-direction:column; min-width:0; }
.mds.st08 .st08-hero-copy h1 { margin:0; font:600 56px/63px var(--mh-display); letter-spacing:-.84px; text-wrap:wrap; }
.mds.st08 .st08-subtitle { margin:14px 0 2px; color:var(--mh-signal); font:500 22px/29px var(--mh-display); letter-spacing:-.11px; }
.mds.st08 .st08-lead { margin:16px 0 0; color:var(--mh-text-2); font:400 22px/31px var(--mh-text-f); max-width:624px; }
.mds.st08 .st08-hero-action { margin-top:26px; min-height:47px; }
.mds.st08 .st08-action { margin:0; padding:13px 20px 13px 22px; min-height:44px; gap:12px; font:600 15px/1.1 var(--mh-text-f); }
.mds.st08 .st08-action .st08-arrow { width:18px; height:18px; max-width:none; }
html[data-theme="dark"] .mds.st08 .st08-action .st08-arrow { filter:invert(1); }
.mds.st08 .st08-hero-photo { position:relative; height:390px; min-height:0; width:100%; margin:0; border:0; border-radius:8px; overflow:hidden; align-self:stretch; background:transparent; }
.mds.st08 .st08-hero-photo img { display:block; width:calc(100% + 20px); height:calc(100% + 10px); max-height:none; max-width:none; object-fit:cover; object-position:50% 35%; border-radius:8px; }
.mds.st08 .st08-performance { padding-block:36px; background:var(--mh-void); }
.mds.st08 .st08-performance h2 { width:720px; max-width:100%; margin:0; color:var(--mh-text); font:500 43px/48px var(--mh-display); letter-spacing:-.645px; text-wrap:wrap; }
.mds.st08 .st08-traits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:40px; row-gap:28px; margin-top:32px; }
.mds.st08 .st08-traits article { min-width:0; min-height:108px; padding-top:20px; border-top:1px solid var(--mh-line-2); }
.mds.st08 .st08-traits h3 { margin:0; color:var(--mh-text); font:500 20px/29px var(--mh-display); letter-spacing:-.2px; }
.mds.st08 .st08-traits p { margin:8px 0 0; color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
.mds.st08 .st08-review { padding-block:36px; background:var(--mh-deep); }
.mds.st08 .st08-review img { display:block; width:100%; height:auto; aspect-ratio:1312/732; object-fit:cover; border-radius:8px; }
.mds.st08 .st08-range { width:100%; margin:0; overflow:hidden; background:#fff; container-type:inline-size; }
.mds.st08 .st08-range-canvas { position:relative; width:1440px; height:617px; transform-origin:top left; }
.mds.st08 .st08-range-base { position:absolute; left:0; top:0; width:1440px; height:617px; max-width:none; object-fit:cover; }
.mds.st08 .st08-range-label { position:absolute; display:block; margin:0; padding:0; color:#1d1d1f; font:500 14px/1.35 'Inter',sans-serif; letter-spacing:-.084px; white-space:pre; }
.mds.st08 .st08-range-vector { position:absolute; display:block; max-width:none; }
@supports (width:1cqw) {
 .mds.st08 .st08-range { height:calc(617 / 1440 * 100cqw); }
 .mds.st08 .st08-range-canvas { scale:calc(100cqw / 1440px); }
}
.mds.st08 .st08-training { padding-block:36px; background:var(--mh-deep); }
.mds.st08 .st08-training h2,.mds.st08 .st08-closing h2 { margin:0; color:var(--mh-text); font:500 32px/36px var(--mh-display); letter-spacing:-.48px; text-wrap:wrap; }
.mds.st08 .st08-chain { display:flex; flex-wrap:wrap; align-items:center; gap:10px 8px; margin-top:24px; }
.mds.st08 .st08-chip { display:block; flex:none; padding:8px 16px; border:1px solid var(--mh-line-2); border-radius:999px; color:var(--mh-text); background:var(--mh-deep); font:500 13px/18px var(--mh-display); letter-spacing:.13px; white-space:nowrap; }
.mds.st08 .st08-chip.is-current { border:0; background:var(--mh-signal); color:#fff; }
.mds.st08 .st08-chain-arrow { display:block; flex:none; color:var(--mh-muted); font:400 15px/23px var(--mh-text-f); }
.mds.st08 .st08-training-copy { width:900px; max-width:100%; margin:24px 0 0; color:var(--mh-text); font:400 22px/31px var(--mh-text-f); }
.mds.st08 .st08-closing { padding-block:36px; border-top:1px solid var(--mh-line-1); background:var(--mh-deep); }
.mds.st08 .st08-closing>.st08-container { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.mds.st08 .st08-closing h2 { max-width:820px; }
.mds.st08 .st08-closing p { margin:10px 0 0; color:var(--mh-muted); font:400 17px/28px var(--mh-text-f); }
.mds.st08 .mh-foot>.mh-wrap { max-width:1440px; padding-inline:64px; }
.mds.st08 .mh-foot__main { min-height:203.195px; grid-template-columns:322px minmax(0,1fr); gap:24px; }
.mds.st08 .mh-foot__cols { gap:24px; }
.mds.st08 .mh-foot__name { margin-top:20px; font:400 17px/28px var(--mh-text-f); }
.mds.st08 .mh-foot__social { margin-top:20px; }
.mds.st08 .mh-foot__social a { font:400 13px/20.8px var(--mh-text-f); }
.mds.st08 .mh-foot__col a { min-height:33px; padding-block:5px; font:400 15px/23px var(--mh-text-f); }
.mds.st08 .mh-foot__legal { margin-top:24px; padding-top:24px; gap:20px; }
.mds.st08 .mh-foot__legal>p { display:flex; flex-direction:row; justify-content:space-between; margin:0; gap:20px; }
.mds.st08 .mh-foot__policies { gap:20px; }
.mds.st08 .mh-foot__policies a,.mds.st08 .mh-foot__policies button { min-height:44px; font:400 13px/20.8px var(--mh-text-f); }
@media(min-width:1101px) {
 .mds.st08 .st08-hero { min-height:505px; }
 .mds.st08 .st08-hero-copy { min-height:291px; }
 .mds.st08 .st08-traits { grid-template-rows:108px; }
 .mds.st08 .st08-traits article { height:108px; }
 .mds.st08 .st08-traits article:first-child p { white-space:nowrap; }
 .mds.st08 .st08-closing>.st08-container { height:73px; }
}
@media(max-width:1100px) {
 .mds.st08 { --mh-gutter:32px; }
 .mds.st08 .st08-container { width:calc(100% - 64px); }
 .mds.st08 .mh-nav__in,.mds.st08 .mh-foot>.mh-wrap { padding-inline:32px; }
 .mds.st08 .st08-hero-grid { gap:32px; }
 .mds.st08 .st08-hero-copy h1 { font-size:44px; line-height:1.12; }
 .mds.st08 .st08-subtitle { font-size:20px; }
 .mds.st08 .st08-lead { font-size:20px; }
 .mds.st08 .st08-traits { column-gap:24px; }
 .mds.st08 .mh-foot__main { grid-template-columns:240px minmax(0,1fr); }
 .mds.st08 .st08-closing>.st08-container { align-items:flex-start; }
}
@media(max-width:767px) {
 .mds.st08 { --mh-gutter:20px; }
 .mds.st08 .st08-container { width:calc(100% - 40px); }
 .mds.st08 .mh-nav__in,.mds.st08 .mh-foot>.mh-wrap { padding-inline:20px; }
 .mds.st08 .st08-hero,.mds.st08 .st08-performance,.mds.st08 .st08-review,.mds.st08 .st08-training,.mds.st08 .st08-closing { padding-block:28px; }
 .mds.st08 .st08-hero-grid { grid-template-columns:1fr; gap:28px; }
 .mds.st08 .st08-hero-copy h1 { font-size:40px; line-height:1.12; }
 .mds.st08 .st08-subtitle { font-size:20px; }
 .mds.st08 .st08-lead { font-size:20px; }
 .mds.st08 .st08-hero-photo { height:auto; aspect-ratio:624/390; }
 .mds.st08 .st08-performance h2 { font-size:32px; line-height:1.2; }
 .mds.st08 .st08-traits { grid-template-columns:1fr; gap:24px; margin-top:28px; }
 .mds.st08 .st08-traits article { min-height:0; }
 .mds.st08 .st08-training h2,.mds.st08 .st08-closing h2 { font-size:28px; line-height:1.2; }
 .mds.st08 .st08-training-copy { font-size:20px; }
 .mds.st08 .st08-closing>.st08-container { flex-direction:column; gap:24px; }
 .mds.st08 .mh-foot__main { grid-template-columns:1fr; gap:36px; }
 .mds.st08 .mh-foot__cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
 .mds.st08 .mh-foot__col a { min-height:44px; padding-block:10px; }
 .mds.st08 .mh-foot__legal>p { flex-direction:column; gap:12px; }
 .mds.st08 .mh-foot__legal>p>span { margin:0; }
}