/* Rennerlab: generous type, clear examples, no decorative microcopy.
   The previous art direction remains in lab-premium.css for reference. */
html[data-lab="true"] { --paper:#f2f1e8; --white:#faf9f3; --line:rgba(23,55,45,.17); }
html[data-lab="true"] .site-header { background:rgba(242,241,232,.96); }
html[data-lab="true"] .brand { font-size:27px; letter-spacing:-.065em; font-weight:800; }
html[data-lab="true"] .brand::after { content:'✳'; margin-left:8px; color:#608a29; font-size:23px; }
html[data-lab="true"] .site-header nav { font-size:16px; }
html[data-lab="true"] .copy-editor-toggle { min-height:40px; font-size:14px; font-weight:600; }
html[data-lab="true"] .button { min-height:56px; padding-inline:22px; font-size:16px; font-weight:600; box-shadow:3px 3px 0 #17372d20; }
html[data-lab="true"] .button-secondary { padding-inline:10px; border-color:transparent; background:transparent; box-shadow:none; }
html[data-lab="true"] .hero { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); min-height:820px; gap:40px; padding-top:calc(var(--header-h) + 75px); padding-bottom:85px; overflow:visible; }
html[data-lab="true"] .hero::before,html[data-lab="true"] .hero::after { display:none; }
html[data-lab="true"] .hero-copy { padding-bottom:0; }
html[data-lab="true"] .hero h1 { max-width:none; font-size:clamp(64px,5.9vw,96px); line-height:1; letter-spacing:-.065em; text-wrap:initial; }
html[data-lab="true"] .hero .renner-word { display:block; margin:0; padding:0; white-space:normal; color:#628d2c; background:none; -webkit-text-fill-color:currentColor; animation:none; letter-spacing:inherit; }
.lp-hero-subline { margin:32px 0 0; font-size:clamp(21px,1.75vw,27px); line-height:1.35; font-weight:500; letter-spacing:-.025em; }
.lp-hero-subline strong { font-weight:600; }
html[data-lab="true"] .hero .lead { max-width:530px; margin:22px 0 30px; font-size:20px; line-height:1.6; }
html[data-lab="true"] .hero-actions { gap:12px; }
.lp-hero-visual { position:relative; align-self:center; width:100%; aspect-ratio:.86; margin:0; isolation:isolate; }
.lp-hero-visual::before { position:absolute; z-index:-1; inset:12% -3% 0; content:''; background:#dfe6ce; border-radius:50% 50% 3px 3px; }
.lp-hero-portrait { position:absolute; inset:0 -3% 0; overflow:hidden; border-radius:0 0 3px 3px; }
.lp-hero-portrait img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.lp-pains { padding:105px 0 0; background:var(--white); }
.lp-section-intro { margin-bottom:50px; }
.lp-section-intro h2 { max-width:24ch; font-size:clamp(38px,4.2vw,66px); line-height:1.07; letter-spacing:-.055em; }
.lp-section-intro h2 > span { color:#718168; }
.lp-intro-copy { max-width:620px; margin:24px 0 0; color:var(--muted); font-size:20px; line-height:1.6; }
.lp-pain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
.lp-pain { display:flex; flex-direction:column; position:relative; min-width:0; padding:34px; background:#eeeee5; border-radius:4px; }
.lp-pain:nth-child(2),.lp-pain:nth-child(3) { background:#e8ecdf; }
.lp-pain-icon { display:grid; place-items:center; width:60px; height:60px; margin-bottom:24px; border:1px solid #17372d2b; border-radius:50%; }
.lp-pain-icon img { width:30px; height:30px; }
.lp-pain h3 { max-width:25ch; font-size:30px; font-weight:600; line-height:1.17; letter-spacing:-.035em; }
.lp-pain > p { max-width:42ch; margin:18px 0 28px; color:var(--muted); font-size:18px; line-height:1.6; }
.lp-pain-quote { margin-top:auto; padding-top:22px; border-top:1px solid var(--line); color:#536545; font-size:20px; line-height:1.45; }
.lp-pain-bottom { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:36px 0 50px; }
.lp-pain-bottom p { margin:0; font-size:22px; letter-spacing:-.025em; }
.lp-pain-bottom a { display:grid; place-items:center; flex:0 0 48px; height:48px; border:1px solid var(--line); border-radius:50%; font-size:26px; transition:background .2s; }
.lp-pain-bottom a:hover { background:var(--signal); }
html[data-lab="true"] .urgency-section { padding-block:85px; background:#172e25; }
html[data-lab="true"] .urgency-section::after { display:none; }
html[data-lab="true"] .urgency-quote { padding:0; border:0; }
html[data-lab="true"] .urgency-quote p { max-width:30ch; margin:0; font-size:clamp(32px,3.7vw,58px); line-height:1.15; text-align:left; }
.lp-use-cases { padding-block:110px; }
.lp-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.lp-case { display:flex; flex-direction:column; min-width:0; padding:34px; border:1px solid var(--line); background:var(--white); border-radius:5px; scroll-margin-top:100px; }
.lp-case-top { margin:0 0 22px; font-size:20px; line-height:1.4; color:#5b753e; font-weight:600; }
.lp-case h3 { max-width:20ch; font-size:40px; line-height:1.08; font-weight:600; letter-spacing:-.045em; }
.lp-case-copy { margin:22px 0 30px; color:var(--muted); font-size:18px; line-height:1.6; }
.lp-demo { position:relative; display:flex; flex-direction:column; justify-content:center; padding:58px 18px 22px; margin-bottom:30px; background:#e9ede0; border:1px solid #d8decf; border-radius:4px; font-family:'Rethink Sans',Arial,sans-serif; }
.lp-demo-play { display:none; position:absolute; top:9px; right:10px; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid #b3c2a3; border-radius:50%; background:transparent; font-size:26px; line-height:1; color:#44642e; cursor:pointer; }
.lp-demo-ready .lp-demo-play { display:flex; }
.lp-demo-play:hover { background:var(--signal); color:var(--ink); }
.lp-demo-play:disabled { opacity:.5; cursor:progress; }
.lp-demo-play:focus-visible,.lp-case-link:focus-visible { outline:3px solid #75a92c; outline-offset:5px; }
.lp-support-demo { background:white; border:1px solid #d5dfcc; }
.lp-ticket,.lp-agent-reply,.lp-knowledge-question,.lp-knowledge-answer { display:flex; align-items:flex-start; gap:12px; padding:22px 18px; }
.lp-avatar { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; background:#e7dfd3; color:#745d44; font-size:14px; font-weight:600; border-radius:7px; }
.lp-agent-icon { display:grid; place-items:center; flex:0 0 36px; height:36px; background:var(--signal); border-radius:7px; color:#17372d; font-size:31px; }
.lp-ticket b,.lp-agent-reply b,.lp-knowledge-question b,.lp-knowledge-answer b { font-size:16px; }
.lp-ticket p,.lp-agent-reply p,.lp-knowledge-question p,.lp-knowledge-answer p { margin:6px 0 0; font-size:18px; line-height:1.5; }
.lp-ticket > div,.lp-agent-reply > div,.lp-knowledge-question > div,.lp-knowledge-answer > div { min-width:0; }
.lp-agent-reply { background:#f0f5e5; border-top:1px solid #dbe4cc; }
.lp-case-receipts { background:#e6ebdc; }
.lp-demo-receipts { background:#f5f5ed; border-color:#d0d8c5; }
.lp-receipt-sources { display:flex; justify-content:space-between; gap:12px; }
.lp-receipt-sources span { flex:1; padding:12px 0; border:1px solid #d7dfcc; text-align:center; font-size:16px; background:white; }
.lp-receipt-lines { display:flex; height:26px; justify-content:space-around; }
.lp-receipt-lines i { width:1px; background:#b9c9a7; position:relative; }
.lp-receipt-core { display:flex; align-items:center; gap:14px; padding:20px; background:var(--forest); color:var(--white); }
.lp-receipt-core > span { flex-shrink:0; font-size:36px; color:var(--signal); }
.lp-receipt-core strong { font-size:20px; font-weight:500; line-height:1.35; }
.lp-receipt-core > b { margin-left:auto; color:var(--signal); font-size:22px; }
.lp-receipt-row { display:grid; grid-template-columns:26px 1fr auto; align-items:center; gap:12px; margin-top:12px; padding:16px 12px; background:white; border:1px solid #d6dece; }
.lp-file { color:#648546; font-size:22px; }
.lp-receipt-row b { font-size:16px; font-weight:500; }
.lp-tag { color:#546f3b; font-size:16px; }
.lp-case-knowledge { background:#17372d; color:#fbfaf4; border-color:#17372d; }
.lp-case-knowledge .lp-case-copy { color:#c9d2c5; }
.lp-case-knowledge .lp-case-top { color:var(--signal); }
.lp-demo-knowledge { background:#264437; border-color:#526b52; }
.lp-demo-knowledge .lp-demo-play { color:#d0e5b8; border-color:#72866a; }
.lp-demo-knowledge .lp-demo-play:hover { color:var(--ink); }
.lp-knowledge-demo { background:#fff; color:var(--ink); }
.lp-chat-bar { display:flex; align-items:center; gap:10px; padding:16px 18px; border-bottom:1px solid #e3e3de; font-size:16px; }
.lp-knowledge-answer { padding-top:4px; }
.lp-source { display:inline-flex; align-items:center; gap:7px; margin-top:14px; font-size:16px; color:#486340; }
.lp-source img { flex-shrink:0; }
.lp-case-meetings { background:#ecf0da; }
.lp-demo-meetings { background:#f9faee; border-color:#d5debd; }
.lp-meeting-source { display:flex; align-items:center; justify-content:center; gap:18px; padding:22px 16px; border:1px solid #d1dabb; background:white; }
.lp-wave { display:flex; align-items:center; gap:2px; height:36px; }
.lp-wave i { width:2px; height:var(--wave-height); background:#6e9647; }
.lp-meeting-source b { font-size:18px; }
.lp-meeting-source > span:last-child { color:#6c9145; font-size:22px; }
.lp-meeting-stem { display:flex; flex-direction:column; align-items:center; }
.lp-meeting-stem i { width:1px; height:16px; background:#9fb185; }
.lp-meeting-stem span { display:grid; place-items:center; width:42px; height:42px; font-size:36px; color:var(--forest); background:var(--signal); border-radius:50%; }
.lp-meeting-outputs { display:grid; gap:10px; }
.lp-meeting-outputs > div { display:flex; align-items:center; gap:14px; padding:15px 18px; border:1px solid #cad6b6; background:white; }
.lp-meeting-outputs b { font-size:18px; font-weight:500; }
.lp-meeting-outputs i { color:#63843c; font-size:20px; font-style:normal; }
.lp-meeting-followup { display:flex; align-items:center; gap:10px; margin-top:18px; color:#567739; }
.lp-meeting-followup p { margin:0; font-size:16px; line-height:1.5; }
.lp-case-outcome { margin-top:auto; padding:26px 0; border-top:1px solid var(--line); }
.lp-target-label { display:block; color:var(--muted); font-size:16px; }
.lp-metric { display:flex; align-items:baseline; gap:18px; margin-top:16px; }
.lp-metric strong { font-size:clamp(64px,5.5vw,84px); line-height:1; font-weight:600; letter-spacing:-.065em; white-space:nowrap; }
.lp-metric > span { max-width:16ch; font-size:20px; line-height:1.3; letter-spacing:-.02em; }
.lp-case-outcome p { max-width:42ch; margin:16px 0 0; color:var(--muted); font-size:18px; line-height:1.5; }
.lp-case-link { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:22px; border-top:1px solid var(--line); font-size:18px; font-weight:600; }
.lp-link-arrow { display:grid; place-items:center; flex:0 0 44px; height:44px; border:1px solid currentColor; border-radius:50%; font-size:24px; font-weight:400; transition:transform .25s,background .25s; }
.lp-case-link:hover .lp-link-arrow { transform:rotate(45deg); background:var(--signal); color:var(--forest); }
.lp-case-knowledge .lp-case-outcome,.lp-case-knowledge .lp-case-link { border-color:#53694e; }
.lp-case-knowledge .lp-target-label,.lp-case-knowledge .lp-case-outcome p { color:#c9d2c5; }
.lp-case-knowledge .lp-metric strong { color:var(--signal); }
.lp-target-note { max-width:760px; margin:34px auto 0; color:var(--muted); font-size:16px; line-height:1.6; text-align:center; }
/* Keep the established lower-page content readable at the same scale. */
html[data-lab="true"] .profile-section,html[data-lab="true"] .stack-section { padding-block:105px; }
html[data-lab="true"] .profile-section-head { margin-bottom:45px; }
html[data-lab="true"] .profile-section-head h2 { max-width:21ch; font-size:clamp(38px,4.2vw,64px); line-height:1.05; }
html[data-lab="true"] .profile-card { box-shadow:none; background:transparent; border:0; border-top:1px solid var(--line); padding:26px 0 0; }
html[data-lab="true"] .profile-intro { font-size:20px; line-height:1.6; }
html[data-lab="true"] .profile-card dl { margin-top:28px; }
html[data-lab="true"] .profile-card dl > div { grid-template-columns:150px 1fr; gap:18px; padding-block:17px; }
html[data-lab="true"] .profile-card dt { font-size:16px; text-transform:none; letter-spacing:0; }
html[data-lab="true"] .profile-card dd { font-size:18px; }
html[data-lab="true"] .profile-stats { margin-top:45px; }
html[data-lab="true"] .profile-stats strong { font-weight:600; }
html[data-lab="true"] .profile-stats span { font-size:18px; line-height:1.4; }
html[data-lab="true"] .cv-disclosure summary { font-size:18px; }
html[data-lab="true"] .cv-disclosure small,html[data-lab="true"] .cv-content time { font-size:16px; }
html[data-lab="true"] .cv-content p,html[data-lab="true"] .cv-copy { font-size:18px; }
html[data-lab="true"] .client-fit h3 { font-size:28px; }
html[data-lab="true"] .client-fit li { font-size:18px; }
html[data-lab="true"] .cta-copy p,html[data-lab="true"] .closing-copy > p { font-size:20px; line-height:1.6; }
html[data-lab="true"] .cta-section h2 { line-height:1.05; }
html[data-lab="true"] .tool-item { min-height:115px; gap:16px; }
html[data-lab="true"] .tool-item strong { font-size:20px; }
html[data-lab="true"] .tool-item span { font-size:16px; line-height:1.4; }
html[data-lab="true"] .technology-row { grid-template-columns:210px 1fr; }
html[data-lab="true"] .technology-row > strong { font-size:18px; text-transform:none; }
html[data-lab="true"] .technology-row span { font-size:16px; }
html[data-lab="true"] .stack-note { margin-left:0; font-size:18px; }
html[data-lab="true"] .process-section { padding-block:100px; background:#17372d; }
html[data-lab="true"] .principle { font-size:22px; font-weight:500; text-transform:none; line-height:1.6; }
html[data-lab="true"] .process-list li { box-shadow:none; grid-template-columns:32px 40px minmax(0,1fr); }
html[data-lab="true"] .process-list li > span { font-size:18px; }
html[data-lab="true"] .process-list h3 { font-size:24px; line-height:1.25; }
html[data-lab="true"] .process-list p { font-size:18px; color:#c9d2c5; line-height:1.6; }
html[data-lab="true"] #kontakt { padding-block:100px; background:#172e25; color:var(--white); }
html[data-lab="true"] #kontakt h2 { max-width:18ch; }
html[data-lab="true"] #kontakt .cta-copy p { color:#c9d2c5; }
html[data-lab="true"] #kontakt .button { color:var(--ink); }
html[data-lab="true"] .site-footer { font-size:16px; }
html[data-lab="true"].js [data-reveal] { filter:none; }
@keyframes lp-node { 0%,65%,100% { opacity:.5; transform:scale(.7); } 20%,45% { opacity:1; transform:scale(1); } }
@keyframes lp-wave { 0%,100% { transform:scaleY(.45); } 50% { transform:scaleY(1); } }
@keyframes lp-answer { from { transform:translateY(7px); opacity:.3; } to { transform:translateY(0); opacity:1; } }
@media (prefers-reduced-motion:no-preference) {
  .lp-case.ambient-active .lp-agent-reply,.lp-case.ambient-active .lp-knowledge-answer { animation:lp-answer .85s ease both; }
  .lp-case.ambient-active .lp-receipt-lines i::after { content:''; position:absolute; top:0; left:-2px; width:5px; height:5px; border-radius:50%; background:#6c8f46; animation:lp-node 3s ease-in-out infinite; }
  .lp-case.ambient-active .lp-receipt-lines i:nth-child(2)::after { animation-delay:.7s; }
  .lp-case.ambient-active .lp-receipt-lines i:nth-child(3)::after { animation-delay:1.4s; }
  .lp-case.ambient-active .lp-wave i { animation:lp-wave 1.8s ease-in-out var(--wave-delay) infinite; }
}
@media (max-width:1100px) {
  html[data-lab="true"] .hero { gap:28px; min-height:740px; }
  html[data-lab="true"] .hero h1 { font-size:clamp(56px,6.5vw,72px); }
  .lp-case { padding:26px; }
  .lp-case h3 { font-size:36px; }
  .lp-demo { padding-inline:12px; }
  .lp-receipt-row { grid-template-columns:22px 1fr; gap:8px; }
  .lp-tag { grid-column:2; }
  html[data-lab="true"] .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
  html[data-lab="true"] .hero { grid-template-columns:1.1fr 1fr; padding-top:120px; }
  html[data-lab="true"] .hero h1 { font-size:56px; }
  .lp-hero-subline { font-size:22px; }
  html[data-lab="true"] .hero .lead { font-size:18px; }
  .lp-pain { padding:26px; }
  .lp-pain h3 { font-size:28px; }
  .lp-case-grid { grid-template-columns:1fr; }
  .lp-case { padding:36px; }
  .lp-case h3 { max-width:24ch; font-size:42px; }
  .lp-demo { padding:58px 24px 24px; }
  .lp-receipt-row { grid-template-columns:26px 1fr auto; }
  .lp-tag { grid-column:auto; }
  html[data-lab="true"] .profile-card dl > div { grid-template-columns:1fr; gap:5px; }
}
@media (max-width:600px) {
  html[data-lab="true"] .hero { grid-template-columns:1fr; gap:36px; min-height:0; padding-top:110px; padding-bottom:55px; }
  html[data-lab="true"] .hero h1 { max-width:none; font-size:clamp(46px,12.1vw,66px); }
  html[data-lab="true"] .hero .renner-word { max-width:12ch; }
  .lp-hero-subline { margin-top:26px; font-size:22px; }
  html[data-lab="true"] .hero .lead { margin-block:20px 26px; font-size:18px; }
  html[data-lab="true"] .hero-actions { gap:8px; }
  html[data-lab="true"] .button { min-height:54px; padding-inline:18px; gap:20px; }
  html[data-lab="true"] .hero-actions .button { width:100%; }
  html[data-lab="true"] .button-secondary { padding-inline:0; }
  .lp-hero-visual { max-width:380px; width:90%; margin-inline:auto; aspect-ratio:1; }
  .lp-pains,.lp-use-cases { padding-top:64px; }
  .lp-section-intro { margin-bottom:32px; }
  .lp-section-intro h2 { font-size:36px; line-height:1.1; }
  .lp-section-intro h2 br { display:none; }
  .lp-section-intro h2 > span { display:block; }
  .lp-intro-copy { margin-top:22px; font-size:18px; }
  .lp-pain-grid { grid-template-columns:1fr; gap:16px; }
  .lp-pain { padding:26px; }
  .lp-pain-icon { width:50px; height:50px; margin-bottom:22px; }
  .lp-pain h3 { font-size:27px; }
  .lp-pain > p { margin-block:16px 22px; font-size:18px; }
  .lp-pain-quote { font-size:20px; }
  .lp-pain-bottom { padding-block:28px 38px; gap:20px; }
  .lp-pain-bottom p { font-size:20px; }
  html[data-lab="true"] .urgency-section { padding-block:54px; }
  html[data-lab="true"] .urgency-quote p { font-size:32px; }
  .lp-case-grid { gap:24px; }
  .lp-case { padding:24px 20px; }
  .lp-case-top { font-size:18px; margin-bottom:20px; }
  .lp-case h3 { font-size:32px; }
  .lp-case-copy { margin-block:20px 26px; font-size:18px; }
  .lp-demo { margin-inline:-8px; padding:56px 8px 12px; }
  .lp-ticket,.lp-agent-reply,.lp-knowledge-question,.lp-knowledge-answer { gap:10px; padding:18px 12px; }
  .lp-avatar,.lp-agent-icon { flex-basis:30px; width:30px; height:30px; }
  .lp-avatar { font-size:14px; }
  .lp-agent-icon { font-size:27px; }
  .lp-ticket p,.lp-agent-reply p,.lp-knowledge-question p,.lp-knowledge-answer p { font-size:17px; }
  .lp-knowledge-answer { padding-top:2px; }
  .lp-source { gap:5px; font-size:16px; }
  .lp-receipt-row { grid-template-columns:22px 1fr; padding:14px 12px; }
  .lp-tag { grid-column:2; }
  .lp-receipt-core { gap:10px; padding:16px 12px; }
  .lp-receipt-core strong { font-size:18px; }
  .lp-meeting-source { gap:12px; padding-inline:10px; }
  .lp-meeting-source b { font-size:17px; }
  .lp-wave { gap:2px; }
  .lp-meeting-outputs > div { padding:14px 12px; gap:10px; }
  .lp-meeting-outputs b { font-size:17px; }
  .lp-metric { flex-direction:column; gap:14px; }
  .lp-metric strong { font-size:72px; }
  .lp-metric > span { max-width:none; font-size:22px; }
  .lp-case-outcome p { font-size:18px; }
  .lp-case-link { font-size:17px; gap:12px; }
  .lp-target-note { text-align:left; font-size:16px; }
  .lp-use-cases { padding-bottom:64px; }
  html[data-lab="true"] .profile-section,html[data-lab="true"] .stack-section,html[data-lab="true"] .process-section,html[data-lab="true"] #kontakt { padding-block:64px; }
  html[data-lab="true"] .brand { font-size:24px; }
  html[data-lab="true"] .brand::after { font-size:20px; margin-left:6px; }
  html[data-lab="true"] .copy-editor-toggle { font-size:13px; min-height:38px; padding-inline:8px; }
  html[data-lab="true"] .header-tools { gap:10px; }
  html[data-lab="true"] .nav-toggle { font-size:16px; }
  html[data-lab="true"] .profile-intro { font-size:19px; }
  html[data-lab="true"] .profile-stats span { font-size:16px; }
  html[data-lab="true"] .cv-disclosure summary { gap:12px; }
  html[data-lab="true"] .cv-disclosure summary small { display:none; }
  html[data-lab="true"] .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-lab="true"] .tool-item { align-items:flex-start; flex-direction:column; padding:16px; }
  html[data-lab="true"] .tool-item strong { font-size:18px; }
  html[data-lab="true"] .technology-row { grid-template-columns:1fr; }
  html[data-lab="true"] .process-list li { grid-template-columns:28px minmax(0,1fr); gap:12px; }
  html[data-lab="true"] .process-list .line-icon { display:none; }
  html[data-lab="true"] .process-list h3 { font-size:23px; }
  html[data-lab="true"] .site-footer { font-size:16px; gap:20px; }
  html[data-lab="true"] .site-footer > div { flex-wrap:wrap; gap:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .lp-case *, .lp-pain * { animation:none !important; transition:none !important; }
}