@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root {
  --ink: #070a14;
  --ink-soft: #0d1222;
  --text: #f4f6fc;
  --muted: #9ca6be;
  --muted-2: #75809a;
  --line: rgba(205, 218, 255, .13);
  --cyan: #8be7ff;
  --cyan-bright: #c1f5ff;
  --violet: #b69cff;
  --pink: #f2a7d7;
  --gold: #f5c77b;
  --display: "Space Grotesk", "Segoe UI", sans-serif;
  --sans: "DM Sans", "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 76% -5%, rgba(67, 77, 194, .2), transparent 30rem),
    radial-gradient(circle at 0% 34%, rgba(42, 122, 164, .1), transparent 24rem),
    var(--ink);
  color: var(--text);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
}
body.modal-open { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.shell { overflow: hidden; position: relative; }
.shell::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
  content: "";
  inset: 0;
  opacity: .03;
  pointer-events: none;
  position: fixed;
  z-index: 20;
}
.container { margin: 0 auto; width: min(1160px, calc(100% - 40px)); }
.eyebrow { color: var(--cyan); font: 600 .68rem var(--mono); letter-spacing: .17em; text-transform: uppercase; }
.section { padding: 112px 0; position: relative; }
.section-rule, .steps, .reviews { border-top: 1px solid var(--line); }
.section-heading { max-width: 650px; }
.section-heading h2 { color: #f4f5fb; font: 500 clamp(2.25rem, 5vw, 4.2rem)/.98 var(--display); letter-spacing: -.055em; margin: 14px 0 18px; }
.section-heading p { color: var(--muted); font-size: 1.03rem; line-height: 1.7; margin: 0; max-width: 530px; }

.nav-wrap { padding: 15px 0; position: sticky; top: 0; z-index: 30; }
.nav { align-items: center; background: rgba(14, 17, 33, .76); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 16px 60px rgba(0,0,0,.24); display: flex; gap: 22px; justify-content: space-between; min-height: 62px; padding: 9px 11px 9px 19px; backdrop-filter: blur(22px); }
.brand { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 10px; }
.brand-mark { align-items: center; background: linear-gradient(135deg, var(--cyan), var(--violet)); border-radius: 10px; box-shadow: 0 0 26px rgba(139,231,255,.2); color: #0b1020; display: inline-flex; font-size: 1.1rem; height: 31px; justify-content: center; width: 31px; }
.brand-name { font: 700 1.2rem var(--display); letter-spacing: -.06em; }
.nav-links { align-items: center; display: flex; gap: 21px; margin-left: auto; }
.nav-links a { color: #a6adc1; font-size: .82rem; transition: color .2s ease; }
.nav-links a:hover, .footer-links a:hover { color: var(--cyan); }
.nav-cta, .button-primary { align-items: center; background: var(--cyan); border: 0; border-radius: 11px; color: #0c1220; cursor: pointer; display: inline-flex; font-size: .82rem; font-weight: 700; gap: 8px; justify-content: center; padding: 13px 16px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.nav-cta:hover, .button-primary:hover { background: var(--cyan-bright); box-shadow: 0 8px 24px rgba(139,231,255,.2); transform: translateY(-2px); }
.menu-button { background: transparent; border: 1px solid var(--line); border-radius: 10px; color: #eef1fa; cursor: pointer; display: none; font-size: 1.1rem; padding: 8px 10px; }
.mobile-nav { background: rgba(15,18,34,.96); border: 1px solid var(--line); border-radius: 15px; display: grid; gap: 4px; margin-top: 8px; padding: 10px; }
.mobile-nav a, .mobile-nav button { background: transparent; border: 0; border-radius: 8px; color: #bac1d2; cursor: pointer; font-size: .82rem; padding: 12px; text-align: left; }
.mobile-nav a:hover, .mobile-nav button:hover { background: rgba(255,255,255,.06); color: var(--cyan); }

.hero { min-height: 700px; padding: 116px 0 82px; position: relative; }
.hero::after { border: 1px solid rgba(139,231,255,.14); border-radius: 50%; box-shadow: 0 0 0 35px rgba(182,156,255,.03), 0 0 0 95px rgba(182,156,255,.02); content: ""; height: 680px; position: absolute; right: -260px; top: 70px; width: 680px; }
.hero-grid { align-items: center; display: grid; gap: 54px; grid-template-columns: 1.1fr .9fr; position: relative; z-index: 1; }
.hero-copy { max-width: 710px; }
.badge { align-items: center; background: rgba(139,231,255,.07); border: 1px solid rgba(139,231,255,.24); border-radius: 999px; color: #c4cbdc; display: inline-flex; font-size: .75rem; gap: 8px; padding: 8px 12px; }
.badge-dot { background: var(--cyan); border-radius: 50%; box-shadow: 0 0 14px var(--cyan); height: 6px; width: 6px; }
.hero h1 { color: #f6f7fb; font: 500 clamp(3.7rem, 8vw, 7.5rem)/.88 var(--display); letter-spacing: -.09em; margin: 25px 0; max-width: 800px; }
.hero h1 em { color: var(--cyan); font-style: normal; }
.hero-sub { color: #adb4c8; font-size: clamp(1rem, 1.8vw, 1.17rem); line-height: 1.65; margin: 0; max-width: 560px; }
.hero-actions, .cta-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.button-ghost { align-items: center; background: rgba(255,255,255,.03); border: 1px solid rgba(215,224,255,.18); border-radius: 11px; color: #eef1fa; cursor: pointer; display: inline-flex; font-size: .85rem; font-weight: 600; gap: 8px; justify-content: center; padding: 13px 17px; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.button-ghost:hover { background: rgba(255,255,255,.08); border-color: rgba(139,231,255,.5); transform: translateY(-2px); }
.hero-stats { border-top: 1px solid var(--line); display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr); margin-top: 62px; max-width: 690px; padding-top: 20px; }
.hero-stat strong { color: #eef1fa; display: block; font: 500 1.03rem var(--display); letter-spacing: -.03em; }
.hero-stat span { color: var(--muted-2); display: block; font-size: .74rem; margin-top: 6px; }
.hero-art { min-height: 410px; position: relative; }
.orbit-card { background: linear-gradient(145deg, rgba(36,40,69,.82), rgba(16,18,37,.74)); border: 1px solid rgba(215,224,255,.17); border-radius: 26px; box-shadow: 0 35px 90px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08); left: 15%; padding: 24px; position: absolute; top: 46px; transform: rotate(5deg); width: 78%; backdrop-filter: blur(18px); }
.orbit-card::before { background: linear-gradient(90deg, var(--cyan), var(--violet), var(--pink)); content: ""; height: 2px; left: 25px; opacity: .9; position: absolute; right: 25px; top: -1px; }
.orbit-top { align-items: center; display: flex; justify-content: space-between; }
.orbit-label { color: #7e88a7; font: .68rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.signal { align-items: center; color: var(--cyan); display: flex; font-size: .68rem; gap: 6px; }
.signal i { background: var(--cyan); border-radius: 50%; height: 5px; width: 5px; }
.orbit-title { color: #f2f3f9; font: 500 2.3rem/.95 var(--display); letter-spacing: -.07em; margin: 55px 0 32px; }
.orbit-title span { color: var(--violet); }
.orbit-lines { display: grid; gap: 9px; }
.orbit-lines i { background: rgba(255,255,255,.08); border-radius: 4px; height: 5px; }
.orbit-lines i:nth-child(1) { width: 82%; }.orbit-lines i:nth-child(2) { width: 58%; }.orbit-lines i:nth-child(3) { width: 70%; }
.floating-chip { align-items: center; background: rgba(17,20,39,.86); border: 1px solid rgba(215,224,255,.15); border-radius: 13px; box-shadow: 0 14px 35px rgba(0,0,0,.27); color: #d6d9e7; display: flex; font-size: .72rem; gap: 8px; padding: 11px 13px; position: absolute; backdrop-filter: blur(15px); }
.chip-one { right: 1%; top: 2%; }.chip-two { bottom: 8%; left: 2%; }.chip-three { bottom: 22%; right: -4%; }

.feature { padding: 35px 0 110px; }
.feature-card { background: linear-gradient(105deg, rgba(72,63,165,.35), rgba(24,32,78,.58) 53%, rgba(23,48,79,.5)); border: 1px solid rgba(182,156,255,.34); border-radius: 24px; display: grid; gap: 24px; grid-template-columns: 1fr auto; overflow: hidden; padding: 34px 38px; position: relative; }
.feature-card::after { background: radial-gradient(circle, rgba(139,231,255,.25), transparent 67%); content: ""; height: 380px; position: absolute; right: 15%; top: -180px; width: 380px; }
.feature-content, .feature-action, .cta-panel > * { position: relative; z-index: 1; }
.feature-meta { color: #c8c1f1; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.feature-card h3 { color: #fff; font: 500 clamp(2rem, 4vw, 3.4rem)/1 var(--display); letter-spacing: -.075em; margin: 18px 0 10px; }
.feature-card p { color: #b9bfd0; margin: 0; }
.feature-action { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; }
.offer-pill { background: rgba(242,167,215,.13); border: 1px solid rgba(242,167,215,.27); border-radius: 999px; color: #f4c2e0; display: inline-flex; font-size: .7rem; font-weight: 700; letter-spacing: .08em; margin-bottom: 18px; padding: 8px 11px; text-transform: uppercase; }
.feature-price { color: #fff; font: 500 2rem var(--display); letter-spacing: -.07em; margin: 16px 0 22px; }
.feature-price small { color: #a9aec1; font: .78rem var(--sans); letter-spacing: 0; }

.categories { padding-top: 0; }
.category-grid { display: grid; gap: 13px; grid-template-columns: repeat(5, 1fr); margin-top: 34px; }
.category-card { background: rgba(18,21,40,.55); border: 1px solid rgba(215,224,255,.1); border-radius: 17px; cursor: pointer; min-height: 150px; padding: 19px; text-align: left; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.category-card:hover { background: rgba(31,35,68,.84); border-color: rgba(139,231,255,.4); transform: translateY(-3px); }
.category-icon { color: var(--cyan); display: block; font: 1.3rem var(--display); }
.category-card strong { color: #eef0f7; display: block; font: 500 .95rem var(--display); letter-spacing: -.04em; margin-top: 22px; }
.category-card span { color: #7e879f; display: block; font-size: .71rem; line-height: 1.45; margin-top: 6px; }
.catalogue-head { align-items: end; display: flex; gap: 25px; justify-content: space-between; margin-bottom: 30px; }
.searchbox { align-items: center; background: rgba(255,255,255,.045); border: 1px solid rgba(215,224,255,.15); border-radius: 13px; display: flex; gap: 10px; min-width: min(100%, 350px); padding: 0 14px; transition: border-color .2s ease, box-shadow .2s ease; }
.searchbox:focus-within { border-color: rgba(139,231,255,.62); box-shadow: 0 0 0 4px rgba(139,231,255,.08); }
.searchbox > span { color: #77819b; font-size: 1.4rem; line-height: 1; }
.searchbox input { background: transparent; border: 0; color: #f3f5fb; font-size: .82rem; min-width: 0; outline: 0; padding: 14px 0; width: 100%; }
.searchbox input::placeholder { color: #77819b; }
.filter-row { display: flex; gap: 9px; margin-bottom: 30px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
.filter-row::-webkit-scrollbar { display: none; }
.filter-button { background: transparent; border: 1px solid rgba(215,224,255,.13); border-radius: 999px; color: #929bb3; cursor: pointer; font-size: .77rem; padding: 9px 14px; white-space: nowrap; }
.filter-button:hover, .filter-button.active { background: rgba(139,231,255,.12); border-color: rgba(139,231,255,.56); color: var(--cyan); }
.results-count { color: #727b94; font-size: .74rem; margin-left: auto; padding-top: 11px; white-space: nowrap; }
.products-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
.product-card { background: rgba(18,21,40,.72); border: 1px solid rgba(215,224,255,.1); border-radius: 18px; display: flex; flex-direction: column; min-height: 265px; padding: 20px; transition: border-color .25s ease, transform .25s ease, background .25s ease; }
.product-card:hover { background: rgba(26,31,62,.94); border-color: rgba(139,231,255,.38); transform: translateY(-4px); }
.product-top, .product-bottom { align-items: flex-start; display: flex; justify-content: space-between; }
.product-icon { align-items: center; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; color: #fff; display: inline-flex; font: 600 .78rem var(--mono); height: 43px; justify-content: center; width: 43px; }
.product-icon.tone-mint { background: linear-gradient(135deg, #2586a5, #173c5b); }.product-icon.tone-orchid { background: linear-gradient(135deg, #6e55c7, #322456); }.product-icon.tone-pink { background: linear-gradient(135deg, #b85592, #552a62); }.product-icon.tone-blue { background: linear-gradient(135deg, #3c72b6, #223668); }.product-icon.tone-orange { background: linear-gradient(135deg, #c56d3c, #633641); }.product-icon.tone-peach { background: linear-gradient(135deg, #bd8160, #68435a); }
.product-category { color: #8f98af; font: .59rem var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.product-card h3 { color: #f2f3f9; font: 500 1.18rem var(--display); letter-spacing: -.045em; margin: 17px 0 6px; }
.product-desc { color: #8e97ae; font-size: .77rem; line-height: 1.55; margin: 0; min-height: 38px; }
.product-bottom { align-items: end; margin-top: auto; padding-top: 22px; }
.product-price { color: #f3f4f8; font: 500 1.2rem var(--display); letter-spacing: -.045em; }
.product-price small { color: #7d869e; display: block; font: .66rem var(--sans); margin-top: 3px; }
.card-actions { align-items: center; display: flex; gap: 6px; }
.card-buy, .card-plans { align-items: center; border-radius: 9px; cursor: pointer; display: inline-flex; font-size: .68rem; font-weight: 700; gap: 5px; justify-content: center; padding: 9px 10px; }
.card-buy { background: var(--cyan); border: 1px solid var(--cyan); color: #0d1420; }.card-buy:hover { background: var(--cyan-bright); }
.card-plans { background: transparent; border: 1px solid rgba(215,224,255,.16); color: #c1c7d9; }.card-plans:hover { border-color: var(--cyan); color: var(--cyan); }
.empty-state { border: 1px dashed rgba(215,224,255,.18); border-radius: 18px; color: #9099b0; grid-column: 1 / -1; padding: 65px 20px; text-align: center; }

.benefits { background: linear-gradient(180deg, transparent, rgba(37,29,81,.14), transparent); }
.benefit-layout { align-items: end; display: grid; gap: 48px; grid-template-columns: .85fr 1.15fr; }
.benefit-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, 1fr); }
.benefit-card { background: rgba(18,21,40,.67); border: 1px solid rgba(215,224,255,.11); border-radius: 17px; min-height: 175px; padding: 22px; }
.benefit-icon { color: var(--cyan); display: block; font: 1.25rem var(--display); }.benefit-card h3 { color: #eef0f6; font: 500 1.05rem var(--display); letter-spacing: -.04em; margin: 27px 0 6px; }.benefit-card p { color: #858fa7; font-size: .78rem; line-height: 1.55; margin: 0; }
.manifesto { color: #c6cadd; font: 1.6rem/1.08 var(--display); letter-spacing: -.065em; margin: 32px 0 0; }.manifesto span { color: var(--cyan); }
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 54px; }
.step { border-left: 1px solid var(--line); padding: 0 30px; }.step:first-child { border-left: 0; padding-left: 0; }.step-num { color: var(--violet); font: .78rem var(--mono); }.step h3 { color: #f0f1f7; font: 500 1.22rem var(--display); letter-spacing: -.045em; margin: 24px 0 9px; }.step p { color: #8b94aa; font-size: .82rem; line-height: 1.6; margin: 0; max-width: 230px; }
.reviews-heading { margin-bottom: 38px; max-width: 610px; }.reviews-grid { display: grid; gap: 13px; grid-template-columns: repeat(5, 1fr); }.review-card { background: linear-gradient(145deg, rgba(22,28,58,.82), rgba(15,18,37,.76)); border: 1px solid rgba(215,224,255,.12); border-radius: 17px; display: flex; flex-direction: column; min-height: 250px; padding: 21px; transition: border-color .2s ease, transform .2s ease; }.review-card:hover { border-color: rgba(139,231,255,.36); transform: translateY(-3px); }.review-top { align-items: flex-start; display: flex; justify-content: space-between; }.review-stars { color: var(--gold); display: flex; gap: 3px; }.review-mark { color: var(--violet); font: 2.7rem/.7 Georgia, serif; }.review-quote { color: #b8c0d4; font-size: .79rem; line-height: 1.65; margin: 25px 0 28px; }.review-author { align-items: center; display: flex; gap: 10px; margin-top: auto; }.review-avatar { align-items: center; background: linear-gradient(135deg, rgba(139,231,255,.22), rgba(182,156,255,.27)); border: 1px solid rgba(139,231,255,.25); border-radius: 50%; color: #d9f8ff; display: inline-flex; font: 700 .77rem var(--display); height: 32px; justify-content: center; width: 32px; }.review-author strong, .review-author span { display: block; }.review-author strong { color: #edf0f8; font: 500 .76rem var(--display); }.review-author div span { color: #77829d; font-size: .66rem; margin-top: 3px; }
.faq-layout { display: grid; gap: 75px; grid-template-columns: .78fr 1.22fr; }.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-question { align-items: center; background: transparent; border: 0; color: #eef0f7; cursor: pointer; display: flex; font: 600 .96rem var(--display); justify-content: space-between; padding: 20px 0; text-align: left; width: 100%; }.faq-question span:last-child { color: var(--cyan); font-size: 1.3rem; }.faq-answer { color: #8e97ae; font-size: .82rem; line-height: 1.65; padding: 0 34px 20px 0; }
.cta { padding-top: 40px; }.cta-panel { background: linear-gradient(112deg, rgba(74,57,146,.55), rgba(20,50,78,.68)); border: 1px solid rgba(182,156,255,.3); border-radius: 26px; overflow: hidden; padding: 72px 60px; position: relative; }.cta-panel::before { background: radial-gradient(circle, rgba(139,231,255,.24), transparent 60%); content: ""; height: 460px; position: absolute; right: -100px; top: -230px; width: 460px; }.cta-panel h2 { color: #f8f8fc; font: 500 clamp(2.7rem, 6vw, 5.4rem)/.9 var(--display); letter-spacing: -.09em; margin: 16px 0 17px; max-width: 650px; }.cta-panel p { color: #bec5d8; font-size: 1rem; margin: 0; }
.footer { border-top: 1px solid var(--line); margin-top: 112px; padding: 50px 0 30px; }.footer-grid { display: grid; gap: 42px; grid-template-columns: 1.5fr 1fr 1fr 1fr; }.footer-tagline { color: #8b94aa; font-size: .8rem; line-height: 1.6; margin: 20px 0 0; max-width: 250px; }.footer h4 { color: #e9ebf3; font: 500 .8rem var(--display); margin: 3px 0 17px; }.footer-links { display: grid; gap: 11px; }.footer-links a { color: #818aa2; font-size: .76rem; transition: color .2s ease; }.footer-bottom { align-items: center; border-top: 1px solid var(--line); color: #69728b; display: flex; font-size: .7rem; justify-content: space-between; margin-top: 45px; padding-top: 22px; }

.modal-backdrop { align-items: center; background: rgba(3,5,12,.75); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 50; backdrop-filter: blur(10px); }.modal { background: #15182a; border: 1px solid rgba(215,224,255,.17); border-radius: 20px; box-shadow: 0 25px 100px rgba(0,0,0,.55); max-height: min(700px, 90vh); max-width: 480px; overflow: auto; padding: 27px; position: relative; width: 100%; }.modal-close { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 8px; color: #bec5d6; cursor: pointer; font-size: 1.4rem; height: 31px; position: absolute; right: 18px; top: 18px; width: 31px; }.modal h3 { color: #f4f5fa; font: 500 1.65rem var(--display); letter-spacing: -.06em; margin: 0 45px 5px 0; }.modal-sub { color: #8d97af; font-size: .78rem; margin: 0 0 24px; }.plan-list { display: grid; gap: 9px; }.plan-option { align-items: center; background: rgba(255,255,255,.035); border: 1px solid rgba(215,224,255,.12); border-radius: 12px; display: flex; justify-content: space-between; padding: 14px; }.plan-option strong, .plan-option span { display: block; }.plan-option strong { color: #eef0f6; font-size: .84rem; }.plan-option span { color: #7e879e; font-size: .7rem; margin-top: 4px; }.modal-contact { border-top: 1px solid var(--line); color: #818ba2; font-size: .7rem; margin-top: 22px; padding-top: 17px; }

[hidden] { display: none !important; }
@media (max-width: 980px) {
  .nav-links { gap: 12px; }.nav-links a:nth-child(n+4) { display: none; }.hero-grid { grid-template-columns: 1fr; }.hero-art { max-width: 600px; min-height: 340px; width: 100%; }.category-grid { grid-template-columns: repeat(3, 1fr); }.benefit-layout, .faq-layout { grid-template-columns: 1fr; }.benefit-layout { gap: 35px; }.reviews-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .container { width: min(100% - 28px, 570px); }.section { padding: 80px 0; }.nav-wrap { padding: 9px 0; }.nav { min-height: 57px; }.nav-links, .nav > .nav-cta { display: none; }.menu-button { display: inline-flex; }.hero { min-height: auto; padding: 75px 0 63px; }.hero h1 { font-size: clamp(3.4rem, 16vw, 5.5rem); }.hero-stats { gap: 15px 8px; grid-template-columns: repeat(2, 1fr); margin-top: 48px; }.hero-art { min-height: 300px; transform: scale(.9); transform-origin: left top; width: 111%; }.orbit-card { left: 5%; width: 89%; }.chip-three { right: 0; }.feature { padding-bottom: 80px; }.feature-card { grid-template-columns: 1fr; padding: 27px 23px; }.catalogue-head { align-items: flex-start; flex-direction: column; }.searchbox { width: 100%; }.results-count { margin-left: 0; }.products-grid { grid-template-columns: 1fr; }.product-card { min-height: 235px; }.category-grid { grid-template-columns: repeat(2, 1fr); }.category-card { min-height: 140px; }.benefit-grid { grid-template-columns: 1fr; }.benefit-card { min-height: 145px; }.steps-grid { gap: 30px; grid-template-columns: 1fr; margin-top: 40px; }.step, .step:first-child { border-left: 0; border-top: 1px solid var(--line); padding: 23px 0 0; }.step:first-child { border-top: 0; padding-top: 0; }.reviews-grid { grid-template-columns: 1fr; }.review-card { min-height: 215px; }.cta-panel { padding: 52px 25px; }.footer-grid { grid-template-columns: repeat(2, 1fr); }.footer-grid > :first-child { grid-column: 1 / -1; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 9px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }