@font-face {
  font-family: Nimbus;
  src: url("assets/sans.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Nimbus;
  src: url("assets/sans-bold.otf") format("opentype");
  font-weight: 700;
  font-display: swap;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; font-family: Nimbus, Arial, sans-serif; font-size: 18px; line-height: 1.5; color: var(--ink); background: var(--paper); }
h1, h2, h3, p, figure { margin: 0; }
h1, h2, h3 { font-weight: 400; line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
h1 { font-size: clamp(48px, 7vw, 100px); }
h2 { font-size: clamp(36px, 4.6vw, 64px); }
h3 { font-size: 28px; }
p { max-width: 65ch; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 5px; }
button, input, textarea, select { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button, summary { cursor: pointer; }
button { color: inherit; }
button:disabled { cursor: not-allowed; opacity: .55; }
img { display: block; width: 100%; height: auto; }
::selection { background: var(--accent); color: var(--ink); }
:focus-visible { outline: 3px solid var(--focus, #1460df); outline-offset: 5px; }
[hidden] { display: none !important; }
.wrap { width: min(100% - 112px, 1280px); margin-inline: auto; }
.section { padding-block: 96px; }
.eyebrow { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; }
.muted { color: var(--muted); }
.lede { font-size: 20px; line-height: 1.5; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 40px; }
.section-heading > p { max-width: 36ch; }
.section-heading .eyebrow { margin-bottom: 20px; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 48px; padding: 12px 24px; color: var(--paper); background: var(--ink); border: 1px solid var(--ink); text-decoration: none; font-size: 15px; font-weight: 700; transition: background-color 160ms, transform 160ms; }
.button:hover { transform: translateY(-2px); }
.button:active { transform: translateY(0); }
.button.secondary { background: transparent; color: var(--ink); border-color: var(--line); }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-block: 28px; }
.brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; font-size: 23px; font-weight: 700; letter-spacing: -.055em; line-height: 1; min-height: 44px; }
.site-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; font-size: 14px; }
.site-nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.site-nav a:hover { text-decoration: underline; }
.skip { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-200%); background: #fff; color: #111; padding: 12px 20px; }
.skip:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.rule { border-top: 1px solid var(--line); }
.status { min-height: 1.5em; font-size: 14px; line-height: 1.5; }
.status[data-error="true"] { color: var(--error, #9b2323); }
label { display: block; font-size: 14px; font-weight: 700; }
input, textarea, select { width: 100%; margin-top: 8px; padding: 14px; border: 1px solid var(--line); border-radius: 0; color: var(--ink); background: var(--paper); }
textarea { resize: vertical; line-height: 1.5; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.form-fields { display: grid; gap: 20px; }
.form-note { margin-top: 12px; font-size: 13px; color: var(--muted); }
details { border-top: 1px solid var(--line); }
summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 64px; padding-block: 22px; list-style: none; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; font-size: 24px; font-weight: 400; }
details[open] > summary::after { content: "−"; }
details > p { padding-bottom: 24px; color: var(--muted); font-size: 17px; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; }
.filter-bar button { min-height: 44px; padding: 10px 20px; border: 1px solid var(--line); border-radius: 100px; background: transparent; font-size: 14px; }
.filter-bar button[aria-pressed="true"] { background: var(--ink); color: var(--paper); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding-block: 28px; border-top: 1px solid var(--line); font-size: 13px; }
noscript { display: block; padding: 16px; background: #fff3ce; color: #27210f; font-size: 15px; }

@media (max-width: 900px) {
  .wrap { width: calc(100% - 64px); }
  .site-nav { gap: 16px; }
}

@media (max-width: 720px) {
  .wrap { width: calc(100% - 40px); }
  .section { padding-block: 64px; }
  .site-header { flex-wrap: wrap; padding-block: 20px; gap: 12px; }
  .site-nav { gap: 18px; font-size: 13px; }
  .section-heading { display: block; margin-bottom: 32px; }
  .section-heading > p { margin-top: 20px; }
  .lede { font-size: 18px; }
  .button { min-height: 48px; padding-inline: 20px; }
  h1, h2, h3, p, a, button { overflow-wrap: break-word; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

:root { --paper: #fff; --ink: #111; --muted: #5e6468; --line: #c1dae4; --accent: #00a7ed; --focus: #185bdd; }
body { background: #f1f1f1; font-size: 16px; }
.page { max-width: 1200px; margin: 28px auto; background: white; padding: 14px; border-radius: 32px; }
h1, h2, h3 { letter-spacing: -.055em; }
h2 { font-size: clamp(30px,3vw,42px); }
.hero { position: relative; aspect-ratio: 1.42; min-height: 660px; border-radius: 24px; overflow: hidden; isolation: isolate; background: #066eae; color: white; }
.hero-image { position: absolute; inset: 0; height: 100%; object-fit: cover; z-index: -1; }
.hero-nav { display: flex; align-items: center; justify-content: space-between; padding: 36px 7%; }
.wordmark { display: inline-flex; gap: 8px; align-items: center; font-size: 25px; letter-spacing: -.05em; text-decoration: none; min-height: 44px; }
.hero-nav > div { display: flex; gap: 23px; font-size: 13px; }
.hero-nav a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.hero-copy { text-align: center; width: 90%; margin: 45px auto 0; }
.badge { display: inline-block; padding: 5px 13px; background: #075d9666; border: 1px solid #ffffff28; border-radius: 99px; font-size: 12px; text-shadow: 0 1px 3px #004c7999; }
.hero h1 { font-size: clamp(40px,4.1vw,58px); line-height: .95; margin: 16px 0; }
.hero-copy > p { font-size: 16px; line-height: 1.35; margin: 0 auto; text-shadow: 0 1px 4px #03456fff; }
.style-bar { display: flex; align-items: center; justify-content: center; width: fit-content; margin: 22px auto 16px; padding: 7px 12px; gap: 6px; background: #bae7fc66; border: 4px solid #bdeeff88; border-radius: 99px; box-shadow: inset 0 0 0 2px #e3f5ff66, 0 4px 9px #1986c622; color: #fff; backdrop-filter: blur(8px); }
.style-bar > span:first-child { padding: 0 5px; font-size: 12px; }
.style-bar button { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 3px solid #d1f0ff; background: #c8ebff88; font-size: 21px; color: #2875a1; }
.style-bar button[aria-pressed="true"] { background: white; box-shadow: 0 2px 8px #008fe588; }
.toolbar-divider { height: 24px; width: 1px; background: #bdecff; margin: 0 10px; }
.color-dot { width: 24px; height: 24px; background: #0098ed; border: 4px solid #b0e0ff; border-radius: 50%; }
.hero-actions { display: flex; justify-content: center; gap: 12px; }
.button { min-height: 44px; padding: 11px 19px; border: 0; border-radius: 99px; font-size: 13px; font-weight: 400; gap: 12px; }
.button.primary { background: linear-gradient(#039ae9,#00b4e2); color: white; box-shadow: inset 0 1px 1px #ffffff77,0 3px 8px #007cd933; text-shadow: 0 1px 2px #005881; }
.button.white { background: #fffffff2; color: #267591; }
.trust { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; padding: 48px 24px; color: #666; font-size: 14px; }
.section { padding: 70px 7%; }
.intro { margin-top: 14px; font-size: 16px; line-height: 1.4; color: #41484c; max-width: 73ch; }
.note-scene { position: relative; margin-top: 34px; padding: 65px 7% 0; background: linear-gradient(white,transparent 28%),url("assets/mountain.jpg") center bottom/cover; border-radius: 0 0 18px 18px; }
.notebook { position: relative; background: #fff; border-radius: 30px 30px 0 0; border: 6px solid #ffffffe0; box-shadow: 0 0 0 2px #c4e1f0,0 10px 30px #4c9db62a; }
.note-toolbar { display: flex; align-items: center; gap: 12px; min-height: 52px; background: #c2e4ff; color: #205d80; border-radius: 22px 22px 0 0; padding: 8px 18px; font-size: 12px; }
.toolbar-icons { font-size: 17px; color: #23628b; text-shadow: none; }
.toolbar-end { margin-left: auto; font-size: 22px; color: white; }
.notebook[data-tone="white"] .note-toolbar { background: #e7ebee; color: #515b62; }
.notebook[data-tone="green"] .note-toolbar { background: #caf3bd; color: #46733b; }
.notebook textarea { border: 0; outline-offset: -3px; border-radius: 0; min-height: 315px; padding: 40px; margin: 0; font-size: 16px; line-height: 1.5; resize: vertical; }
.note-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 10px 30px; }
.note-actions > span { font-size: 11px; color: #5f6b73; }
.note-actions > div { display: flex; gap: 6px; }
.note-actions button { min-height: 44px; padding: 8px 15px; border: 3px solid #c2e7fa; border-radius: 99px; background: white; font-size: 12px; color: #37566a; }
#save-note span { display: inline-grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: #03a5ed; color: white; margin-left: 7px; }
.notebook .status { margin: 4px 30px 14px; font-size: 12px; color: #51636e; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 40px; }
.feature-grid article { padding: 8px 8px 20px; border-radius: 32px; background: white; box-shadow: 0 10px 30px #0000000f; min-width: 0; }
.feature-grid h3 { font-size: 25px; margin: 16px 8px 7px; }
.feature-grid p { font-size: 14px; line-height: 1.4; color: #637078; margin: 0 8px; }
.feature-art { position: relative; aspect-ratio: 1.5; border-radius: 25px; overflow: hidden; }
.android-art { background: linear-gradient(140deg,#caf6c6,#a7ed9d); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.floating-label { position: absolute; top: 7%; left: 43%; padding: 12px 19px; background: #f7fff0; border-radius: 99px; color: #397b24; font-size: 17px; transform: rotate(8deg); box-shadow: 0 6px 10px #639b3220; }
.illustrated-toolbar { display: flex; align-items: center; justify-content: space-around; gap: 12px; width: 87%; background: #f6fff0; color: #397327; border-radius: 25px; border: 7px solid #e5ffcb; box-shadow: 0 3px 14px #75bd5f4d; padding: 7px 10px; }
.illustrated-toolbar > span { font-size: 27px; line-height: 1; }
.illustrated-toolbar i { height: 25px; width: 2px; background: #b6dab2; }
.illustrated-toolbar .toolbar-call { white-space: nowrap; background: #d8f4c1; border-radius: 99px; font-size: 15px; padding: 10px 12px; }
.soft-pill { position: absolute; bottom: 11%; left: 11%; padding: 15px 23px; border-radius: 99px; background: linear-gradient(#f0ffe0,#bef2a2); color: #397327; font-size: 15px; transform: rotate(10deg); box-shadow: 0 8px 20px #87c66844; }
.curved-arrow { position: absolute; bottom: 10%; right: 15%; font-size: 65px; line-height: 1; color: #f9ffe9; transform: rotate(17deg); }
.ios-art { background: #c1e3fc; display: flex; flex-direction: column; justify-content: center; gap: 12px; padding: 35px 16% 0; }
.mini-stat { display: flex; gap: 17px; align-items: center; padding: 13px 15px; border-radius: 13px; background: #fff; color: #284559; box-shadow: 0 5px 12px #72a6c322; font-size: 14px; }
.mini-stat > span { font-size: 30px; line-height: 1; }
.mini-stat > div { flex: 1; }
.mini-stat i { display: block; height: 7px; margin-top: 5px; background: linear-gradient(90deg,#8dcdfa 55%,#e0f0fb 55%); border-radius: 10px; }
.mini-stat:nth-child(2) i { background: linear-gradient(90deg,#8dcdfa 18%,#e0f0fb 18%); }
.desktop-art { background: #dbeefc; display: grid; place-items: center; }
.floating-icons { position: absolute; top: 10%; left: 28%; display: flex; align-items: center; gap: 12px; transform: rotate(-10deg); color: #fff; }
.floating-icons span { display: grid; place-items: center; width: 49px; height: 49px; font-size: 32px; background: #abdafa; border: 6px solid #f9fcff; border-radius: 16px; }
.floating-icons span:nth-child(2) { transform: translateY(-16px) rotate(-5deg); }
.paper-cloud { width: 61%; height: 34%; margin-top: 40px; background: linear-gradient(#addafb,#83c5f3); border-radius: 50% 50% 18% 18%; box-shadow: 0 12px 25px #72b8e866,inset 0 10px 18px #f3fbff; position: relative; }
.paper-cloud::before { content: ""; position: absolute; inset: -5% 0 34%; border-radius: 50%; background: #f8fcff; box-shadow: 0 14px 0 -8px #a3d5f8; }
.paper-cloud::after { content: ""; position: absolute; inset: 26% -7% -9%; clip-path: polygon(8% 0,91% 0,100% 100%,0 100%); background: linear-gradient(#8fcdf7,#b7e2fc); z-index: -1; }
.web-art { display: grid; place-items: center; background: linear-gradient(130deg,#ceffc6,#a7fb99); color: #397327; }
.web-art > i { position: absolute; border: 2px solid #a3e296; border-radius: 50%; width: 90%; aspect-ratio: 1; }
.web-art > i:nth-child(2) { width: 66%; }
.web-art > i:nth-child(3) { width: 42%; }
.web-art strong { display: grid; place-items: center; width: 31%; aspect-ratio: 1; border-radius: 50%; background: #faffed; font-size: 75px; font-weight: 400; }
.responsive-label,.speed-label { position: absolute; padding: 11px 17px; border-radius: 99px; background: #fcfff2; font-size: 16px; letter-spacing: -.055em; }
.responsive-label { top: 21%; left: -2%; transform: rotate(10deg); }
.speed-label { right: -1%; bottom: 18%; transform: rotate(30deg); }
.orbit-dot { position: absolute; width: 30px; height: 30px; border-radius: 50%; background: #fafff3; right: 17%; top: 26%; }
.mountain-cta { margin: 15px 8% 40px; position: relative; min-height: 340px; border-radius: 28px; overflow: hidden; background: #0d9de2; color: white; isolation: isolate; }
.mountain-cta > img { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: center 67%; z-index: -1; }
.mountain-cta > div { padding: 56px 24px 130px; text-align: center; }
.mountain-cta h2 { font-size: 36px; }
.mountain-cta p { font-size: 13px; margin: 11px auto 16px; text-shadow: 0 1px 2px #003e63, 0 0 3px #003e63; }
.pill { display: inline-block; border: 1px solid #aaa; border-radius: 99px; padding: 4px 10px; font-size: 11px; margin-bottom: 18px; }
.smart-grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 60px; margin-top: 45px; }
.smart-grid > div:last-child { display: grid; gap: 27px; }
.smart-grid article { display: flex; align-items: start; gap: 20px; }
.smart-grid article > span { font-size: 27px; line-height: 1; }
.smart-grid h3 { font-size: 22px; letter-spacing: -.035em; margin-bottom: 7px; }
.smart-grid article p { font-size: 15px; color: #637078; line-height: 1.4; }
.capture-art { aspect-ratio: 1; border: 8px solid white; border-radius: 30px; background: #d7ebfa; box-shadow: 0 15px 30px #00000010; position: relative; overflow: hidden; }
.capture-art > span { position: absolute; font-size: 27px; background: #87caf4; color: white; border-radius: 12px; padding: 2px 10px; transform: rotate(-20deg); }
.capture-art > span:nth-child(1) { top: 28%; left: 27%; }
.capture-art > span:nth-child(2) { top: 42%; left: 54%; transform: rotate(17deg); }
.capture-art > span:nth-child(3) { top: 46%; left: 19%; }
.capture-art > span:nth-child(4) { top: 60%; left: 42%; }
.box-back { position: absolute; inset: 46% 15% 26%; background: #88c7f0; clip-path: polygon(15% 15%,35% 45%,65% 45%,85% 0,100% 30%,80% 100%,20% 100%,0 45%); }
.box-front { position: absolute; inset: 64% 18% 22%; background: linear-gradient(#90cafa,#b9e2fa); clip-path: polygon(10% 0,90% 0,100% 100%,0 100%); box-shadow: 0 2px 0 #4ca8ed; }
.pricing { padding-top: 95px; }
.pricing > h2,.pricing > .intro { text-align: center; margin-inline: auto; }
.price-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 45px auto 0; max-width: 980px; }
.price-grid > article { border: 2px solid #a9dce9; border-radius: 32px; padding: 20px; min-width: 0; box-shadow: 0 10px 20px #00000008; }
.price-grid > article > div:first-child { padding: 4px 4px 16px; }
.price-grid > article > div > span { font-size: 23px; }
.price-grid h3 { font-size: 59px; line-height: 1; margin: 10px 0; }
.price-grid h3 small { font-size: 13px; letter-spacing: 0; margin-left: 5px; }
.price-grid p { font-size: 17px; line-height: 1.3; color: #59656d; }
.price-grid .starter { background: linear-gradient(#048fde,#10b9e9 72%,transparent),url("assets/mountain.jpg") bottom/cover; color: white; border-color: #d0f0ff; }
.starter > div > p { color: white; text-shadow: 0 1px 2px #0072a3; }
.price-features { padding: 16px 14px 12px; border-radius: 23px; background: #ffffffed; color: #1c2b32; }
.price-features h4 { margin: 0 0 16px; font-weight: 400; font-size: 14px; }
.price-features ul { list-style: none; margin: 0 0 18px; padding: 0; font-size: 14px; line-height: 2.2; color: #64717a; }
.price-features li::before { content: "✓"; display: inline-block; line-height: 1; border: 1px solid #a5c8cc; color: #6098a3; padding: 2px; border-radius: 3px; margin-right: 7px; }
.price-features .button { width: 100%; }
.pricing-note { margin: 22px auto 0; font-size: 12px; text-align: center; color: #65717b; max-width: 75ch; }
.mountain-footer { position: relative; margin-top: 85px; padding: 55px 7% 30px; display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 35px; min-height: 370px; overflow: hidden; border-radius: 26px; background: #0799df; color: white; isolation: isolate; }
.mountain-footer > img { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: center 74%; z-index: -2; }
.mountain-footer::before { content: ""; position: absolute; inset: 0; background: linear-gradient(#057aa625,transparent 60%,#16372788); z-index: -1; }
.mountain-footer p { margin-top: 12px; font-size: 14px; line-height: 1.4; max-width: 28ch; text-shadow: 0 1px 3px #00678f; }
.mountain-footer b { display: block; font-size: 18px; margin: 7px 0 9px; font-weight: 400; }
.mountain-footer > div > a:not(.wordmark) { display: flex; align-items: center; min-height: 32px; font-size: 14px; text-decoration: none; text-shadow: 0 1px 3px #00678f; }
.mountain-footer small { grid-column: 1/-1; align-self: end; border-top: 1px solid #ffffff77; padding-top: 16px; font-size: 12px; }
@media (max-width: 1250px) { .page { margin: 18px 24px; } }
@media (max-width: 720px) {
  .page { margin: 10px; padding: 7px; border-radius: 23px; }
  .hero { min-height: 600px; aspect-ratio: auto; border-radius: 18px; }
  .hero-nav { padding: 18px 18px 0; flex-wrap: wrap; gap: 7px; }
  .wordmark { font-size: 22px; }
  .hero-nav > div { gap: 20px; font-size: 12px; }
  .hero-copy { margin-top: 35px; width: calc(100% - 28px); }
  .hero h1 { font-size: clamp(31px,8.2vw,46px); line-height: 1; }
  .hero-copy > p { font-size: 13px; max-width: 33ch; }
  .desktop { display: none; }
  .badge { font-size: 10px; }
  .style-bar { padding: 5px 6px; gap: 4px; margin-top: 18px; border-width: 3px; }
  .style-bar > span:first-child { font-size: 10px; padding: 0; }
  .style-bar button { width: 40px; height: 44px; font-size: 19px; }
  .toolbar-divider { margin-inline: 3px; }
  .color-dot { width: 20px; height: 20px; }
  .hero-actions { gap: 7px; }
  .button { font-size: 11px; padding-inline: 14px; }
  .hero-image { object-position: 48% center; }
  .trust { padding: 26px 13px; gap: 8px 16px; justify-content: start; font-size: 11px; }
  .section { padding: 42px 17px; }
  h2 { font-size: 28px; }
  .intro { font-size: 14px; }
  .note-scene { padding: 36px 10px 0; margin-top: 25px; }
  .notebook { border-width: 4px; border-radius: 20px 20px 0 0; }
  .note-toolbar { padding: 9px 12px; font-size: 10px; gap: 7px; border-radius: 14px 14px 0 0; }
  .toolbar-icons { font-size: 14px; }
  .toolbar-end { font-size: 18px; }
  .notebook textarea { padding: 22px 16px; font-size: 16px; min-height: 300px; }
  .note-actions { padding: 8px 12px; gap: 6px; }
  .note-actions > div { width: 100%; justify-content: end; }
  .note-actions button { padding-inline: 10px; }
  .notebook .status { margin: 9px 12px 14px; font-size: 12px; }
  .feature-grid { grid-template-columns: 1fr; gap: 23px; margin-top: 28px; }
  .feature-grid h3 { font-size: 23px; }
  .feature-art { aspect-ratio: 1.5; }
  .floating-label { font-size: 13px; padding: 9px 13px; }
  .illustrated-toolbar { gap: 9px; padding: 6px; }
  .illustrated-toolbar > span { font-size: 22px; }
  .illustrated-toolbar .toolbar-call { font-size: 11px; padding: 8px; }
  .soft-pill { padding: 12px 18px; font-size: 12px; }
  .curved-arrow { font-size: 50px; }
  .ios-art { gap: 8px; padding: 24px 12% 0; }
  .mini-stat { padding: 9px 12px; font-size: 12px; }
  .mini-stat > span { font-size: 25px; }
  .floating-icons { left: 20%; gap: 7px; }
  .floating-icons span { width: 44px; height: 44px; font-size: 27px; }
  .responsive-label,.speed-label { font-size: 13px; }
  .web-art strong { font-size: 55px; }
  .mountain-cta { margin: 16px 17px 25px; min-height: 300px; }
  .mountain-cta > div { padding: 40px 15px 130px; }
  .mountain-cta h2 { font-size: 28px; }
  .mountain-cta p { font-size: 11px; }
  .smart-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 30px; }
  .capture-art { max-width: 340px; width: 100%; }
  .smart-grid h3 { font-size: 21px; }
  .smart-grid article { gap: 16px; }
  .price-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
  .price-grid > article { padding: 15px; }
  .price-grid h3 { font-size: 53px; }
  .price-grid p { font-size: 16px; }
  .pricing-note { font-size: 12px; }
  .mountain-footer { margin-top: 25px; padding: 32px 22px 24px; gap: 25px; grid-template-columns: 1fr 1fr; min-height: 490px; }
  .mountain-footer > div:first-of-type { grid-column: 1/-1; }
  .mountain-footer > div > a:not(.wordmark) { min-height: 44px; }
}

.hero-nav a { text-shadow: 0 1px 2px #03476e; }
.style-bar > span:first-child { color: #072e49; }