/* Inner pages: legacy content blocks in the new visual language */
.page-hero{padding-bottom:20px}
.page-hero h1{font-size:clamp(42px,5.6vw,96px);margin-top:28px;max-width:1100px}
.page-hero .hero-visual{height:min(460px,52vh)}
.crumb{font:500 13px 'JetBrains Mono',monospace;color:var(--muted);transition:color .2s}
.crumb:hover{color:var(--ink)}
.lead{font-size:19px;color:var(--muted);max-width:620px}
.large-copy{font:500 24px/1.4 Rubik,sans-serif;letter-spacing:-.02em}
section>.wrap>p,.split p{color:var(--muted)}
p+p{margin-top:16px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.info-card,.service-card{background:#fff;border-radius:30px;padding:32px;display:flex;flex-direction:column;min-height:300px;transition:transform .4s cubic-bezier(.3,1.4,.5,1)}
.info-card:hover,.service-card:hover{transform:translateY(-6px)}
.info-card h3,.service-card h3{font:600 24px/1.1 Rubik;letter-spacing:-.03em;margin-top:auto}
.info-card p,.service-card p{color:var(--muted);margin-top:12px}
.card-bug{width:64px;height:64px;color:var(--ink);margin-bottom:40px;transition:transform .5s cubic-bezier(.3,1.8,.5,1)}
.info-card:hover .card-bug{transform:rotate(-14deg) scale(1.1)}
.service-card:nth-child(1){background:var(--acid)}.service-card:nth-child(3){background:var(--ink);color:var(--paper)}
.service-card:nth-child(3) p,.service-card:nth-child(3) .small{color:rgba(244,242,237,.65)}
.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:40px}
.icon-box svg{width:72px;height:72px;color:currentColor}
.small{font-size:13px;opacity:.7}
.service-card .small+h3{margin-top:6px}
.card-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(27,30,28,.14);display:flex;justify-content:space-between;align-items:center;font-weight:700}
.service-card:nth-child(3) .card-bottom{border-color:rgba(244,242,237,.18)}
.card-bottom svg,.problem-grid>a>svg,.comparison svg{width:20px;height:20px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.split h2{font-size:clamp(36px,4.4vw,68px)}
.split .btn{margin-top:30px}
.editorial-rows article{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;padding:26px 0;border-top:1px solid var(--line)}
.editorial-rows article:last-child{border-bottom:1px solid var(--line)}
.editorial-rows h3{font:600 22px/1.15 Rubik;letter-spacing:-.03em}
.editorial-rows p{color:var(--muted)}

.dark{background:var(--ink);color:var(--paper)}
.dark p{color:rgba(244,242,237,.65)}
.dark .editorial-rows article{border-color:rgba(244,242,237,.15)}
.preparation{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.preparation>div{background:rgba(244,242,237,.06);border-radius:24px;padding:24px}
.preparation svg{width:28px;height:28px;color:var(--acid);margin-bottom:24px}
.preparation p{margin:0}

.steps>.step:nth-child(even){transform:translateY(40px)}
section:not(.process) .step{background:#fff}

.problem-grid{display:grid;gap:12px}
.problem-grid>a{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:#fff;border-radius:28px;padding:22px 28px;transition:background .25s}
.problem-grid>a:hover{background:var(--acid)}
.problem-grid .icon-box svg{width:56px;height:56px}
.problem-grid h3{font:600 22px Rubik;letter-spacing:-.03em}.problem-grid p{color:var(--muted);margin-top:4px}

.comparison{border-radius:30px;overflow:hidden;background:#fff}
.comparison-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:24px;padding:24px 30px;border-top:1px solid var(--line);align-items:center;transition:background .2s}
.comparison-row span:last-child{display:flex;justify-content:space-between;gap:12px;align-items:center}
.comparison-row strong{font:600 22px Rubik;letter-spacing:-.03em}
a.comparison-row:hover{background:var(--acid)}
.table-head{border-top:0;font:500 12px 'JetBrains Mono';color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.contact-grid .form-card{background:#fff}
.contact-data{display:grid;gap:12px}
.contact-data>a:not(.btn),.contact-data>div{display:flex;gap:18px;align-items:center;background:#fff;border-radius:24px;padding:20px 24px;font:600 20px Rubik;letter-spacing:-.02em}
.contact-data svg{width:26px;height:26px;color:var(--hot)}
.contact-data small{display:block;font:500 12px 'JetBrains Mono';color:var(--muted);letter-spacing:.06em;margin-bottom:4px}
.contact-phone{display:inline-block;margin-top:24px;font:600 30px Rubik;letter-spacing:-.03em;border-bottom:3px solid var(--acid)}

.review-block{background:var(--clay);border-radius:48px;padding:80px 40px;text-align:center}
.review-block blockquote{margin:0 auto;max-width:1000px;font:500 clamp(24px,3vw,44px)/1.2 Rubik;letter-spacing:-.03em}
.review-block .q{font:500 160px/.5 Rubik;color:var(--hot);opacity:.6;display:block;height:70px}
.review-block strong{display:block;margin-top:28px}

.faq{max-width:1000px}
.cta .cta-grid{display:flex;justify-content:space-between;align-items:end;gap:40px}
.cta h2{font-size:clamp(40px,6vw,96px)}
.cta p{margin-top:20px;font-size:19px;font-weight:600}

@media(max-width:900px){.cards,.split,.contact-grid,.preparation{grid-template-columns:1fr}.split{gap:36px}
.editorial-rows article{grid-template-columns:1fr;gap:8px}.steps>.step:nth-child(even){transform:none}
.comparison-row{grid-template-columns:1fr;gap:6px}.table-head{display:none}
.problem-grid>a{grid-template-columns:auto 1fr;gap:18px}.problem-grid>a>svg{display:none}
.cta .cta-grid{flex-direction:column;align-items:start}.review-block{padding:50px 24px;border-radius:32px}}

/* fixes after full review */
.contact-grid .form-card{background:var(--paper)}
section:not(.contact) .form-card{background:#fff}
section:not(.contact) .form-card input:not([type=checkbox]):not([type=radio]),section:not(.contact) .form-card select,section:not(.contact) .form-card textarea{background:var(--paper)}
.form-card h2,.form-card h3{font:600 30px/1.1 Rubik;letter-spacing:-.03em}
.form-card>p{color:var(--muted);margin-top:8px}
.contact .large-copy{color:var(--paper)}
.contact .preparation{margin-top:30px}
.contact-data>a:not(.btn),.contact-data>div{display:flex}
.contact-data>a.btn{justify-self:start;margin-top:12px;background:#25D366;border-color:#25D366;color:#fff}
.contact-data>p{color:var(--muted);margin:8px 0 0}
.problem-grid>a>svg:first-child{width:28px;height:28px;color:var(--hot)}
.process .step{background:var(--paper)}
.wrap:has(>.faq){display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.wrap:has(>.faq)>.sec-head{margin:0;position:sticky;top:110px}
.wrap:has(>.faq)>.sec-head h2{font-size:clamp(36px,4.4vw,68px)}
.wrap:has(>.faq) .faq{max-width:none}
@media(max-width:900px){.wrap:has(>.faq){grid-template-columns:1fr;gap:30px}.wrap:has(>.faq)>.sec-head{position:static}}
:is(.specimens,.contact,.cta,.process,.review,.dark)+:is(.specimens,.contact,.cta,.process,.review,.dark){margin-top:20px}
.split h2+p{margin-top:22px}
@media(max-width:900px){.step{min-height:0;gap:28px}}
@media(max-width:560px){.sec-head h2,.split h2,.wrap:has(>.faq)>.sec-head h2{font-size:34px}}