/* Расширение исходной дизайнерской системы для уникальных посадочных страниц */
.skip-link { position: fixed; left: 18px; top: -80px; z-index: 3000; padding: 10px 16px; border-radius: 8px; background: var(--mint-light); color: #00110d; font-weight: 800; }
.skip-link:focus { top: 16px; }
.metrika-pixel { position: absolute; left: -10000px; width: 1px; height: 1px; }
.breadcrumb-wrap { position: relative; z-index: 2; }
.breadcrumbs { padding: 20px 0 0; color: var(--muted); font-size: 13px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: 8px; color: rgba(199,222,214,.35); }
.breadcrumbs a { color: var(--paper-soft); }
.breadcrumbs a:hover { color: var(--mint-light); }
.hero-kicker, .section-kicker, .form-kicker, .project-type, .ready-label { margin: 0 0 13px; color: var(--mint-light) !important; font-size: 12px !important; font-weight: 900; line-height: 1.4; letter-spacing: .14em; text-transform: uppercase; }
.hero-lead { color: var(--paper) !important; font-size: clamp(19px, 2.2vw, 24px) !important; line-height: 1.5; }
.section-title--left { max-width: 850px; text-align: left !important; }
.section-title--left p { margin-left: 0 !important; }
.section-action { margin-top: 30px; text-align: center; }
.btn-group { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.btn, .btn-primary, .btn-outline { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 11px 22px; }
.front-form { padding: 30px !important; }
.front-form h2 { position: relative; z-index: 1; margin: 0 0 12px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 36px; line-height: 1; letter-spacing: -.04em; }
.front-form > p { position: relative; z-index: 1; color: var(--paper-soft); }
.front-form .lead-form { position: relative; z-index: 1; }
.consent { display: flex; gap: 9px; align-items: flex-start; margin: 4px 0 12px; color: var(--paper-soft); font-size: 12px; }
.consent input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 3px; accent-color: var(--mint); }
.consent a { color: var(--mint-light); text-decoration: underline; }
.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-status { min-height: 30px; }
.footer-bottom { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.site-footer .site-branding::before { margin-right: 10px; }
.site-footer .site-title { display: inline-block; }
.site-footer h2 { margin-top: 0; }
.check-list { display: grid; gap: 10px; margin: 22px 0; padding: 0; list-style: none; }
.check-list li { position: relative; padding-left: 25px; color: var(--paper-soft); }
.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--mint-light); font-weight: 900; }
.check-list--negative li::before { content: "×"; color: #ffb4b4; }
.check-list--neutral li::before { content: "—"; }
.features-list { display: grid; gap: 8px; margin: 18px 0; padding: 0; list-style: none; }
.features-list li { position: relative; padding-left: 22px; color: var(--paper-soft); }
.features-list li::before { content: "▹"; position: absolute; left: 0; color: var(--mint-light); }
.big-number { color: var(--mint-light); font-family: "Cormorant Garamond", Georgia, serif; font-size: 42px; }
.cta-panel { display: flex; align-items: center; justify-content: space-between; gap: 34px; padding: 42px; border: 1px solid var(--line-strong); border-radius: 18px; background: linear-gradient(135deg, rgba(95,240,200,.12), rgba(255,255,255,.035)); box-shadow: var(--shadow); backdrop-filter: blur(14px); }
.cta-panel h2 { margin: 0 0 12px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(34px, 4vw, 56px); line-height: 1; letter-spacing: -.045em; }
.cta-panel p { max-width: 760px; color: var(--paper-soft); }
.faq-section { padding: 96px 0; border-block: 1px solid rgba(181,255,230,.08); background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.005)); }
.faq-section .container { display: grid; grid-template-columns: .78fr 1.22fr; gap: 64px; align-items: start; }
.faq-intro { position: sticky; top: 112px; }
.faq-intro h2 { margin: 0 0 18px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(38px, 4.5vw, 58px); line-height: 1; letter-spacing: -.05em; }
.faq-intro > p { color: var(--paper-soft); }
.faq-enhanced { display: grid; gap: 12px; }
details.faq-item { border-radius: 16px !important; }
details.faq-item[open] { border-color: var(--line-strong) !important; background: rgba(255,255,255,.065) !important; }
details.faq-item .faq-question { display: block; position: relative; padding: 22px 56px 22px 22px; list-style: none; cursor: pointer; font-size: 17px; line-height: 1.4; }
details.faq-item .faq-question::-webkit-details-marker { display: none; }
details.faq-item .faq-question::before { content: "+" !important; right: 20px; left: auto; top: 50%; width: auto; color: var(--mint-light); font-size: 25px; transform: translateY(-50%) !important; }
details.faq-item[open] .faq-question::before { content: "−" !important; }
details.faq-item .faq-answer { display: block !important; padding: 20px 22px 24px; }
details.faq-item .faq-answer p { margin: 0; color: var(--paper-soft); }
.table-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; background: rgba(24, 29, 34, .86); }
.comparison-table th, .comparison-table td { padding: 18px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; color: var(--paper-soft); }
.comparison-table th { color: var(--paper); font-weight: 800; }
.comparison-table thead th { color: var(--mint-light); background: rgba(95,240,200,.07); }
.comparison-table tr:last-child th, .comparison-table tr:last-child td { border-bottom: 0; }

