/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#111214;color:#d4d4d8;line-height:1.7;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:#38bdf8;text-decoration:none;transition:color .2s}
a:hover{color:#7dd3fc}
ul,ol{list-style:none}

/* ===== SKIP LINK ===== */
.skip-link{position:absolute;top:-100%;left:16px;background:#0ea5e9;color:#fff;padding:8px 16px;z-index:9999;border-radius:0 0 6px 6px;font-weight:600;transition:top .2s}
.skip-link:focus{top:0}

/* ===== LAYOUT ===== */
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
main{flex:1}

/* ===== HEADER ===== */
.site-header{background:#18181b;border-bottom:1px solid #27272a;position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.logo{font-size:1.25rem;font-weight:700;color:#f4f4f5;white-space:nowrap}
.logo span{color:#22d3ee}

/* NAV */
.main-nav ul{display:flex;gap:6px;flex-wrap:wrap}
.main-nav a{padding:6px 12px;border-radius:6px;font-size:.9rem;color:#a1a1aa;transition:background .2s,color .2s}
.main-nav a:hover,.main-nav a[aria-current="page"]{background:#27272a;color:#f4f4f5}

/* HAMBURGER */
.nav-toggle{display:none;background:none;border:none;color:#d4d4d8;cursor:pointer;padding:6px;position:relative;width:40px;height:40px}
.nav-toggle svg{width:28px;height:28px}
.nav-toggle .icon-menu,.nav-toggle .icon-close{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .25s,transform .25s}
.nav-toggle .icon-close{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}
.nav-toggle[aria-expanded="true"] .icon-menu{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.nav-toggle[aria-expanded="true"] .icon-close{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}

@media(max-width:860px){
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#18181b;border-bottom:1px solid #27272a;padding:12px 20px}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;gap:4px}
  .main-nav a{display:block;padding:10px 12px}
}

/* ===== HERO ===== */
.hero{padding:72px 0 56px;text-align:center;background:linear-gradient(180deg,#18181b 0%,#111214 100%);border-bottom:1px solid #27272a}
.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);color:#f4f4f5;margin-bottom:16px;line-height:1.2}
.hero h1 span{color:#22d3ee}
.hero p{max-width:640px;margin:0 auto 28px;font-size:1.05rem;color:#a1a1aa}
.hero-cta,.hero-ctas{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .2s,transform .15s,border-color .2s;cursor:pointer;border:none;text-align:center;background:#0ea5e9;color:#fff}
.btn:hover{background:#0284c7;color:#fff;transform:translateY(-1px)}
.btn-primary{background:#0ea5e9;color:#fff}
.btn-primary:hover{background:#0284c7;color:#fff;transform:translateY(-1px)}
.btn-outline{background:transparent;border:1.5px solid #3f3f46;color:#d4d4d8}
.btn-outline:hover{border-color:#0ea5e9;color:#0ea5e9}

/* ===== SECTION ===== */
.section{padding:64px 0}
.section--alt{background:#18181b}
.section-title{font-size:clamp(1.4rem,3vw,2rem);color:#f4f4f5;margin-bottom:12px}
.section-subtitle{color:#a1a1aa;max-width:600px;margin-bottom:40px}
.text-center{text-align:center}
.section-subtitle.text-center{margin-left:auto;margin-right:auto}

/* Section body text (bare p/ul inside container) */
.section>.container>p{font-size:.92rem;color:#a1a1aa;margin-bottom:14px;max-width:840px;line-height:1.75}

/* Styled list (diagnostik, etc.) */
.styled-list{display:flex;flex-direction:column;gap:14px;margin-top:20px;max-width:840px}
.styled-list li{background:#1e1e22;border:1px solid #27272a;border-radius:10px;padding:18px 22px;font-size:.9rem;color:#a1a1aa;line-height:1.7;border-left:3px solid #22d3ee;transition:border-color .2s}
.styled-list li:hover{border-color:#22d3ee}
.styled-list li strong{color:#f4f4f5;display:block;margin-bottom:4px}

/* ===== CTA SECTION ===== */
.section--cta{text-align:center;background:linear-gradient(135deg,#0c1a2e 0%,#111214 50%,#0c2024 100%);border-top:1px solid #1e3a5f;border-bottom:1px solid #1e3a5f;padding:64px 0}
.cta-text{font-size:clamp(1.5rem,3.5vw,2.1rem);color:#f4f4f5;font-weight:700;margin-bottom:28px;letter-spacing:-.02em;line-height:1.3;max-width:700px;margin-left:auto;margin-right:auto}
.section--cta .btn{padding:16px 40px;font-size:1.05rem;letter-spacing:.01em}
.section--cta .hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ===== SERVICE FLOW TIMELINE ===== */
.timeline{display:flex;gap:0;justify-content:center;flex-wrap:wrap;margin:40px 0 0;position:relative}
.timeline-step{flex:1 1 180px;max-width:220px;text-align:center;padding:24px 16px;position:relative}
.timeline-step::after{content:'';position:absolute;top:42px;right:-16px;width:32px;height:2px;background:#3f3f46}
.timeline-step:last-child::after{display:none}
.step-number{width:48px;height:48px;border-radius:50%;background:#27272a;border:2px solid #22d3ee;color:#22d3ee;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin:0 auto 12px;transition:background .3s,color .3s}
.timeline-step:hover .step-number{background:#22d3ee;color:#18181b}
.timeline-step h3{font-size:.95rem;color:#f4f4f5;margin-bottom:6px}
.timeline-step p{font-size:.82rem;color:#a1a1aa}

@media(max-width:680px){
  .timeline{flex-direction:column;align-items:center}
  .timeline-step::after{display:none}
  .timeline-step{max-width:100%}
}

/* ===== CARDS GRID ===== */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.card{background:#1e1e22;border:1px solid #27272a;border-radius:12px;padding:28px 24px;transition:border-color .25s,transform .2s}
.card:hover{border-color:#22d3ee;transform:translateY(-3px)}
.card h3{color:#f4f4f5;font-size:1.1rem;margin-bottom:10px}
.card p{font-size:.9rem;color:#a1a1aa}

/* CARD ICON (inline SVG placeholder) */
.card-icon{width:48px;height:48px;margin-bottom:16px;background:#27272a;border-radius:10px;display:flex;align-items:center;justify-content:center}
.card-icon svg{width:24px;height:24px;stroke:#22d3ee;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ===== PRICE CARDS ===== */
.price-card{background:#1e1e22;border:1px solid #27272a;border-radius:12px;padding:28px 24px;display:flex;flex-direction:column}
.price-card h3{color:#f4f4f5;font-size:1.05rem;margin-bottom:8px}
.price-range{font-size:1.5rem;font-weight:700;color:#22d3ee;margin:8px 0 4px}
.price-note{font-size:.78rem;color:#71717a;margin-bottom:12px;font-style:italic}
.price-card p{font-size:.88rem;color:#a1a1aa;flex:1}
.price-disclaimer{margin-top:32px;padding:16px 20px;background:#27272a;border-radius:8px;font-size:.85rem;color:#a1a1aa;border-left:3px solid #22d3ee}

/* ===== PRICE ESTIMATOR ===== */
.estimator{background:#1e1e22;border:1px solid #27272a;border-radius:12px;padding:32px;margin-top:40px}
.estimator h3{color:#f4f4f5;margin-bottom:20px;font-size:1.15rem}
.estimator-form{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}
.estimator-form select{background:#27272a;border:1px solid #3f3f46;color:#f4f4f5;padding:12px 14px;border-radius:8px;font-size:.9rem;transition:border-color .2s;flex:1 1 200px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;font-family:inherit}
.estimator-form select:focus{outline:none;border-color:#22d3ee}
.estimator-form select:hover{border-color:#52525b}
.estimator-form select option{background:#27272a;color:#f4f4f5}
.form-group{display:flex;flex-direction:column;gap:5px}
.estimator-form .form-group{flex:1 1 200px}
.form-group label{font-size:.85rem;color:#a1a1aa}
.form-group select,.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="tel"],.form-group textarea{background:#27272a;border:1px solid #3f3f46;color:#f4f4f5;padding:10px 14px;border-radius:8px;font-size:.9rem;transition:border-color .2s;font-family:inherit}
.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#22d3ee}
.estimator-result{margin-top:20px;padding:16px 20px;background:#27272a;border-radius:8px;display:none}
.estimator-result.visible{display:block}
.estimator-result .range{font-size:1.3rem;font-weight:700;color:#22d3ee}

/* ===== FAQ ACCORDION ===== */
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-item{background:#1e1e22;border:1px solid #27272a;border-radius:10px;overflow:hidden}
.faq-btn{width:100%;background:none;border:none;padding:18px 24px;text-align:left;color:#f4f4f5;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}
.faq-btn:hover{background:#27272a}
.faq-btn[aria-expanded="true"]{background:#27272a}
.faq-chevron{width:20px;height:20px;stroke:#a1a1aa;fill:none;stroke-width:2;transition:transform .3s}
.faq-btn[aria-expanded="true"] .faq-chevron{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-answer-inner{padding:0 24px 20px;font-size:.9rem;color:#a1a1aa;line-height:1.7}

/* ===== CONTACT PAGE ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media(max-width:740px){.contact-grid{grid-template-columns:1fr}}

/* CONTACT INFO CARDS */
.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:520px){.contact-info{grid-template-columns:1fr}}
.contact-item{background:#1e1e22;border:1px solid #27272a;border-radius:12px;padding:20px;display:flex;gap:14px;align-items:flex-start;transition:border-color .25s}
.contact-item:hover{border-color:#22d3ee}
.contact-item svg{width:24px;height:24px;stroke:#22d3ee;fill:none;stroke-width:2;flex-shrink:0;margin-top:2px}
.contact-item p{font-size:.88rem;color:#a1a1aa;word-break:break-word}
.contact-item strong{color:#f4f4f5;display:block;margin-bottom:4px;font-size:.9rem}

/* CONTACT FORM CARD */
.contact-form{display:flex;flex-direction:column;gap:0;background:#1e1e22;border:1px solid #27272a;border-radius:12px;padding:28px}
.contact-form .form-group{margin-bottom:14px}
.contact-form .form-group:last-of-type{margin-bottom:10px}
.contact-form textarea{min-height:110px;resize:vertical}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{background:#27272a;border:1px solid #3f3f46;color:#f4f4f5;padding:10px 14px;border-radius:8px;font-size:.9rem;transition:border-color .2s;font-family:inherit;width:100%}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#22d3ee}
.contact-form .form-group label{font-size:.84rem;color:#a1a1aa;margin-bottom:5px;display:block}
.consent-label{display:flex;gap:10px;font-size:.82rem;color:#a1a1aa;align-items:flex-start;cursor:pointer;margin-bottom:16px}
.consent-label input[type="checkbox"]{margin-top:3px;accent-color:#22d3ee;width:16px;height:16px;flex-shrink:0}
.form-message{padding:12px 16px;border-radius:8px;font-size:.9rem;display:none;margin-top:12px}
.form-message.success{display:block;background:#064e3b;color:#6ee7b7;border:1px solid #065f46}
.form-message.error{display:block;background:#450a0a;color:#fca5a5;border:1px solid #7f1d1d}
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden;tab-index:-1}
.contact-form-wrapper{max-width:680px;margin:0 auto}
.contact-form-wrapper .contact-form{margin-top:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-row .form-group{margin-bottom:0}
@media(max-width:520px){.form-row{grid-template-columns:1fr}}
@media(max-width:520px){.contact-form{padding:20px}}

/* ===== RANDEVU SECTION ===== */
.randevu-box{background:#1e1e22;border:1px solid #27272a;border-radius:12px;padding:32px;margin-top:32px}
.randevu-box h3{color:#f4f4f5;margin-bottom:12px}
.randevu-box ol{counter-reset:randevu;display:flex;flex-direction:column;gap:12px;margin-top:16px}
.randevu-box li{counter-increment:randevu;padding-left:36px;position:relative;font-size:.9rem;color:#a1a1aa}
.randevu-box li::before{content:counter(randevu);position:absolute;left:0;top:-1px;width:24px;height:24px;background:#27272a;border:1.5px solid #22d3ee;color:#22d3ee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}

/* ===== IMAGE PLACEHOLDER ===== */
.img-placeholder{background:#27272a;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:200px;color:#52525b;font-size:.85rem}
.img-placeholder svg{width:48px;height:48px;stroke:#3f3f46;fill:none;stroke-width:1.5}

/* ===== PAGE HEADER ===== */
.page-header{padding:48px 0 32px;border-bottom:1px solid #27272a;background:#18181b}
.page-header h1{font-size:clamp(1.5rem,3vw,2.2rem);color:#f4f4f5;margin-bottom:8px}
.page-header p{color:#a1a1aa;max-width:600px}
.breadcrumb{display:flex;gap:8px;font-size:.82rem;color:#71717a;margin-bottom:16px;flex-wrap:wrap}
.breadcrumb a{color:#71717a}
.breadcrumb a:hover{color:#22d3ee}
.breadcrumb span{color:#52525b}

/* ===== ABOUT PAGE ===== */
.about-values{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:32px}
.value-item{padding:24px;background:#1e1e22;border:1px solid #27272a;border-radius:10px}
.value-item h3{color:#f4f4f5;font-size:1rem;margin-bottom:8px}
.value-item p{font-size:.88rem;color:#a1a1aa}

/* ===== LEGAL / PROSE ===== */
.prose{max-width:780px}
.prose h2{color:#f4f4f5;font-size:1.2rem;margin:32px 0 12px}
.prose h3{color:#f4f4f5;font-size:1.05rem;margin:24px 0 8px}
.prose p{margin-bottom:14px;font-size:.9rem}
.prose ul{margin:8px 0 16px 20px;display:flex;flex-direction:column;gap:6px}
.prose ul li{list-style:disc;font-size:.9rem;color:#a1a1aa}
.prose a{color:#38bdf8}

/* ===== SITEMAP PAGE ===== */
.sitemap-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px}
.sitemap-group h3{color:#f4f4f5;font-size:1rem;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #27272a}
.sitemap-group ul{display:flex;flex-direction:column;gap:8px}
.sitemap-group a{font-size:.9rem;color:#a1a1aa;transition:color .2s}
.sitemap-group a:hover{color:#22d3ee}

/* ===== 404 PAGE ===== */
.error-page{text-align:center;padding:100px 20px}
.error-page h1{font-size:5rem;color:#22d3ee;margin-bottom:12px}
.error-page h2{color:#f4f4f5;font-size:1.5rem;margin-bottom:16px}
.error-page p{color:#a1a1aa;margin-bottom:32px}

/* ===== FOOTER ===== */
.site-footer{background:#18181b;border-top:1px solid #27272a;padding:48px 0 24px;margin-top:auto}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:32px;margin-bottom:32px}
.footer-col h4{color:#f4f4f5;font-size:.9rem;margin-bottom:14px}
.footer-col p,.footer-col a{font-size:.85rem;color:#a1a1aa;display:block}
.footer-col a{margin-bottom:8px;transition:color .2s}
.footer-col a:hover{color:#22d3ee}
.footer-bottom{border-top:1px solid #27272a;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#71717a}

/* ===== COOKIE BANNER ===== */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1e1e22;border-top:1px solid #27272a;padding:20px;z-index:200;display:none;box-shadow:0 -4px 24px rgba(0,0,0,.4)}
.cookie-banner.visible{display:block}
.cookie-inner{max-width:1180px;margin:0 auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cookie-text{flex:1;min-width:260px;font-size:.88rem;color:#a1a1aa}
.cookie-text a{color:#38bdf8}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{padding:8px 20px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:background .2s}
.cookie-accept{background:#0ea5e9;color:#fff}
.cookie-accept:hover{background:#0284c7}
.cookie-reject{background:#3f3f46;color:#d4d4d8}
.cookie-reject:hover{background:#52525b}
.cookie-settings-btn{background:transparent;border:1px solid #3f3f46;color:#d4d4d8}
.cookie-settings-btn:hover{border-color:#0ea5e9;color:#0ea5e9}

/* COOKIE SETTINGS PANEL */
.cookie-settings-panel{display:none;margin-top:16px;padding:16px 20px;background:#27272a;border-radius:8px}
.cookie-settings-panel.visible{display:block}
.cookie-setting{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #3f3f46}
.cookie-setting:last-child{border-bottom:none}
.cookie-setting-info h4{font-size:.88rem;color:#f4f4f5;margin-bottom:2px}
.cookie-setting-info p{font-size:.78rem;color:#71717a}

/* TOGGLE SWITCH */
.toggle{position:relative;width:44px;height:24px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0;position:absolute}
.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#3f3f46;border-radius:12px;cursor:pointer;transition:background .2s}
.toggle-slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#a1a1aa;border-radius:50%;transition:transform .2s,background .2s}
.toggle input:checked+.toggle-slider{background:#0ea5e9}
.toggle input:checked+.toggle-slider::before{transform:translateX(20px);background:#fff}
.toggle input:disabled+.toggle-slider{opacity:.6;cursor:default}
.cookie-save{margin-top:12px}

/* ===== HIGHLIGHT / NEON MARKER ACCENTS ===== */
.neon-line{height:2px;background:linear-gradient(90deg,transparent,#22d3ee,transparent);margin:48px auto;max-width:400px;border:none}
.neon-dot{width:8px;height:8px;background:#22d3ee;border-radius:50%;display:inline-block;margin-right:10px;flex-shrink:0}

/* ===== DIAGNOSTIC PAGE ===== */
.diag-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:32px}
.diag-step{padding:24px;background:#1e1e22;border:1px solid #27272a;border-radius:10px;border-top:3px solid #22d3ee}
.diag-step h3{color:#f4f4f5;margin-bottom:8px;font-size:1rem}
.diag-step p{font-size:.88rem;color:#a1a1aa}

/* ===== TABLE STYLE ===== */
.info-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid #27272a}
.info-table{width:100%;border-collapse:collapse;min-width:540px}
.info-table th,.info-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #27272a;font-size:.88rem;white-space:normal}
.info-table th{color:#f4f4f5;font-weight:600;background:#1e1e22;position:sticky;top:0}
.info-table td{color:#a1a1aa}
.info-table tbody tr:hover{background:#1a1a1e}

/* ===== ANIMATIONS ===== */
@media(prefers-reduced-motion:no-preference){
  .card,.price-card,.timeline-step,.diag-step,.value-item{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,border-color .25s}
  .card.in-view,.price-card.in-view,.timeline-step.in-view,.diag-step.in-view,.value-item.in-view{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}
}

/* ===== FOCUS STYLES ===== */
:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}
button:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}

/* ===== CONTENT WITH IMAGE ===== */
.content-with-image{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:32px 0}
.content-with-image.reverse{direction:rtl}
.content-with-image.reverse>*{direction:ltr}
.content-with-image img{width:100%;height:auto;border-radius:12px;border:1px solid #27272a;object-fit:cover;max-height:340px}
.content-with-image .text-block h2{color:#f4f4f5;font-size:1.2rem;margin-bottom:12px}
.content-with-image .text-block p{font-size:.9rem;color:#a1a1aa;margin-bottom:12px}
@media(max-width:740px){
  .content-with-image{grid-template-columns:1fr}
  .content-with-image.reverse{direction:ltr}
  .content-with-image img{max-height:240px}
}

/* ===== UTILITY ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.mt-sm{margin-top:16px}
.mt-md{margin-top:32px}
.mb-md{margin-bottom:32px}