/* calyr.aí Design System — Quelle: calyr-projects/dist/index.html */
:root { --paper:#050505; --ink:#f5f5f2; --soft:#a7abb0; --line:#343434; --card:#090909; }
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;font-size:16px;min-height:100vh;display:flex;flex-direction:column;}
header{padding:72px max(4vw,calc((100vw - 1240px)/2)) 60px;border-bottom:1px solid var(--line);}
header h1{font-size:clamp(3rem,8vw,7rem);font-weight:400;letter-spacing:-.07em;line-height:1;}
header p{font-size:.88rem;color:var(--soft);letter-spacing:.1em;text-transform:uppercase;margin-top:16px;}
.grid{width:min(1240px,94vw);margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;flex:1;}
.hub-card{padding:52px 48px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s;position:relative;overflow:hidden;display:block;}
.hub-card:nth-child(odd){border-right:1px solid var(--line);}
.hub-card:hover{background:var(--card);}
.hc-num{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:10px;}
.hc-title{font-size:clamp(1.5rem,3vw,2.6rem);font-weight:400;letter-spacing:-.05em;color:var(--ink);margin-bottom:4px;}
.hc-sub{font-size:.9rem;color:var(--soft);margin-bottom:8px;}
.hc-desc{font-size:.78rem;color:var(--soft);opacity:.7;}
footer{padding:24px max(4vw,calc((100vw - 1240px)/2));border-top:1px solid var(--line);display:flex;justify-content:space-between;}
footer p{font-size:.7rem;color:var(--soft);letter-spacing:.06em;}
footer a{color:var(--soft);}
footer a:hover{color:var(--ink);}
@media(max-width:700px){.grid{grid-template-columns:1fr;}.hub-card:nth-child(odd){border-right:none;}.hub-card{padding:36px 20px;}header{padding:44px 20px;}}

/* --- Inner pages (same variables, same feel) --- */
.hero{padding:52px max(4vw,calc((100vw - 1240px)/2)) 40px;border-bottom:1px solid var(--line);}
.hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:400;letter-spacing:-.05em;line-height:1;margin-bottom:1rem;}
.hero-subtitle{font-size:.9rem;color:var(--soft);max-width:540px;margin-bottom:2rem;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;}
.page-main{width:min(1240px,94vw);margin:0 auto;padding:3rem max(4vw,calc((100vw - 1240px)/2));}
.section-label{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);margin-bottom:.75rem;}
.section-block{margin-bottom:3rem;}
.portal-header{padding:1rem max(4vw,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:1.5rem;}
.portal-badge{font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;padding:.2rem .5rem;border:1px solid var(--line);color:var(--soft);}
.btn{display:inline-flex;align-items:center;padding:.5rem 1.25rem;font-family:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;}
.btn:hover{background:var(--ink);color:var(--paper);}
.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.download-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;}
.video-container{position:relative;padding-top:56.25%;overflow:hidden;background:var(--card);border:1px solid var(--line);}
.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.btn-pdf{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;background:var(--ink);color:var(--paper);border:none;padding:.4rem .9rem;font-family:inherit;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;}
.btn-pdf:hover{background:var(--soft);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media print{body{background:#fff;color:#000;}.site-header,.btn-pdf{display:none!important;}}