:root{--max-width:1135px;--header-h:74px;--hero-h:61vh;--section-pt:104px;--section-pb:96px;--section-pt-mobile:58px;--space-18:18px;--space-36:36px;--space-64:64px;--state-w:420px;--state-h:190px;--transition-h:96px;--btn-h:44px;--btn-px:24px;--font-body-size:18px;--font-annot-size:13px;--font-btn-size:15px}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:'EB Garamond', serif;font-size:var(--font-body-size);color:#0f172a;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}
.container{max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
header.duhax-header{height:var(--header-h);display:flex;align-items:center}
main{background:transparent}
.duhax-hero{height:var(--hero-h);display:flex;align-items:center}
.duhax-hero-inner{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){.duhax-hero-inner{grid-template-columns:5fr 7fr}}
.font-serifHeading,h1,h2,h3{font-family:'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial}
h1{font-size:57px;line-height:1.02;margin:0;color:#0f172a}
@media(max-width:767px){h1{font-size:36px}}
h2{font-size:29px;margin:0;color:#0f172a}
h3{font-size:21px;margin:0;color:#0f172a}
p{margin:0}
.text-annot{font-size:var(--font-annot-size);color:#6b7280}
a{color:inherit}
button, .btn{font-size:var(--font-btn-size);line-height:1;display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);padding-left:var(--btn-px);padding-right:var(--btn-px);border-radius:8px;cursor:pointer}
.duhax-hero-note{border-radius:18px}
.duhax-states-section, .duhax-transitions, .duhax-records, .duhax-final{padding-top:var(--section-pt);padding-bottom:var(--section-pb)}
@media(max-width:767px){.duhax-states-section, .duhax-transitions, .duhax-records, .duhax-final{padding-top:var(--section-pt-mobile);padding-bottom:var(--section-pt-mobile)}}
.duhax-state-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:640px){.duhax-state-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.duhax-state-grid{grid-template-columns:repeat(3,1fr)}}
.duhax-state-grid > div{background:#ffffff;border-radius:18px;box-shadow:0 6px 18px rgba(15,23,42,0.06);padding:20px;display:flex;flex-direction:column}
.duhax-state-grid > div h3{margin-bottom:8px}
.duhax-state-grid > div p{color:#374151;font-size:18px}
@media(min-width:1024px){.duhax-state-grid > div{width:var(--state-w);height:var(--state-h)}}
@media(max-width:1023px){.duhax-state-grid > div{width:100%;height:auto}}
.duhax-transition-strip{height:var(--transition-h);border-radius:12px;display:flex;align-items:center;padding:16px}
.duhax-record-grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:768px){.duhax-record-grid{grid-template-columns:1fr 1fr}}
.duhax-record-grid > div{background:#ffffff;border-radius:16px;padding:20px;box-shadow:0 6px 18px rgba(15,23,42,0.04)}
.duhax-footer{padding-top:24px;padding-bottom:24px}
.duhax-footer a{color:#475569;text-decoration:none}
.duhax-brand .text-serif{font-family:'Instrument Sans',sans-serif}
.duhax-mobile-menu{display:none}
.duhax-mobile-menu.open{display:block}
.duhax-mobile-backdrop{position:absolute;inset:0}
.duhax-mobile-panel{position:absolute;inset:0}
.duhax-mobile-panel > div{max-width:480px}
.duhax-cookie{min-width:220px;max-width:420px;border-radius:10px}
.duhax-cookie button{border-radius:8px}
[data-focus-visible-added]{outline:3px solid rgba(79,70,229,0.18);outline-offset:2px}
.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms!important;transition-duration:0.001ms!important}}