:root {
  color-scheme: light;
  --about-purple: #6f4be8;
  --about-purple-deep: #5d35cc;
  --about-purple-light: #815ff0;
  --about-ink: #10152f;
  --about-muted: #66708f;
  --about-line: #e8e8f3;
  --about-soft: #f8f7ff;
  --about-white: #ffffff;
  --about-max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--about-ink); }

.motricialy-skip-link {
  position: fixed; left: 16px; top: 12px; z-index: 100000; transform: translateY(-160%);
  padding: 10px 14px; border-radius: 10px; background: #11162f; color: #fff; font: 700 14px/1.2 system-ui, sans-serif; text-decoration: none;
}
.motricialy-skip-link:focus { transform: translateY(0); }

.motricialy-fallback-header,
.motricialy-fallback-footer {
  width: 100%; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.motricialy-fallback-header {
  min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid #ececf5; background: rgba(255,255,255,.96); color: #11162f;
}
.motricialy-fallback-brand { display: inline-flex; align-items: center; gap: 10px; color: #11162f; text-decoration: none; font-weight: 800; font-size: 20px; }
.motricialy-fallback-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#815ff0,#5d35cc); }
.motricialy-fallback-nav { display: flex; align-items: center; gap: 22px; }
.motricialy-fallback-nav a { color: #48506c; text-decoration: none; font-size: 14px; font-weight: 650; }
.motricialy-fallback-nav a:hover { color: #6f4be8; }
.motricialy-fallback-nav .motricialy-fallback-cta { padding: 9px 13px; border-radius: 10px; color: #fff; background: #6f4be8; }
.motricialy-fallback-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 34px max(24px, calc((100vw - 1200px) / 2)); background: #11131b; color: #fff; }
.motricialy-fallback-footer div { display: grid; gap: 6px; }
.motricialy-fallback-footer span { color: #aeb3c5; font-size: 13px; }
.motricialy-fallback-footer nav { display: flex; gap: 20px; }
.motricialy-fallback-footer a { color: #dfe2eb; text-decoration: none; font-size: 13px; }

.about-page {
  --tilt-x: 0deg; --tilt-y: 0deg;
  position: relative; isolation: isolate; overflow: clip; background: #fff; color: var(--about-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;
}
.about-page h1, .about-page h2, .about-page p { margin: 0; }
.about-page button, .about-page a { font: inherit; }
.about-page button { color: inherit; }
.about-shell { width: min(var(--about-max), calc(100% - 48px)); margin: 0 auto; }
.about-kicker { margin-bottom: 18px !important; color: var(--about-purple); font-size: 12px; font-weight: 850; letter-spacing: .15em; line-height: 1.2; }
.about-kicker-light { color: #dcd3ff; }
.section-heading { max-width: 760px; }
.section-heading h2, .simpler-copy h2, .library-heading h2, .name-copy h2, .cta-card h2 {
  font-size: clamp(36px, 4.4vw, 62px); line-height: 1.02; letter-spacing: -.045em; font-weight: 850;
}
.section-heading > p:last-child, .simpler-copy > p, .name-copy > p { margin-top: 20px; color: var(--about-muted); font-size: 18px; line-height: 1.7; }

.about-hero {
  position: relative; min-height: 720px; display: grid; align-items: center; padding: 88px 0 96px;
  background: radial-gradient(circle at 24% 18%, rgba(111,75,232,.12), transparent 34%), linear-gradient(180deg,#fbfaff 0%,#fff 84%);
}
.about-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .42;
  background-image: linear-gradient(rgba(111,75,232,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(111,75,232,.055) 1px, transparent 1px);
  background-size: 42px 42px; mask-image: linear-gradient(to bottom,#000 0%,transparent 76%);
}
.about-orb { position: absolute; border-radius: 999px; filter: blur(2px); pointer-events: none; }
.about-orb-a { width: 300px; height: 300px; right: 4vw; top: 80px; background: radial-gradient(circle at 35% 30%,rgba(143,115,247,.35),rgba(111,75,232,.05) 60%,transparent 72%); }
.about-orb-b { width: 180px; height: 180px; left: -70px; bottom: 100px; background: radial-gradient(circle,rgba(248,95,160,.12),transparent 70%); }
.about-hero-inner { position: relative; z-index: 1; width: min(var(--about-max), calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr); gap: 74px; align-items: center; }
.about-hero-copy h1 { max-width: 730px; font-size: clamp(58px, 7vw, 94px); line-height: .92; letter-spacing: -.062em; font-weight: 900; }
.about-hero-copy h1 span { color: var(--about-purple); }
.about-lede { max-width: 690px; margin-top: 30px !important; color: #5b6480; font-size: 19px; line-height: 1.68; }
.about-trust-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.about-trust-row span { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid #e6e1fb; border-radius: 999px; background: rgba(255,255,255,.82); box-shadow: 0 8px 28px rgba(83,62,151,.06); color: #343b58; font-size: 13px; font-weight: 750; }
.about-trust-row b { color: var(--about-purple); }
.about-hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 34px; }
.about-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 14px; cursor: pointer; text-decoration: none; font-weight: 800; line-height: 1.2; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
.about-button-primary { color: #fff !important; background: linear-gradient(135deg,var(--about-purple-light),var(--about-purple-deep)); box-shadow: 0 14px 34px rgba(93,53,204,.22); }
.about-button-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(93,53,204,.28); }
.about-text-link { color: #4f5874; text-decoration: none; font-weight: 750; }
.about-text-link:hover { color: var(--about-purple); }
.about-button:focus-visible, .about-page a:focus-visible, .about-page button:focus-visible { outline: 3px solid rgba(111,75,232,.28); outline-offset: 3px; }

.chore-board { position: relative; padding: 26px; border: 1px solid rgba(111,75,232,.18); border-radius: 28px; background: rgba(255,255,255,.88); box-shadow: 0 36px 80px rgba(42,28,92,.16), inset 0 1px 0 rgba(255,255,255,.85); backdrop-filter: blur(14px); transform: perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)); transition: transform .18s ease, box-shadow .25s ease; }
.chore-board::after { content: ""; position: absolute; inset: 12px -12px -12px 12px; z-index: -1; border-radius: 28px; background: linear-gradient(145deg,rgba(111,75,232,.15),rgba(248,95,160,.08)); filter: blur(1px); }
.chore-board-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.mini-label { color: #8a82a5; font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.chore-board-top h2 { margin-top: 4px; font-size: 29px; line-height: 1.1; letter-spacing: -.035em; }
.chore-progress { padding: 6px 9px; border-radius: 9px; background: #f2efff; color: #7256d9; font-size: 12px; font-weight: 800; }
.chore-list { display: grid; gap: 10px; }
.chore-item { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 54px; padding: 12px 14px; border: 1px solid #eceaf6; border-radius: 14px; background: #fff; text-align: left; cursor: pointer; font-weight: 750; box-shadow: 0 6px 18px rgba(35,28,78,.035); transition: transform .2s ease,border-color .2s ease,background .2s ease,opacity .2s ease; }
.chore-item:hover { transform: translateX(4px); border-color: #cabef7; }
.chore-item.is-done { background: #f6f4ff; border-color: #d7cdf9; color: #746f88; }
.chore-item.is-done > span:first-child { text-decoration: line-through; text-decoration-thickness: 1.5px; }
.chore-status { min-width: 58px; color: var(--about-purple); font-size: 12px; text-align: right; }
.chore-finish { max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; color: var(--about-purple-deep); font-weight: 850; text-align: center; transition: all .25s ease; }
.chore-finish.is-visible { max-height: 40px; margin-top: 14px; opacity: 1; }
.chore-board-note { display: flex; align-items: center; gap: 7px; margin-top: 16px; color: #8b91a7; font-size: 11px; }
.live-dot { width: 7px; height: 7px; border-radius: 99px; background: #21bd76; box-shadow: 0 0 0 5px rgba(33,189,118,.1); }

.about-principles { padding: 120px 0 126px; }
.promise-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 54px; }
.promise-card { position: relative; min-height: 270px; padding: 32px; overflow: hidden; border: 1px solid #ece9f7; border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(38,25,80,.055); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.promise-card::after { content: ""; position: absolute; right: -38px; top: -38px; width: 130px; height: 130px; border-radius: 50%; background: var(--promise-soft,#f2eeff); }
.promise-card:hover { transform: translateY(-4px); border-color: #d7cdf8; box-shadow: 0 24px 55px rgba(38,25,80,.09); }
.promise-card:hover::after { transform: scale(1.06); }
.promise-card::after { transition: transform .2s ease; }
.promise-free { --promise-soft:#eeeaff; }
.promise-private { --promise-soft:#e9f8f2; }
.promise-signup { --promise-soft:#fff1e4; }
.promise-index { position: relative; z-index: 1; display: block; margin-bottom: 50px; color: #9a91bb; font-size: 12px; font-weight: 850; letter-spacing: .12em; }
.promise-card strong { position: relative; z-index: 1; display: block; font-size: 27px; line-height: 1.15; letter-spacing: -.025em; }
.promise-card p { position: relative; z-index: 1; margin-top: 14px; color: var(--about-muted); line-height: 1.7; }

.simpler-section { padding: 126px 0; background: #faf9ff; border-block: 1px solid #efedf8; }
.simpler-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 76px; }
.simpler-copy > p { max-width: 520px; }
.simpler-copy .about-button { margin-top: 30px; }
.simplify-reset { display: inline-block; margin: 18px 0 0 2px; padding: 0; border: 0; background: transparent; color: #7d7691; cursor: pointer; font-weight: 750; }
.simplify-reset:hover { color: var(--about-purple); }
.simplify-demo { position: relative; overflow: hidden; min-height: 450px; border: 1px solid #dfdaf2; border-radius: 28px; background: #fff; box-shadow: 0 32px 70px rgba(49,33,104,.11); }
.demo-window-bar { height: 54px; display: flex; align-items: center; gap: 7px; padding: 0 20px; background: #f4f2fb; border-bottom: 1px solid #e7e4f1; }
.demo-window-bar > span { width: 9px; height: 9px; border-radius: 99px; background: #d3cde7; }
.demo-window-bar em { margin-left: auto; color: #9189a6; font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.demo-content { padding: 28px; }
.demo-title-row { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; padding-bottom: 22px; border-bottom: 1px solid #efedf6; }
.demo-title-row small { display: block; margin-bottom: 4px; color: #9b93af; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.demo-title-row strong { font-size: 24px; line-height: 1.2; letter-spacing: -.025em; }
.demo-badge { padding: 6px 9px; border-radius: 8px; background: #f0edf9; color: #7e739e; font-size: 10px; font-weight: 800; }
.demo-options { display: grid; gap: 10px; padding: 20px 0; }
.demo-option { display: flex; justify-content: space-between; align-items: center; min-height: 46px; padding: 10px 12px; border: 1px solid #eeecf5; border-radius: 11px; background: #fcfbfe; color: #5f6478; font-size: 12px; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .24s ease, max-height .35s ease, margin .35s ease, padding .35s ease, border-width .35s ease; }
.demo-option i { color: #9490a2; font-style: normal; }
.fake-file-button { padding: 7px 10px; border-radius: 8px; background: #eee9ff; color: #6f4be8 !important; font-weight: 800; }
.demo-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.demo-footer span { color: #9993a6; font-size: 11px; }
.demo-footer b { display: inline-flex; min-height: 43px; align-items: center; justify-content: center; padding: 10px 16px; border-radius: 11px; background: #26213a; color: #fff; font-size: 12px; }
.demo-result-line { position: absolute; left: 0; right: 0; bottom: 0; transform: translateY(100%); padding: 16px 22px; background: #ede7ff; color: #6544d4; text-align: center; font-size: 13px; font-weight: 850; opacity: 0; transition: transform .35s ease,opacity .35s ease; }
.simplify-demo.is-simple .demo-extra { opacity: 0; transform: translateX(24px) scale(.96); max-height: 0; min-height: 0; margin: 0; padding-block: 0; border-width: 0; overflow: hidden; }
.simplify-demo.is-simple .demo-badge { opacity: 0; }
.simplify-demo.is-simple .demo-content { padding-top: 42px; }
.simplify-demo.is-simple .demo-title-row small { color: var(--about-purple); }
.simplify-demo.is-simple .demo-title-row small::after { content: "SIMPLE FILE TOOL"; font-size: 9px; }
.simplify-demo.is-simple .demo-title-row small { font-size: 0; }
.simplify-demo.is-simple .demo-option.demo-keeper { min-height: 74px; background: #faf9ff; border: 1.5px dashed #c9bdf6; color: #25283c; font-size: 14px; }
.simplify-demo.is-simple .demo-footer { justify-content: flex-end; }
.simplify-demo.is-simple .demo-footer b { min-width: 145px; background: linear-gradient(135deg,var(--about-purple-light),var(--about-purple-deep)); font-size: 13px; }
.simplify-demo.is-simple .demo-result-line { transform: translateY(0); opacity: 1; }

.live-library { position: relative; padding: 126px 0; overflow: hidden; background: #181229; color: #fff; }
.live-library::before { content:""; position:absolute; inset:-30% 35% auto -10%; height:600px; background:radial-gradient(circle,rgba(111,75,232,.52),transparent 66%); pointer-events:none; }
.live-library::after { content:""; position:absolute; right:-10%; bottom:-28%; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(238,63,154,.18),transparent 68%); pointer-events:none; }
.live-library .about-shell { position: relative; z-index: 1; }
.library-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.library-heading h2 { max-width: 760px; color: #fff; }
.tool-count-card { min-width: 185px; padding: 22px 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.07); backdrop-filter: blur(10px); }
.tool-count-card strong { display: block; font-size: 42px; line-height: 1; letter-spacing: -.05em; }
.tool-count-card span { display: block; margin-top: 7px; color: #bbb4d0; font-size: 12px; }
.category-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 54px; }
.category-card { min-width: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.06); overflow: hidden; transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.category-card:hover, .category-card.is-open, .category-card:focus-within { transform: translateY(-3px); border-color: color-mix(in srgb,var(--category) 70%,white 10%); background: rgba(255,255,255,.1); }
.category-toggle { width: 100%; min-height: 78px; display: grid; grid-template-columns: 38px 1fr auto; align-items: center; gap: 11px; padding: 16px; border: 0; background: transparent; color: #fff; text-align: left; cursor: pointer; font-weight: 800; }
.category-toggle > b { font-size: 20px; font-weight: 500; color: #bbb3cf; transition: transform .2s ease; }
.category-card.is-open .category-toggle > b { transform: rotate(45deg); }
.category-symbol { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: var(--category-soft); color: var(--category); font-size: 14px; font-weight: 900; }
.category-examples { display: grid; gap: 6px; max-height: 0; opacity: 0; overflow: hidden; padding: 0 10px; transition: max-height .28s ease,opacity .24s ease,padding .28s ease; }
.category-card:hover .category-examples, .category-card.is-open .category-examples, .category-card:focus-within .category-examples { max-height: 190px; opacity: 1; padding: 0 10px 10px; }
.category-examples a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 37px; padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.065); color: #e9e5f4; text-decoration: none; font-size: 11px; font-weight: 700; }
.category-examples a:hover { background: color-mix(in srgb,var(--category) 22%,transparent); color: #fff; }
.category-examples a span { color: var(--category); }
.library-foot { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 34px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.12); }
.library-foot p { max-width: 650px; color: #a9a3bc; font-size: 13px; }
.about-button-light { color: #fff !important; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.09); }
.about-button-light:hover { transform: translateY(-2px); background: rgba(255,255,255,.14); }

.defaults-section { padding: 126px 0; }
.defaults-console { max-width: 900px; margin: 54px auto 0; padding: 18px; border: 1px solid #e5e1f2; border-radius: 24px; background: #11131b; box-shadow: 0 30px 70px rgba(25,20,47,.16); }
.defaults-console::before { content: "motricialy.defaults"; display: block; padding: 4px 8px 16px; color: #858997; font: 700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing: .04em; }
.console-row { display: grid; grid-template-columns: 1fr auto; gap: 18px; padding: 15px 16px; border-top: 1px solid #252833; color: #d9dce6; font: 600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.console-row span::before { content: "› "; color: #6f4be8; }
.console-row b { color: #a88cff; font-weight: 700; }

.name-story { padding: 126px 0; background: linear-gradient(180deg,#fff 0%,#faf8ff 100%); border-top: 1px solid #f0edf8; }
.name-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 82px; align-items: center; }
.name-copy .origin-note { margin-top: 24px; padding-left: 18px; border-left: 3px solid #b9a9f3; color: #4d5570; font-size: 15px; }
.name-mixer { min-height: 360px; display: grid; place-items: center; align-content: center; gap: 20px; padding: 36px; border: 1px solid #e4def6; border-radius: 28px; background: #fff; box-shadow: 0 30px 70px rgba(40,26,88,.1); }
.mixer-stage { position: relative; width: 100%; min-height: 122px; display: flex; align-items: center; justify-content: center; gap: 12px; overflow: hidden; }
.source-word { display: inline-flex; padding: 10px 13px; border: 1px solid #e5dffa; border-radius: 12px; background: #f8f5ff; color: #5d35cc; font: 850 clamp(16px,2vw,22px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing: .06em; transition: transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s ease,filter .35s ease; }
.mixer-plus { color: #a29aae; font-size: 26px; transition: transform .45s ease,opacity .3s ease; }
.mixed-word { position: absolute; opacity: 0; transform: scale(.78) translateY(16px); color: var(--about-purple); font-size: clamp(38px,5vw,62px); line-height: 1; letter-spacing: -.055em; font-weight: 900; transition: transform .55s cubic-bezier(.2,.9,.2,1.15),opacity .35s ease; }
.name-mixer.is-mixed .source-a { transform: translateX(80px) rotate(-4deg); opacity: 0; filter: blur(5px); }
.name-mixer.is-mixed .source-b { transform: translateX(-80px) rotate(4deg); opacity: 0; filter: blur(5px); }
.name-mixer.is-mixed .mixer-plus { transform: scale(.4) rotate(90deg); opacity: 0; }
.name-mixer.is-mixed .mixed-word { opacity: 1; transform: scale(1) translateY(0); }
.mixer-caption { color: #9790a8; font-size: 11px; }

.about-cta { padding: 36px 0 126px; }
.cta-card { position: relative; min-height: 440px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 72px 42px; border-radius: 32px; background: linear-gradient(135deg,#5d35cc 0%,#744de3 45%,#835ff0 100%); color: #fff; text-align: center; box-shadow: 0 30px 70px rgba(80,48,182,.22); }
.cta-card::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 26%),radial-gradient(circle at 84% 80%,rgba(252,114,175,.18),transparent 30%); }
.cta-card > * { position: relative; z-index: 1; }
.cta-card h2 { max-width: 820px; color: #fff; }
.cta-card > p:not(.about-kicker) { margin-top: 16px; color: #e9e2ff; font-size: 18px; }
.cta-actions { display: flex; gap: 12px; margin-top: 30px; }
.about-button-white { background: #fff; color: #5d35cc !important; box-shadow: 0 12px 28px rgba(41,22,106,.18); }
.about-button-white:hover { transform: translateY(-2px); }
.about-button-ghost { border: 1px solid rgba(255,255,255,.32); background: rgba(255,255,255,.08); color: #fff !important; }
.about-button-ghost:hover { background: rgba(255,255,255,.14); transform: translateY(-2px); }
.floating-formats { position: absolute; inset: 0; pointer-events: none; }
.floating-formats span { position: absolute; padding: 8px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.6); font: 800 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing: .06em; }
.floating-formats span:nth-child(1){left:7%;top:20%;transform:rotate(-8deg)}
.floating-formats span:nth-child(2){right:9%;top:16%;transform:rotate(9deg)}
.floating-formats span:nth-child(3){left:12%;bottom:16%;transform:rotate(5deg)}
.floating-formats span:nth-child(4){right:15%;bottom:18%;transform:rotate(-7deg)}
.floating-formats span:nth-child(5){left:29%;top:8%;transform:rotate(3deg)}
.floating-formats span:nth-child(6){right:29%;bottom:9%;transform:rotate(-3deg)}

.reveal-on-scroll { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .about-hero-inner { grid-template-columns: 1fr .88fr; gap: 44px; }
  .about-hero-copy h1 { font-size: clamp(54px,7vw,76px); }
  .simpler-grid { gap: 48px; }
  .category-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 820px) {
  .motricialy-fallback-nav a:not(.motricialy-fallback-cta) { display: none; }
  .about-shell, .about-hero-inner { width: min(100% - 34px, var(--about-max)); }
  .about-hero { min-height: auto; padding: 66px 0 82px; }
  .about-hero-inner { grid-template-columns: 1fr; gap: 50px; }
  .about-hero-copy { max-width: 720px; }
  .about-hero-copy h1 { font-size: clamp(58px,12vw,84px); }
  .chore-board { max-width: 620px; width: 100%; }
  .promise-grid { grid-template-columns: 1fr; }
  .promise-card { min-height: 220px; }
  .promise-index { margin-bottom: 34px; }
  .simpler-grid { grid-template-columns: 1fr; }
  .library-heading { align-items: flex-start; }
  .name-grid { grid-template-columns: 1fr; gap: 48px; }
  .name-mixer { max-width: 620px; width: 100%; }
}

@media (max-width: 620px) {
  .about-page { font-size: 15px; }
  .motricialy-fallback-header { min-height: 64px; padding: 12px 16px; }
  .motricialy-fallback-brand { font-size: 18px; }
  .motricialy-fallback-nav { gap: 8px; }
  .motricialy-fallback-nav .motricialy-fallback-cta { padding: 8px 10px; font-size: 12px; }
  .motricialy-fallback-footer { flex-direction: column; align-items: flex-start; padding: 28px 18px; }
  .about-shell, .about-hero-inner { width: calc(100% - 30px); }
  .about-kicker { margin-bottom: 14px !important; font-size: 10px; }
  .about-hero { padding: 54px 0 70px; }
  .about-hero-copy h1 { font-size: clamp(50px,16vw,70px); }
  .about-lede { margin-top: 24px !important; font-size: 17px; }
  .about-trust-row { gap: 8px; margin-top: 22px; }
  .about-trust-row span { padding: 8px 10px; font-size: 11px; }
  .about-hero-actions { flex-direction: column; align-items: stretch; gap: 12px; margin-top: 28px; }
  .about-text-link { text-align: center; }
  .chore-board { padding: 18px; border-radius: 22px; transform: none !important; }
  .chore-board::after { inset: 8px -8px -8px 8px; border-radius: 22px; }
  .chore-board-top h2 { font-size: 25px; }
  .chore-item { min-height: 52px; padding: 11px 12px; font-size: 13px; }
  .about-principles, .simpler-section, .live-library, .defaults-section, .name-story { padding: 88px 0; }
  .section-heading h2, .simpler-copy h2, .library-heading h2, .name-copy h2, .cta-card h2 { font-size: clamp(37px,11vw,50px); }
  .section-heading > p:last-child, .simpler-copy > p, .name-copy > p { margin-top: 16px; font-size: 16px; }
  .promise-grid { margin-top: 36px; }
  .promise-card { min-height: 0; padding: 24px; border-radius: 20px; }
  .promise-card:hover { transform: none; }
  .promise-card strong { font-size: 24px; }
  .simpler-grid { gap: 36px; }
  .simplify-demo { min-height: 420px; border-radius: 22px; }
  .demo-content { padding: 20px; }
  .demo-title-row strong { font-size: 21px; }
  .demo-option { font-size: 11px; }
  .library-heading { flex-direction: column; gap: 28px; }
  .tool-count-card { min-width: 0; width: 100%; }
  .category-grid { grid-template-columns: 1fr; margin-top: 34px; }
  .category-card:hover { transform: none; }
  .category-examples { max-height: 0; opacity: 0; }
  .category-card.is-open .category-examples, .category-card:focus-within .category-examples { max-height: 190px; opacity: 1; padding: 0 10px 10px; }
  .library-foot { flex-direction: column; align-items: stretch; }
  .console-row { grid-template-columns: 1fr; gap: 4px; padding: 13px 12px; font-size: 12px; }
  .console-row b { padding-left: 16px; }
  .name-mixer { min-height: 300px; padding: 24px 16px; }
  .mixer-stage { flex-direction: column; gap: 8px; }
  .mixer-plus { line-height: 1; }
  .mixed-word { font-size: 42px; }
  .name-mixer.is-mixed .source-a { transform: translateY(40px); }
  .name-mixer.is-mixed .source-b { transform: translateY(-40px); }
  .about-cta { padding: 20px 0 90px; }
  .cta-card { width: calc(100% - 30px); min-height: 480px; padding: 60px 22px; border-radius: 26px; }
  .cta-actions { width: 100%; flex-direction: column; }
  .floating-formats span:nth-child(5), .floating-formats span:nth-child(6) { display: none; }
  .reveal-on-scroll { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .001ms !important; }
  .reveal-on-scroll { opacity: 1; transform: none; }
  .chore-board { transform: none !important; }
}

/* About v1.1.x: editorial intro and clearer philosophy rows. */
.about-intro {
  position: relative;
  overflow: hidden;
  padding: 104px 0 112px;
  background: linear-gradient(180deg,#fbfaff 0%,#fff 88%);
  border-bottom: 1px solid #f0edf8;
}
.about-intro-grid {
  position: absolute; inset: 0; pointer-events: none; opacity: .42;
  background-image: linear-gradient(rgba(111,75,232,.05) 1px, transparent 1px), linear-gradient(90deg,rgba(111,75,232,.05) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: linear-gradient(to bottom,#000 0%,transparent 82%);
}
.about-intro-orb { position: absolute; border-radius: 999px; pointer-events: none; }
.about-intro-orb-a { width: 340px; height: 340px; top: -130px; right: 4vw; background: radial-gradient(circle,rgba(111,75,232,.16),transparent 70%); }
.about-intro-orb-b { width: 190px; height: 190px; left: -70px; bottom: -70px; background: radial-gradient(circle,rgba(248,95,160,.11),transparent 70%); }
.intro-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.22fr) minmax(320px,.78fr); gap: 92px; align-items: end; }
.intro-copy { max-width: 790px; }
.intro-copy h1 { font-size: clamp(54px,6.1vw,84px); line-height: .96; letter-spacing: -.058em; font-weight: 900; }
.intro-statement { max-width: 760px; margin-top: 26px !important; color: var(--about-purple-deep); font-size: clamp(25px,2.8vw,39px); line-height: 1.12; letter-spacing: -.035em; font-weight: 820; }
.intro-copy .about-lede { max-width: 760px; margin-top: 24px !important; color: #5d6681; font-size: 18px; line-height: 1.72; }
.brand-note { position: relative; padding: 30px 30px 26px; border: 1px solid #e3dcfa; border-radius: 24px; background: rgba(255,255,255,.82); box-shadow: 0 24px 60px rgba(49,33,104,.08); backdrop-filter: blur(12px); }
.brand-note::before { content:""; position:absolute; width:64px; height:6px; left:30px; top:-3px; border-radius:99px; background:linear-gradient(90deg,#815ff0,#5d35cc); }
.brand-note-label,.brand-note-year { display:block; color:#9188a8; font-size:10px; font-weight:850; letter-spacing:.14em; }
.brand-note blockquote { margin: 18px 0 14px; color:#1d2340; font-size:28px; line-height:1.2; letter-spacing:-.03em; font-weight:850; }
.brand-note p { color:#6a728b; font-size:14px; line-height:1.65; }
.brand-note-year { margin-top:26px; color:#6f4be8; }

.friction-section { padding: 126px 0; background:#fff; }
.friction-layout { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:86px; align-items:start; }
.friction-heading { position:sticky; top:110px; }
.friction-heading h2 { max-width:520px; font-size:clamp(36px,4.4vw,62px); line-height:1.02; letter-spacing:-.045em; font-weight:850; }
.friction-heading > p:last-child { max-width:510px; margin-top:20px; color:var(--about-muted); font-size:18px; line-height:1.7; }
.friction-list { border-top:1px solid #e8e5f2; }
.friction-row { display:grid; grid-template-columns:48px minmax(0,1fr) 44px; gap:22px; align-items:center; min-height:132px; padding:24px 10px; border-bottom:1px solid #e8e5f2; transition:padding .2s ease,background .2s ease,border-color .2s ease; }
.friction-row:hover { padding-inline:18px; background:#faf9ff; border-color:#ded7f7; }
.friction-index { color:#aaa2ba; font-size:11px; font-weight:850; letter-spacing:.12em; }
.friction-row h3 { margin:0; color:#151a34; font-size:24px; line-height:1.15; letter-spacing:-.025em; }
.friction-row p { margin-top:8px; color:#6a728b; font-size:14px; line-height:1.65; }
.friction-mark { display:grid; place-items:center; width:38px; height:38px; border:1px solid #e6e0fb; border-radius:12px; background:#f7f4ff; color:#7658df; font-size:24px; line-height:1; transform:rotate(2deg); }

@media (max-width: 1050px) {
  .intro-layout { grid-template-columns:minmax(0,1fr) minmax(300px,.7fr); gap:52px; }
  .friction-layout { gap:52px; }
}

@media (max-width: 820px) {
  .about-intro { padding:82px 0 88px; }
  .intro-layout { grid-template-columns:1fr; gap:42px; }
  .brand-note { max-width:620px; }
  .friction-layout { grid-template-columns:1fr; gap:44px; }
  .friction-heading { position:static; }
}

@media (max-width: 620px) {
  .about-intro { padding:64px 0 72px; }
  .intro-copy h1 { font-size:clamp(48px,14vw,64px); }
  .intro-statement { margin-top:22px !important; font-size:clamp(25px,8vw,32px); }
  .intro-copy .about-lede { font-size:16px; }
  .brand-note { padding:25px 22px 22px; border-radius:20px; }
  .brand-note::before { left:22px; }
  .brand-note blockquote { font-size:24px; }
  .friction-section { padding:88px 0; }
  .friction-heading h2 { font-size:clamp(37px,11vw,50px); }
  .friction-heading > p:last-child { font-size:16px; }
  .friction-row { grid-template-columns:36px minmax(0,1fr) 34px; gap:12px; min-height:118px; padding:20px 4px; }
  .friction-row:hover { padding-inline:4px; background:transparent; }
  .friction-row h3 { font-size:20px; }
  .friction-row p { font-size:13px; }
  .friction-mark { width:32px; height:32px; border-radius:10px; font-size:20px; }
}