/* The Functional Freeze Formula - site styles */

/* Fonts (self-hosted) */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100; font-display: swap; src: url("/assets/fonts/montserrat-100.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 200; font-display: swap; src: url("/assets/fonts/montserrat-200.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/montserrat-300.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/montserrat-400.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("/assets/fonts/montserrat-500.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/montserrat-600.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/montserrat-700.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/poppins-300.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: italic; font-weight: 300; font-display: swap; src: url("/assets/fonts/poppins-300-italic.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/poppins-400.woff2") format("woff2"); }

:root {
  --orange: #ff914d;
  --ink: #0b0b0b;
  --button-ink: #161616;
  --white: #fff;
  --muted: #8c8680;
  --sans: "Montserrat", Arial, sans-serif;
  --body: "Poppins", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--white);
  font-family: var(--body);
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.page-light { background: var(--white); }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, h4, p, ul, ol, blockquote, figure { margin: 0; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
strong { font-weight: 500; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.wrap { width: min(1080px, 100% - 80px); margin: 0 auto; }

/* Shared text styles */
.kicker { font-family: var(--sans); font-size: 14px; line-height: 24.5px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); }
.title { font-family: var(--sans); font-size: 40px; line-height: 56px; font-weight: 400; letter-spacing: 4px; text-transform: uppercase; color: var(--white); }
.center { text-align: center; }

/* Buttons */
.btn {
  display: inline-block;
  background: var(--orange);
  color: var(--button-ink);
  font-family: var(--sans);
  font-size: 12px;
  line-height: 16.8px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  padding: 20px 40px;
  transition: filter .2s ease;
}
.btn:hover { filter: brightness(1.08); }
.btn-row { text-align: center; }

/* Icons */
.icon-list { list-style: none; padding: 0; }
.icon-list li { position: relative; padding-left: 37px; }
.icon-list li::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 6px;
  width: 16px;
  height: 16px;
  background: var(--orange);
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}
.icon-star { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,0 14.6,9.4 24,12 14.6,14.6 12,24 9.4,14.6 0,12 9.4,9.4'/%3E%3C/svg%3E"); }
.icon-check { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='3.5,12.5 9,18 20.5,6.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E"); }

/* ---------- Home ---------- */

/* Hero */
.hero { padding: 100px 0 150px; }
.hero .wrap { display: flex; align-items: flex-start; }
.hero-text { flex: 0 1 587px; min-width: 0; }
.hero-text .kicker { margin-bottom: 20px; }
.hero h1 { font-family: var(--sans); font-size: 60px; line-height: 66px; font-weight: 200; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; }
.hero-tagline { font-family: var(--sans); font-size: 14px; line-height: 24.5px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 19px; }
.hero-lead { font-size: 14px; line-height: 24.5px; max-width: 411px; margin-bottom: 40px; }
.hero-book { flex: 1; display: flex; justify-content: flex-end; padding: 2px 54px 0 0; }
.book-glow { box-shadow: 0 8px 100px 30px rgba(255, 145, 77, .31); }
.hero-book img { width: 330px; }

/* Stuck */
.stuck { padding: 60px 0 80px; }
.narrow { width: min(600px, 100% - 40px); margin: 0 auto; }
.stuck .kicker { margin-bottom: 20px; }
.stuck .title { letter-spacing: 3px; margin-bottom: 30px; }
.stuck-list li { font-size: 16px; line-height: 28px; margin-bottom: 16px; }
.stuck-list li::before { top: 6px; }
.stuck-after { font-size: 14px; line-height: 24.5px; margin-top: 36px; }
.stuck-out { font-family: var(--sans); font-size: 14px; line-height: 24.5px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); margin-top: 19px; }

/* Discover */
.discover { padding: 61px 0 85px; }
.discover .title { letter-spacing: 2px; margin-bottom: 21px; }
.discover-list { list-style: none; padding: 0; width: min(900px, 100%); margin: 65px auto 0; }
.discover-list li { display: grid; grid-template-columns: 214px 1fr; column-gap: 15px; align-items: center; margin-bottom: 40px; }
.discover-list li:last-child { margin-bottom: 0; }
.discover-list img { width: 100px; justify-self: center; }
.item-title { font-family: var(--sans); font-size: 16px; line-height: 28px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 5px; }
.item-text { font-size: 14px; line-height: 24.5px; }

/* Bonuses */
.bonuses { padding: 61px 0 60px; }
.bonuses-intro { font-size: 16px; line-height: 28px; margin: 21px 0 40px; }
.bonus-grid { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 40px; row-gap: 55px; list-style: none; padding: 0; }
.bonus { width: 333px; text-align: center; }
.bonus img { width: 100px; margin: 0 auto 20px; box-shadow: 6px 6px 25px 13px rgba(255, 145, 77, .39); }
.bonus .item-title { line-height: 22.4px; margin-bottom: 14px; }
.bonus .item-title.one-line { line-height: 28px; }
.bonuses .btn-row { margin-top: 75px; }

/* Quotes */
.quote { padding: 80px 0; text-align: center; }
.quote-a { background: radial-gradient(rgba(255, 145, 77, .35) 8%, rgba(255, 145, 77, 0) 67%); }
.quote-b { background: radial-gradient(rgba(255, 145, 77, .3) 0%, rgba(255, 145, 77, 0) 55%); }
.quote blockquote p { font-family: var(--sans); font-size: 24px; line-height: 42px; font-weight: 200; }
.quote-name { font-family: var(--sans); font-size: 12px; line-height: 21px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); margin-top: 20px; }

/* Get the book */
.book { padding: 60px 0 61px; scroll-margin-top: 0; }
.book .title { margin-bottom: 60px; }
.book-offer { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.book-offer-cover { display: flex; justify-content: center; padding-right: 20px; }
.book-offer-cover img { width: 330px; box-shadow: 5px 6px 70px 14px rgba(255, 145, 77, .31); }
.price-box { border: 1px solid var(--orange); padding: 40px; width: 442px; max-width: calc(100% - 20px); margin-left: 20px; }
.price-label { font-family: var(--sans); font-size: 12px; line-height: 21px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); }
.price { display: flex; align-items: flex-end; margin-top: 30px; }
.price-currency { font-size: 14px; line-height: 14px; color: #f0f0f0; margin-right: 11px; }
.price-amount { font-family: var(--sans); font-size: 54px; line-height: 54px; font-weight: 300; }
.price-list { margin-top: 30px; }
.price-list li { font-size: 14px; line-height: 24.5px; padding-left: 35px; margin-bottom: 15px; }
.price-list li:last-child { margin-bottom: 0; }
.price-list li::before { width: 14px; height: 14px; top: 6px; }
.price-box .btn-row { margin-top: 35px; }
.price-box .btn { padding: 15px 40px; }
.also { font-size: 14px; line-height: 24.5px; margin: 80px 0 19px; }
.stores { display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; list-style: none; padding: 0; }
.stores a { display: block; border: 1px solid rgba(140, 134, 128, .3); border-radius: 2px; padding: 15px 10px; text-align: center; transition: border-color .2s ease; }
.stores a:hover { border-color: var(--orange); }
.store-name { display: block; font-family: var(--sans); font-size: 18px; line-height: 25.2px; font-weight: 500; }
.store-country { display: block; font-family: var(--sans); font-size: 13px; line-height: 18.2px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #6a6b6c; margin-top: 2px; }

/* Claim bonuses */
.claim { padding: 60px 0 80px; }
.claim .kicker { margin-bottom: 14px; }
.claim .title { margin-bottom: 80px; }
.steps { display: grid; grid-template-columns: repeat(3, minmax(0, 300px)); column-gap: clamp(30px, 5.5vw, 70px); justify-content: center; }
.step-label { margin-bottom: 15px; }
.step-text { font-size: 15px; line-height: 30px; }
.step-cover { width: 167px; margin-top: 40px; box-shadow: 2px 8px 72px 10px rgba(255, 145, 77, .3); }
.step-note { font-size: 14px; line-height: 28px; margin: 20px 0; }
.bonus-form input[type="text"], .bonus-form input[type="email"], .bonus-form textarea {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: #f8f8f8;
  color: var(--ink);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 500;
  padding: 18px 14px;
  margin-bottom: 10px;
  -webkit-appearance: none;
  appearance: none;
}
.bonus-form textarea { height: 99px; line-height: 21px; resize: vertical; margin-bottom: 0; }
.bonus-form ::placeholder { color: rgba(11, 11, 11, .5); opacity: 1; }
.bonus-form [aria-invalid="true"] { box-shadow: inset 0 0 0 2px #e05252; }
.form-submit { text-align: center; margin-top: 27px; }
.turnstile-box { margin-top: 15px; min-height: 65px; }
.form-submit button {
  background: #ff8e4d;
  color: var(--ink);
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-family: var(--sans);
  font-size: 13px;
  line-height: 19.2px;
  font-weight: 600;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding: 18px;
  min-width: 212px;
  transition: filter .2s ease, opacity .2s ease;
}
.form-submit button:hover { filter: brightness(1.08); }
.bonus-form.is-busy button { opacity: .6; pointer-events: none; }
.honeypot { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.consent { font-size: 10px; line-height: 20px; color: var(--muted); margin-top: 40px; }
.consent a { color: var(--orange); font-weight: 400; }
.bonus-list-title { font-family: var(--sans); font-size: 13px; line-height: 22.75px; font-weight: 500; letter-spacing: 4px; text-transform: uppercase; margin: 20px 0 14px; }
.bonus-list li { font-size: 14px; line-height: 19.6px; margin-bottom: 14px; }
.bonus-list li::before { top: 1px; }

/* Author */
.author { padding: 100px 0 120px; }
.author .wrap { display: grid; grid-template-columns: minmax(0, 391px) minmax(0, 549px); column-gap: clamp(40px, 8vw, 100px); align-items: center; }
.author-photo { aspect-ratio: 391 / 468; background: url("/assets/2025/08/Petra-Brunnbauer-03s-min.png") center / cover no-repeat; }
.author .kicker { margin-bottom: 19px; }
.author h2 { font-family: var(--sans); font-size: 40px; line-height: 56px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; }
.author p + p { margin-top: 20px; }
.author-text p:not(.kicker) { font-size: 16px; line-height: 32px; }

/* Reviews */
.reviews { padding: 60px 0; background: radial-gradient(rgba(255, 145, 77, .35) 0%, rgba(255, 145, 77, 0) 60%); }
.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 340px)); column-gap: 30px; justify-content: center; list-style: none; padding: 0; margin-bottom: 60px; }
.review { padding: 31px 31px 30px; }
.review blockquote p { font-size: 16px; line-height: 28px; }
.review-name { font-family: var(--sans); font-size: 13px; line-height: 19.5px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--orange); margin-top: 31px; }

/* ---------- Header for inner pages ---------- */
.page-header { height: 153px; display: flex; justify-content: center; align-items: flex-start; padding-top: 20px; background: url("/assets/2025/01/Functional-Freeze-eBook-Feature.jpg") 50% 22% / cover no-repeat #0b0b0b; }
.page-header img { width: 189px; }

/* ---------- Policies ---------- */
.doc { width: min(900px, 100% - 42px); margin: 0 auto; padding: 61px 0 80px; color: #000; font-family: var(--sans); font-size: 18px; line-height: 31.5px; font-weight: 400; }
.doc h1 { font-size: 40px; line-height: 56px; font-weight: 400; color: var(--orange); margin-bottom: 22px; }
.doc h2 { font-size: 20px; line-height: 35px; font-weight: 500; text-transform: uppercase; color: var(--orange); margin: 0 0 11px; }
.doc h2.doc-part { font-size: 24px; line-height: 42px; font-weight: 400; text-transform: none; margin-bottom: 22px; }
.doc h3 { font-size: 18px; line-height: 31.5px; font-weight: 500; text-transform: uppercase; margin: 0 0 11px; }
.doc h4 { font-size: 18px; line-height: 31.5px; font-weight: 500; text-transform: capitalize; margin: 0 0 11px; }
.doc p, .doc ul, .doc ol { margin: 0 0 21px; }
.doc ul, .doc ol { padding-left: 47px; }
.doc a { color: var(--orange); }
.doc a:hover { text-decoration: underline; }

/* ---------- Thank you ---------- */
.ty-hero { min-height: 420px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; padding: 111px 20px 60px; background: url("/assets/2025/01/Functional-Freeze-Formula.jpg") center / cover no-repeat fixed #0c1115; }
.ty-hero h1 { font-family: var(--sans); font-size: 80px; line-height: 96px; font-weight: 400; }
.ty-hero p { font-family: var(--sans); font-size: 24px; line-height: 42px; font-weight: 400; margin-top: 30px; }
.ty-main { background: var(--white); color: #000; padding: 61px 0 79px; font-family: var(--sans); font-size: 18px; line-height: 31.5px; font-weight: 400; }
.ty-main > h2 { width: min(900px, 100% - 42px); margin: 0 auto 61px; font-size: 40px; line-height: 56px; font-weight: 400; color: var(--orange); }
.ty-step { width: min(1040px, 100% - 80px); margin: 0 auto 40px; display: flex; border: 1px solid rgba(255, 255, 255, .85); box-shadow: 0 0 12px 0 var(--orange); background: var(--white); }
.ty-step:last-child { margin-bottom: 0; }
.ty-step-side { flex: 0 0 127px; background: var(--orange); display: flex; flex-direction: column; align-items: center; padding-top: 40px; color: #ffefe5; font-weight: 500; }
.ty-step-icon { width: 70px; height: 70px; border-radius: 50%; background: #ffefe5; display: flex; align-items: center; justify-content: center; margin-bottom: 1px; }
.ty-step-icon svg { width: 30px; height: 30px; }
.ty-step-body { flex: 1; padding: 41px 21px 40px; }
.ty-step-body h3 { font-size: 34px; line-height: 59.5px; font-weight: 500; color: var(--orange); margin-bottom: 11px; }
.ty-step-body p { margin-bottom: 21px; }
.ty-step-body p:last-child { margin-bottom: 0; }
.ty-step-body a { color: var(--orange); }
.ty-step-body a:hover { text-decoration: underline; }

/* ---------- 404 ---------- */
.nf { background: radial-gradient(760px 380px at 0 0, rgba(255, 145, 77, .42) 0%, rgba(255, 145, 77, 0) 70%) var(--ink); }
.nf-header { height: 153px; display: flex; justify-content: center; padding-top: 20px; }
.nf-header img { width: 189px; }
.nf-main { padding: 140px 20px; text-align: center; }
.nf-main h1 { font-family: var(--sans); font-size: 34px; line-height: 1.5; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); max-width: 900px; margin: 0 auto; }
.nf-main a { display: inline-block; margin-top: 50px; font-family: var(--sans); font-size: 16px; line-height: 1.5; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; color: var(--orange); }
.nf-main a:hover { text-decoration: underline; }

/* ---------- Footer ---------- */
.site-footer { background: linear-gradient(327deg, rgba(255, 145, 77, .45) 0%, rgba(255, 145, 77, 0) 34%), var(--ink); padding: 50px 0 59px; text-align: center; color: var(--white); }
.footer-logo { display: block; width: 162px; margin: 0 auto; }
.footer-logo img { width: 162px; filter: invert(1); }
.footer-links { list-style: none; padding: 0; margin: 22px 0 22px; display: flex; justify-content: center; gap: 50px; }
.footer-links a { font-family: var(--body); font-size: 11px; line-height: 22px; font-weight: 400; color: var(--orange); }
.footer-links a:hover { text-decoration: underline; }
.legal { width: min(1040px, 100% - 40px); margin: 0 auto; font-family: var(--body); font-size: 9px; line-height: 15.75px; font-weight: 400; }
.legal p + p { margin-top: 15.75px; }
.copyright { font-family: var(--body); font-size: 10px; line-height: 17.5px; font-weight: 400; margin-top: 20px; }

/* ---------- Toast ---------- */
.toast { position: fixed; top: 50px; left: 50%; transform: translateX(-50%); width: 60%; max-width: 500px; display: flex; background: var(--white); color: #000; box-shadow: 0 0 15px #a7a7a7; z-index: 1000; transition: opacity .3s ease, visibility .3s ease; }
.toast[hidden] { display: flex; opacity: 0; visibility: hidden; pointer-events: none; }
.toast-icon { flex: 0 0 50px; display: flex; align-items: center; justify-content: center; background: green; color: var(--white); }
.toast.is-error .toast-icon { background: red; }
.toast-icon svg { width: 22px; height: 22px; }
.toast .icon-err, .toast.is-error .icon-ok { display: none; }
.toast.is-error .icon-err { display: block; }
.toast-message { padding: 20px 10px 20px 20px; margin: auto 0; font-family: var(--sans); font-size: 16px; line-height: 1.4; font-weight: 400; }

/* ---------- Tablet ---------- */
@media (max-width: 1023px) {
  .hero { padding: 40px 0 60px; }
  .hero .wrap { flex-direction: column; }
  .hero-text { flex: none; width: 100%; }
  .hero h1 { font-size: 40px; line-height: 44px; }
  .hero-lead { max-width: 518px; }
  .hero-book { width: 100%; justify-content: center; padding: 41px 0 0; }
  .stuck { padding-top: 60px; }
  .discover-list li { grid-template-columns: 174px 1fr; }
  .quote blockquote p { font-size: 21px; line-height: 36.75px; }
  .book-offer { grid-template-columns: auto 1fr; column-gap: 61px; }
  .book-offer-cover { padding-right: 0; }
  .book-offer-cover img { width: 272px; }
  .price-box { width: 100%; max-width: 442px; margin-left: 0; }
  .stores { grid-template-columns: repeat(3, 1fr); gap: 11px 15px; }
  .steps { grid-template-columns: minmax(0, 500px); row-gap: 60px; }
  .author .wrap { grid-template-columns: minmax(0, 518px); justify-content: center; row-gap: 60px; }
  .author-photo { width: 331px; margin: 0 auto; }
  .review-grid { grid-template-columns: minmax(0, 500px); row-gap: 10px; }
  .ty-hero { justify-content: center; padding-top: 40px; }
  .ty-hero h1 { font-size: 50px; line-height: 60px; }
  .ty-step-side { flex-basis: 90px; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .wrap { width: calc(100% - 40px); }
  .hero { padding: 60px 0 60px; }
  .hero-text { text-align: center; }
  .hero h1 { font-size: 47px; line-height: 51.7px; }
  .hero-lead { max-width: none; margin-bottom: 20px; }
  .hero .btn { padding: 20px 15px; }
  .hero-book { padding-top: 50px; }
  .hero-book img { width: 230px; }
  .discover .btn { padding: 20px; width: 298px; max-width: 100%; }
  .discover-list li { grid-template-columns: 1fr; }
  .discover-list img { margin-bottom: 20px; }
  .discover-list .item-title { margin-bottom: 20px; }
  .bonus { width: 100%; }
  .bonus-grid { row-gap: 40px; }
  .bonus .item-title { margin-bottom: 20px; }
  .bonuses .btn, .reviews .btn { padding: 20px 10px; width: 333px; max-width: 100%; }
  .quote blockquote p { font-size: 18px; line-height: 31.5px; }
  .quote-name { font-size: 14px; line-height: 24.5px; }
  .book-offer { grid-template-columns: 1fr; row-gap: 40px; }
  .book-offer-cover img { width: 230px; }
  .price-box { max-width: none; padding: 20px; }
  .price-box .btn { padding: 15px 10px; width: 100%; max-width: 295px; }
  .stores { grid-template-columns: 1fr; gap: 10px; }
  .claim .wrap, .reviews .wrap { width: calc(100% - 80px); }
  .steps { grid-template-columns: 1fr; }
  .bonus-form input[type="text"], .bonus-form input[type="email"], .bonus-form textarea { padding: 14px 12px; }
  .bonus-form textarea { height: 91px; }
  .author .wrap { grid-template-columns: 1fr; row-gap: 60px; }
  .author-photo { width: 269px; height: 330px; aspect-ratio: auto; margin: 0; }
  .author h2 { font-size: 34px; line-height: 47.6px; }
  .reviews { padding-top: 80px; }
  .review-grid { row-gap: 41px; }
  .review { padding: 0 1px 30px; }
  .stuck-list li { margin-bottom: 10px; }
  .price { flex-direction: column; align-items: flex-start; margin-top: 20px; }
  .price-currency { margin: 0; }
  .price-list li { margin-bottom: 10px; }
  .bonus-list-title { font-size: 14px; line-height: 24.5px; margin-bottom: 30px; }
  .review-name { font-size: 17px; line-height: 25.5px; margin-top: 20px; }
  .ty-hero { min-height: 460px; background-attachment: scroll; }
  .ty-hero h1 { font-size: 34px; line-height: 40.8px; }
  .ty-step { flex-direction: column; width: calc(100% - 80px); }
  .ty-step-side { flex-basis: auto; padding: 40px 0; }
  .ty-step-body { padding: 41px 20px 40px; }
  .nf { background: radial-gradient(340px 300px at 0 0, rgba(255, 145, 77, .42) 0%, rgba(255, 145, 77, 0) 70%) var(--ink); }
  .nf-main { padding: 90px 16px; }
  .nf-main h1 { font-size: 19px; letter-spacing: 1px; }
  .nf-main a { font-size: 15px; }
}
@media (max-width: 359px) {
  .nf-main h1 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}