/* Главная */
.home-hero .hero-split { display: grid; grid-template-columns: 1.08fr .92fr; }
.home-hero .hero-decoration { opacity: .09; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.hero-facts span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.035); color: var(--paper-soft); font-size: 12px; }
.direction-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.direction-card { position: relative; overflow: hidden; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.045); box-shadow: 0 16px 44px rgba(0,0,0,.24); transition: .28s var(--ease); }
.direction-card:hover { transform: translateY(-7px); border-color: var(--line-strong); box-shadow: var(--shadow-hover); }
.service-visual { overflow: hidden; height: 220px; margin: -20px -20px 22px; border-bottom: 1px solid var(--line); }
.service-visual img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) brightness(.78); transition: transform .45s var(--ease); }
.direction-card:hover .service-visual img { transform: scale(1.035); }
.card-index { color: var(--mint-light); font-size: 12px; letter-spacing: .12em; }
.direction-card h3 { margin: 7px 0 12px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 34px; line-height: 1; }
.direction-card > p { color: var(--paper-soft); }
.direction-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.direction-footer strong, .direction-footer a { color: var(--mint-light); font-size: 13px; }
.editorial-section { padding: 100px 0; }
.editorial-grid { display: grid; grid-template-columns: .74fr 1.26fr; gap: 80px; }
.editorial-aside { position: sticky; top: 108px; align-self: start; padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.04); backdrop-filter: blur(14px); }
.editorial-aside h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 46px; line-height: 1; letter-spacing: -.05em; }
.editorial-aside p { color: var(--paper-soft); }
.editorial-content { display: grid; gap: 0; }
.editorial-content article { padding: 0 0 42px 38px; border-left: 1px solid var(--line-strong); }
.editorial-content article + article { padding-top: 42px; border-top: 1px solid var(--line); }
.editorial-content span { color: var(--mint-light); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.editorial-content h3 { margin: 10px 0 16px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 36px; line-height: 1.05; }
.editorial-content p { color: var(--paper-soft); }
.process-track { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; counter-reset: process; }
.process-track .howbox { min-height: 220px; }
.deep-section { padding: 96px 0; }
.question-map { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.question-map article { padding: 34px; background: rgba(24, 29, 34, .94); }
.question-map h3 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 31px; }
.question-map p { color: var(--paper-soft); }
.portfolio-preview { padding: 96px 0; background: linear-gradient(180deg, rgba(255,255,255,.018), transparent); }
.home-final { padding: 80px 0 !important; }

/* Раздел видов сайтов */
.services-hero { padding: 80px 0 96px; }
.services-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; }
.services-hero h1, .landing-hero h1, .corporate-hero h1, .commerce-hero h1, .price-hero h1, .ready-hero h1, .support-hero h1, .portfolio-hero h1, .contact-hero h1, .privacy-hero h1 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(48px, 6.7vw, 82px); font-weight: 700; line-height: .96; letter-spacing: -.055em; }
.services-hero__content > p { color: var(--paper-soft); }
.services-hero__visual { position: relative; margin: 0; padding: 14px; border: 1px solid var(--line-strong); border-radius: 20px; background: rgba(255,255,255,.04); box-shadow: var(--shadow); transform: rotate(1deg); }
.services-hero__visual img { border-radius: 12px; filter: saturate(.92) brightness(.78); }
.services-hero__visual figcaption { position: absolute; right: 28px; bottom: 26px; max-width: 330px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(24, 29, 34, .88); color: var(--paper-soft); font-size: 12px; backdrop-filter: blur(12px); }
.selector-section, .format-matrix, .architecture-section, .business-models, .diagnostic-section { padding: 94px 0; }
.selector-section { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.014); }
.selector-rail { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.selector-card { min-height: 330px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.04); transition: .25s var(--ease); }
.selector-card:hover { transform: translateY(-6px); border-color: var(--line-strong); }
.selector-card > span { color: var(--mint-light); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.selector-card h3 { margin: 13px 0; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 27px; line-height: 1; }
.selector-card p { color: var(--paper-soft); font-size: 14px; }
.selector-card a { display: inline-block; margin-top: 16px; color: var(--mint-light); font-size: 13px; font-weight: 800; }
.architecture-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; }
.architecture-lead h2, .business-models h2, .diagnostic-copy h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(38px, 4.4vw, 58px); line-height: 1; letter-spacing: -.05em; }
.architecture-lead p, .diagnostic-copy p { color: var(--paper-soft); }
.architecture-layers { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.architecture-layers article { padding: 28px; background: rgba(24, 29, 34, .94); }
.architecture-layers span { color: var(--mint-light); font-size: 11px; text-transform: uppercase; }
.architecture-layers h3 { margin: 8px 0; color: var(--paper); font-size: 23px; }
.architecture-layers p { color: var(--paper-soft); font-size: 14px; }
.business-models { background: linear-gradient(180deg, rgba(255,255,255,.025), transparent); }
.model-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.model-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.035); }
.model-grid h3 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 28px; }
.model-grid p { color: var(--paper-soft); }
.diagnostic-grid { display: grid; grid-template-columns: 1fr .88fr; gap: 60px; align-items: center; }

/* Landing Page */
.landing-hero { position: relative; overflow: hidden; padding: 82px 0 100px; }
.landing-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 18% 20%, rgba(95,240,200,.16), transparent 28%), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 68px 68px; }
.landing-hero__backdrop { position: absolute; right: -120px; top: 20px; width: 620px; opacity: .08; transform: rotate(8deg); }
.landing-hero__grid { position: relative; display: grid; grid-template-columns: 1fr .86fr; gap: 66px; align-items: center; }
.landing-hero__copy > p { color: var(--paper-soft); }
.landing-offer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 28px 0; }
.landing-offer div { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.035); }
.landing-offer span, .landing-offer strong { display: block; }
.landing-offer span { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.landing-offer strong { margin-top: 3px; color: var(--paper); font-size: 15px; }
.landing-narrative, .landing-deliverables, .landing-scenarios, .landing-price, .landing-process, .landing-final { padding: 96px 0; }
.landing-narrative { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.narrative-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 74px; }
.narrative-intro { position: sticky; top: 110px; align-self: start; }
.narrative-intro h2, .landing-price h2, .landing-final h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.narrative-intro > p, .landing-price p, .landing-final p { color: var(--paper-soft); }
.narrative-note { margin-top: 28px; padding: 20px; border-left: 2px solid var(--mint-light); background: rgba(95,240,200,.055); }
.narrative-note strong { color: var(--mint-light); }
.narrative-note p { margin-bottom: 0; color: var(--paper-soft); font-size: 14px; }
.narrative-chapters { counter-reset: chapter; }
.narrative-chapters article { position: relative; padding: 0 0 38px 38px; border-left: 1px solid var(--line-strong); }
.narrative-chapters article + article { padding-top: 38px; border-top: 1px solid var(--line); }
.narrative-chapters article::before { content: ""; position: absolute; left: -5px; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: var(--mint-light); box-shadow: 0 0 18px rgba(95,240,200,.7); }
.narrative-chapters span { color: var(--mint-light); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.narrative-chapters h3 { margin: 8px 0 14px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 32px; }
.narrative-chapters p { color: var(--paper-soft); }
.deliverables-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.deliverables-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.02)); transition: .25s var(--ease); }
.deliverables-grid article:hover { transform: translateY(-5px); border-color: var(--line-strong); }
.deliverables-grid span { color: var(--mint-light); font-size: 12px; }
.deliverables-grid h3 { margin: 9px 0; color: var(--paper); font-size: 24px; }
.deliverables-grid p { color: var(--paper-soft); }
.landing-scenarios { background: linear-gradient(180deg, rgba(255,255,255,.02), transparent); }
.scenarios-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; }
.scenarios-main h2, .landing-boundaries h3 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(38px, 4.5vw, 58px); line-height: 1; }
.scenario-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 30px; }
.scenario-list article { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }
.scenario-list h3 { color: var(--paper); font-size: 22px; }
.scenario-list p { color: var(--paper-soft); font-size: 14px; }
.landing-boundaries { padding: 30px; border: 1px solid rgba(255,180,180,.2); border-radius: 18px; background: rgba(255,80,80,.035); }
.landing-boundaries h3 { font-size: 38px; }
.landing-boundaries p { color: var(--paper-soft); }
.price-story { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.cost-factors { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.cost-factors article { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.04); }
.cost-factors span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.cost-factors h3 { margin: 7px 0; color: var(--paper); font-size: 20px; }
.cost-factors p { margin: 0; font-size: 13px; }
.horizontal-timeline { display: grid; grid-template-columns: repeat(5, 1fr); margin: 30px 0 0; padding: 0; list-style: none; }
.horizontal-timeline li { position: relative; padding: 28px 20px; border-top: 1px solid var(--line-strong); }
.horizontal-timeline li::before { content: ""; position: absolute; top: -5px; left: 20px; width: 9px; height: 9px; border-radius: 50%; background: var(--mint-light); }
.horizontal-timeline span { color: var(--mint-light); font-size: 11px; text-transform: uppercase; }
.horizontal-timeline h3 { margin: 10px 0; color: var(--paper); font-size: 21px; }
.horizontal-timeline p { color: var(--paper-soft); font-size: 13px; }
.landing-final__panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 44px; border: 1px solid var(--line-strong); border-radius: 18px; background: radial-gradient(circle at 80% 10%, rgba(95,240,200,.18), transparent 30%), rgba(255,255,255,.04); }

