/* Hero and legal pages, September 2026 */
body .reference-hero{padding:56px clamp(20px,3vw,48px) 60px}body .reference-hero .hero-grid{max-width:1280px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}body .reference-hero h1{font-size:clamp(36px,3.65vw,52px);font-weight:600;line-height:1.12;letter-spacing:-.035em;max-width:20ch}body .reference-hero .intro{max-width:53ch;font-size:17px;line-height:1.7}body .reference-hero .reference-product-stage{position:relative;margin:0;width:100%;padding:28px 16px 20px;border:1px solid #e0e6eb;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f7fa);box-shadow:0 18px 48px #13243a12}body .reference-hero .reference-product-stage img{width:100%;height:auto;object-fit:contain}body .reference-hero .floating-metric{position:absolute;left:10px;top:-18px;width:148px;padding:10px 12px;font-size:11px;line-height:1.4;background:white;border:1px solid #e0e6eb;border-radius:9px;box-shadow:0 8px 24px #13243a14}body .reference-hero .floating-metric.secondary{left:auto;right:10px;top:auto;bottom:32px}body .reference-hero .floating-metric strong{display:block;font-size:24px;color:#c55822}body .reference-hero figcaption{font-size:11px;text-align:center}
.cl-legal-page{max-width:880px;margin:auto;padding:48px 24px 64px}.cl-legal-page h1{font-size:clamp(30px,4vw,44px)}.cl-legal-page h2{font-size:24px;margin:32px 0 16px}.cl-legal-page p{font-size:16px;line-height:1.8;color:#394b60;margin:0 0 16px}.cl-legal-table{overflow-x:auto;max-width:100%;border:1px solid #dfe5eb;border-radius:8px;margin:24px 0}.cl-legal-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.cl-legal-table td,.cl-legal-table th{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #dfe5eb;min-width:150px}.cl-legal-table th{background:#f2f5f8}.xlegal{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
@media(max-width:1024px){body .reference-hero .hero-grid{grid-template-columns:minmax(0,1fr);max-width:760px;gap:32px}body .reference-hero .reference-product-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}body .reference-hero .reference-product-stage img{grid-column:1/-1;grid-row:1}body .reference-hero .floating-metric,body .reference-hero .floating-metric.secondary{position:static;width:100%;max-width:none;box-shadow:none}body .reference-hero figcaption{grid-column:1/-1}}
@media(max-width:767px){body .reference-hero{padding:32px 20px 40px}body .reference-hero h1{font-size:clamp(34px,8vw,42px)}body .reference-hero .intro{font-size:16px}}