:root {
  --ink: #10201d;
  --muted: #677874;
  --cream: #f4f6ef;
  --paper: #fbfcf8;
  --line: #dfe7df;
  --green: #58c28c;
  --green-dark: #143d2c;
  --green-soft: #dbf4e6;
  --coral: #f36c54;
  --orange: #f6b75c;
  --night: #0d211c;
  --shadow: 0 24px 70px rgba(35, 63, 50, 0.08);
  --radius: 22px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
.site-shell { overflow: hidden; }
.section-pad { width: min(var(--max), calc(100% - 72px)); margin-inline: auto; }
.topbar { height: 82px; width: min(var(--max), calc(100% - 72px)); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; position: relative; z-index: 10; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 21px; line-height: 1; font-weight: 800; letter-spacing: -0.06em; white-space: nowrap; }
.brand-accent { color: var(--coral); }
.brand-mark { width: 27px; height: 25px; display: inline-flex; align-items: end; justify-content: center; gap: 3px; transform: skew(-16deg); }
.brand-mark span { display: block; width: 6px; border-radius: 2px 2px 0 0; background: var(--coral); }
.brand-mark span:nth-child(1) { height: 13px; opacity: .65; }.brand-mark span:nth-child(2) { height: 20px; }.brand-mark span:nth-child(3) { height: 25px; opacity: .82; }
.nav-links { display: flex; gap: 34px; align-items: center; margin-left: auto; }
.nav-links a, .footer-links a { color: #64736e; font-size: 13px; font-weight: 650; transition: color .2s ease; }
.nav-links a:hover, .nav-links a.active, .footer-links a:hover { color: var(--coral); }
.topbar-actions { display: flex; align-items: center; gap: 15px; }
.locale-btn { border: 0; background: transparent; color: var(--muted); font-size: 13px; padding: 8px; }.locale-btn span { font-size: 15px; margin-left: 3px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 13px; border: 0; border-radius: 7px; padding: 14px 20px; color: var(--ink); font-size: 13px; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }.button span { font-size: 17px; line-height: .5; }.button-primary { background: var(--coral); color: #fff; box-shadow: 0 9px 22px rgba(243, 108, 84, .2); }.button-primary:hover { background: #e75d47; box-shadow: 0 13px 27px rgba(243, 108, 84, .27); }.button-small { padding: 11px 16px; }.button-ghost { border: 1px solid var(--line); background: transparent; }.button-ghost:hover { background: var(--cream); }.button-dark { width: 100%; background: var(--night); color: #f5fff8; }.button-dark:hover { background: #183f30; }.button-light { width: 100%; background: #f0f8f1; color: var(--night); }.button-outline { width: 100%; border: 1px solid #cbd9d0; background: transparent; }.button-outline:hover { background: var(--green-soft); border-color: var(--green); }.full-width { width: 100%; }
.menu-toggle { display: none; background: transparent; border: 0; padding: 8px; }.menu-toggle span { display: block; width: 22px; height: 2px; background: var(--ink); margin: 5px; }
.hero { min-height: 600px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 40px; padding-top: 58px; padding-bottom: 64px; }
.eyebrow { color: var(--coral); font-size: 10px; font-weight: 800; letter-spacing: .14em; line-height: 1.5; }.status-dot { display: inline-block; width: 7px; height: 7px; background: var(--green); border-radius: 50%; margin-right: 7px; box-shadow: 0 0 0 4px rgba(88,194,140,.14); }
h1, h2, h3, p { margin-top: 0; }.hero h1 { font-size: clamp(55px, 6.5vw, 84px); letter-spacing: -.085em; line-height: .98; font-weight: 830; margin: 20px 0 26px; }.hero h1 em, h2 em, .manifesto em, .contact-cta em { color: var(--coral); font-style: normal; }
.hero-description { max-width: 450px; color: var(--muted); font-size: 15px; line-height: 1.85; margin-bottom: 31px; }.hero-actions { display: flex; align-items: center; gap: 26px; }.text-link { color: var(--green-dark); font-size: 13px; font-weight: 750; border-bottom: 1px solid #a3c5b0; padding-bottom: 4px; }.text-link span { margin-left: 8px; color: var(--coral); }.hero-meta { margin-top: 48px; display: flex; align-items: center; gap: 13px; color: var(--muted); font-size: 11px; }.hero-meta strong { display: block; color: var(--ink); font-size: 13px; line-height: 1.3; }.hero-meta span:not(.avatar):not(.status-dot) { white-space: nowrap; }.avatar-stack { display: flex; padding-left: 5px; }.avatar { width: 27px; height: 27px; margin-left: -5px; display: grid; place-items: center; border: 2px solid var(--paper); border-radius: 50%; color: #fff; font-size: 9px; font-weight: 800; }.avatar-1 { background: #e08c72; }.avatar-2 { background: #799f8b; }.avatar-3 { background: #b6a074; }.avatar-4 { background: #66758d; }.meta-divider { width: 1px; height: 27px; background: var(--line); margin: 0 9px; }.stars { color: var(--orange); letter-spacing: 2px; font-size: 10px; }
.hero-art { position: relative; height: 490px; min-width: 0; isolation: isolate; }.hero-art::before { content: ""; position: absolute; width: 380px; height: 380px; background: var(--green-soft); border-radius: 49% 51% 41% 59% / 57% 39% 61% 43%; right: 9%; top: 12%; transform: rotate(27deg); z-index: -3; }.hero-art::after { content: ""; position: absolute; width: 230px; height: 210px; background: #f8d8c3; opacity: .7; border-radius: 50% 40% 55% 45%; right: -1%; bottom: 5%; transform: rotate(-22deg); z-index: -4; }
.orb { position: absolute; border-radius: 50%; }.orb-large { width: 170px; height: 170px; right: 23%; top: 24%; background: radial-gradient(circle at 31% 27%, #fff6d4 0 8%, #f8bd6d 24%, #ee8062 63%, #d85b50 100%); box-shadow: inset -20px -24px 30px rgba(166, 59, 55, .22), 15px 28px 35px rgba(112, 77, 53, .16); }.orb-small { width: 68px; height: 68px; right: 6%; top: 15%; background: radial-gradient(circle at 30% 28%, #f7cdb1, #ed896f 60%, #cc6352); box-shadow: 12px 16px 20px rgba(93, 73, 54, .12); }.orbit { position: absolute; border: 1px solid rgba(112, 164, 132, .55); border-radius: 50%; transform: rotate(-31deg); }.orbit-one { width: 300px; height: 94px; right: 3%; top: 37%; }.orbit-two { width: 280px; height: 150px; right: 8%; top: 24%; transform: rotate(52deg); border-color: rgba(242, 130, 103, .45); }.signal { position: absolute; border: 1px solid rgba(90, 173, 125, .36); border-radius: 50%; }.signal-one { width: 285px; height: 285px; right: 19%; top: 15%; }.signal-two { width: 370px; height: 370px; right: 10%; top: 6%; border-color: rgba(90, 173, 125, .15); }.signal span { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--coral); top: 10px; right: 45px; box-shadow: 0 0 0 8px rgba(243,108,84,.11); }
.floating-card { position: absolute; background: rgba(252, 255, 249, .87); border: 1px solid rgba(255,255,255,.85); box-shadow: 0 20px 45px rgba(50, 88, 67, .14); backdrop-filter: blur(15px); border-radius: 14px; }.card-analytics { width: 155px; left: 0; top: 23%; padding: 17px; }.mini-label { font-size: 9px; color: var(--muted); display: flex; justify-content: space-between; }.mini-label span { color: var(--coral); font-size: 14px; }.card-analytics strong { display: block; font-size: 25px; letter-spacing: -.06em; margin-top: 6px; }.card-analytics small { font-size: 8px; color: #91a09a; }.sparkline { display: flex; height: 35px; align-items: end; gap: 4px; margin: 8px 0 4px; }.sparkline i { flex: 1; height: 30%; background: var(--green); border-radius: 4px 4px 0 0; opacity: .68; }.sparkline i:nth-child(2) { height: 46%; }.sparkline i:nth-child(3) { height: 35%; }.sparkline i:nth-child(4) { height: 63%; }.sparkline i:nth-child(5) { height: 54%; }.sparkline i:nth-child(6) { height: 80%; }.sparkline i:nth-child(7) { height: 68%; }.sparkline i:nth-child(8) { height: 92%; }.sparkline i:nth-child(9) { height: 100%; background: var(--coral); }.card-chat { width: 195px; right: 0; bottom: 13%; padding: 15px; }.chat-header { display: flex; align-items: center; gap: 7px; font-size: 9px; font-weight: 750; }.chat-header b { margin-left: auto; color: #98a8a0; font-size: 12px; letter-spacing: 1px; }.chat-avatar { width: 21px; height: 21px; display: grid; place-items: center; background: var(--green); color: #fff; border-radius: 7px; font-size: 7px; }.chat-line { height: 5px; background: #e2ebe3; border-radius: 20px; margin-top: 11px; }.chat-line.short { width: 66%; }.chat-line.long { width: 90%; margin-top: 6px; }.chat-line.medium { width: 78%; margin-top: 6px; }.chat-response { background: #e5f6eb; color: var(--green-dark); border-radius: 7px; font-size: 8px; padding: 7px; margin-top: 14px; }.chat-check { margin-right: 4px; color: var(--green); }.card-badge { left: 20%; bottom: 5%; padding: 11px 14px; display: flex; align-items: center; gap: 10px; }.badge-icon { width: 27px; height: 27px; display: grid; place-items: center; background: #fbe3d8; color: var(--coral); border-radius: 9px; }.card-badge b, .card-badge small { display: block; }.card-badge b { font-size: 10px; }.card-badge small { color: var(--muted); font-size: 8px; }
.metrics { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); padding-top: 28px; padding-bottom: 28px; margin-top: 0; }.metrics > div { min-height: 46px; border-right: 1px solid var(--line); padding-left: 32px; }.metrics > div:first-child { padding-left: 0; }.metrics > div:last-child { border: 0; }.metrics strong { display: block; color: var(--green-dark); font-size: 23px; letter-spacing: -.05em; line-height: 1.2; }.metrics span { color: var(--muted); font-size: 11px; }
.products, .process, .benefits, .faq-section { padding-top: 130px; padding-bottom: 130px; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 45px; }.section-heading h2 { font-size: clamp(38px, 4.2vw, 56px); line-height: 1.02; letter-spacing: -.075em; margin: 15px 0 0; }.section-heading > p { max-width: 390px; color: var(--muted); font-size: 13px; line-height: 1.8; margin: 0 0 3px; }.product-tabs { display: flex; gap: 8px; margin-bottom: 24px; }.tab { display: inline-flex; align-items: center; gap: 9px; border: 1px solid transparent; border-radius: 30px; background: transparent; color: var(--muted); padding: 9px 15px; font-size: 12px; font-weight: 750; }.tab span:last-child { display: inline-grid; place-items: center; min-width: 19px; height: 19px; padding: 0 5px; background: #eaf0ea; color: var(--muted); border-radius: 20px; font-size: 10px; }.tab.active { border-color: var(--green); background: var(--green-soft); color: var(--green-dark); }.tab.active span:last-child { background: var(--green); color: #fff; }.product-logo { display: inline-grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; font-size: 19px; font-weight: 500; }.logo-chatgpt { background: #e2f4e6; color: #3caa6b; }.logo-claude { background: #fae6dc; color: #d57354; font-family: Georgia, serif; font-size: 21px; }.product-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; }.product-card { grid-column: span 2; display: flex; flex-direction: column; min-height: 420px; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color: #bfd6c5; }.product-card.featured { background: var(--green-soft); border-color: #c8ebd6; }.product-card.dark-card { background: var(--night); color: #f2fff5; border-color: var(--night); }.card-top { display: flex; justify-content: space-between; align-items: start; min-height: 40px; }.popular, .plan-tag { color: var(--coral); font-size: 9px; font-weight: 800; letter-spacing: .05em; padding: 5px 8px; border: 1px solid currentColor; border-radius: 20px; }.plan-tag { color: var(--muted); border-color: var(--line); }.dark-card .plan-tag { color: #a9c4b6; border-color: #355849; }.dark-logo { color: #f6a27f; background: #355748; }.card-title-row { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; gap: 8px; }.card-title-row h3 { font-size: 20px; letter-spacing: -.05em; margin: 0; }.card-title-row h3 span { font-weight: 450; color: var(--coral); }.arrow-circle { display: grid; place-items: center; width: 26px; height: 26px; color: var(--coral); border: 1px solid currentColor; border-radius: 50%; font-size: 13px; }.product-card p { color: var(--muted); min-height: 50px; font-size: 12px; line-height: 1.7; margin: 14px 0 20px; }.dark-card p { color: #acc0b4; }.price { font-size: 38px; font-weight: 800; letter-spacing: -.08em; line-height: 1; }.price span { font-size: 16px; vertical-align: 12px; margin-right: 2px; font-weight: 700; }.price small { color: var(--muted); font-size: 11px; font-weight: 500; letter-spacing: 0; margin-left: 4px; }.dark-card .price small, .dark-card .feature-list { color: #a8bcb1; }.card-rule { height: 1px; background: rgba(143, 171, 151, .28); margin: 24px 0 16px; }.feature-list { list-style: none; padding: 0; margin: 0 0 24px; color: #5f7068; font-size: 11px; line-height: 1.65; flex: 1; }.feature-list li { position: relative; padding-left: 17px; margin: 7px 0; }.feature-list li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 800; }.dark-card .feature-list li::before { color: #78d6a4; }.section-note { color: #87968f; font-size: 11px; text-align: center; margin: 26px 0 0; }
.process { background: var(--cream); width: 100%; max-width: none; padding-left: max(36px, calc((100% - var(--max)) / 2)); padding-right: max(36px, calc((100% - var(--max)) / 2)); }.process-grid { display: grid; grid-template-columns: 1fr 50px 1fr 50px 1fr; align-items: center; }.process-step { position: relative; padding: 30px; min-height: 250px; border: 1px solid #dfe9df; background: rgba(255,255,255,.42); border-radius: var(--radius); }.step-number { color: var(--coral); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.step-icon { color: var(--green-dark); font-size: 34px; line-height: 1; margin: 23px 0 20px; }.process-step h3 { font-size: 18px; margin-bottom: 9px; letter-spacing: -.04em; }.process-step p { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0; }.process-connector { height: 1px; border-top: 1px dashed #aacbb5; position: relative; }.process-connector::after { content: "›"; position: absolute; right: -3px; top: -16px; color: var(--green); font-size: 24px; }
.manifesto { padding-top: 85px; padding-bottom: 85px; text-align: center; }.manifesto-mark { display: inline-grid; place-items: center; width: 45px; height: 45px; border: 1px solid #cce7d4; border-radius: 50%; color: var(--green); font-size: 20px; margin-bottom: 22px; }.manifesto p { color: var(--green-dark); font-size: clamp(30px, 4vw, 49px); line-height: 1.16; letter-spacing: -.075em; font-weight: 750; margin: 0; }
.benefits { background: #fff; width: 100%; max-width: none; padding-left: max(36px, calc((100% - var(--max)) / 2)); padding-right: max(36px, calc((100% - var(--max)) / 2)); }.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }.benefit-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; min-height: 240px; }.benefit-icon { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; background: var(--green-soft); color: var(--green-dark); font-size: 20px; margin-bottom: 24px; }.benefit-card h3 { font-size: 19px; margin-bottom: 8px; letter-spacing: -.05em; }.benefit-card p { color: var(--muted); font-size: 12px; line-height: 1.7; max-width: 270px; min-height: 42px; }.benefit-card a { color: var(--coral); font-size: 11px; font-weight: 750; }.benefit-card a span { margin-left: 8px; font-size: 15px; }
.faq-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; align-items: start; }.faq-section .section-heading { display: block; margin: 0; }.faq-section .section-heading > p { margin-top: 25px; }.faq-list details { border-top: 1px solid var(--line); padding: 21px 0; }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: var(--ink); font-size: 14px; font-weight: 750; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--coral); font-size: 22px; font-weight: 350; transition: transform .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list p { max-width: 600px; color: var(--muted); font-size: 12px; line-height: 1.8; margin: 14px 35px 0 0; }
.contact-cta { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding-top: 60px; padding-bottom: 60px; display: flex; justify-content: space-between; align-items: center; gap: 50px; }.contact-cta h2 { font-size: clamp(34px, 4vw, 52px); line-height: 1; letter-spacing: -.075em; margin: 15px 0 0; }.cta-right { display: flex; align-items: center; gap: 24px; }.cta-right p { max-width: 285px; color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0; }
.footer { padding-top: 52px; padding-bottom: 26px; }.footer-top { display: flex; align-items: center; gap: 25px; padding-bottom: 43px; }.footer-top p { color: var(--muted); font-size: 11px; margin: 0 auto 0 0; }.footer-links { display: flex; gap: 22px; }.footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 19px; color: #9aa7a1; font-size: 10px; }
.modal-backdrop { position: fixed; z-index: 50; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(9, 24, 18, .6); backdrop-filter: blur(8px); }.modal-backdrop[hidden] { display: none; }.order-modal { position: relative; width: min(100%, 470px); max-height: calc(100vh - 40px); overflow-y: auto; border-radius: 22px; padding: 37px; background: var(--paper); box-shadow: 0 30px 90px rgba(0,0,0,.25); }.modal-close { position: absolute; top: 15px; right: 19px; border: 0; background: transparent; color: var(--muted); font-size: 26px; font-weight: 300; }.modal-progress { display: flex; gap: 5px; margin-bottom: 27px; }.modal-progress span { height: 3px; flex: 1; border-radius: 4px; background: #dfe9df; }.modal-progress span.active { background: var(--coral); }.modal-view { display: none; }.modal-view.active { display: block; }.order-modal h2 { font-size: 32px; letter-spacing: -.07em; line-height: 1.1; margin: 11px 0 10px; }.modal-intro { color: var(--muted); font-size: 12px; line-height: 1.7; margin-bottom: 24px; }.order-summary { display: flex; align-items: center; gap: 12px; background: var(--green-soft); border: 1px solid #c8ebd6; border-radius: 13px; padding: 14px; margin: 20px 0 22px; }.summary-logo { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; font-size: 18px; }.order-summary strong, .order-summary small { display: block; }.order-summary strong { font-size: 13px; }.order-summary small { color: var(--muted); font-size: 10px; margin-top: 2px; }.order-summary > b { color: var(--green-dark); margin-left: auto; font-size: 18px; white-space: nowrap; }.order-summary > b small { display: inline; font-size: 10px; font-weight: 500; }.secure-note { color: #87968f; font-size: 10px; text-align: center; margin: 17px 0 0; }.order-modal label { display: block; color: var(--ink); font-size: 11px; font-weight: 750; margin-bottom: 15px; }.order-modal input, .order-modal textarea { display: block; width: 100%; margin-top: 7px; border: 1px solid var(--line); border-radius: 8px; padding: 12px 13px; outline: none; background: #fff; color: var(--ink); font-size: 12px; resize: vertical; }.order-modal input:focus, .order-modal textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(88,194,140,.13); }.form-error { min-height: 18px; color: #d75443; font-size: 11px; margin-bottom: 4px; }.back-step { display: block; border: 0; background: transparent; color: var(--muted); padding: 14px 0 0; font-size: 11px; }.success-view { text-align: center; padding: 25px 0 8px; }.success-icon { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; margin: 0 auto 20px; background: var(--green-soft); color: #37a76b; font-size: 27px; }.success-order { display: flex; justify-content: space-between; padding: 14px 0; border-block: 1px solid var(--line); margin: 27px 0 22px; color: var(--muted); font-size: 11px; }.success-order strong { color: var(--ink); letter-spacing: .04em; }
.toast { position: fixed; z-index: 80; right: 24px; bottom: 24px; transform: translateY(20px); opacity: 0; pointer-events: none; color: #fff; background: var(--night); border-radius: 9px; padding: 12px 16px; font-size: 12px; transition: .25s ease; }.toast.show { opacity: 1; transform: translateY(0); }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay-1 { transition-delay: .1s; }.reveal-delay-2 { transition-delay: .2s; }
@media (max-width: 900px) { .nav-links { gap: 18px; }.hero { grid-template-columns: 1fr .9fr; }.hero-art { transform: scale(.9); transform-origin: right center; margin-left: -25px; }.product-card { grid-column: span 3; }.product-grid .product-card:nth-child(4), .product-grid .product-card:nth-child(5) { grid-column: span 3; }.faq-section { gap: 55px; }.cta-right { flex-direction: column; align-items: start; } }
@media (max-width: 700px) { .section-pad, .topbar { width: min(100% - 38px, var(--max)); }.topbar { height: 70px; }.nav-links, .topbar-actions { display: none; }.menu-toggle { display: block; }.topbar.menu-open .nav-links { display: flex; position: absolute; top: 63px; left: 0; right: 0; flex-direction: column; align-items: start; padding: 17px; gap: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); box-shadow: var(--shadow); }.topbar.menu-open .topbar-actions { display: flex; position: absolute; top: 232px; left: 17px; }.hero { display: block; padding-top: 62px; padding-bottom: 35px; }.hero h1 { font-size: clamp(53px, 16vw, 75px); }.hero-art { height: 420px; margin: 28px 0 0; transform: scale(.92); transform-origin: center; }.hero-art::before { right: 10%; }.card-analytics { left: 4%; }.card-chat { right: 3%; }.metrics { grid-template-columns: repeat(2, 1fr); gap: 22px 0; margin-top: 20px; }.metrics > div:nth-child(3) { padding-left: 0; border-right: 1px solid var(--line); }.metrics > div:nth-child(2) { border-right: 0; }.metrics > div:nth-child(4) { border-right: 0; }.products, .process, .benefits, .faq-section { padding-top: 84px; padding-bottom: 84px; }.section-heading { display: block; margin-bottom: 30px; }.section-heading > p { margin-top: 22px; }.product-grid { grid-template-columns: 1fr; }.product-card, .product-grid .product-card:nth-child(4), .product-grid .product-card:nth-child(5) { grid-column: span 1; min-height: auto; }.product-tabs { overflow-x: auto; padding-bottom: 2px; }.process { padding-left: 19px; padding-right: 19px; }.process-grid { display: block; }.process-step { min-height: auto; padding: 23px; }.process-connector { width: 1px; height: 27px; margin-left: 35px; border-top: 0; border-left: 1px dashed #aacbb5; }.process-connector::after { content: "↓"; right: auto; left: -8px; top: 10px; }.benefits { padding-left: 19px; padding-right: 19px; }.benefit-grid { grid-template-columns: 1fr; }.benefit-card { min-height: auto; }.faq-section { display: block; }.faq-list { margin-top: 45px; }.contact-cta { display: block; }.cta-right { margin-top: 25px; }.footer-top { display: grid; gap: 18px; }.footer-top p { margin: 0; }.footer-links { flex-wrap: wrap; gap: 13px 20px; }.footer-bottom { display: block; }.footer-bottom span { display: block; margin-top: 5px; }.order-modal { padding: 31px 24px; }.hero-meta { flex-wrap: wrap; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }.button, .product-card { transition: none; } }