/* Корпоративный сайт */
.corporate-hero { padding: 82px 0 100px; }
.corporate-hero__grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; }
.corporate-hero__copy > p { color: var(--paper-soft); }
.corporate-hero__visual { position: relative; padding: 14px; border: 1px solid var(--line-strong); border-radius: 20px; background: rgba(255,255,255,.035); box-shadow: var(--shadow); }
.corporate-hero__visual img { border-radius: 12px; filter: saturate(.86) brightness(.76); }
.corporate-caption { position: absolute; right: 26px; bottom: 26px; display: grid; gap: 6px; }
.corporate-caption span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(24, 29, 34, .86); color: var(--paper); font-size: 11px; backdrop-filter: blur(10px); }
.corporate-map, .audience-section, .corporate-modules, .content-governance, .corporate-build, .corporate-price, .corporate-final { padding: 96px 0; }
.corporate-map { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.tree-root { max-width: 500px; margin: 0 auto 36px; padding: 24px; border: 1px solid var(--line-strong); border-radius: 14px; background: rgba(95,240,200,.08); text-align: center; }
.tree-root strong, .tree-root span { display: block; }
.tree-root strong { color: var(--paper); font-size: 24px; }
.tree-root span { color: var(--paper-soft); font-size: 13px; }
.tree-branches { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tree-branches::before { content: ""; position: absolute; left: 16.5%; right: 16.5%; top: -18px; height: 1px; background: var(--line-strong); }
.tree-branches article { position: relative; padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: rgba(24, 29, 34, .9); }
.tree-branches article::before { content: ""; position: absolute; top: -19px; left: 50%; width: 1px; height: 18px; background: var(--line-strong); }
.tree-branches span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.tree-branches h3 { margin: 8px 0; color: var(--paper); font-size: 24px; }
.tree-branches p { color: var(--paper-soft); font-size: 14px; }
.audience-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; }
.audience-intro h2, .content-governance h2, .corporate-price h2, .corporate-final h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.audience-intro p, .content-governance p, .corporate-price p, .corporate-final p { color: var(--paper-soft); }
.audience-lanes { display: grid; gap: 1px; border-left: 1px solid var(--line); }
.audience-lanes article { padding: 24px 0 24px 30px; border-bottom: 1px solid var(--line); }
.audience-lanes span { color: var(--mint-light); font-size: 11px; text-transform: uppercase; }
.audience-lanes h3 { margin: 7px 0; color: var(--paper); font-size: 25px; }
.audience-lanes p { margin: 0; color: var(--paper-soft); }
.corporate-modules { background: linear-gradient(180deg, rgba(255,255,255,.024), transparent); }
.module-orbit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.module-orbit article { min-height: 230px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.036); }
.module-orbit span { color: var(--mint-light); font-size: 11px; }
.module-orbit h3 { margin: 10px 0; color: var(--paper); font-size: 22px; }
.module-orbit p { color: var(--paper-soft); font-size: 14px; }
.governance-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.governance-board { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.governance-board div { padding: 25px; background: rgba(24, 29, 34, .94); }
.governance-board span, .governance-board strong { display: block; }
.governance-board span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.governance-board strong { margin: 7px 0; color: var(--paper); }
.governance-board p { margin: 0; font-size: 13px; }
.build-phases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.build-phases article { padding: 26px; border-left: 2px solid var(--mint); background: rgba(255,255,255,.03); }
.build-phases span { color: var(--mint-light); font-size: 11px; text-transform: uppercase; }
.build-phases h3 { margin: 8px 0; color: var(--paper); font-size: 23px; }
.build-phases p { color: var(--paper-soft); }
.corporate-price__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }

/* Интернет-магазин */
.commerce-hero { padding: 82px 0 100px; }
.commerce-hero__grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 70px; align-items: center; }
.commerce-hero__copy > p { color: var(--paper-soft); }
.commerce-window { position: relative; padding: 15px; border: 1px solid var(--line-strong); border-radius: 20px; background: rgba(255,255,255,.04); box-shadow: var(--shadow); }
.commerce-window img { border-radius: 12px; filter: saturate(.86) brightness(.76); }
.commerce-window__stats { position: absolute; left: 30px; right: 30px; bottom: 30px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.commerce-window__stats div { padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(24, 29, 34, .88); backdrop-filter: blur(12px); }
.commerce-window__stats span, .commerce-window__stats strong { display: block; }
.commerce-window__stats span { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.commerce-window__stats strong { color: var(--paper); }
.commerce-flow, .catalog-anatomy, .store-components, .integration-matrix, .store-phases, .store-risk, .store-final { padding: 96px 0; }
.commerce-flow { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.flow-ribbon { display: grid; grid-template-columns: repeat(6, 1fr); margin: 32px 0 0; padding: 0; list-style: none; }
.flow-ribbon li { position: relative; min-height: 220px; padding: 24px 20px; border: 1px solid var(--line); border-right: 0; background: rgba(24, 29, 34, .9); }
.flow-ribbon li:first-child { border-radius: 16px 0 0 16px; }
.flow-ribbon li:last-child { border-right: 1px solid var(--line); border-radius: 0 16px 16px 0; }
.flow-ribbon li:not(:last-child)::after { content: "→"; position: absolute; right: -11px; top: 30px; z-index: 2; color: var(--mint-light); }
.flow-ribbon span { color: var(--mint-light); font-size: 11px; }
.flow-ribbon h3 { margin: 12px 0; color: var(--paper); font-size: 21px; }
.flow-ribbon p { color: var(--paper-soft); font-size: 13px; }
.catalog-anatomy__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }
.catalog-anatomy__visual > p { color: var(--paper-soft); font-size: 14px; }
.catalog-mock { display: grid; grid-template-columns: 120px 1fr; min-height: 420px; padding: 22px; border: 1px solid var(--line-strong); border-radius: 18px; background: radial-gradient(circle at 75% 0%, rgba(95,240,200,.12), transparent 30%), rgba(255,255,255,.035); box-shadow: var(--shadow); }
.mock-sidebar { display: grid; align-content: start; gap: 14px; padding-right: 18px; border-right: 1px solid var(--line); }
.mock-sidebar span { display: block; height: 12px; border-radius: 8px; background: rgba(199,222,214,.18); }
.mock-products { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding-left: 18px; }
.mock-products i { min-height: 110px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(145deg, rgba(95,240,200,.1), rgba(255,255,255,.025)); }
.catalog-anatomy__content h2, .integration-copy h2, .store-risk h2, .store-final h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.catalog-anatomy__content article { padding: 20px 0; border-bottom: 1px solid var(--line); }
.catalog-anatomy__content h3 { margin: 0 0 8px; color: var(--paper); font-size: 22px; }
.catalog-anatomy__content p, .integration-copy p, .store-risk p, .store-final p { margin: 0; color: var(--paper-soft); }
.store-components { background: linear-gradient(180deg, rgba(255,255,255,.024), transparent); }
.component-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.component-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.038); }
.component-grid span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.component-grid h3 { margin: 9px 0; color: var(--paper); font-size: 24px; }
.component-grid p { color: var(--paper-soft); }
.integration-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; align-items: center; }
.integration-board { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.integration-board article { padding: 27px; background: rgba(24, 29, 34, .94); }
.integration-board h3 { color: var(--paper); font-size: 22px; }
.integration-board p { color: var(--paper-soft); font-size: 14px; }
.phase-columns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.phase-columns article { padding: 26px; border-top: 2px solid var(--mint); background: rgba(255,255,255,.035); }
.phase-columns span { color: var(--mint-light); font-size: 11px; text-transform: uppercase; }
.phase-columns h3 { margin: 10px 0; color: var(--paper); font-size: 23px; }
.phase-columns p { color: var(--paper-soft); }
.risk-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }

