:root {
  color-scheme:light; --ink:#243d4a; --body:#4f6470; --muted:#586f7b;
  --blue:#365d73; --deep:#294e65; --teal:#527d89; --paper:#fbfcfc;
  --tint:#edf3f4; --line:#d6e1e5; --focus:#608fa3;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px; line-height:1.65; scroll-behavior:auto; scroll-padding-top:30px;
}
* {box-sizing:border-box}
body {margin:0; background:var(--paper); color:var(--ink)}
button,input,textarea,select {font:inherit}
a {color:inherit; text-underline-offset:5px}
button {cursor:pointer}
button:disabled {cursor:not-allowed; opacity:.55}
button,a,summary {-webkit-tap-highlight-color:transparent}
a,button,input,textarea,select,summary,[tabindex] {outline-offset:5px}
:focus-visible {outline:3px solid var(--focus)}
::selection {background:#c6dfe6; color:#193c4e}
input,textarea {caret-color:var(--blue)}
img {display:block; max-width:100%; height:auto}
svg {display:block}
p {margin:0 0 20px}
[hidden] {display:none!important}
.shell {width:min(1184px,calc(100% - 96px)); margin-inline:auto}
.skip-link {position:absolute; z-index:20; top:-100px; left:20px; padding:12px 20px; background:white; color:var(--ink)}
.skip-link:focus {top:15px}
:is(.button,.quiet-link,.text-link,.route-options,.idea-options,.site-header,.faq-list,.lifestyle,.matrix-teaser) svg {width:20px; height:20px; flex:none}
:is(.button,.quiet-link,.text-link,.route-options,.site-header,.faq-list,.lifestyle) svg path {stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; fill:none}
h1,h2,h3 {font-weight:450; letter-spacing:-.03em; line-height:1.14; margin:0}
h1 {font-size:clamp(48px,5.6vw,78px)}
h2 {font-size:clamp(32px,3.6vw,46px)}
h3 {font-size:24px}
strong {font-weight:600}
.site-header {border-bottom:1px solid var(--line)}
.page-home .site-header.on-blue {position:absolute;top:0;left:0;width:100%;}
.site-header.on-blue {border:0; color:white; position:relative; z-index:3}
.nav-inner {height:100px; display:flex; align-items:center; justify-content:space-between; gap:30px}
.brand {font-size:29px; letter-spacing:-.035em; line-height:1; text-decoration:none; white-space:nowrap}
.brand-lean {font-weight:300; margin-right:.12em}
.brand strong {font-weight:650}
.nav-inner nav {display:flex; gap:36px}
.nav-inner nav a {display:flex; align-items:center; font-size:14px; min-height:46px; text-decoration:none}
.nav-inner nav a:hover,.nav-inner nav a[aria-current] {text-decoration:underline; text-decoration-thickness:1px}
.blue-world {background:linear-gradient(125deg,#426d83,#365d73 72%,#30546c); color:white; overflow:hidden; position:relative}
.home-hero {padding-top:100px; min-height:770px; display:grid; grid-template-columns:1fr 1fr; position:relative; z-index:1; gap:30px}
.hero-copy {padding:55px 0 115px; position:relative; z-index:2}
.hero-copy h1 {font-weight:300; font-size:clamp(50px,4.8vw,70px); line-height:1.09; margin-bottom:30px}
.hero-copy h1 strong {font-weight:550}
.hero-copy>p:not(.hero-platform) {font-size:17px; color:#e7f1f4; line-height:1.8; max-width:430px; margin-bottom:30px}
.actions {display:flex; gap:22px; flex-wrap:wrap; align-items:center}
.button {display:inline-flex; align-items:center; justify-content:center; gap:20px; border:1px solid transparent; border-radius:6px; min-height:52px; padding:14px 23px; font-size:14px; line-height:1.4; font-weight:550; text-decoration:none; transition:background .2s,color .2s}
.button.primary {background:var(--blue); color:white}
.button.primary:hover {background:#264c63}
.button.light {background:white; color:#2e5369}
.button.light:hover {background:#e4edf1}
.quiet-link,.text-link {display:inline-flex; align-items:center; gap:12px; text-decoration:none; font-size:14px; min-height:44px; font-weight:500}
.quiet-link:hover,.text-link:hover {text-decoration:underline}
.hero-platform {font-size:12px; color:#e2eff3; margin-top:23px}
.hero-visual {position:relative; display:flex; align-items:flex-start; justify-content:center; padding-top:16px; min-width:0}
.flow-art {position:absolute; width:860px; height:620px; top:-8px; left:-170px; pointer-events:none}
.growth-bars {animation:growth-breathe 14s ease-in-out infinite}
.native-phone {width:246px; padding:8px; position:relative; background:#171d21; border:2px solid #a2adb2; border-radius:40px; box-shadow:12px 25px 38px #00000035,1px 2px 3px #00000060; transform:rotate(5deg); margin:6px 0 0 70px}
.native-phone img {width:100%; border-radius:29px}
.phone-island {position:absolute; top:17px; left:50%; transform:translateX(-50%); width:70px; height:20px; border-radius:12px; background:#171d21}
.hero-caption {position:absolute; left:12px; bottom:109px; color:#e4f0f3; font-size:13px; line-height:1.5}
.landscape {position:absolute; bottom:0; left:0; width:100%; height:130px; pointer-events:none}
.motion-stopped .growth-bars {animation-play-state:paused}
.product-line {display:flex; justify-content:space-between; gap:30px; border-bottom:1px solid var(--line); padding-block:28px}
.product-line p {margin:0; font-size:13px; color:var(--body)}
.section-space {padding-block:104px}
.section-head {display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:85px; margin-bottom:52px}
.section-head>p {max-width:440px; color:var(--body); margin:0; line-height:1.8}
.guide-demo {display:grid; grid-template-columns:.78fr 1.22fr; gap:74px; align-items:start}
.field-prompt {font-size:18px; font-weight:450; margin-bottom:22px}
.route-options {border-top:1px solid var(--line)}
.route-options button {display:flex; align-items:center; justify-content:space-between; gap:20px; text-align:left; width:100%; border:0; border-bottom:1px solid var(--line); color:var(--body); background:transparent; padding:22px 0; font-size:16px; min-height:72px}
.route-options button[aria-selected=true] {color:var(--ink); font-weight:550}
.route-options button[aria-selected=true] svg {color:var(--teal)}
.route-options button:hover {color:var(--ink)}
.subtle {font-size:13px; color:var(--muted); line-height:1.75}
.guide-choices>.subtle {margin:23px 0 0; max-width:350px}
.guide-result {padding:36px 40px; background:var(--tint); border:1px solid #dce6e9; border-radius:10px}
.guide-result [data-guide-title] {font-size:29px; max-width:420px; margin-bottom:17px}
.guide-result>p:not(.guide-outcome) {color:var(--body); font-size:15px; line-height:1.8}
.guide-steps {padding:0; margin:30px 0; list-style:none; counter-reset:steps}
.guide-steps li {counter-increment:steps; position:relative; padding-left:35px; margin:0 0 24px}
.guide-steps li:before {content:counter(steps,decimal-leading-zero); color:var(--teal); font-size:12px; font-weight:600; position:absolute; top:3px; left:0}
.guide-steps strong {font-size:15px; font-weight:550}
.guide-steps p {font-size:14px; color:var(--body); line-height:1.75; margin:6px 0 0}
.guide-prompts {font-size:14px; margin-top:12px; padding:12px 15px; background:#dfe9ed; color:#3a5869}
.guide-prompts p {margin:0 0 4px}
.guide-outcome {padding-top:22px; border-top:1px solid #cbd9df; font-size:14px; font-weight:450; color:#395969}
.related-tools {display:flex; gap:8px; flex-wrap:wrap; margin:22px 0 10px}
.related-tools span {font-size:12px; border:1px solid #c4d5dc; border-radius:4px; padding:5px 10px; color:#416371}
.matrix-feature {background:var(--tint); padding-block:84px}
.matrix-feature-inner {display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center}
.matrix-feature h2 {margin-bottom:26px}
.matrix-feature p:not(.subtle) {color:var(--body); max-width:375px; margin-bottom:29px}
.matrix-feature .subtle {margin-top:19px; margin-bottom:0}
.matrix-teaser {display:block; text-decoration:none; padding:26px 20px 18px; border:1px solid #d4e1e5; border-radius:10px; background:#f9fbfc; box-shadow:0 12px 28px #0000000b}
.matrix-teaser>svg {width:100%; height:auto}
.matrix-teaser text {font:13px "Helvetica Neue",Helvetica,Arial,sans-serif; fill:#526c79}
.matrix-teaser .point-label text {fill:white; text-anchor:middle; font-size:15px; font-weight:500}
.matrix-teaser .axis-label {font-size:11px; letter-spacing:2px}
.matrix-teaser>span {display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:13px; margin:5px 17px 0}
.matrix-teaser:hover>span {text-decoration:underline; text-underline-offset:4px}
.lifestyle-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:32px}
.lifestyle {display:block; text-decoration:none; min-width:0}
.lifestyle img {width:100%; border-radius:8px; transition:filter .2s}
.lifestyle:hover img {filter:brightness(1.025)}
.lifestyle h3 {font-size:22px; margin:23px 0 9px}
.lifestyle p {font-size:13px; color:var(--body); margin:0}
.keep-work {background:#e9f0f3; padding-block:90px}
.keep-inner {display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center}
.keep-inner h2 {margin-bottom:25px}
.keep-inner p {color:var(--body); line-height:1.8}
.plain-benefits {list-style:none; margin:28px 0 0; padding:0}
.plain-benefits li {font-size:13px; padding:10px 0; border-top:1px solid #c7d6de; color:#496573}
.tablet-scene {margin:0}
.tablet-frame {padding:10px; border:1px solid #9da8ad; border-radius:24px; background:#19232a; box-shadow:0 16px 28px #00000024}
.tablet-frame img {width:100%; border-radius:13px}
.tablet-scene figcaption {font-size:12px; color:#506a78; text-align:center; margin-top:21px}
.release-section {display:grid; grid-template-columns:94px minmax(0,1fr) auto; align-items:center; gap:34px; padding-block:84px; border-bottom:1px solid var(--line)}
.app-icon {border-radius:21px; flex:none}
.release-section h2 {font-size:52px; font-weight:450; margin-bottom:15px; font-variant-numeric:tabular-nums}
.release-section p {font-size:14px; color:var(--body); margin-bottom:8px}
.release-section .release-status {font-size:13px; color:#365f71}
.release-section .purchase-type {font-size:17px; font-weight:500; color:var(--ink); margin-bottom:10px}
.release-section .release-status {max-width:38ch; margin-top:16px}
.release-download .button {margin-top:12px}
.store-placeholder {display:flex; align-items:center; gap:20px; max-width:300px}
.qr-placeholder {width:108px; height:108px; background:var(--tint); position:relative; display:grid; place-items:center; flex:none}
.qr-placeholder svg {position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#8da7b4; stroke-width:1.5}
.qr-placeholder span {font-size:11px; line-height:1.5; color:var(--body); text-align:center}
.store-placeholder>p {font-size:13px; line-height:1.8; margin:0}
.store-placeholder strong {font-weight:500; color:var(--ink)}
.homepage-help,.support-faq {display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; padding-block:78px 96px}
.homepage-help>h2,.support-faq>h2 {font-size:29px; max-width:260px}
.faq-list details {border-bottom:1px solid var(--line); margin-bottom:20px; padding-bottom:20px}
.faq-list summary {display:flex; align-items:center; justify-content:space-between; gap:20px; list-style:none; cursor:pointer; min-height:36px; font-size:15px; line-height:1.6}
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary svg {width:17px; height:17px; transition:transform .2s}
.faq-list details[open] summary svg {transform:rotate(45deg)}
.faq-list details p {color:var(--body); font-size:14px; line-height:1.8; margin:17px 30px 0 0}
.site-footer {background:#f0f4f5; border-top:1px solid var(--line); padding-block:42px 25px}
.footer-top {display:flex; gap:30px; align-items:center}
.footer-top .brand {font-size:25px}
.footer-top p {font-size:13px; color:var(--body); margin:0}
.footer-top nav {margin-left:auto; display:flex; gap:24px; font-size:13px}
.footer-bottom {display:flex; justify-content:space-between; gap:20px; font-size:12px; color:#526b79; margin-top:35px}
.page-intro {padding-block:75px 66px}
.page-intro h1 {margin:0 0 30px}
.page-intro>p {font-size:18px; color:var(--body); line-height:1.8; max-width:690px; margin:0}
.breadcrumb {display:inline-block; min-height:38px; font-size:13px; color:var(--body); margin-bottom:18px}
.guide-page-demo {padding-bottom:85px}
.guide-page-demo .guide-demo {gap:85px}
.reading-strip {padding-block:68px 92px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:90px}
.reading-strip h2 {font-size:35px}
.reading-strip p {color:var(--body); line-height:1.85}
.featured-tool {display:grid; grid-template-columns:1fr .7fr; gap:140px; padding-bottom:80px; align-items:center}
.featured-tool p {color:var(--body); max-width:420px; margin:25px 0 30px; line-height:1.8}
.featured-tool figure {margin:0; max-width:260px; justify-self:center}
.featured-tool figure img {border-radius:8px}
.tool-catalog {padding-bottom:70px}
.tool-catalog>section {display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; padding:38px 0; border-top:1px solid var(--line)}
.tool-catalog h2 {font-size:27px; max-width:350px}
.tool-catalog ul {display:grid; grid-template-columns:1fr 1fr; list-style:none; margin:0; padding:0; gap:17px 25px; font-size:15px}
.tool-catalog li {min-width:0}
.tool-catalog li a {display:inline-flex; gap:12px; align-items:center}
.tool-catalog li a svg {width:17px; height:17px; stroke:currentColor; fill:none}
.matrix-demo {display:grid; grid-template-columns:.78fr 1.22fr; gap:75px; padding-bottom:80px; align-items:start}
.matrix-editor>h2 {font-size:22px; margin-bottom:22px}
.idea-options {display:flex; flex-direction:column; gap:9px; margin-bottom:28px}
.idea-options button {display:flex; align-items:center; gap:12px; text-align:left; padding:12px 14px; border:1px solid var(--line); border-radius:5px; background:transparent; color:var(--body); font-size:14px; min-height:48px}
.idea-options button span {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; width:24px; height:24px; background:#dce6ea; color:#34596b; font-size:12px; font-weight:600; flex:none}
.idea-options button[aria-selected=true] {border-color:#6e939f; background:#edf3f4; color:var(--ink); font-weight:550}
.idea-options button[aria-selected=true] span {background:#365d73; color:white}
#idea-editor>h3 {font-size:26px; margin-bottom:15px}
.rating-fields {margin-top:26px}
.rating-field {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line)}
.rating-field>div:first-child {display:flex; align-items:center; justify-content:space-between; gap:20px}
.rating-field label {font-size:15px; font-weight:500}
.rating-field output {font-size:18px; font-weight:500; color:var(--blue); font-variant-numeric:tabular-nums}
.rating-field p {font-size:12px; color:var(--muted); margin:4px 0 12px}
.rating-field input {width:100%; accent-color:var(--teal); cursor:pointer; min-height:28px; margin:0}
.range-ends {display:flex; justify-content:space-between; font-size:12px; color:var(--muted)}
.text-button {border:0; background:transparent; color:#396274; font-size:13px; padding:12px 0; min-height:44px; text-decoration:underline; text-underline-offset:4px}
.matrix-results {position:sticky; top:25px; min-width:0}
.matrix-plot {padding:22px 12px 10px; background:#f1f5f6; border:1px solid #dbe5e9; border-radius:9px}
.matrix-plot svg {width:100%; height:auto}
.plot-labels text {font-size:13px; fill:#4d6775; font-family:inherit}
.plot-lines path {stroke:#9db2bc; stroke-width:1}
.plot-axis {font-size:11px; fill:#4f6977; letter-spacing:2px}
.plot-ticks text {font-size:11px; text-anchor:middle; fill:#4e6875}
.plot-point {fill:#365d73; stroke:white; stroke-width:2; transition:transform .28s ease-out}
.plot-point.selected {fill:#21465c; stroke-width:3}
.plot-point text {fill:white; stroke:none; text-anchor:middle; font:500 18px "Helvetica Neue",Helvetica,Arial,sans-serif; pointer-events:none}
.selected-result {padding:24px 0; border-bottom:1px solid var(--line)}
.selected-result>span {display:block; font-size:13px; color:#416975; margin-bottom:9px; font-weight:550}
.selected-result h3 {font-size:22px; line-height:1.3; margin-bottom:10px}
.selected-result p {font-size:13px; color:var(--body); margin:0; font-variant-numeric:tabular-nums}
.result-table {width:100%; border-collapse:collapse; font-size:13px; margin:24px 0}
.result-table caption {text-align:left; font-size:16px; font-weight:500; margin-bottom:15px}
.result-table :is(th,td) {padding:12px 10px 12px 0; text-align:left; vertical-align:top; border-bottom:1px solid var(--line)}
.result-table thead th {color:var(--muted); font-size:12px; font-weight:450}
.result-table tbody th {font-weight:500; width:48%}
.result-table td {font-variant-numeric:tabular-nums}
.support-layout {display:grid; grid-template-columns:.85fr 1.15fr; gap:110px; padding-bottom:75px; align-items:start}
.support-aside h2 {font-size:27px; margin-bottom:24px}
.support-aside>p {color:var(--body); max-width:350px; line-height:1.8}
.contact-email {display:block; overflow-wrap:anywhere; font-size:17px; color:#315d71; margin-top:32px}
[data-copy-status] {display:block; font-size:13px; min-height:24px; color:#315d71}
.support-aside>.subtle {font-size:13px; margin-top:17px}
.feedback-form {padding:35px; border:1px solid #dbe5e9; background:#eff4f5; border-radius:10px; min-width:0}
.feedback-form h2 {font-size:26px; margin-bottom:25px}
.feedback-form label {display:block; font-size:13px; font-weight:500; margin:20px 0 8px}
.feedback-form label span {font-weight:400; color:var(--muted)}
.feedback-form :is(input,textarea,select) {display:block; width:100%; max-width:100%; min-height:47px; padding:12px; border:1px solid #b9cbd4; border-radius:5px; background:white; color:var(--ink); font-size:15px; line-height:1.5}
.feedback-form ::placeholder {color:#5e727e; opacity:1}
.feedback-form textarea {min-height:150px; resize:vertical}
.feedback-form [aria-invalid=true] {border-color:#9c3b43}
.contact-fields {display:grid; grid-template-columns:1fr 1fr; gap:17px}
.contact-fields>div {min-width:0}
.field-error {display:block; font-size:12px; color:#8f303b; margin-top:5px; line-height:1.5}
.field-error:empty {display:none}
.feedback-form .button {width:100%; margin-top:20px}
.feedback-availability,.form-note {font-size:12px; line-height:1.75; color:#536d79; margin:16px 0 0}
.feedback-result {padding:17px; border:1px solid #b8cfd5; border-radius:5px; background:#e0edef; font-size:14px; color:#264d60; margin-top:20px; overflow-wrap:anywhere}
.feedback-result.error {background:#faefec; border-color:#d8b6ae; color:#773a38}
#security-check {margin-top:20px; max-width:100%; min-width:0}
.honey {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; pointer-events:none}
.support-faq {border-top:1px solid var(--line); padding-top:65px}
.policy {max-width:850px; margin-left:max(48px,calc((100vw - 1184px)/2)); padding-bottom:95px; color:var(--body)}
.policy-date {font-size:13px; margin-bottom:25px}
.policy section {margin-top:48px; padding-top:32px; border-top:1px solid var(--line)}
.policy h2 {font-size:30px; color:var(--ink); margin-bottom:25px}
.policy h3 {font-size:20px; color:var(--ink); margin:29px 0 14px}
.policy p {font-size:16px; line-height:1.85; max-width:72ch}
.policy a {overflow-wrap:anywhere; color:#315f74}
.missing-actions {display:flex; align-items:center; gap:30px; padding-bottom:100px}
@keyframes growth-breathe {0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:1100px) {
  .shell {width:calc(100% - 72px)}
  .home-hero {gap:12px; min-height:720px}
  .hero-copy h1 {font-size:clamp(37px,4.7vw,57px)}
  .native-phone {width:220px; margin-left:48px}
  .flow-art {width:700px; left:-130px}
  .hero-caption {left:0; bottom:98px; font-size:12px}
  .actions {gap:10px 18px}
  .section-head,.guide-demo,.matrix-feature-inner,.keep-inner {gap:48px}
  .section-space {padding-block:85px}
  .guide-result {padding:30px}
  .support-layout,.matrix-demo {gap:55px}
  .contact-fields {grid-template-columns:1fr; gap:0}
  .featured-tool {gap:80px}
  .policy {margin-left:36px}
}
@media(max-width:760px) {
  :root {scroll-padding-top:20px}
  .shell {width:calc(100% - 40px)}
  .nav-inner {height:80px; gap:15px}
  .brand {font-size:24px}
  .nav-inner nav {gap:19px}
  .nav-inner nav a {font-size:13px; min-height:44px}
  .home-hero {display:block; min-height:0; padding-top:80px}
  .hero-copy {padding:35px 0 0}
  .hero-copy h1 {font-size:clamp(38px,11.2vw,53px); line-height:1.09; margin-bottom:24px}
  .hero-copy>p:not(.hero-platform) {font-size:16px; line-height:1.8; margin-bottom:24px; max-width:440px}
  .hero-platform {font-size:12px; margin:17px 0 0}
  .button {font-size:14px; padding:13px 20px; min-height:51px}
  .quiet-link {font-size:13px}
  .actions {gap:10px 18px}
  .hero-visual {height:555px; padding-top:38px}
  .native-phone {width:211px; margin:0 0 0 20px; border-radius:35px; padding:7px}
  .native-phone img {border-radius:25px}
  .phone-island {top:15px; width:61px; height:18px}
  .flow-art {width:650px; height:540px; left:calc(50% - 330px); top:0}
  .hero-caption {left:0; bottom:62px; font-size:12px}
  .landscape {height:80px}
  .product-line {display:block; padding-block:23px}
  .product-line p {font-size:12px; margin-bottom:9px}
  .product-line p:last-child {margin:0}
  .section-space {padding-block:65px}
  .section-head {display:block; margin-bottom:34px}
  .section-head h2 {font-size:36px; margin-bottom:22px}
  .section-head>p {font-size:15px; line-height:1.8}
  .guide-demo {display:block}
  .field-prompt {font-size:18px; margin-bottom:15px}
  .route-options button {font-size:15px; padding-block:18px; min-height:65px}
  .guide-choices>.subtle {font-size:12px; margin-top:19px; margin-bottom:29px; max-width:500px}
  .guide-result {padding:27px 24px}
  .guide-result [data-guide-title] {font-size:27px; line-height:1.22}
  .guide-result>p:not(.guide-outcome) {font-size:14px}
  .guide-steps {margin:25px 0}
  .guide-steps li {padding-left:30px; margin-bottom:23px}
  .guide-steps strong {font-size:14px}
  .guide-steps p,.guide-prompts {font-size:13px}
  .guide-outcome {font-size:13px}
  .related-tools span {font-size:12px}
  .matrix-feature {padding-block:65px}
  .matrix-feature-inner {display:block}
  .matrix-feature h2 {font-size:36px; margin-bottom:23px}
  .matrix-feature p:not(.subtle) {font-size:15px; max-width:500px}
  .matrix-feature .subtle {font-size:12px; margin-bottom:30px}
  .matrix-teaser {padding:16px 7px 17px}
  .matrix-teaser text {font-size:20px}
  .matrix-teaser .point-label text {font-size:22px}
  .matrix-teaser .axis-label {font-size:18px}
  .matrix-teaser>span {font-size:12px; margin-inline:10px}
  .lifestyle-grid {display:flex; overflow-x:auto; scroll-snap-type:x proximity; gap:18px; padding-bottom:15px; margin-right:-20px; padding-right:20px; scrollbar-color:#8ca9b7 #e8eff2}
  .lifestyle {flex:0 0 72%; max-width:290px; scroll-snap-align:start}
  .lifestyle img {border-radius:5px}
  .lifestyle h3 {font-size:22px; line-height:1.25; margin-top:15px}
  .lifestyle p {font-size:13px; line-height:1.5}
  .keep-work {padding-block:65px}
  .keep-inner {display:block}
  .keep-inner h2 {font-size:36px; margin-bottom:23px}
  .keep-inner p {font-size:15px}
  .tablet-scene {margin-top:35px}
  .tablet-frame {padding:7px; border-radius:18px}
  .tablet-frame img {border-radius:10px}
  .tablet-scene figcaption {font-size:12px; margin-top:17px}
  .release-section {padding-block:60px; display:grid; grid-template-columns:65px 1fr; gap:25px 20px; align-items:start}
  .app-icon {width:65px; height:65px; border-radius:14px; margin-top:4px}
  .release-section h2 {font-size:43px; line-height:1.2}
  .release-section p {font-size:13px}
  .release-download {grid-column:1/3; margin-top:8px}
  .release-section .purchase-type {font-size:15px}
  .release-section .release-status {font-size:12px; max-width:36ch}
  .store-placeholder {gap:22px}
  .qr-placeholder {width:100px; height:100px}
  .homepage-help,.support-faq {display:block; padding-block:58px 65px}
  .homepage-help>h2,.support-faq>h2 {font-size:28px; margin-bottom:30px; max-width:none}
  .faq-list summary {font-size:14px; min-height:42px}
  .faq-list details p {font-size:14px; margin-right:15px}
  .footer-top {flex-wrap:wrap; gap:18px 25px}
  .footer-top .brand {font-size:24px}
  .footer-top p {font-size:12px}
  .footer-top nav {width:100%; margin-left:0; flex-wrap:wrap; gap:23px; margin-top:10px; font-size:13px}
  .footer-bottom {display:block; margin-top:27px; font-size:12px}
  .footer-bottom span {display:block; margin-top:9px}
  .page-intro {padding-block:50px 43px}
  .page-intro h1 {font-size:48px; margin-bottom:25px}
  .page-intro>p {font-size:16px; line-height:1.85}
  .breadcrumb {font-size:12px; margin-bottom:17px}
  .guide-page-demo {padding-bottom:60px}
  .reading-strip {display:block; padding-block:50px 65px}
  .reading-strip h2 {font-size:31px; margin-bottom:26px}
  .reading-strip p {font-size:15px}
  .featured-tool {grid-template-columns:1fr .65fr; gap:25px; padding-bottom:55px}
  .featured-tool h2 {font-size:27px}
  .featured-tool p {font-size:14px; margin:21px 0 23px}
  .featured-tool .button {font-size:12px; padding:12px; gap:12px}
  .tool-catalog {padding-bottom:45px}
  .tool-catalog>section {display:block; padding-block:30px}
  .tool-catalog h2 {font-size:25px; margin-bottom:24px}
  .tool-catalog ul {font-size:14px; gap:18px 20px}
  .matrix-demo {display:flex; flex-direction:column; gap:0; padding-bottom:60px}
  .matrix-editor,.matrix-results {display:contents}
  .matrix-editor>h2 {font-size:22px; order:0; margin-bottom:22px}
  .idea-options {order:1; margin-bottom:25px; width:100%}
  #idea-editor {order:4; width:100%}
  .matrix-editor>.text-button {order:5; align-self:flex-start; margin:16px 0}
  .matrix-results>.result-table {order:6}
  .matrix-results>.subtle {order:7}
  .idea-options button {font-size:14px}
  #idea-editor>h3 {font-size:26px}
  .rating-fields {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:24px}
  .rating-field {margin:0; padding-bottom:13px; min-width:0}
  .rating-field label {font-size:14px}
  .rating-field p {font-size:12px; min-height:36px}
  .plot-labels text,.plot-ticks text,.plot-axis {font-size:20px}
  .plot-point text {font-size:20px}
  .matrix-plot {order:2; padding:14px 5px 8px; position:sticky; top:0; z-index:2; width:100%; margin-bottom:20px; box-shadow:0 8px 16px #0000000a}
  .selected-result {order:3; width:100%; margin-bottom:27px}
  .selected-result h3 {font-size:22px}
  .result-table {font-size:12px}
  .result-table :is(th,td) {padding-right:8px}
  .result-table tbody th {width:45%}
  .support-layout {display:flex; flex-direction:column; gap:35px; padding-bottom:50px}
  .support-aside h2 {font-size:25px}
  .support-aside>p {font-size:15px; max-width:500px}
  .contact-email {font-size:16px; margin-top:25px}
  .feedback-form {width:100%; padding:26px 22px}
  .feedback-form h2 {font-size:25px}
  .feedback-form :is(input,textarea,select) {font-size:16px}
  .contact-fields {grid-template-columns:1fr; gap:0}
  .support-faq {padding-top:50px}
  .policy {margin-inline:auto; padding-bottom:65px}
  .policy p {font-size:15px}
  .policy h2 {font-size:28px}
  .policy h3 {font-size:20px}
  .missing-actions {flex-wrap:wrap; padding-bottom:65px}
}
@media(max-width:360px) {
  .nav-inner nav {gap:15px}
  .nav-inner nav a {font-size:12px}
  .brand {font-size:23px}
  .hero-copy h1 {font-size:37px}
  .page-intro h1 {font-size:43px}
  .guide-result {padding:24px 20px}
  .feedback-form {padding:24px 17px}
  .lifestyle-grid {gap:10px}
  .lifestyle h3 {font-size:21px}
  .featured-tool {display:block}
  .featured-tool figure {max-width:220px; margin:30px auto 0}
}
@media(prefers-reduced-motion:reduce) {
  :root {scroll-behavior:auto}
  *,*:before,*:after {animation:none!important; transition:none!important}
  .flow-stars {display:none}
}

.feedback-alternative {font-size:13px; line-height:1.7; margin:0 0 28px; overflow-wrap:anywhere}