:root{--hero-background: #E5E9F0;--hero-height: 40vh;--iframe-shadow: 0 20px 25px -10px rgba(15, 23, 42, .25), 0 10px 10px -5px rgba(15, 23, 42, .15);--iframe-placeholder-bg: #ffffff;--iframe-transition: opacity .4s ease-out;--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-primary-active: #1e40af;--brand-focus-ring: rgba(37, 99, 235, .35);--tab-nav-bg: transparent;--tab-pill-bg: transparent;--tab-pill-hover-bg: rgba(37, 99, 235, .12);--tab-pill-active-bg: var(--brand-primary);--tab-pill-color: #1f2937;--tab-pill-active-color: #ffffff}@media (max-width: 640px){:root{--hero-height: 60vh}}html,body{margin:0;padding:0}body{font-family:system-ui,sans-serif;position:relative;background-color:#fff}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:var(--hero-height);background-color:var(--hero-background);z-index:-1;pointer-events:none}.page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}.headline{display:flex;flex-direction:column;gap:.75rem}.headline h1,.subline{margin:0}.feedback-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-weight:600;color:#fff;background-color:var(--brand-primary);border-radius:.5rem;text-decoration:none;box-shadow:0 10px 15px -3px #2563eb59,0 4px 6px -4px #2563eb73;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;align-self:flex-start;transform:translateY(0)}.feedback-button:hover,.feedback-button:focus{background-color:var(--brand-primary-hover);transform:translateY(-1px)}.feedback-button:focus-visible{outline:2px solid var(--brand-focus-ring);outline-offset:3px}.feedback-button:active{background-color:var(--brand-primary-active);transform:translateY(0);box-shadow:0 6px 8px -4px #2563eb66}.site-container{max-width:1200px;margin:0 auto;margin-top:3rem;padding:2rem 1rem;box-sizing:border-box}.tab-container{display:flex;flex-direction:column;gap:0rem}.tab-nav{display:inline-flex;flex-wrap:wrap;gap:.5rem;background-color:var(--tab-nav-bg);padding:.1rem;border-radius:9999px;align-items:center}.tab-button{appearance:none;border:none;background-color:var(--tab-pill-bg);color:var(--tab-pill-color);padding:.6rem 1rem;border-radius:8px;font-weight:500;font-size:.95rem;line-height:1.5;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;transform:translateY(0)}.tab-button:hover,.tab-button:focus{background-color:var(--tab-pill-hover-bg);box-shadow:0 8px 12px -6px #2563eb4d;transform:translateY(-1px)}.tab-button:focus-visible{outline:2px solid var(--brand-focus-ring);outline-offset:3px}.tab-button.is-active{background-color:var(--tab-pill-active-bg);color:var(--tab-pill-active-color);box-shadow:0 10px 15px -3px #2563eb59,0 4px 6px -4px #2563eb73}.tab-button.is-active:hover{background-color:var(--brand-primary-hover);transform:translateY(-1px)}.tab-button.is-active:focus{background-color:var(--brand-primary-hover)}.tab-button:active{transform:translateY(0);box-shadow:0 6px 8px -4px #2563eb66}.tab-panels{margin-top:.75rem}.tab-panel{display:none}.tab-panel.is-active{display:block}.iframe-wrapper{margin-top:0;margin-bottom:0;position:relative;border-radius:.75rem;box-shadow:var(--iframe-shadow);overflow:hidden;border:1px solid #d1d5db;background-color:var(--iframe-placeholder-bg)}.iframe-wrapper iframe{display:block;width:100%;max-width:100%;border:none;opacity:0;visibility:hidden;transition:var(--iframe-transition)}.iframe-wrapper iframe.iframe-loaded{opacity:1;visibility:visible}.iframe-placeholder{position:absolute;inset:0;background-color:var(--iframe-placeholder-bg);opacity:1;transition:var(--iframe-transition);pointer-events:none;border-radius:inherit}.iframe-wrapper.iframe-ready .iframe-placeholder{opacity:0}.iframe-wrapper.no-placeholder .iframe-placeholder{display:none}.subline-link{color:inherit;text-decoration:underline;font-weight:600}.subline-link:hover,.subline-link:focus{text-decoration:none}@media (min-width: 768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between}.feedback-button{align-self:center}}