/* Стоимость */
.price-hero { position: relative; overflow: hidden; padding: 100px 0 110px; text-align: center; }
.price-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 15%, rgba(95,240,200,.16), transparent 35%), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: auto, 70px 70px; }
.price-hero__inner { position: relative; max-width: 980px; }
.price-hero .hero-lead { max-width: 780px; margin-inline: auto; }
.price-hero__actions { display: flex; justify-content: center; gap: 12px; margin-top: 28px; }
.price-scale { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 14px; margin-top: 55px; }
.price-scale > span { color: var(--paper); font-weight: 800; }
.price-scale small { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; }
.price-scale i { height: 1px; background: linear-gradient(90deg, var(--line), var(--mint-light), var(--line)); }
.tariff-section, .cost-constructor, .estimate-examples, .included-excluded, .payment-process, .price-request { padding: 96px 0; }
.tariff-section { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.tariff-ledger { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tariff-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.035); box-shadow: 0 16px 44px rgba(0,0,0,.24); }
.tariff-card--featured { border-color: var(--line-strong); transform: translateY(-10px); box-shadow: var(--shadow-hover); }
.tariff-card__head { padding: 28px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 0%, rgba(95,240,200,.14), transparent 34%); }
.tariff-card__head > span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.tariff-card h3 { margin: 8px 0; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 35px; }
.tariff-card__head strong { display: block; color: var(--mint-light); font-size: 25px; }
.tariff-card__head p, .tariff-card__body p { color: var(--paper-soft); }
.tariff-card__body { padding: 28px; }
.tariff-card__body h4 { margin: 18px 0 8px; color: var(--paper); }
.tariff-card__body a { display: inline-block; margin-top: 14px; color: var(--mint-light); font-weight: 800; }
.cost-constructor__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 76px; }
.cost-constructor__intro h2, .included-card h2, .excluded-card h2, .payment-grid h2, .price-request h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.cost-constructor__intro p, .payment-grid p, .price-request p { color: var(--paper-soft); }
.factor-stack { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.factor-stack article { padding: 26px; background: rgba(24, 29, 34, .94); }
.factor-stack span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.factor-stack h3 { margin: 8px 0; color: var(--paper); font-size: 22px; }
.factor-stack p { color: var(--paper-soft); font-size: 14px; }
.estimate-examples { background: linear-gradient(180deg, rgba(255,255,255,.02), transparent); }
.estimate-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.estimate-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.035); }
.estimate-grid span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.estimate-grid h3 { margin: 9px 0; color: var(--paper); font-size: 23px; }
.estimate-grid p { color: var(--paper-soft); }
.estimate-grid strong { color: var(--mint-light); }
.included-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.included-card, .excluded-card { padding: 34px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.038); }
.excluded-card { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.022); }
.included-card h2, .excluded-card h2 { font-size: 42px; }
.payment-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.payment-grid ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.payment-grid li { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }
.payment-grid li > span { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--line-strong); border-radius: 10px; color: var(--mint-light); }
.payment-grid h3 { margin: 0 0 5px; color: var(--paper); font-size: 21px; }
.payment-grid li p { margin: 0; font-size: 14px; }
.price-request__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }

/* Готовые сайты */
.ready-hero { position: relative; min-height: 680px; display: flex; align-items: flex-end; overflow: hidden; }
.ready-hero__image { position: absolute; inset: 0; }
.ready-hero__image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(24, 29, 34, .96) 0%, rgba(24, 29, 34, .76) 52%, rgba(24, 29, 34, .24)), linear-gradient(0deg, rgba(24, 29, 34, .92), transparent 70%); }
.ready-hero__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) brightness(.65); }
.ready-hero__content { position: relative; padding-bottom: 90px; }
.ready-hero__content > p { max-width: 760px; color: var(--paper-soft); }
.ready-principle, .ready-catalog, .ready-customization, .ready-calendar, .ready-compare, .ready-request { padding: 96px 0; }
.ready-principle { border-block: 1px solid rgba(181,255,230,.08); }
.ready-principle__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; }
.ready-principle h2, .ready-calendar h2, .ready-request h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.ready-principle p, .ready-calendar p, .ready-request p { color: var(--paper-soft); }
.ready-layers { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.ready-layers div { padding: 28px; background: rgba(24, 29, 34, .94); }
.ready-layers span { color: var(--mint-light); font-size: 11px; }
.ready-layers strong { display: block; margin: 8px 0; color: var(--paper); }
.ready-layers p { margin: 0; font-size: 13px; }
.ready-site-item { display: grid !important; grid-template-columns: .92fr 1.08fr; margin-bottom: 34px; }
.ready-site-item--reverse { grid-template-columns: 1.08fr .92fr; }
.ready-site-item--reverse .site-image { order: 2; border-right: 0; border-left: 1px solid var(--line); }
.ready-site-item .site-image img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; }
.ready-site-item h4 { margin: 24px 0 8px; color: var(--paper); }
.ready-spec { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.ready-spec span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--mint-light); font-size: 12px; }
.customization-scale { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.customization-scale article { padding: 26px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.034); }
.customization-scale article:nth-child(4) { border-color: var(--line-strong); background: rgba(95,240,200,.06); }
.customization-scale span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.customization-scale h3 { margin: 9px 0; color: var(--paper); font-size: 22px; }
.customization-scale p { color: var(--paper-soft); font-size: 14px; }
.calendar-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; }
.calendar-grid ol { display: grid; gap: 1px; margin: 0; padding: 0; border-left: 1px solid var(--line-strong); list-style: none; }
.calendar-grid li { position: relative; padding: 20px 0 20px 30px; border-bottom: 1px solid var(--line); }
.calendar-grid li::before { content: ""; position: absolute; left: -5px; top: 27px; width: 9px; height: 9px; border-radius: 50%; background: var(--mint-light); }
.calendar-grid span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.calendar-grid h3 { margin: 6px 0; color: var(--paper); font-size: 21px; }
.calendar-grid li p { margin: 0; font-size: 14px; }
.ready-request__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }

