@font-face{font-family:DM;src:url("fonts/dm-sans.09d1eaa1672d.ttf")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:#f8f6ef;color:#243e35;font:17px/1.6 DM,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{max-width:100%;display:block}.review{position:sticky;top:0;z-index:20;display:flex;justify-content:center;align-items:center;gap:24px;background:#243e35;color:#fff;padding:10px 20px;font-size:12px;letter-spacing:.02em}.review a{text-decoration:none;opacity:.7}.review a[aria-current]{opacity:1;border-bottom:1px solid #fff}.review span{opacity:.65}.wrap{max-width:1200px;margin:auto;padding:0 48px}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;height:112px;border-bottom:1px solid #d9dfd2}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;font-size:31px;color:#1676da;letter-spacing:-1px}.brand img{width:43px;height:43px;object-fit:contain}.links{display:flex;gap:28px;align-items:center;font-size:14px}.links a{text-decoration:none}.pill,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;background:#274f40;color:white;border-radius:6px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.3}.pill{padding:11px 18px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.hero{text-align:center;padding:64px 0 0}.hero h1{max-width:900px;margin:18px auto 24px;font:normal clamp(48px,5.5vw,78px)/1.05 Georgia,serif;letter-spacing:-3px}.hero h1 em{font-weight:normal;color:#38765d}.hero .lead{max-width:650px;margin:0 auto 26px;color:#536258;font-size:18px}.subtle{color:#667368;font-size:13px}.hero .subtle{margin:14px 0 30px}.landscape{position:relative;margin-top:32px}.landscape>img{width:100%;height:305px;object-fit:cover;border-radius:120px 120px 8px 8px}.landscape .scene-note{position:absolute;bottom:25px;right:35px;background:#fffdf5;border:1px solid #eee4ce;border-radius:4px;padding:12px 18px;box-shadow:0 6px 15px #273d3515;text-align:left;font:italic 17px Georgia}.scene-note small{display:block;font:10px DM;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase;color:#70806c}.landscape-caption{display:flex;justify-content:space-between;padding:14px 0;font-size:11px;letter-spacing:.06em;border-bottom:1px solid #d9dfd2;color:#68756a}.editorial{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding:90px 0}.editorial h2,.section-title{font:normal 46px/1.1 Georgia;letter-spacing:-1.4px;margin:12px 0 20px}.editorial p{margin:0 0 20px;color:#536258}.editorial .letter{font-size:19px}.signature{font-size:13px;color:#56665c}.signature:before{content:'—';margin-right:8px}.specimen{background:#eaf0e6;border-top:1px solid #d6dfd2;border-bottom:1px solid #d6dfd2;padding:70px 0}.specimen-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.specimen h2{font:normal 43px/1.1 Georgia;margin:14px 0 22px;letter-spacing:-1px}.specimen p{color:#536258}.demo{background:#fffefa;border:1px solid #d9dfd2;border-radius:10px;box-shadow:0 18px 50px #284f4010;overflow:hidden}.demo-top{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #eceee5;font-size:12px}.badge{font-size:10px;color:#8b631d;background:#f8edcf;border-radius:20px;padding:3px 10px}.demo-body{padding:24px}.demo-body h3{font-size:19px;margin:12px 0}.demo-body p{font-size:13px;margin:5px 0}.demo-shot{height:145px;position:relative;border:1px solid #dedfd3;overflow:hidden}.demo-shot img{width:100%;height:100%;object-fit:cover}.example-button{position:absolute;bottom:16px;right:14px;background:#f8f6ef;padding:7px 15px;border:2px solid #347cf1;color:#264f40;font-size:12px;box-shadow:0 0 0 5px #fff9}.demo-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7b8578;margin-top:12px}.context{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.context span{font-size:10px;padding:5px 9px;background:#f0f2eb;border-radius:4px}.demo-reply{border-top:1px solid #eceee5;padding:15px 22px;background:#f8faf3;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#347cf1;margin-right:6px}.routes{padding:80px 0 90px}.route-heading{text-align:center;max-width:700px;margin:0 auto 38px}.route-heading p{color:#536258}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.route{border-top:2px solid #304f40;padding:24px 0}.route h3{font:normal 31px/1.15 Georgia;margin:10px 0 18px;letter-spacing:-.7px}.route p{font-size:15px;color:#536258}.route a{font-size:14px;font-weight:700}.prompts{padding:0;margin:26px 0;list-style:none}.prompts li{padding:13px 18px;margin:12px 0;background:white;border:1px solid #e0e4d9;border-radius:18px 18px 18px 3px;font-size:14px;max-width:95%}.prompts li:nth-child(2){background:#dce9d8;margin-left:25px;border-radius:18px 18px 3px 18px}.closing{text-align:center;padding:50px 35px 60px;border-radius:10px;background:#e9e8d8}.closing h2{font:normal 43px/1.1 Georgia;margin:10px auto 20px;max-width:650px}.closing p{max-width:630px;margin:0 auto 25px;color:#536258}.footer{padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b776a}.footer .brand{font-size:24px}.footer .brand img{width:30px;height:30px}.footer a{margin-left:18px}.b{background:#faf5e9;color:#263e3d}.b .review{background:#303e42}.b .nav{border-color:#dcd7c8}.b .button,.b .pill{background:#326cdd;border-radius:5px}.b .hero{display:grid;grid-template-columns:.94fr 1.15fr;gap:25px;text-align:left;padding:66px 0 65px;align-items:center;min-height:650px}.b .hero h1{font:800 clamp(44px,4.7vw,68px)/1.04 DM;letter-spacing:-2.9px;margin:20px 0 26px}.b .hero h1 em{font:italic 1.06em Georgia;color:#326cdd}.b .hero .lead{font-size:17px;max-width:470px}.b .hero .subtle{margin:18px 0 0}.b .hero-scene{position:relative;isolation:isolate}.b .hero-scene>img{width:100%;height:535px;object-fit:cover;border-radius:48% 48% 5px 5px;object-position:65% center}.field-note{position:absolute;left:-30px;bottom:55px;padding:16px 19px 18px;background:#fffcf1;border:1px solid #e6decb;box-shadow:0 10px 30px #37453a15;transform:rotate(-4deg);width:225px;font:18px/1.3 Georgia}.field-note small{font:10px DM;color:#77816c;display:block;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.field-note:before{content:'';position:absolute;width:50px;height:18px;top:-10px;left:90px;background:#d7dfbdba;transform:rotate(3deg)}.b .field-caption{position:absolute;right:0;bottom:-30px;font-size:11px;color:#7a806b}.b .landscape-caption{margin-top:0}.b .editorial{gap:75px;padding:85px 0}.b .editorial h2{font:750 43px/1.1 DM;letter-spacing:-1.8px}.b .specimen{background:#e7edde}.b .specimen h2,.b .section-title{font:750 43px/1.1 DM;letter-spacing:-1.8px}.b .route-grid{gap:40px}.b .route h3{font:750 30px/1.15 DM;letter-spacing:-1px}.b .route{border-color:#7392b4}.b .closing{background:#dae7f3}.b .closing h2{font:750 44px/1.07 DM;letter-spacing:-1.8px}.detail-hero{padding:68px 0 45px;max-width:800px;margin:auto;text-align:center}.detail-hero h1{font:normal 65px/1.08 Georgia;letter-spacing:-2.4px;margin:20px 0}.detail-hero p{max-width:670px;margin:20px auto;color:#536258}.detail-content{max-width:820px;margin:auto;padding:15px 0 70px}.detail-content h2{font:normal 36px/1.15 Georgia;margin:45px 0 18px;letter-spacing:-1px}.detail-content h3{font-size:19px}.detail-content p,.detail-content li{color:#536258}.detail-content li{margin:12px 0}.detail-art{width:100%;height:220px;object-fit:cover;border-radius:8px}.notice{padding:18px 22px;background:#eaf0e6;font-size:13px;border-left:3px solid #6d8b66}.detail-content .prompts{margin:35px 0}.detail-content .prompts li{padding:20px 25px;color:#243e35;font-size:17px}.step-row{display:grid;grid-template-columns:38px 1fr;gap:15px;border-bottom:1px solid #d9dfd2;padding:22px 0}.step-row .number{font:italic 32px Georgia;color:#487a62}.step-row h3{margin:3px 0 8px}.step-row p{margin:0}.mini-nav{display:flex;gap:18px;justify-content:center;font-size:13px}.b .detail-hero h1{font:800 62px/1.07 DM;letter-spacing:-2.5px}.b .detail-content h2{font:750 34px/1.12 DM;letter-spacing:-1.1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2d79db;outline-offset:5px}.motion-bird{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}}@media(max-width:760px){.wrap{padding:0 22px}.review{gap:16px;font-size:11px;padding:10px}.review span{display:none}.nav{height:85px;gap:10px}.brand{font-size:27px}.brand img{width:36px;height:36px}.links{gap:14px}.links .desktop{display:none}.pill{padding:10px 13px;font-size:12px}.hero{padding:42px 0 0}.hero h1{font-size:49px;letter-spacing:-2px}.hero .lead{font-size:16px}.hero .subtle{font-size:11px}.landscape{margin-top:30px}.landscape>img{height:240px;border-radius:65px 65px 5px 5px;object-position:60%}.landscape .scene-note{right:12px;bottom:15px;font-size:14px;padding:11px 13px}.landscape-caption{font-size:9px;gap:20px}.editorial,.specimen-grid{grid-template-columns:1fr;gap:20px}.editorial{padding:52px 0}.editorial h2,.section-title{font-size:36px}.editorial .letter{font-size:17px}.specimen{padding:45px 0}.specimen h2{font-size:36px}.specimen-grid{gap:32px}.route-grid{grid-template-columns:1fr;gap:12px}.routes{padding:50px 0}.route-heading{text-align:left;margin-bottom:22px}.route h3{font-size:29px}.closing{padding:34px 22px 40px}.closing h2{font-size:35px}.closing p{font-size:15px}.footer{align-items:flex-start;gap:20px}.footer>div:last-child{display:flex;flex-direction:column;gap:10px;text-align:right}.footer a{margin:0}.b .hero{grid-template-columns:1fr;padding:38px 0 45px;gap:35px;min-height:0}.b .hero h1{font-size:48px;letter-spacing:-2.2px}.b .hero .lead{font-size:16px}.b .hero-scene{margin-left:22px}.b .hero-scene>img{height:375px;border-radius:45% 45% 5px 5px}.field-note{left:-20px;bottom:32px;width:200px;font-size:17px}.b .field-caption{bottom:-24px;font-size:10px}.b .hero .subtle{font-size:11px}.b .editorial{padding:50px 0;gap:15px}.b .editorial h2,.b .specimen h2,.b .section-title{font-size:35px}.b .closing h2{font-size:35px}.detail-hero{padding:40px 0 25px}.detail-hero h1,.b .detail-hero h1{font-size:44px;letter-spacing:-1.8px}.detail-hero p{font-size:16px}.detail-content h2{font-size:31px}.detail-art{height:180px}.mini-nav{flex-wrap:wrap;gap:12px}.detail-content .prompts li{font-size:15px}.demo-body{padding:18px}}
.skip-link{position:absolute;top:-100px;left:10px;z-index:30;padding:12px;background:white}.skip-link:focus{top:50px}
/* Preserve the reading gutter when the section also owns vertical spacing. */
.routes.wrap{padding-left:48px;padding-right:48px}
.b .hero h1{font-size:clamp(44px,4.1vw,62px)}
@media(max-width:760px){.links{font-size:12px;gap:12px}.pill{white-space:nowrap;gap:10px}.nav{gap:8px}.routes.wrap{padding-left:22px;padding-right:22px}.b .hero h1{font-size:45px}}
@media(max-width:359px){.links>a:not(.pill){display:none}.hero h1{font-size:43px}.b .hero h1{font-size:40px}.eyebrow{font-size:10px}.review{gap:12px}}
@media(max-width:760px){.b .hero-scene>img{object-position:100% center}}

/* B: the final invitation opens onto a new trail. */
.b .closing-landscape {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 530px;
  padding: 58px 48px;
  border: 1px solid #e4dfcf;
  border-radius: 12px 80px 12px 12px;
  background: #faf5e9;
  text-align: left;
}
.closing-landscape-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.closing-landscape::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, #faf5e9 0%, #faf5e9f5 25%, #faf5e9df 40%, #faf5e940 64%, transparent 80%);
}
.closing-landscape-copy { max-width: 470px; }
.b .closing-landscape h2 { margin: 15px 0 22px; font-size: 45px; line-height: 1.08; }
.b .closing-landscape h2 em { font: italic 1.12em/1.15 Georgia,serif; color: #326cdd; letter-spacing: -1.7px; }
.b .closing-landscape p { max-width: 380px; margin-left: 0; margin-right: 0; }
.b .closing-landscape .eyebrow { color: #425d4b; font-size: 10px; }
.closing-postscript { display: block; margin-top: 17px; font-size: 12px; color: #536258; }
@media (max-width:760px) {
  .b .closing-landscape {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0;
    border-radius: 10px 48px 10px 10px;
  }
  .closing-landscape::before { display: none; }
  .closing-landscape-copy { order: 0; padding: 34px 24px 0; max-width: none; }
  .b .closing-landscape h2 { font-size: 34px; letter-spacing: -1.4px; }
  .b .closing-landscape h2 em { letter-spacing: -1px; }
  .b .closing-landscape .eyebrow { font-size: 9px; letter-spacing: .12em; }
  .closing-landscape-art { position: relative; inset: auto; order: 1; z-index: 0; height: 260px; margin-top: 6px; object-position: right bottom; }
  .b .closing-landscape p { max-width: none; }
  .closing-landscape .button { padding: 14px 18px; gap: 18px; font-size: 14px; }
  .closing-postscript { font-size: 11px; }
}
@media (max-width:359px) {
  .closing-landscape-copy { padding: 30px 18px 0; }
  .b .closing-landscape h2 { font-size: 29px; }
  .closing-landscape .button { font-size: 12px; gap: 12px; }
  .closing-landscape-art { height: 230px; }
}

/* A quiet pause for practical questions before the illustrated invitation. */
.b .field-faq {
  display: grid;
  grid-template-columns: .85fr 1.35fr;
  gap: 70px;
  padding-top: 0;
  padding-bottom: 88px;
}
.field-faq-heading h2 {
  margin: 14px 0 22px;
  font: 750 40px/1.12 DM, sans-serif;
  letter-spacing: -1.5px;
}
.field-faq-heading h2 em {
  color: #326cdd;
  font: italic 1.12em Georgia, serif;
}
.field-faq-heading > p:last-child {
  max-width: 240px;
  color: #536258;
  font-size: 15px;
}
.field-faq-list { border-top: 1px solid #cdd4c7; }
.field-faq-list details { border-bottom: 1px solid #cdd4c7; }
.field-faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}
.field-faq-list summary::-webkit-details-marker { display: none; }
.faq-mark { flex: 0 0 18px; width: 18px; height: 18px; position: relative; color: #326cdd; }
.faq-mark::before, .faq-mark::after {
  content: '';
  position: absolute;
  background: currentColor;
  border-radius: 2px;
}
.faq-mark::before { width: 12px; height: 2px; top: 8px; left: 3px; }
.faq-mark::after { width: 2px; height: 12px; top: 3px; left: 8px; }
.field-faq-list details[open] .faq-mark::after { display: none; }
.field-faq-list details[open] summary { color: #326cdd; }
.field-faq-list details > p {
  margin: -2px 38px 24px 0;
  color: #536258;
  font-size: 15px;
  line-height: 1.7;
}
.field-faq-list details > p a { font-weight: 600; color: #2e5ab0; }
@media (max-width:760px) {
  .b .field-faq { grid-template-columns: 1fr; gap: 24px; padding-bottom: 52px; }
  .field-faq-heading h2 { font-size: 35px; }
  .field-faq-heading > p:last-child { max-width: 280px; }
  .field-faq-list summary { padding: 20px 0; font-size: 15px; gap: 18px; }
  .field-faq-list details > p { margin-right: 25px; font-size: 14px; }
}

/* Integrated navigation and legal footer. Scoped to the marketing pages. */
body.nature { background:#faf5e9; }
.nature .navigation { max-width:1104px; margin:0 auto; min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid #dcd7c8; }
.nature .navigation nav { display:flex; align-items:center; gap:22px; font-size:13px; }
.nature .navigation a { text-decoration:none; }
.nature .brand { white-space:nowrap; }
.nature .brand .brand-name { color:#1676da; }
.nature .landing-languages { display:flex; gap:7px; font-size:12px; }
.nature .landing-languages a[aria-current] { color:#326cdd; text-decoration:underline; }
.nature .navigation .button { gap:10px; padding:12px 18px; font-size:13px; white-space:nowrap; }
.nature .public-footer { max-width:1104px; margin:40px auto 0; padding:28px 0; display:flex; gap:24px; flex-wrap:wrap; align-items:center; border-top:1px solid #dcd7c8; font-size:12px; }
.nature .public-footer a { text-decoration:none; }
.nature .public-footer-links { display:flex; gap:20px; flex-wrap:wrap; margin-left:auto; }
.nature .public-footer small { width:100%; color:#536258; }
.nature .public-footer .brand { font-size:26px; }
.nature .public-footer .brand img { width:36px; height:36px; }
.nature .hero-scene>img { height:535px; }
.nature .detail-art { height:220px; }
@media(max-width:1200px) { .nature .navigation,.nature .public-footer { margin-left:48px; margin-right:48px; } .nature .navigation nav {gap:15px;} .nature .navigation .secondary-link {display:none;} }
@media(max-width:760px) { .nature .navigation {min-height:88px; margin:0 22px; gap:12px;} .nature .navigation nav {gap:12px;} .nature .navigation .section-link,.nature .navigation .login {display:none;} .nature .navigation .button {padding:11px 13px;font-size:12px;} .nature .public-footer {margin:30px 22px 0;gap:20px;} .nature .public-footer-links {margin-left:0;gap:14px;} .nature .hero-scene>img {height:375px;} .nature .detail-art {height:180px;} }
@media(max-width:359px) { .nature .brand {font-size:24px;gap:5px;} .nature .brand img {width:29px;height:29px;} .nature .navigation nav {gap:8px;} .nature .navigation .button {font-size:11px;padding:10px;} .nature .landing-languages {font-size:11px;gap:4px;} }
.connection-panel { margin:35px 0; padding:26px; background:#e7edde; border-radius:8px; }
.connection-panel code { display:block; padding:14px; background:#faf5e9; overflow-wrap:anywhere; font-size:15px; }
.connection-panel p { font-size:14px; }
@media(max-width:760px) { .connection-panel {padding:20px;} .connection-panel .button {font-size:13px;} }

/* Page-specific scenes keep both companions visible at each breakpoint. */
.nature .detail-art.companion-art {
  height: auto;
  aspect-ratio: 2.4;
  object-fit: cover;
  object-position: center 56%;
  border-radius: 10px 42px 10px 10px;
}
@media(max-width:760px) {
  .nature .detail-art.companion-art {
    height: auto;
    aspect-ratio: 1.5;
    object-position: center;
    border-radius: 8px 30px 8px 8px;
  }
}

/* Pricing and support share the same public shell as the rest of Pecky. */
.nature-pricing { padding-top: 52px; }
.pricing-story { display:grid; grid-template-columns:1.15fr .9fr; grid-template-areas:"intro art" "plans plans"; gap:36px 52px; align-items:center; }
.pricing-intro {grid-area:intro;}
.pricing-intro h1,.support-hero h1 {font:800 48px/1.08 DM,sans-serif;letter-spacing:-2px;margin:18px 0 22px;}
.pricing-intro h1 em,.support-hero h1 em {font:italic 1.05em Georgia,serif;color:#326cdd;}
.pricing-intro>p:last-child,.support-hero>div>p {font-size:16px;color:#536258;max-width:510px;}
.pricing-illustration {grid-area:art;}
.service-art {width:100%;height:260px;object-fit:cover;object-position:center;border-radius:44% 44% 8px 8px;}
.public-plan-grid {grid-area:plans;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
.nature .plan-card {padding:30px 34px;background:#fffdf7;border:1px solid #dcded2;border-radius:10px;}
.nature .plan-card.pro {border:2px solid #326cdd;background:#f7f9f0;}
.nature .plan-card .eyebrow {font-size:10px;color:#536258;margin:0 0 10px;}
.nature .plan-card h2 {font:750 27px DM,sans-serif;margin:0 0 15px;letter-spacing:-.5px;}
.nature .plan-price {font-size:43px;font-weight:750;letter-spacing:-1.5px;line-height:1.2;margin-bottom:13px;}
.nature .plan-price small {font-weight:500;letter-spacing:0;}
.nature .plan-card p {font-size:14px;color:#536258;}
.nature .plan-card ul {padding:0;margin:25px 0;list-style:none;}
.nature .plan-card li {font-size:14px;line-height:1.6;margin:12px 0;padding-left:22px;position:relative;}
.nature .plan-card li::before {content:'✓';position:absolute;left:0;color:#326cdd;}
.nature .plan-card .button {border:0;cursor:pointer;}
.nature .plan-card .button.secondary {background:#e9edde;color:#294b3d;}
.nature .plan-card .plan-footnote {font-size:12px;max-width:340px;margin-top:22px;}
.nature .billing-region {margin:20px 0;}
.nature .billing-region label {display:block;font-size:12px;margin-bottom:7px;color:#536258;}
.nature .billing-region select {width:100%;font:14px DM,sans-serif;color:#243e35;background:#fffefa;border:1px solid #c8d0be;padding:12px;border-radius:5px;}
.nature .billing-region [role=status] {display:block;font-size:12px;color:#983b28;margin-top:5px;}
.nature .billing-region select:focus-visible {outline:3px solid #326cdd;outline-offset:3px;}
.nature .legal-consent {display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;margin:20px 0;}
.nature .legal-consent input {width:18px;height:18px;flex:none;margin:1px 0 0;}
.pricing-clarification {max-width:750px;margin:24px auto 0;text-align:center;font-size:13px;color:#536258;}
.b .pricing-questions {padding-top:75px;padding-bottom:36px;}
.service-contact {text-align:center;padding-top:12px;padding-bottom:20px;}
.service-contact p {font-size:15px;color:#536258;}
.service-contact a {color:#2e5ab0;}
.support-hero {display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:58px 0 45px;}
.support-hero h1 {font-size:61px;}
.support-hero .service-art {height:300px;}
.support-email {display:block;font-size:12px;color:#536258;margin-top:12px;}
.support-jumps {display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:26px 0 32px;border-top:1px solid #d5dbcd;border-bottom:1px solid #d5dbcd;}
.support-jumps a {text-decoration:none;font-size:14px;font-weight:600;}
.support-jumps span {display:block;color:#6e7d6a;font-size:10px;letter-spacing:.1em;margin-bottom:8px;}
.support-topics {max-width:820px;margin:55px auto;}
.support-topics section {margin:0 0 45px;scroll-margin-top:24px;}
.support-topics h2,.support-contact h2 {font:750 31px/1.15 DM,sans-serif;letter-spacing:-1px;margin:0 0 24px;}
.support-topics>section>p {color:#536258;font-size:15px;}
.support-answer {font-size:15px;line-height:1.7;color:#536258;padding:0 30px 22px 0;}
.support-answer p {margin:0 0 16px;}
.support-answer li {margin:10px 0;}
.support-answer ol {padding-left:22px;margin-top:0;}
.support-links {display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#2e5ab0;}
.support-contact {max-width:820px;margin:0 auto 30px;padding:35px;background:#e7edde;border-radius:10px 48px 10px 10px;}
.support-contact p {font-size:14px;color:#536258;}
.support-contact .eyebrow {font-size:10px;}
.marketing-notices {margin-top:20px;color:#983b28;font-size:14px;}
@media(max-width:760px){
 .nature-pricing {padding-top:32px;}
 .pricing-story {grid-template-columns:1fr;grid-template-areas:"intro" "plans" "art";gap:28px;}
 .pricing-intro h1 {font-size:35px;letter-spacing:-1.4px;margin-top:12px;}
 .pricing-intro>p:last-child {font-size:15px;}
 .public-plan-grid {grid-template-columns:1fr;gap:20px;}
 .nature .plan-card {padding:25px;}
 .nature .plan-price {font-size:39px;}
 .service-art {height:185px;border-radius:55px 55px 6px 6px;}
 .pricing-clarification {text-align:left;font-size:12px;}
 .b .pricing-questions {padding-top:45px;padding-bottom:20px;}
 .support-hero {grid-template-columns:1fr;gap:25px;padding:35px 0;}
 .support-hero h1 {font-size:46px;}
 .support-hero .service-art {height:210px;}
 .support-jumps {grid-template-columns:1fr 1fr;gap:25px 20px;}
 .support-topics {margin:38px 0;}
 .support-topics h2,.support-contact h2 {font-size:27px;}
 .support-answer {font-size:14px;padding-right:5px;}
 .support-contact {padding:27px 22px;}
}