/* Floating navigation, connected product stories, and motion tied to their content. */
.sidebar-caption,.sidebar-status { display:none; }
.sidebar-bottom { display:contents; }
.home-line-trace { stroke-dasharray:140 860; stroke-dashoffset:0; opacity:0; animation:eve-hero-flow 7s linear infinite; animation-play-state:paused; }
.home-line-trace:nth-child(2) { animation-delay:-1.1s; }
.home-line-trace:nth-child(3) { animation-delay:-2.2s; }
.home-line-trace:nth-child(4) { animation-delay:-3.4s; }
.home-line-trace:nth-child(5) { animation-delay:-4.5s; }
.home-line-trace:nth-child(6) { animation-delay:-5.6s; }
.has-js[data-motion='running'] .home-line-trace { opacity:.7; animation-play-state:running; }
.background-offscreen .home-line-trace,.motion-document-hidden .home-line-trace { animation-play-state:paused !important; }
@keyframes eve-hero-flow { to { stroke-dashoffset:-1000; } }
[data-parallax] { transform:translate3d(0,var(--parallax-y,0px),0); }
.startup-home h1 { font-size:clamp(3.125rem,5vw,4rem); font-weight:500; line-height:1.08; letter-spacing:-.045em; }
.home-tour { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:4rem; align-items:center; margin-block:6rem; }
.home-tour-copy h2 { margin-top:1rem; font-size:var(--section-display); font-weight:500; }
.home-tour-copy > p:not(.home-section-kicker) { color:var(--muted); margin-top:1.5rem; font-size:1.0625rem; line-height:1.65; max-width:440px; }
.home-tour-copy > .button { margin-top:1.75rem; }
.tour-teaser-chapters { display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:1.75rem; font-size:.75rem; color:#70647d; }
.tour-card-scene { position:relative; min-height:410px; padding:1.5rem .5rem 4rem; isolation:isolate; }
.tour-card-scene::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,#e9e2fa80,transparent 68%); }
.tour-peek-main,.tour-peek-front { border:1px solid #ddd6ed; background:white; padding:8px; border-radius:.75rem; box-shadow:0 18px 45px -28px #4c3b7d75; }
.tour-peek-main { width:87%; margin-left:auto; }
.tour-peek-front { position:absolute; width:72%; left:0; bottom:2rem; }
.tour-peek-main img,.tour-peek-front img { width:100%; height:auto; border-radius:5px; }
.tour-peek-main figcaption,.tour-peek-front figcaption { font-size:.625rem; color:#70647d; padding:6px 2px 0; }
.tour-scene-label { position:absolute; bottom:0; right:0; display:flex; align-items:center; gap:7px; font-size:.75rem; color:#70647d; }
.tour-scene-label .icon { width:14px; height:14px; color:var(--purple); }
.home-feature-stack { min-width:0; padding-bottom:1.5rem; }
.home-stack-card > [data-parallax] { min-width:0; max-width:100%; }
.startup-home .home-stack-card { transform:scale(var(--stack-scale,1)); transform-origin:center top; box-shadow:0 -5px 25px -20px #55447530; }
.startup-home .home-stack-card:focus-within { z-index:8; }
.progress-peek { background:#f8f6fc; border:1px solid #e3ddef; padding:1.75rem; border-radius:.75rem; min-width:0; }
.peek-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px; justify-content:space-between; font-size:.75rem; color:#615769; }
.peek-top > span:first-child { display:flex; gap:7px; align-items:center; }
.peek-top .icon { width:15px; height:15px; color:var(--purple); }
.peek-state { font-size:.6875rem; border:1px solid #ddd5ef; padding:3px 7px; border-radius:4px; color:#70647d; background:#f0ebf9; }
.peek-goal { margin-top:1.125rem; font-size:1.125rem; font-weight:500; line-height:1.4; letter-spacing:-.02em; }
.peek-number { display:flex; flex-wrap:wrap; align-items:baseline; gap:1rem; margin-top:1.5rem; }
.peek-number strong { font-size:3rem; line-height:1; font-weight:500; letter-spacing:-.045em; color:var(--purple); }
.peek-number strong > span { font-size:1.5rem; }
.peek-number > span { color:var(--muted); font-size:.75rem; }
.peek-track { height:5px; border-radius:9px; background:#e5e0f0; margin-top:1rem; overflow:hidden; }
.peek-track > span { display:block; height:100%; width:60%; background:var(--purple); border-radius:inherit; }
.peek-milestone { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.75rem; margin-top:1.5rem; }
.peek-milestone > .icon { width:14px; height:14px; color:var(--green); }
.peek-milestone > span { margin-left:auto; font-size:.6875rem; color:var(--green); }
.peek-next { border-top:1px solid #e5deef; margin-top:1rem; padding-top:1rem; }
.peek-next > span { font-size:.6875rem; text-transform:uppercase; letter-spacing:.04em; color:#70647d; }
.peek-next > p { font-size:.9375rem; margin-top:4px; font-weight:500; }
.peek-note { font-size:.625rem; color:#70647d; margin-top:1.25rem; }
.tour-experience { margin-bottom:4rem; }
.tour-chapters,.progress-tabs { display:grid; position:relative; grid-template-columns:repeat(6,minmax(0,1fr)); padding:5px; border:1px solid #e2dced; background:#f0edf5; border-radius:.75rem; gap:0; isolation:isolate; }
.tour-chapters { max-width:850px; margin:0 auto 1.75rem; }
.tour-chapters button,.progress-tabs button { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:10px 12px; font-size:.875rem; line-height:1.5; border-radius:.5rem; color:#645a72; }
.tour-chapters button .icon { width:15px; height:15px; }
.tour-browser { border:1px solid #ddd6e9; border-radius:1rem; background:white; box-shadow:0 24px 65px -48px #4b3b7660; overflow:hidden; }
.tour-browser-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 22px; border-bottom:1px solid #e9e5ef; background:#faf9fc; color:#70647d; font-size:.75rem; }
.tour-browser-dots { display:flex; gap:5px; }
.tour-browser-dots i { width:6px; height:6px; border-radius:50%; background:#d7d1e1; }
.tour-counter { font-family:var(--mono); font-size:.6875rem; color:#70647d; }
.tour-panel { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr); align-items:center; gap:2.5rem; padding:2.5rem; min-height:520px; }
.tour-panel-copy { min-width:0; }
.tour-step-number { font-family:var(--mono); font-size:.6875rem; color:#70647d; }
.tour-panel-copy h2 { margin-top:1rem; font-size:2rem; font-weight:500; line-height:1.14; letter-spacing:-.035em; }
.tour-panel-copy > p { margin-top:1rem; font-size:.9375rem; line-height:1.7; color:var(--muted); }
.tour-panel-copy > .text-link { margin-top:1.25rem; font-size:.875rem; }
.tour-panel-copy > .tour-detail { margin-top:1.75rem; font-size:.75rem; line-height:1.6; color:#70647d; }
.tour-visual { min-width:0; background:radial-gradient(ellipse,#f4f0fb,transparent 70%); padding:1rem 0; }
.tour-screen-button { display:block; width:100%; border:1px solid #dfd9e9; background:white; border-radius:.625rem; overflow:hidden; cursor:zoom-in; box-shadow:0 18px 35px -28px #483a6c50; }
.tour-screen-button img { width:100%; height:auto; }
.tour-expand { display:flex; align-items:center; justify-content:flex-end; gap:7px; min-height:38px; padding:7px 12px; border-top:1px solid #ece8f3; font-size:.625rem; color:var(--purple); }
.tour-expand .icon { width:12px; height:12px; }
.tour-review-visual .tour-screen-button { max-width:370px; margin:auto; }
.tour-memory { padding:2.5rem; background:#f8f5fc; border:1px solid #e6deef; border-radius:.75rem; }
.tour-memory-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid #e5ddf2; border-radius:10px; color:var(--purple); background:#f0ebfa; margin-bottom:1.75rem; }
.tour-memory .eyebrow { font-size:.75rem; color:#70647d; }
.tour-memory blockquote { margin-top:1rem; font-size:clamp(1.625rem,2.6vw,2.25rem); line-height:1.3; letter-spacing:-.03em; }
.tour-memory-context { display:flex; align-items:center; gap:10px; padding:1rem; border:1px solid #e6deee; background:white; border-radius:.5rem; font-size:.8125rem; margin-top:1.75rem; }
.tour-memory-context .icon { width:16px; height:16px; color:var(--purple); }
.tour-memory .sample-note { margin-top:1rem; }
.tour-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:1.5rem; }
.tour-controls button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:9px 13px; border:1px solid #e3dceb; border-radius:.5rem; font-size:.8125rem; background:#fff; }
.tour-controls button:active { background:#f4f0fa; }
.tour-controls button:disabled { opacity:.35; }
.tour-controls button .icon { width:15px; height:15px; }
.tour-previous .icon { transform:rotate(180deg); }
.tour-controls p { font-size:.75rem; color:#70647d; }
.experience-note { margin-top:1.25rem; font-size:.75rem; line-height:1.6; color:#70647d; }
.experience-closing { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-block:5rem; padding:2.75rem; border:1px solid #e1d9ed; border-radius:1rem; background:#f8f5fd; }
.experience-closing > div { max-width:650px; min-width:0; }
.experience-closing .eyebrow { font-size:.75rem; color:#70647d; }
.experience-closing h2 { font-size:2rem; font-weight:500; margin-top:.75rem; }
.experience-closing p:not(.eyebrow) { font-size:1rem; margin-top:.75rem; color:var(--muted); }
.experience-closing > .button { flex-shrink:0; }
.progress-playground { padding:2.25rem; border:1px solid #ded7e9; border-radius:1rem; background:#fff; box-shadow:0 24px 70px -48px #503c8135; }
.progress-toolbar { position:sticky; top:calc(var(--header-bar-height,69px) + 8px); z-index:3; display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:1.5rem; border-bottom:1px solid #ece7f1; background:#fff; }
.progress-tabs { width:200px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.progress-reset { font-size:.75rem; }
.progress-project-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-block:2rem; }
.progress-project-header > div { position:relative; padding-left:54px; min-width:0; }
.project-icon { position:absolute; left:0; top:5px; display:grid; place-items:center; width:38px; height:38px; color:var(--purple); border:1px solid #e6def2; border-radius:9px; background:#f4effc; }
.progress-project-header .eyebrow { font-size:.75rem; color:#70647d; }
.progress-project-header h2 { margin-top:5px; font-size:1.5rem; font-weight:500; line-height:1.3; }
.progress-deadline { display:flex; align-items:center; gap:7px; flex-shrink:0; font-size:.75rem; color:#70647d; }
.progress-deadline .icon { width:15px; height:15px; }
.progress-demo-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:2rem; }
.progress-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:1rem; }
.progress-list-heading h3 { font-size:.9375rem; font-weight:500; }
.progress-list-heading > span { font-size:.6875rem; color:#70647d; }
.progress-task { display:flex; align-items:center; gap:12px; min-height:58px; padding:12px 10px; border-bottom:1px solid #eeebf3; cursor:pointer; font-size:.9375rem; line-height:1.5; }
.progress-task input { width:18px; height:18px; flex-shrink:0; accent-color:var(--purple); cursor:pointer; }
.progress-task:has(input:checked) > span { color:#70647d; text-decoration:line-through; text-decoration-color:#c0b7cb; }
.progress-task:hover { background:#faf8fd; }
.progress-task-list .sample-note { font-size:.6875rem; margin-top:1rem; }
.progress-summary { background:#f7f4fc; padding:1.5rem; border:1px solid #e5deef; border-radius:.75rem; }
.progress-summary-number { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
.progress-summary-number strong { font-size:3.25rem; line-height:1; font-weight:500; color:var(--purple); letter-spacing:-.045em; }
.progress-summary-number strong > span { font-size:1.5rem; }
.progress-summary-number > span { font-size:.6875rem; color:#70647d; }
.progress-summary progress { appearance:none; display:block; width:100%; height:5px; border:none; border-radius:9px; overflow:hidden; background:#e8e0f2; margin-top:1rem; }
.progress-summary progress::-webkit-progress-bar { background:#e8e0f2; }
.progress-summary progress::-webkit-progress-value { background:var(--purple); border-radius:9px; }
.progress-summary progress::-moz-progress-bar { background:var(--purple); }
.progress-summary output { display:block; font-size:.6875rem; color:#70647d; margin-top:7px; }
.progress-milestones { display:grid; gap:15px; margin-top:1.75rem; }
.progress-milestones > div { display:flex; align-items:center; gap:10px; }
.milestone-marker { display:grid; place-items:center; width:21px; height:21px; flex-shrink:0; border:1px solid #d7cee4; border-radius:50%; }
.milestone-marker .icon { width:12px; height:12px; opacity:0; }
.milestone-complete .milestone-marker { background:#edf4ef; border-color:#cadfd1; color:var(--green); }
.milestone-complete .milestone-marker .icon { opacity:1; }
.progress-milestones p { font-size:.8125rem; line-height:1.4; }
.progress-milestones [data-milestone-count] { font-size:.625rem; color:#70647d; }
.progress-next-action { padding-top:1rem; margin-top:1.25rem; border-top:1px solid #e5deed; }
.progress-next-action > span { color:#70647d; text-transform:uppercase; letter-spacing:.04em; font-size:.625rem; }
.progress-next-action > p { margin-top:5px; font-size:.875rem; font-weight:500; line-height:1.5; }
.progress-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; margin-block:5rem; }
.progress-features article { min-width:0; padding:1.75rem; border:1px solid #e4ddeb; border-radius:.75rem; background:#fcfafe; }
.progress-features article > span { font-family:var(--mono); font-size:.625rem; color:#70647d; }
.progress-features h2 { font-size:1.5rem; font-weight:500; line-height:1.2; margin-top:1rem; }
.progress-features p { color:var(--muted); margin-top:1rem; font-size:.9375rem; line-height:1.65; }
.progress-features .text-link { font-size:.8125rem; margin-top:1rem; }
.progress-page-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 20px; margin-top:1.75rem; }
.progress-page-links .text-link { padding:7px 12px; border:1px solid #e4ddeb; border-radius:.5rem; font-size:.8125rem; margin-top:0; color:#61556f; }
.progress-page-links .text-link:hover { color:var(--purple); background:#faf8fd; }
#progress-preview,#product-roadmap { scroll-margin-top:calc(var(--header-bar-height,69px) + 24px); }
.product-roadmap { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); align-items:start; gap:4rem; margin-block:5rem; }
.roadmap-intro { min-width:0; padding-top:1.5rem; }
.roadmap-intro > .eyebrow { font-family:var(--mono); font-size:.6875rem; letter-spacing:.04em; color:#70647d; }
.roadmap-intro h2 { font-size:clamp(2.5rem,4vw,3.5rem); line-height:1.1; font-weight:500; letter-spacing:-.04em; }
.roadmap-intro > p:not(.eyebrow) { color:var(--muted); font-size:1rem; line-height:1.7; margin-top:1.5rem; }
.roadmap-intro > .roadmap-reviewed { color:#70647d; font-size:.6875rem; margin-top:1.75rem; }
.roadmap-intro > .text-link { font-size:.8125rem; margin-top:.5rem; }
.roadmap-stages { position:relative; list-style:none; min-width:0; margin:0; padding:0 1.75rem; border:1px solid #e1d9ed; border-radius:1rem; background:#fcfafe; }
.roadmap-stages::before { content:''; position:absolute; top:2.75rem; bottom:2.75rem; left:calc(1.75rem + 16px); width:1px; background:#e1d9ed; }
.roadmap-stage { position:relative; display:grid; grid-template-columns:32px minmax(0,1fr); gap:1.25rem; padding-block:1.75rem; }
.roadmap-stage + .roadmap-stage { border-top:1px solid #e9e3f0; }
.roadmap-step { position:relative; display:grid; place-items:center; width:32px; height:32px; font-family:var(--mono); font-size:.625rem; color:#70647d; border:1px solid #ded5eb; border-radius:50%; background:#fcfafe; }
.roadmap-stage:first-child .roadmap-step { color:var(--purple); background:#f0ebfb; border-color:#dcd2f3; }
.roadmap-stage > div { min-width:0; }
.roadmap-stage-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.roadmap-stage h3 { font-size:1.125rem; font-weight:500; line-height:1.4; letter-spacing:-.02em; }
.roadmap-status { display:inline-flex; max-width:100%; padding:4px 8px; border:1px solid #e2dae9; border-radius:4px; font-size:.625rem; line-height:1.5; color:#70647d; background:#f4f0f8; }
.roadmap-status-preview { color:var(--green); background:#eef5f0; border-color:#d4e3d9; }
.roadmap-status-development { color:var(--purple-dark); background:#f0ebfb; border-color:#ded3f5; }
.roadmap-stage p { color:var(--muted); margin-top:.75rem; font-size:.9375rem; line-height:1.7; }
.roadmap-stage .text-link { font-size:.8125rem; margin-top:.5rem; }
html:not(.has-js) .tour-panel[hidden],html:not(.has-js) .progress-example[hidden] { display:grid !important; }
html:not(.has-js) .tour-panel,html:not(.has-js) .progress-example { border-top:1px solid #e7e0ef; }
@media (min-width:1101px) {
  .intro-grid h1 { font-size:clamp(2.75rem,5vw,4rem); font-weight:500; line-height:1.08; }
  body { padding-left:216px; }
  html { scroll-padding-top:32px; }
  .site-header { position:fixed; left:16px; top:50%; bottom:auto; width:184px; height:auto; max-height:calc(100dvh - 32px); transform:translateY(-50%); border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .site-header .header-inner { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:flex-start; justify-content:flex-start; gap:0; width:100%; height:auto; min-height:0; max-height:calc(100dvh - 32px); padding:12px 18px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d8d0e6 transparent; }
  .site-header .brand,.sidebar-caption,.sidebar-bottom { display:none; }
  .desktop-nav { display:flex; flex-direction:column; align-items:stretch; flex:none; gap:4px; width:100%; min-width:0; max-width:100%; margin:0; padding:0; border:0; }
  .desktop-nav a { display:flex; align-items:center; justify-content:space-between; gap:5px; min-width:0; min-height:44px; overflow-wrap:anywhere; font-size:.8125rem; font-weight:400; padding:8px 0; color:#615769; }
  .desktop-nav a[aria-current='page'] { color:var(--purple-dark); font-weight:500; }
  .desktop-nav a::before,.desktop-nav a::after { display:none; }
  .desktop-nav .nav-index { flex-shrink:0; margin:0; align-self:center; font-size:.5625rem; color:#70647d; }
  .menu-toggle { display:none; }
  .page-tools { padding-top:1.5rem; }
  .startup-home .home-hero { padding-top:5.5rem; }
  .startup-home .home-hero-copy { max-width:780px; }
  .startup-home .home-product-stage { margin-top:3.5rem; }
  .startup-home .home-stack-card { position:sticky; top:32px; z-index:1; }
  .startup-home .home-stack-card:nth-child(2) { top:46px; z-index:2; }
  .startup-home .home-stack-card:nth-child(3) { top:60px; z-index:3; }
  .startup-home .home-stack-card:focus-within { z-index:8; }
  .startup-home .stack-disabled .home-stack-card { position:relative; top:auto; transform:none; }
  .has-js[data-motion='paused'] .startup-home .home-stack-card,
  html:not(.has-js) .startup-home .home-stack-card { position:relative; top:auto; transform:none; }
}
@media (max-width:1100px) {
  .desktop-nav,.header-preview,.sidebar-caption,.sidebar-status { display:none; }
  .menu-toggle { display:grid; flex:none; }
  .header-demo { margin-left:auto; }
  .header-inner { min-height:68px; flex-wrap:nowrap; }
  .mobile-nav { max-height:calc(100dvh - var(--header-bar-height,69px)); overflow-y:auto; overscroll-behavior:contain; }
  html:not(.has-js) .menu-toggle { display:none; }
  html:not(.has-js) .site-header { position:static; }
  html:not(.has-js) .mobile-nav { display:flex !important; max-height:none; overflow:visible; }
  .home-tour { gap:2rem; }
  .tour-card-scene { min-height:350px; }
  .tour-panel { grid-template-columns:1fr; gap:1.5rem; padding:2rem; }
  .tour-panel-copy { display:grid; grid-template-columns:1fr 1fr; gap:0 1.5rem; }
  .tour-step-number,.tour-panel-copy h2 { grid-column:1; }
  .tour-panel-copy > p:not(.tour-detail) { grid-column:2; grid-row:1 / 4; margin-top:0; }
  .tour-panel-copy > .text-link { grid-column:1; }
  .tour-panel-copy > .tour-detail { grid-column:2; margin-top:.75rem; }
  .tour-visual { max-width:760px; width:100%; margin:auto; }
  .progress-demo-grid { gap:1.5rem; }
  [data-parallax] { transform:none; }
}
@media (max-width:850px) {
  .home-tour { grid-template-columns:1fr; margin-block:4rem; gap:2rem; }
  .home-tour-copy { max-width:600px; }
  .tour-card-scene { max-width:620px; width:100%; min-height:400px; margin:auto; }
  .progress-demo-grid { grid-template-columns:1fr; }
  .progress-summary { max-width:none; }
  .progress-features { grid-template-columns:minmax(0,1fr); gap:1rem; }
  .product-roadmap { grid-template-columns:minmax(0,1fr); gap:2rem; margin-block:4rem; }
  .roadmap-intro { padding-top:0; }
  .roadmap-intro h2 br { display:none; }
  .experience-closing { flex-direction:column; align-items:flex-start; }
  .tour-panel-copy { display:block; }
  .tour-panel-copy > p:not(.tour-detail) { margin-top:1rem; }
}
@media (max-width:600px) {
  .header-inner { min-height:64px; }
  .startup-home h1 { font-size:clamp(2.25rem,10.75vw,2.625rem); }
  .home-tour-copy h2 { font-size:2.5rem; }
  .tour-card-scene { min-height:260px; padding-top:.5rem; }
  .tour-peek-front { bottom:2rem; }
  .tour-teaser-chapters { font-size:.6875rem; gap:6px 12px; }
  .tour-chapters { grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:1rem; }
  .tour-chapters button { padding:8px 5px; gap:5px; font-size:.75rem; }
  .tour-chapters button .icon { width:13px; height:13px; }
  .tour-browser-bar { padding:12px 14px; font-size:.6875rem; }
  .tour-panel { padding:1.25rem; min-height:0; }
  .tour-panel-copy h2 { font-size:1.75rem; }
  .tour-panel-copy > p { font-size:.875rem; }
  .tour-controls p { order:3; width:100%; text-align:center; }
  .tour-memory { padding:1.5rem; }
  .tour-memory blockquote { font-size:1.75rem; }
  .progress-playground { padding:1.25rem; }
  .progress-project-header { align-items:flex-start; flex-direction:column; margin-block:1.5rem; }
  .progress-project-header h2 { font-size:1.3125rem; }
  .progress-deadline { padding-left:54px; }
  .progress-task { font-size:.8125rem; padding-block:14px; min-height:54px; }
  .progress-list-heading { align-items:flex-start; }
  .progress-list-heading > span { flex-shrink:0; font-size:.625rem; }
  .progress-tabs { width:164px; }
  .progress-tabs button { font-size:.8125rem; min-height:44px; }
  .progress-summary { padding:1.25rem; }
  .progress-page-links { gap:8px; margin-top:1.25rem; }
  .progress-page-links .text-link { font-size:.75rem; padding-inline:10px; }
  .roadmap-stages { padding-inline:1rem; }
  .roadmap-stages::before { left:calc(1rem + 16px); }
  .roadmap-stage { gap:.875rem; padding-block:1.5rem; }
  .roadmap-stage h3 { font-size:1rem; }
  .roadmap-stage p { font-size:.875rem; }
  .roadmap-stage .text-link { font-size:.75rem; }
  .progress-peek { padding:1.25rem; width:100%; }
  .peek-number { gap:.75rem; }
  .peek-number strong { font-size:2.5rem; }
  .experience-closing { padding:1.5rem; margin-block:3rem; gap:1.5rem; }
  .experience-closing h2 { font-size:1.75rem; }
  .experience-note { font-size:.6875rem; }
}
@media (prefers-reduced-motion:reduce) {
  [data-parallax],.startup-home .home-stack-card { transform:none !important; }
  .startup-home .home-stack-card { position:relative !important; top:auto !important; }
  .home-line-trace { opacity:0 !important; animation-play-state:paused !important; }
  .has-js[data-motion='running'][data-motion-opt-in='true'] .home-line-trace { opacity:.7 !important; animation-duration:7s !important; animation-iteration-count:infinite !important; animation-play-state:running !important; }
}
@media (prefers-contrast:more) {
  .tour-browser,.progress-playground,.progress-summary,.progress-peek,.tour-memory { border-color:#8d8d99; }
  .sidebar-caption,.sidebar-status > span,.desktop-nav a,.experience-note,.peek-note { color:#5d5469; }
}
@media (max-width:1100px) and (prefers-reduced-transparency:reduce),(max-width:1100px) and (prefers-contrast:more) {
  .site-header { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
}