/* Поддержка */
.support-hero { padding: 82px 0 100px; }
.support-hero__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 70px; align-items: center; }
.support-hero__copy > p { color: var(--paper-soft); }
.diagnostic-console { overflow: hidden; border: 1px solid var(--line-strong); border-radius: 18px; background: #010302; box-shadow: var(--shadow); font-family: "Manrope", sans-serif; }
.console-head { display: flex; align-items: center; gap: 7px; padding: 14px 18px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.045); }
.console-head span { width: 8px; height: 8px; border-radius: 50%; background: rgba(199,222,214,.35); }
.console-head span:nth-child(1) { background: #ff8585; }
.console-head span:nth-child(2) { background: #f6d978; }
.console-head span:nth-child(3) { background: var(--mint); }
.console-head strong { margin-left: auto; color: var(--muted); font-size: 11px; }
.diagnostic-console ol { display: grid; gap: 0; margin: 0; padding: 22px; list-style: none; counter-reset: console; }
.diagnostic-console li { position: relative; padding: 14px 14px 14px 42px; border-bottom: 1px solid rgba(181,255,230,.07); color: var(--muted); font-size: 14px; }
.diagnostic-console li::before { counter-increment: console; content: counter(console, decimal-leading-zero); position: absolute; left: 6px; color: rgba(159,255,227,.35); }
.diagnostic-console li.done { color: var(--paper-soft); }
.diagnostic-console li.done::after { content: "✓"; position: absolute; right: 8px; color: var(--mint-light); }
.diagnostic-console li.active { background: rgba(95,240,200,.08); color: var(--paper); }
.support-triage, .support-categories, .diagnostic-protocol, .support-access, .support-models, .support-request { padding: 96px 0; }
.support-triage { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.triage-board { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.triage-board article { padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.034); }
.triage-board article:first-child { border-color: rgba(255,110,110,.35); }
.triage-board span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.triage-board h3 { margin: 9px 0; color: var(--paper); font-size: 22px; }
.triage-board p { color: var(--paper-soft); font-size: 14px; }
.triage-board strong { color: var(--mint-light); font-size: 12px; }
.support-categories__grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 70px; }
.support-category-nav { position: sticky; top: 110px; align-self: start; }
.support-category-nav h2, .protocol-copy h2, .support-access h2, .support-request h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.support-category-nav p, .protocol-copy p, .support-access p, .support-request p { color: var(--paper-soft); }
.support-category-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.support-category-list article { padding: 27px; background: rgba(24, 29, 34, .94); }
.support-category-list span { color: var(--mint-light); font-size: 11px; }
.support-category-list h3 { margin: 8px 0; color: var(--paper); font-size: 22px; }
.support-category-list p { color: var(--paper-soft); font-size: 14px; }
.protocol-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; }
.protocol-steps { margin: 0; padding: 0; list-style: none; }
.protocol-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.protocol-steps > li > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--line); border-radius: 12px; color: var(--mint-light); }
.protocol-steps h3 { margin: 0 0 5px; color: var(--paper); font-size: 22px; }
.protocol-steps p { margin: 0; }
.access-grid { display: grid; grid-template-columns: 1fr .82fr; gap: 70px; align-items: center; }
.access-check { padding: 30px; border: 1px solid var(--line-strong); border-radius: 18px; background: rgba(95,240,200,.055); }
.access-check h3 { color: var(--paper); font-size: 25px; }
.support-models { background: linear-gradient(180deg, rgba(255,255,255,.024), transparent); }
.support-model-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.support-model-grid article { padding: 29px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.036); }
.support-model-grid > article > span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.support-model-grid h3 { margin: 9px 0; color: var(--paper); font-size: 25px; }
.support-model-grid p { color: var(--paper-soft); }
.support-request__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }

/* Портфолио */
.portfolio-hero { padding: 82px 0 100px; }
.portfolio-hero__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; }
.portfolio-hero__grid p { color: var(--paper-soft); }
.portfolio-collage { position: relative; padding: 14px; border: 1px solid var(--line-strong); border-radius: 20px; background: rgba(255,255,255,.04); box-shadow: var(--shadow); transform: rotate(-1deg); }
.portfolio-collage img { border-radius: 12px; filter: saturate(.9) brightness(.76); }
.portfolio-collage span { position: absolute; left: 28px; bottom: 28px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: rgba(24, 29, 34, .86); color: var(--mint-light); font-size: 11px; text-transform: uppercase; }
.portfolio-method, .project-stories, .case-blueprint, .portfolio-request { padding: 96px 0; }
.portfolio-method { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.method-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; }
.method-grid h2, .case-blueprint h2, .portfolio-request h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.method-grid p, .case-blueprint p, .portfolio-request p { color: var(--paper-soft); }
.method-points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--line); }
.method-points article { padding: 25px; background: rgba(24, 29, 34, .94); }
.method-points span { color: var(--mint-light); font-size: 11px; }
.method-points h3 { margin: 8px 0; color: var(--paper); font-size: 22px; }
.method-points p { font-size: 14px; }
.project-story { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 54px; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.035); box-shadow: var(--shadow); }
.project-story:nth-child(even) .project-story__media { order: 2; }
.project-story__media img { width: 100%; height: 100%; min-height: 650px; object-fit: cover; filter: saturate(.88) brightness(.75); }
.project-story__content { padding: 42px; }
.project-story__content h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 45px; line-height: 1; letter-spacing: -.045em; }
.project-story__content h3 { margin-top: 28px; color: var(--paper); font-size: 21px; }
.project-story__content p { color: var(--paper-soft); }
.project-story__content > a { color: var(--mint-light); font-weight: 800; }
.blueprint-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.blueprint-grid ol { margin: 0; padding: 0; list-style: none; counter-reset: blueprint; }
.blueprint-grid li { padding: 20px 0 20px 34px; border-left: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); }
.blueprint-grid strong { color: var(--paper); font-size: 20px; }
.blueprint-grid li p { margin: 5px 0 0; font-size: 14px; }
.portfolio-request__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }

/* Контакты */
.contact-hero { padding: 82px 0 100px; }
.contact-hero__grid { display: grid; grid-template-columns: .94fr 1.06fr; gap: 70px; align-items: center; }
.contact-hero__copy > p { color: var(--paper-soft); }
.contact-methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 32px; }
.contact-methods > a, .contact-methods > div { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.04); transition: .24s var(--ease); }
.contact-methods > a:hover, .contact-methods > div:hover { transform: translateY(-4px); border-color: var(--line-strong); }
.contact-methods span, .contact-methods strong, .contact-methods small { display: block; }
.contact-methods span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.contact-methods strong { margin: 6px 0; color: var(--paper); }
.contact-methods small { color: var(--muted); }
.contact-hero__visual { padding: 14px; border: 1px solid var(--line-strong); border-radius: 20px; background: rgba(255,255,255,.04); box-shadow: var(--shadow); }
.contact-hero__visual img { border-radius: 12px; filter: saturate(.88) brightness(.74); }
.contact-brief, .contact-form-section, .communication-process, .contact-expectations { padding: 96px 0; }
.contact-brief { border-block: 1px solid rgba(181,255,230,.08); background: rgba(255,255,255,.012); }
.brief-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; }
.brief-grid h2, .contact-context h2, .expectations-grid h2 { color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(39px, 4.7vw, 60px); line-height: 1; letter-spacing: -.05em; }
.brief-grid p, .contact-context p, .expectations-grid p { color: var(--paper-soft); }
.brief-grid ol { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--line); list-style: none; }
.brief-grid li { display: grid; grid-template-columns: 42px 1fr; gap: 12px; padding: 21px; background: rgba(24, 29, 34, .94); }
.brief-grid li > span { color: var(--mint-light); font-size: 12px; }
.brief-grid h3 { margin: 0 0 4px; color: var(--paper); font-size: 20px; }
.brief-grid li p { margin: 0; font-size: 13px; }
.contact-form-grid { display: grid; grid-template-columns: 1fr .9fr; gap: 64px; align-items: center; }
.contact-context figure { margin: 28px 0; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.03); }
.contact-context figure img { border-radius: 11px; filter: saturate(.75) brightness(.68); }
.contact-context figcaption { padding: 10px 4px 2px; color: var(--muted); font-size: 12px; }
.contact-rules { padding: 20px; border-left: 2px solid var(--mint); background: rgba(95,240,200,.045); }
.contact-rules h3 { color: var(--paper); font-size: 20px; }
.communication-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.communication-track article { padding: 24px; border-top: 2px solid var(--mint); background: rgba(255,255,255,.034); }
.communication-track span { color: var(--mint-light); font-size: 11px; }
.communication-track h3 { margin: 9px 0; color: var(--paper); font-size: 22px; }
.communication-track p { color: var(--paper-soft); font-size: 14px; }
.expectations-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; }
.expectation-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.expectation-list article { padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.034); }
.expectation-list h3 { color: var(--paper); font-size: 22px; }
.expectation-list p { margin: 0; font-size: 14px; }

/* Политика */
.privacy-hero { padding: 100px 0 80px; border-bottom: 1px solid var(--line); text-align: center; }
.privacy-hero__inner { max-width: 920px; }
.privacy-hero .hero-lead { max-width: 720px; margin-inline: auto; }
.privacy-date { color: var(--muted); font-size: 12px; }
.privacy-document { padding: 80px 0 100px; }
.privacy-grid { display: grid; grid-template-columns: 260px 1fr; gap: 74px; align-items: start; }
.privacy-nav { position: sticky; top: 105px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.035); }
.privacy-nav h2 { margin: 0 0 16px; color: var(--paper); font-size: 21px; }
.privacy-nav ol { display: grid; gap: 9px; margin: 0; padding-left: 20px; color: var(--muted); font-size: 13px; }
.privacy-nav a { color: var(--paper-soft); }
.privacy-contact { display: grid; gap: 6px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.privacy-contact span { color: var(--mint-light); font-size: 10px; text-transform: uppercase; }
.privacy-content { max-width: 820px; }
.privacy-content section { scroll-margin-top: 110px; padding: 0 0 46px 38px; border-left: 1px solid var(--line-strong); }
.privacy-content section + section { padding-top: 46px; border-top: 1px solid var(--line); }
.privacy-content section > span { color: var(--mint-light); font-size: 11px; letter-spacing: .12em; }
.privacy-content h2 { margin: 8px 0 17px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 38px; line-height: 1; }
.privacy-content p { color: var(--paper-soft); }
.error-actions { justify-content: center; }

/* Цветовые акценты страниц внутри общей системы */
.page-landing { --page-glow: rgba(95,240,200,.12); }
.page-corporate { --page-glow: rgba(88,194,255,.09); }
.page-store { --page-glow: rgba(159,255,227,.14); }
.page-price { --page-glow: rgba(159,255,227,.1); }
.page-ready { --page-glow: rgba(93,224,185,.12); }
.page-support { --page-glow: rgba(120,185,255,.07); }
.page-portfolio { --page-glow: rgba(180,130,255,.06); }
.page-contacts { --page-glow: rgba(95,240,200,.1); }
body[class^="page-"]::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 92% 24%, var(--page-glow, rgba(95,240,200,.08)), transparent 28%); }

@media (max-width: 1100px) {
  .selector-rail { grid-template-columns: repeat(3, 1fr); }
  .flow-ribbon { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .flow-ribbon li, .flow-ribbon li:first-child, .flow-ribbon li:last-child { border: 1px solid var(--line); border-radius: 14px; }
  .flow-ribbon li::after { display: none; }
  .module-orbit { grid-template-columns: repeat(3, 1fr); }
  .communication-track { grid-template-columns: repeat(3, 1fr); }
  .direction-grid { grid-template-columns: 1fr; }
  .direction-card { display: grid; grid-template-columns: 260px 1fr; column-gap: 25px; }
  .service-visual { grid-row: 1 / 7; height: 100%; min-height: 360px; margin: -20px 0 -20px -20px; border-right: 1px solid var(--line); border-bottom: 0; }
}

@media (max-width: 900px) {
  .services-hero__grid, .landing-hero__grid, .corporate-hero__grid, .commerce-hero__grid, .portfolio-hero__grid, .contact-hero__grid, .home-hero .hero-split,
  .editorial-grid, .architecture-grid, .diagnostic-grid, .narrative-grid, .scenarios-grid, .price-story, .audience-grid, .governance-grid, .corporate-price__grid,
  .catalog-anatomy__grid, .integration-grid, .risk-grid, .cost-constructor__grid, .payment-grid, .price-request__grid, .ready-principle__grid, .calendar-grid, .ready-request__grid,
  .support-hero__grid, .support-categories__grid, .protocol-grid, .access-grid, .support-request__grid, .method-grid, .blueprint-grid, .portfolio-request__grid,
  .brief-grid, .contact-form-grid, .expectations-grid, .privacy-grid { grid-template-columns: 1fr; }
  .faq-section .container { grid-template-columns: 1fr; gap: 36px; }
  .faq-intro, .editorial-aside, .narrative-intro, .support-category-nav, .privacy-nav { position: static; }
  .selector-rail, .model-grid, .deliverables-grid, .component-grid, .estimate-grid, .support-model-grid { grid-template-columns: repeat(2, 1fr); }
  .tree-branches, .build-phases { grid-template-columns: repeat(2, 1fr); }
  .tree-branches::before, .tree-branches article::before { display: none; }
  .module-orbit, .phase-columns, .customization-scale, .triage-board { grid-template-columns: repeat(2, 1fr); }
  .horizontal-timeline { grid-template-columns: repeat(3, 1fr); row-gap: 18px; }
  .tariff-ledger { grid-template-columns: 1fr; }
  .tariff-card--featured { transform: none; }
  .ready-site-item, .ready-site-item--reverse, .project-story { grid-template-columns: 1fr !important; }
  .ready-site-item--reverse .site-image, .project-story:nth-child(even) .project-story__media { order: 0; border-left: 0; }
  .ready-site-item .site-image img, .project-story__media img { min-height: 420px; }
  .privacy-nav ol { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
  .services-hero h1, .landing-hero h1, .corporate-hero h1, .commerce-hero h1, .price-hero h1, .ready-hero h1, .support-hero h1, .portfolio-hero h1, .contact-hero h1, .privacy-hero h1 { font-size: clamp(42px, 13vw, 56px); }
  .services-hero, .landing-hero, .corporate-hero, .commerce-hero, .support-hero, .portfolio-hero, .contact-hero { padding: 55px 0 70px; }
  .selector-section, .format-matrix, .architecture-section, .business-models, .diagnostic-section, .landing-narrative, .landing-deliverables, .landing-scenarios, .landing-price, .landing-process, .landing-final,
  .corporate-map, .audience-section, .corporate-modules, .content-governance, .corporate-build, .corporate-price, .corporate-final, .commerce-flow, .catalog-anatomy, .store-components,
  .integration-matrix, .store-phases, .store-risk, .store-final, .tariff-section, .cost-constructor, .estimate-examples, .included-excluded, .payment-process, .price-request,
  .ready-principle, .ready-catalog, .ready-customization, .ready-calendar, .ready-compare, .ready-request, .support-triage, .support-categories, .diagnostic-protocol, .support-access,
  .support-models, .support-request, .portfolio-method, .project-stories, .case-blueprint, .portfolio-request, .contact-brief, .contact-form-section, .communication-process, .contact-expectations,
  .faq-section, .deep-section, .portfolio-preview, .editorial-section, .privacy-document { padding: 64px 0; }
  .selector-rail, .model-grid, .architecture-layers, .scenario-list, .deliverables-grid, .cost-factors, .tree-branches, .module-orbit, .governance-board, .build-phases,
  .component-grid, .integration-board, .phase-columns, .factor-stack, .estimate-grid, .included-grid, .ready-layers, .customization-scale, .support-category-list, .support-model-grid,
  .method-points, .brief-grid ol, .expectation-list { grid-template-columns: 1fr; }
  .flow-ribbon, .horizontal-timeline, .communication-track, .triage-board { grid-template-columns: 1fr; }
  .horizontal-timeline li { border-top: 0; border-left: 1px solid var(--line-strong); }
  .horizontal-timeline li::before { top: 30px; left: -5px; }
  .direction-card { display: block; }
  .service-visual { height: 230px; min-height: 0; margin: -20px -20px 22px; border-right: 0; border-bottom: 1px solid var(--line); }
  .question-map { grid-template-columns: 1fr; }
  .landing-offer { grid-template-columns: 1fr; }
  .catalog-mock { grid-template-columns: 80px 1fr; min-height: 330px; }
  .mock-products { grid-template-columns: 1fr; }
  .mock-products i:nth-child(n+4) { display: none; }
  .price-scale { grid-template-columns: 1fr; }
  .price-scale i { width: 1px; height: 22px; margin: 0 auto; }
  .price-hero__actions, .contact-methods { grid-template-columns: 1fr; flex-direction: column; }
  .ready-hero { min-height: 620px; }
  .ready-site-item .site-image img, .project-story__media img { min-height: 280px; }
  .project-story__content { padding: 26px; }
  .project-story__content h2 { font-size: 36px; }
  .privacy-nav ol { grid-template-columns: 1fr; }
  .privacy-content section { padding-left: 22px; }
  .cta-panel, .landing-final__panel { flex-direction: column; align-items: flex-start; padding: 28px 22px; }
  .site-footer-inner { display: grid !important; grid-template-columns: 1fr 1fr; }
}

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

/* === Mobile adaptation verification pass — 2026-07-26 === */
html,
body,
.site,
main {
  max-width: 100%;
}

/* Grid and flex descendants must be allowed to shrink on narrow screens. */
.container > *,
.row > *,
.site-header-inner > *,
.site-footer-inner > *,
[class$="__grid"] > *,
[class*="__grid "] > * {
  min-width: 0;
}

.table-scroll {
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--line-strong) transparent;
}

.table-scroll::-webkit-scrollbar {
  height: 8px;
}

.table-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--line-strong);
}

@media (max-width: 768px) {
  .main-navigation.active {
    max-height: calc(100dvh - 68px);
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  .mob-hamburger {
    width: 44px !important;
    height: 44px !important;
    touch-action: manipulation;
  }

  .mob-hamburger span {
    transform-origin: center;
  }

  .mob-hamburger.is-active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }

  .mob-hamburger.is-active span:nth-child(2) {
    opacity: 0;
  }

  .mob-hamburger.is-active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }

  .main-navigation a,
  .site-footer ul li a {
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
  }

  .main-navigation a {
    width: 100%;
  }

  .breadcrumbs a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
  }

  .consent input {
    width: 20px;
    height: 20px;
  }

  .landing-hero__backdrop {
    display: none;
  }

  .project-story__content > a,
  .direction-card > a,
  .ready-site-item a:not(.btn),
  .section-action a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}

@media (max-width: 520px) {
  .container {
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
  }

  /* The previous two-column override widened 320–375 px pages beyond the viewport. */
  .site-footer-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  .site-footer .col,
  .site-footer .site-branding,
  .site-footer ul,
  .site-footer li {
    min-width: 0;
    max-width: 100%;
  }

  .site-footer ul li a {
    justify-content: center;
    padding: 6px 0;
  }

  .footer-pfone {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .privacy-hero {
    padding: 64px 0 56px;
  }

  .privacy-hero h1 {
    font-size: clamp(34px, 11.2vw, 44px) !important;
    line-height: .95;
  }

  .privacy-hero h1 .orange {
    overflow-wrap: anywhere;
  }

  .privacy-content h2,
  .project-story__content h2,
  .catalog-anatomy__content h2,
  .integration-copy h2,
  .store-risk h2,
  .store-final h2,
  .cta-panel h2,
  .landing-final__panel h2 {
    overflow-wrap: anywhere;
  }

  .catalog-mock {
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 16px;
  }

  .mock-products {
    min-width: 0;
    padding-left: 12px;
  }

  .cta-panel,
  .landing-final__panel,
  .front-form,
  .project-story__content {
    max-width: 100%;
  }

  .scroll-top {
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    width: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 360px) {
  .services-hero h1,
  .landing-hero h1,
  .corporate-hero h1,
  .commerce-hero h1,
  .price-hero h1,
  .ready-hero h1,
  .support-hero h1,
  .portfolio-hero h1,
  .contact-hero h1 {
    font-size: clamp(36px, 11.5vw, 44px) !important;
  }

  .front-form,
  .cta-panel,
  .landing-final__panel,
  .project-story__content {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* === Targeted mobile layout fixes: process cards, privacy text and narrow grids === */
.process-track > *,
.editorial-content > *,
.ready-site-item > *,
.project-story > *,
.included-grid > *,
.privacy-grid > * {
  min-width: 0;
}

.process-track .howbox {
  counter-increment: process;
}

.process-track .howbox::before {
  content: counter(process, decimal-leading-zero);
}

.howbox_name,
.howbox_text,
.editorial-content h3,
.editorial-content p,
.privacy-content h2,
.privacy-content p,
.ready-site-item h3,
.project-story__content h2,
.included-card h2,
.excluded-card h2 {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

@media (max-width: 900px) {
  .process-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .editorial-content {
    min-width: 0;
  }

  .editorial-content > article {
    width: 100%;
    min-width: 0;
  }

  .ready-site-item,
  .project-story {
    min-width: 0;
  }

  .ready-site-item > *,
  .project-story > * {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .process-track {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .process-track .howbox {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 24px 22px;
  }

  .process-track .howbox:hover {
    transform: none !important;
  }

  .process-track .howbox::before {
    top: 14px;
    right: 16px;
    font-size: 56px;
  }

  .process-track .howbox_name {
    position: relative;
    z-index: 1;
    display: block;
    max-width: calc(100% - 62px);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.12;
  }

  .process-track .howbox_text {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.7;
  }

  .editorial-content > article {
    padding-left: 24px;
  }

  .ready-site-item .site-image,
  .ready-site-item .site-details,
  .project-story__media,
  .project-story__content {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .ready-site-item .site-details {
    padding: 22px !important;
  }

  .ready-site-item .site-title,
  .project-story__content h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .included-card,
  .excluded-card {
    min-width: 0;
    padding: 26px 22px;
    overflow: hidden;
  }

  .included-card h2,
  .excluded-card h2 {
    max-width: 100%;
    font-size: clamp(31px, 10.5vw, 40px);
    overflow-wrap: anywhere;
  }
}

@media (max-width: 520px) {
  .home-process .section-title h2 {
    font-size: clamp(34px, 10.8vw, 44px) !important;
    line-height: 1;
  }

  .home-process .section-title p {
    font-size: 15px;
    line-height: 1.65;
  }

  .editorial-content > article {
    padding-left: 20px;
  }

  .privacy-grid,
  .privacy-content,
  .privacy-content section {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .privacy-hero h1 {
    font-size: clamp(31px, 10.2vw, 41px) !important;
    line-height: .98;
    letter-spacing: -.04em;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
  }

  .privacy-hero h1 .orange {
    overflow-wrap: break-word;
    word-break: normal;
  }

  .privacy-content section {
    padding-left: 18px;
  }

  .privacy-content h2 {
    max-width: 100%;
    font-size: clamp(30px, 9.5vw, 36px);
    line-height: 1.04;
    overflow-wrap: anywhere;
  }

  .privacy-content p,
  .privacy-nav a,
  .privacy-contact a {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .project-story__content {
    padding: 22px 18px !important;
  }

  .project-story__content h2 {
    font-size: clamp(31px, 10vw, 36px);
    line-height: 1.03;
  }
}

/* === Verified mobile hotfix v2: process, privacy, narrow headings === */
@media (max-width: 767px) {
  .home-process .process-track {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    margin: 0 !important;
  }

  .home-process .process-track .howbox {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 24px 22px !important;
    box-sizing: border-box !important;
    transform: none !important;
    overflow: hidden !important;
  }

  .home-process .process-track .howbox:hover {
    transform: none !important;
  }

  .home-process .process-track .howbox::before {
    content: attr(data-number) !important;
    top: 14px !important;
    right: 16px !important;
    font-size: 56px !important;
    line-height: 1 !important;
    pointer-events: none;
  }

  .home-process .process-track .howbox_name {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 64px) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 25px !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .home-process .process-track .howbox_text {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .privacy-hero,
  .privacy-grid,
  .privacy-content,
  .privacy-content section,
  .privacy-nav,
  .privacy-contact {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .privacy-hero h1,
  .privacy-content h2,
  .privacy-content h3,
  .privacy-content p,
  .privacy-content li,
  .privacy-nav a,
  .privacy-contact a {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto;
  }

  .direction-card,
  .direction-card > *,
  .portfolio-grid,
  .portfolio-grid > *,
  .portfolio-grid__content,
  .price_box,
  .price_box > *,
  .cta-panel,
  .cta-panel > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .direction-card h3,
  .portfolio-grid__title,
  .price_box h3,
  .cta-panel h2 {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto;
  }
}

@media (max-width: 340px) {
  .home-process .process-track .howbox {
    padding: 22px 18px !important;
  }

  .home-process .process-track .howbox::before {
    right: 12px !important;
    font-size: 48px !important;
  }

  .home-process .process-track .howbox_name {
    max-width: calc(100% - 54px) !important;
    font-size: 23px !important;
  }

  .home-process .process-track .howbox_text {
    font-size: 14.5px !important;
  }
}

@media (max-width: 520px) {
  .portfolio-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  .front-form h2 {
    max-width: 100% !important;
    font-size: clamp(29px, 9.5vw, 36px) !important;
    line-height: 1.03 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .tariff-card__head {
    min-width: 0 !important;
    padding: 24px 22px !important;
  }

  .tariff-card h3 {
    max-width: 100% !important;
    font-size: clamp(29px, 9.3vw, 35px) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}


/* SEO semantic-heading visual preservation */
.front-form .form-title { position: relative; z-index: 1; margin: 0 0 12px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: -.04em; }
.cta-panel .cta-title, .landing-final .cta-title, .corporate-final .cta-title, .store-final .cta-title, .support-request .cta-title, .ready-request .cta-title, .diagnostic-section .cta-title { margin: 0 0 12px; color: var(--paper); font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(34px, 4vw, 56px); font-weight: 700; line-height: 1; letter-spacing: -.045em; }
.seo-context, .faq-context { color: var(--paper-soft); }
.faq-intro .faq-context { margin-top: 12px; }
.commerce-price .section-title { margin-bottom: 0 !important; }