/* crocoblocks-design-system:v2 */:root{--accent:#ffc300;--accent-alt:#ffd60a;--heading:#003566;--text:#001d3d;--text-alt:#000814;--white:#fff;--surface:#fff;--surface-soft:#fffdf4;--border:#e5e7eb;--muted:#5f6b7a;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-2xl:clamp(1.75rem, 1.45rem + 1vw, 2.25rem);--text-3xl:clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-full:999rem;--shadow-sm:0 1px 2px rgb(0 8 20 / .06);--shadow-md:0 8px 24px rgb(0 8 20 / .08);--transition:160ms ease;--container:72rem;}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}*{box-sizing:border-box;}
@media (max-width: 1024px){*{box-sizing:border-box;}}
@media (max-width: 767px){*{box-sizing:border-box;}}
*::before{box-sizing:border-box;scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}
@media (max-width: 1024px){*::before{box-sizing:border-box;scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}}
@media (max-width: 767px){*::before{box-sizing:border-box;scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}}
*::after{box-sizing:border-box;scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}
@media (max-width: 1024px){*::after{box-sizing:border-box;scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}}
@media (max-width: 767px){*::after{box-sizing:border-box;scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;}}
html{min-height:100%;scroll-behavior:smooth;text-size-adjust:100%;}
@media (max-width: 1024px){html{min-height:100%;scroll-behavior:smooth;text-size-adjust:100%;}}
@media (max-width: 767px){html{min-height:100%;scroll-behavior:smooth;text-size-adjust:100%;}}
body{min-height:100%;margin:0;background:var(--white);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
@media (max-width: 1024px){body{min-height:100%;margin:0;background:var(--white);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}}
@media (max-width: 767px){body{min-height:100%;margin:0;background:var(--white);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}}
img{display:block;max-width:100%;}
@media (max-width: 1024px){img{display:block;max-width:100%;}}
@media (max-width: 767px){img{display:block;max-width:100%;}}
picture{display:block;max-width:100%;}
@media (max-width: 1024px){picture{display:block;max-width:100%;}}
@media (max-width: 767px){picture{display:block;max-width:100%;}}
svg{display:block;max-width:100%;}
@media (max-width: 1024px){svg{display:block;max-width:100%;}}
@media (max-width: 767px){svg{display:block;max-width:100%;}}
video{display:block;max-width:100%;}
@media (max-width: 1024px){video{display:block;max-width:100%;}}
@media (max-width: 767px){video{display:block;max-width:100%;}}
canvas{display:block;max-width:100%;}
@media (max-width: 1024px){canvas{display:block;max-width:100%;}}
@media (max-width: 767px){canvas{display:block;max-width:100%;}}
button{font:inherit;cursor:pointer;}
@media (max-width: 1024px){button{font:inherit;cursor:pointer;}}
@media (max-width: 767px){button{font:inherit;cursor:pointer;}}
input{font:inherit;}
@media (max-width: 1024px){input{font:inherit;}}
@media (max-width: 767px){input{font:inherit;}}
textarea{font:inherit;}
@media (max-width: 1024px){textarea{font:inherit;}}
@media (max-width: 767px){textarea{font:inherit;}}
select{font:inherit;}
@media (max-width: 1024px){select{font:inherit;}}
@media (max-width: 767px){select{font:inherit;}}
a{color:var(--heading);text-decoration-color:var(--accent);text-decoration-thickness:.12em;text-underline-offset:.2em;transition:color var(--transition), text-decoration-color var(--transition);}
@media (max-width: 1024px){a{color:var(--heading);text-decoration-color:var(--accent);text-decoration-thickness:.12em;text-underline-offset:.2em;transition:color var(--transition), text-decoration-color var(--transition);}}
@media (max-width: 767px){a{color:var(--heading);text-decoration-color:var(--accent);text-decoration-thickness:.12em;text-underline-offset:.2em;transition:color var(--transition), text-decoration-color var(--transition);}}
a:hover{color:var(--text-alt);text-decoration-color:var(--accent-alt);}
@media (max-width: 1024px){a:hover{color:var(--text-alt);text-decoration-color:var(--accent-alt);}}
@media (max-width: 767px){a:hover{color:var(--text-alt);text-decoration-color:var(--accent-alt);}}
:focus-visible{outline:3px solid var(--accent-alt);outline-offset:3px;}
@media (max-width: 1024px){:focus-visible{outline:3px solid var(--accent-alt);outline-offset:3px;}}
@media (max-width: 767px){:focus-visible{outline:3px solid var(--accent-alt);outline-offset:3px;}}
::selection{background:var(--accent-alt);color:var(--text-alt);}
@media (max-width: 1024px){::selection{background:var(--accent-alt);color:var(--text-alt);}}
@media (max-width: 767px){::selection{background:var(--accent-alt);color:var(--text-alt);}}
h1{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-3xl);}
@media (max-width: 1024px){h1{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-3xl);}}
@media (max-width: 767px){h1{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-3xl);}}
h2{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-2xl);}
@media (max-width: 1024px){h2{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-2xl);}}
@media (max-width: 767px){h2{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-2xl);}}
h3{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-xl);}
@media (max-width: 1024px){h3{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-xl);}}
@media (max-width: 767px){h3{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-xl);}}
h4{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-lg);}
@media (max-width: 1024px){h4{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-lg);}}
@media (max-width: 767px){h4{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;font-size:var(--text-lg);}}
h5{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;}
@media (max-width: 1024px){h5{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;}}
@media (max-width: 767px){h5{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;}}
h6{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;}
@media (max-width: 1024px){h6{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;}}
@media (max-width: 767px){h6{margin:0 0 .5em;color:var(--heading);font-weight:750;line-height:1.15;letter-spacing:-.03em;}}
p{margin-top:0;margin-bottom:var(--space-4);}
@media (max-width: 1024px){p{margin-top:0;margin-bottom:var(--space-4);}}
@media (max-width: 767px){p{margin-top:0;margin-bottom:var(--space-4);}}
ul{margin-top:0;margin-bottom:var(--space-4);}
@media (max-width: 1024px){ul{margin-top:0;margin-bottom:var(--space-4);}}
@media (max-width: 767px){ul{margin-top:0;margin-bottom:var(--space-4);}}
ol{margin-top:0;margin-bottom:var(--space-4);}
@media (max-width: 1024px){ol{margin-top:0;margin-bottom:var(--space-4);}}
@media (max-width: 767px){ol{margin-top:0;margin-bottom:var(--space-4);}}
blockquote{margin-top:0;margin-bottom:var(--space-4);}
@media (max-width: 1024px){blockquote{margin-top:0;margin-bottom:var(--space-4);}}
@media (max-width: 767px){blockquote{margin-top:0;margin-bottom:var(--space-4);}}
pre{margin-top:0;margin-bottom:var(--space-4);font-family:var(--font-mono);overflow:auto;border-radius:var(--radius-lg);background:var(--text-alt);padding:var(--space-5);color:var(--white);}
@media (max-width: 1024px){pre{margin-top:0;margin-bottom:var(--space-4);font-family:var(--font-mono);overflow:auto;border-radius:var(--radius-lg);background:var(--text-alt);padding:var(--space-5);color:var(--white);}}
@media (max-width: 767px){pre{margin-top:0;margin-bottom:var(--space-4);font-family:var(--font-mono);overflow:auto;border-radius:var(--radius-lg);background:var(--text-alt);padding:var(--space-5);color:var(--white);}}
table{margin-top:0;margin-bottom:var(--space-4);}
@media (max-width: 1024px){table{margin-top:0;margin-bottom:var(--space-4);}}
@media (max-width: 767px){table{margin-top:0;margin-bottom:var(--space-4);}}
code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.12rem .34rem;color:var(--heading);font-size:.9em;}
@media (max-width: 1024px){code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.12rem .34rem;color:var(--heading);font-size:.9em;}}
@media (max-width: 767px){code{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--surface-soft);padding:.12rem .34rem;color:var(--heading);font-size:.9em;}}
kbd{font-family:var(--font-mono);}
@media (max-width: 1024px){kbd{font-family:var(--font-mono);}}
@media (max-width: 767px){kbd{font-family:var(--font-mono);}}
samp{font-family:var(--font-mono);}
@media (max-width: 1024px){samp{font-family:var(--font-mono);}}
@media (max-width: 767px){samp{font-family:var(--font-mono);}}
pre code{background:transparent;padding:0;color:inherit;}
@media (max-width: 1024px){pre code{background:transparent;padding:0;color:inherit;}}
@media (max-width: 767px){pre code{background:transparent;padding:0;color:inherit;}}
.alert strong{color:var(--heading);}
@media (max-width: 1024px){.alert strong{color:var(--heading);}}
@media (max-width: 767px){.alert strong{color:var(--heading);}}
.table th{border-bottom:1px solid var(--border);padding:.85rem 1rem;text-align:left;color:var(--heading);font-weight:750;}
@media (max-width: 1024px){.table th{border-bottom:1px solid var(--border);padding:.85rem 1rem;text-align:left;color:var(--heading);font-weight:750;}}
@media (max-width: 767px){.table th{border-bottom:1px solid var(--border);padding:.85rem 1rem;text-align:left;color:var(--heading);font-weight:750;}}
.table td{border-bottom:1px solid var(--border);padding:.85rem 1rem;text-align:left;}
@media (max-width: 1024px){.table td{border-bottom:1px solid var(--border);padding:.85rem 1rem;text-align:left;}}
@media (max-width: 767px){.table td{border-bottom:1px solid var(--border);padding:.85rem 1rem;text-align:left;}}
.table tr:last-child td{border-bottom:0;}
@media (max-width: 1024px){.table tr:last-child td{border-bottom:0;}}
@media (max-width: 767px){.table tr:last-child td{border-bottom:0;}}
.table tbody tr:hover{background:var(--surface-soft);}
@media (max-width: 1024px){.table tbody tr:hover{background:var(--surface-soft);}}
@media (max-width: 767px){.table tbody tr:hover{background:var(--surface-soft);}}
.gap-1{gap:var(--space-1);}
@media (max-width: 1024px){.gap-1{gap:var(--space-1);}}
@media (max-width: 767px){.gap-1{gap:var(--space-1);}}
.columns-2{grid-template-columns:repeat(2, minmax(0, 1fr));}
@media (max-width: 1024px){.columns-2{grid-template-columns:1fr;}}
@media (max-width: 767px){.columns-2{grid-template-columns:1fr;}}
.flex-1{flex:1 1 0%;}
@media (max-width: 1024px){.flex-1{flex:1 1 0%;}}
@media (max-width: 767px){.flex-1{flex:1 1 0%;}}
.container{width:min(100% - 2rem, var(--container));margin-inline:auto;}
@media (max-width: 1024px){.container{width:min(100% - 2rem, var(--container));margin-inline:auto;}}
@media (max-width: 767px){.container{width:min(100% - 2rem, var(--container));margin-inline:auto;}}
.gap-3{gap:var(--space-3);}
@media (max-width: 1024px){.gap-3{gap:var(--space-3);}}
@media (max-width: 767px){.gap-3{gap:var(--space-3);}}
.form-group{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);}
@media (max-width: 1024px){.form-group{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);}}
@media (max-width: 767px){.form-group{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);}}
.rounded-md{border-radius:var(--radius-md);}
@media (max-width: 1024px){.rounded-md{border-radius:var(--radius-md);}}
@media (max-width: 767px){.rounded-md{border-radius:var(--radius-md);}}
.text-balance{text-wrap:balance;}
@media (max-width: 1024px){.text-balance{text-wrap:balance;}}
@media (max-width: 767px){.text-balance{text-wrap:balance;}}
.center{display:grid;place-items:center;}
@media (max-width: 1024px){.center{display:grid;place-items:center;}}
@media (max-width: 767px){.center{display:grid;place-items:center;}}
.btn-sm{min-height:2.25rem;padding:.56rem .8rem;font-size:var(--text-sm);}
@media (max-width: 1024px){.btn-sm{min-height:2.25rem;padding:.56rem .8rem;font-size:var(--text-sm);}}
@media (max-width: 767px){.btn-sm{min-height:2.25rem;padding:.56rem .8rem;font-size:var(--text-sm);}}
.rounded-full{border-radius:var(--radius-full);}
@media (max-width: 1024px){.rounded-full{border-radius:var(--radius-full);}}
@media (max-width: 767px){.rounded-full{border-radius:var(--radius-full);}}
.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-3));align-items:center;}
@media (max-width: 1024px){.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-3));align-items:center;}}
@media (max-width: 767px){.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-3));align-items:center;}}
.card-accent{border-top:4px solid var(--accent);}
@media (max-width: 1024px){.card-accent{border-top:4px solid var(--accent);}}
@media (max-width: 767px){.card-accent{border-top:4px solid var(--accent);}}
.gap-4{gap:var(--space-4);}
@media (max-width: 1024px){.gap-4{gap:var(--space-4);}}
@media (max-width: 767px){.gap-4{gap:var(--space-4);}}
.min-h-screen{min-height:100vh;}
@media (max-width: 1024px){.min-h-screen{min-height:100vh;}}
@media (max-width: 767px){.min-h-screen{min-height:100vh;}}
.help-text{color:var(--muted);font-size:var(--text-sm);}
@media (max-width: 1024px){.help-text{color:var(--muted);font-size:var(--text-sm);}}
@media (max-width: 767px){.help-text{color:var(--muted);font-size:var(--text-sm);}}
.split{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;justify-content:space-between;}
@media (max-width: 1024px){.split{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:stretch;justify-content:space-between;}}
@media (max-width: 767px){.split{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:stretch;justify-content:space-between;}}
.label{color:var(--heading);font-size:var(--text-sm);font-weight:700;}
@media (max-width: 1024px){.label{color:var(--heading);font-size:var(--text-sm);font-weight:700;}}
@media (max-width: 767px){.label{color:var(--heading);font-size:var(--text-sm);font-weight:700;}}
.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);}
@media (max-width: 1024px){.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);}}
@media (max-width: 767px){.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);}}
.text-heading{color:var(--heading);}
@media (max-width: 1024px){.text-heading{color:var(--heading);}}
@media (max-width: 767px){.text-heading{color:var(--heading);}}
.text-xs{font-size:var(--text-xs);}
@media (max-width: 1024px){.text-xs{font-size:var(--text-xs);}}
@media (max-width: 767px){.text-xs{font-size:var(--text-xs);}}
.lead{max-width:65ch;color:var(--muted);font-size:var(--text-lg);}
@media (max-width: 1024px){.lead{max-width:65ch;color:var(--muted);font-size:var(--text-lg);}}
@media (max-width: 767px){.lead{max-width:65ch;color:var(--muted);font-size:var(--text-lg);}}
.inline-flex{display:inline-flex;}
@media (max-width: 1024px){.inline-flex{display:inline-flex;}}
@media (max-width: 767px){.inline-flex{display:inline-flex;}}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min, 16rem)), 1fr));gap:var(--grid-gap, var(--space-5));}
@media (max-width: 1024px){.grid-auto{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min, 16rem)), 1fr));gap:var(--grid-gap, var(--space-5));}}
@media (max-width: 767px){.grid-auto{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--grid-min, 16rem)), 1fr));gap:var(--grid-gap, var(--space-5));}}
.flex{display:flex;}
@media (max-width: 1024px){.flex{display:flex;}}
@media (max-width: 767px){.flex{display:flex;}}
.bg-accent{background:var(--accent);}
@media (max-width: 1024px){.bg-accent{background:var(--accent);}}
@media (max-width: 767px){.bg-accent{background:var(--accent);}}
.columns-3{grid-template-columns:repeat(3, minmax(0, 1fr));}
@media (max-width: 1024px){.columns-3{grid-template-columns:1fr;}}
@media (max-width: 767px){.columns-3{grid-template-columns:1fr;}}
.card-flat{box-shadow:none;}
@media (max-width: 1024px){.card-flat{box-shadow:none;}}
@media (max-width: 767px){.card-flat{box-shadow:none;}}
.progress-bar{height:100%;border-radius:inherit;background:var(--accent);}
@media (max-width: 1024px){.progress-bar{height:100%;border-radius:inherit;background:var(--accent);}}
@media (max-width: 767px){.progress-bar{height:100%;border-radius:inherit;background:var(--accent);}}
.section{padding-block:clamp(3rem, 7vw, 6rem);}
@media (max-width: 1024px){.section{padding-block:clamp(3rem, 7vw, 6rem);}}
@media (max-width: 767px){.section{padding-block:clamp(3rem, 7vw, 6rem);}}
.btn-outline{border-color:var(--heading);background:transparent;color:var(--heading);}.btn-outline:hover{background:var(--heading);color:var(--white);}
@media (max-width: 1024px){.btn-outline{border-color:var(--heading);background:transparent;color:var(--heading);}.btn-outline:hover{background:var(--heading);color:var(--white);}}
@media (max-width: 767px){.btn-outline{border-color:var(--heading);background:transparent;color:var(--heading);}.btn-outline:hover{background:var(--heading);color:var(--white);}}
.card{padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);}.card:hover{border-color:#d7dbe0;box-shadow:var(--shadow-md);transform:translateY(-2px);}
@media (max-width: 1024px){.card{padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);}.card:hover{border-color:#d7dbe0;box-shadow:var(--shadow-md);transform:translateY(-2px);}}
@media (max-width: 767px){.card{padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);}.card:hover{border-color:#d7dbe0;box-shadow:var(--shadow-md);transform:translateY(-2px);}}
.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--accent-alt);padding:.28rem .65rem;color:var(--text-alt);font-size:var(--text-xs);font-weight:750;line-height:1;}
@media (max-width: 1024px){.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--accent-alt);padding:.28rem .65rem;color:var(--text-alt);font-size:var(--text-xs);font-weight:750;line-height:1;}}
@media (max-width: 767px){.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--accent-alt);padding:.28rem .65rem;color:var(--text-alt);font-size:var(--text-xs);font-weight:750;line-height:1;}}
.grid{display:grid;gap:var(--grid-gap, var(--space-5));}
@media (max-width: 1024px){.grid{display:grid;gap:var(--grid-gap, var(--space-5));}}
@media (max-width: 767px){.grid{display:grid;gap:var(--grid-gap, var(--space-5));}}
@media (max-width: 1024px){.sm-stack{flex-direction:column;align-items:stretch;}}
@media (max-width: 767px){.sm-stack{flex-direction:column;align-items:stretch;}}
.rounded-lg{border-radius:var(--radius-lg);}
@media (max-width: 1024px){.rounded-lg{border-radius:var(--radius-lg);}}
@media (max-width: 767px){.rounded-lg{border-radius:var(--radius-lg);}}
.container-sm{width:min(100% - 2rem, 44rem);margin-inline:auto;}
@media (max-width: 1024px){.container-sm{width:min(100% - 2rem, 44rem);margin-inline:auto;}}
@media (max-width: 767px){.container-sm{width:min(100% - 2rem, 44rem);margin-inline:auto;}}
.mt-4{margin-top:var(--space-4);}
@media (max-width: 1024px){.mt-4{margin-top:var(--space-4);}}
@media (max-width: 767px){.mt-4{margin-top:var(--space-4);}}
.text-lg{font-size:var(--text-lg);}
@media (max-width: 1024px){.text-lg{font-size:var(--text-lg);}}
@media (max-width: 767px){.text-lg{font-size:var(--text-lg);}}
.justify-end{justify-content:flex-end;}
@media (max-width: 1024px){.justify-end{justify-content:flex-end;}}
@media (max-width: 767px){.justify-end{justify-content:flex-end;}}
.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4));}
@media (max-width: 1024px){.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4));}}
@media (max-width: 767px){.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4));}}
.btn-ghost{border-color:transparent;background:transparent;color:var(--heading);}.btn-ghost:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text-alt);}
@media (max-width: 1024px){.btn-ghost{border-color:transparent;background:transparent;color:var(--heading);}.btn-ghost:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text-alt);}}
@media (max-width: 767px){.btn-ghost{border-color:transparent;background:transparent;color:var(--heading);}.btn-ghost:hover{border-color:var(--border);background:var(--surface-soft);color:var(--text-alt);}}
.mb-6{margin-bottom:var(--space-6);}
@media (max-width: 1024px){.mb-6{margin-bottom:var(--space-6);}}
@media (max-width: 767px){.mb-6{margin-bottom:var(--space-6);}}
.p-0{padding:0;}
@media (max-width: 1024px){.p-0{padding:0;}}
@media (max-width: 767px){.p-0{padding:0;}}
.mt-8{margin-top:var(--space-8);}
@media (max-width: 1024px){.mt-8{margin-top:var(--space-8);}}
@media (max-width: 767px){.mt-8{margin-top:var(--space-8);}}
.gap-6{gap:var(--space-6);}
@media (max-width: 1024px){.gap-6{gap:var(--space-6);}}
@media (max-width: 767px){.gap-6{gap:var(--space-6);}}
.small{font-size:var(--text-sm);}
@media (max-width: 1024px){.small{font-size:var(--text-sm);}}
@media (max-width: 767px){.small{font-size:var(--text-sm);}}
.nav-brand{color:var(--heading);font-size:var(--text-lg);font-weight:800;text-decoration:none;}
@media (max-width: 1024px){.nav-brand{color:var(--heading);font-size:var(--text-lg);font-weight:800;text-decoration:none;}}
@media (max-width: 767px){.nav-brand{color:var(--heading);font-size:var(--text-lg);font-weight:800;text-decoration:none;}}
.gap-2{gap:var(--space-2);}
@media (max-width: 1024px){.gap-2{gap:var(--space-2);}}
@media (max-width: 767px){.gap-2{gap:var(--space-2);}}
.block{display:block;}
@media (max-width: 1024px){.block{display:block;}}
@media (max-width: 767px){.block{display:block;}}
.p-2{padding:var(--space-2);}
@media (max-width: 1024px){.p-2{padding:var(--space-2);}}
@media (max-width: 767px){.p-2{padding:var(--space-2);}}
.p-8{padding:var(--space-8);}
@media (max-width: 1024px){.p-8{padding:var(--space-8);}}
@media (max-width: 767px){.p-8{padding:var(--space-8);}}
@media (max-width: 1024px){.sm-hidden{display:none;}}
@media (max-width: 767px){.sm-hidden{display:none;}}
.flex-col{flex-direction:column;}
@media (max-width: 1024px){.flex-col{flex-direction:column;}}
@media (max-width: 767px){.flex-col{flex-direction:column;}}
.nav-links{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;margin:0;padding:0;list-style:none;}
@media (max-width: 1024px){.nav-links{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;margin:0;padding:0;list-style:none;width:100%;}}
@media (max-width: 767px){.nav-links{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;margin:0;padding:0;list-style:none;width:100%;}}
.gap-8{gap:var(--space-8);}
@media (max-width: 1024px){.gap-8{gap:var(--space-8);}}
@media (max-width: 767px){.gap-8{gap:var(--space-8);}}
.border{border:1px solid var(--border);}
@media (max-width: 1024px){.border{border:1px solid var(--border);}}
@media (max-width: 767px){.border{border:1px solid var(--border);}}
.shadow-sm{box-shadow:var(--shadow-sm);}
@media (max-width: 1024px){.shadow-sm{box-shadow:var(--shadow-sm);}}
@media (max-width: 767px){.shadow-sm{box-shadow:var(--shadow-sm);}}
.text-alt{color:var(--text-alt);}
@media (max-width: 1024px){.text-alt{color:var(--text-alt);}}
@media (max-width: 767px){.text-alt{color:var(--text-alt);}}
.w-full{width:100%;}
@media (max-width: 1024px){.w-full{width:100%;}}
@media (max-width: 767px){.w-full{width:100%;}}
.btn-lg{min-height:3.25rem;padding:.9rem 1.3rem;font-size:var(--text-lg);}
@media (max-width: 1024px){.btn-lg{min-height:3.25rem;padding:.9rem 1.3rem;font-size:var(--text-lg);}}
@media (max-width: 767px){.btn-lg{min-height:3.25rem;padding:.9rem 1.3rem;font-size:var(--text-lg);}}
.mb-4{margin-bottom:var(--space-4);}
@media (max-width: 1024px){.mb-4{margin-bottom:var(--space-4);}}
@media (max-width: 767px){.mb-4{margin-bottom:var(--space-4);}}
.columns-4{grid-template-columns:repeat(4, minmax(0, 1fr));}
@media (max-width: 1024px){.columns-4{grid-template-columns:1fr;}}
@media (max-width: 767px){.columns-4{grid-template-columns:1fr;}}
.justify-between{justify-content:space-between;}
@media (max-width: 1024px){.justify-between{justify-content:space-between;}}
@media (max-width: 767px){.justify-between{justify-content:space-between;}}
.text-muted{color:var(--muted);}
@media (max-width: 1024px){.text-muted{color:var(--muted);}}
@media (max-width: 767px){.text-muted{color:var(--muted);}}
.mb-8{margin-bottom:var(--space-8);}
@media (max-width: 1024px){.mb-8{margin-bottom:var(--space-8);}}
@media (max-width: 767px){.mb-8{margin-bottom:var(--space-8);}}
.justify-start{justify-content:flex-start;}
@media (max-width: 1024px){.justify-start{justify-content:flex-start;}}
@media (max-width: 767px){.justify-start{justify-content:flex-start;}}
.text-2xl{font-size:var(--text-2xl);}
@media (max-width: 1024px){.text-2xl{font-size:var(--text-2xl);}}
@media (max-width: 767px){.text-2xl{font-size:var(--text-2xl);}}
.progress{overflow:hidden;height:.6rem;border-radius:var(--radius-full);background:#edf0f3;}
@media (max-width: 1024px){.progress{overflow:hidden;height:.6rem;border-radius:var(--radius-full);background:#edf0f3;}}
@media (max-width: 767px){.progress{overflow:hidden;height:.6rem;border-radius:var(--radius-full);background:#edf0f3;}}
.justify-center{justify-content:center;}
@media (max-width: 1024px){.justify-center{justify-content:center;}}
@media (max-width: 767px){.justify-center{justify-content:center;}}
.flex-wrap{flex-wrap:wrap;}
@media (max-width: 1024px){.flex-wrap{flex-wrap:wrap;}}
@media (max-width: 767px){.flex-wrap{flex-wrap:wrap;}}
.alert{background-image:url("data:image/svg+xmlbase64,PHN2Zy8+");border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4);}
@media (max-width: 1024px){.alert{background-image:url("data:image/svg+xmlbase64,PHN2Zy8+");border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4);}}
@media (max-width: 767px){.alert{background-image:url("data:image/svg+xmlbase64,PHN2Zy8+");border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4);}}
.text-xl{font-size:var(--text-xl);}
@media (max-width: 1024px){.text-xl{font-size:var(--text-xl);}}
@media (max-width: 767px){.text-xl{font-size:var(--text-xl);}}
.textarea{min-height:8rem;resize:vertical;}.textarea:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}
@media (max-width: 1024px){.textarea{min-height:8rem;resize:vertical;}.textarea:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}}
@media (max-width: 767px){.textarea{min-height:8rem;resize:vertical;}.textarea:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}}
.p-4{padding:var(--space-4);}
@media (max-width: 1024px){.p-4{padding:var(--space-4);}}
@media (max-width: 767px){.p-4{padding:var(--space-4);}}
.nav-link{background:var(--surface-soft);color:var(--heading);}.nav-link:hover{background:var(--surface-soft);color:var(--heading);}
@media (max-width: 1024px){.nav-link{background:var(--surface-soft);color:var(--heading);}.nav-link:hover{background:var(--surface-soft);color:var(--heading);}}
@media (max-width: 767px){.nav-link{background:var(--surface-soft);color:var(--heading);}.nav-link:hover{background:var(--surface-soft);color:var(--heading);}}
.items-start{align-items:flex-start;}
@media (max-width: 1024px){.items-start{align-items:flex-start;}}
@media (max-width: 767px){.items-start{align-items:flex-start;}}
.hidden{display:none;}
@media (max-width: 1024px){.hidden{display:none;}}
@media (max-width: 767px){.hidden{display:none;}}
.mt-6{margin-top:var(--space-6);}
@media (max-width: 1024px){.mt-6{margin-top:var(--space-6);}}
@media (max-width: 767px){.mt-6{margin-top:var(--space-6);}}
.divider{height:1px;border:0;background:var(--border);margin-block:var(--space-6);}
@media (max-width: 1024px){.divider{height:1px;border:0;background:var(--border);margin-block:var(--space-6);}}
@media (max-width: 767px){.divider{height:1px;border:0;background:var(--border);margin-block:var(--space-6);}}
.btn-accent{border-color:var(--accent);background:var(--accent);color:var(--text-alt);}.btn-accent:hover{border-color:var(--accent-alt);background:var(--accent-alt);color:var(--text-alt);}
@media (max-width: 1024px){.btn-accent{border-color:var(--accent);background:var(--accent);color:var(--text-alt);}.btn-accent:hover{border-color:var(--accent-alt);background:var(--accent-alt);color:var(--text-alt);}}
@media (max-width: 767px){.btn-accent{border-color:var(--accent);background:var(--accent);color:var(--text-alt);}.btn-accent:hover{border-color:var(--accent-alt);background:var(--accent-alt);color:var(--text-alt);}}
.bg-heading{background:var(--heading);}
@media (max-width: 1024px){.bg-heading{background:var(--heading);}}
@media (max-width: 767px){.bg-heading{background:var(--heading);}}
.p-6{padding:var(--space-6);}
@media (max-width: 1024px){.p-6{padding:var(--space-6);}}
@media (max-width: 767px){.p-6{padding:var(--space-6);}}
.bg-soft{background:var(--surface-soft);}
@media (max-width: 1024px){.bg-soft{background:var(--surface-soft);}}
@media (max-width: 767px){.bg-soft{background:var(--surface-soft);}}
.bg-dark{background:var(--text-alt);}
@media (max-width: 1024px){.bg-dark{background:var(--text-alt);}}
@media (max-width: 767px){.bg-dark{background:var(--text-alt);}}
.bg-accent-alt{background:var(--accent-alt);}
@media (max-width: 1024px){.bg-accent-alt{background:var(--accent-alt);}}
@media (max-width: 767px){.bg-accent-alt{background:var(--accent-alt);}}
.text-center{text-align:center;}
@media (max-width: 1024px){.text-center{text-align:center;}}
@media (max-width: 767px){.text-center{text-align:center;}}
.input{color:#8a93a0;}.input:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}
@media (max-width: 1024px){.input{color:#8a93a0;}.input:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}}
@media (max-width: 767px){.input{color:#8a93a0;}.input:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);}
@media (max-width: 1024px){.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);}}
@media (max-width: 767px){.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);}}
.mt-2{margin-top:var(--space-2);}
@media (max-width: 1024px){.mt-2{margin-top:var(--space-2);}}
@media (max-width: 767px){.mt-2{margin-top:var(--space-2);}}
.h-full{height:100%;}
@media (max-width: 1024px){.h-full{height:100%;}}
@media (max-width: 767px){.h-full{height:100%;}}
.subheading{font-size:16px;color:var(--accent);}
@media (max-width: 1024px){.subheading{font-size:16px;color:var(--accent);}}
@media (max-width: 767px){.subheading{font-size:16px;color:var(--accent);}}
.navbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--white);padding-block:var(--space-4);}
@media (max-width: 1024px){.navbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--white);padding-block:var(--space-4);}}
@media (max-width: 767px){.navbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--white);padding-block:var(--space-4);}}
.m-0{margin:0;}
@media (max-width: 1024px){.m-0{margin:0;}}
@media (max-width: 767px){.m-0{margin:0;}}
.btn-block{width:100%;}
@media (max-width: 1024px){.btn-block{width:100%;}}
@media (max-width: 767px){.btn-block{width:100%;}}
.btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--text-alt);border-radius:var(--radius-md);background:var(--text-alt);padding:.72rem 1rem;color:var(--white);font-weight:700;line-height:1;text-decoration:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);}.btn:hover{background:var(--heading);border-color:var(--heading);color:var(--white);transform:translateY(-1px);}.btn:active{transform:translateY(0);}
@media (max-width: 1024px){.btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--text-alt);border-radius:var(--radius-md);background:var(--text-alt);padding:.72rem 1rem;color:var(--white);font-weight:700;line-height:1;text-decoration:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);}.btn:hover{background:var(--heading);border-color:var(--heading);color:var(--white);transform:translateY(-1px);}.btn:active{transform:translateY(0);}}
@media (max-width: 767px){.btn{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--text-alt);border-radius:var(--radius-md);background:var(--text-alt);padding:.72rem 1rem;color:var(--white);font-weight:700;line-height:1;text-decoration:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);}.btn:hover{background:var(--heading);border-color:var(--heading);color:var(--white);transform:translateY(-1px);}.btn:active{transform:translateY(0);}}
.shadow-md{box-shadow:var(--shadow-md);}
@media (max-width: 1024px){.shadow-md{box-shadow:var(--shadow-md);}}
@media (max-width: 767px){.shadow-md{box-shadow:var(--shadow-md);}}
.rounded-sm{border-radius:var(--radius-sm);}
@media (max-width: 1024px){.rounded-sm{border-radius:var(--radius-sm);}}
@media (max-width: 767px){.rounded-sm{border-radius:var(--radius-sm);}}
.mb-2{margin-bottom:var(--space-2);}
@media (max-width: 1024px){.mb-2{margin-bottom:var(--space-2);}}
@media (max-width: 767px){.mb-2{margin-bottom:var(--space-2);}}
.items-center{align-items:center;}
@media (max-width: 1024px){.items-center{align-items:center;}}
@media (max-width: 767px){.items-center{align-items:center;}}
.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);padding:.78rem .9rem;color:var(--text-alt);transition:border-color var(--transition), box-shadow var(--transition);}.select:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}
@media (max-width: 1024px){.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);padding:.78rem .9rem;color:var(--text-alt);transition:border-color var(--transition), box-shadow var(--transition);}.select:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}}
@media (max-width: 767px){.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);padding:.78rem .9rem;color:var(--text-alt);transition:border-color var(--transition), box-shadow var(--transition);}.select:focus{border-color:var(--heading);box-shadow:0 0 0 3px rgb(255 195 0 / .28);outline:none;}}
.text-sm{font-size:var(--text-sm);}
@media (max-width: 1024px){.text-sm{font-size:var(--text-sm);}}
@media (max-width: 767px){.text-sm{font-size:var(--text-sm);}}
.bg-white{background:var(--white);}
@media (max-width: 1024px){.bg-white{background:var(--white);}}
@media (max-width: 767px){.bg-white{background:var(--white);}}
.items-end{align-items:flex-end;}
@media (max-width: 1024px){.items-end{align-items:flex-end;}}
@media (max-width: 767px){.items-end{align-items:flex-end;}}
.surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);}
@media (max-width: 1024px){.surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);}}
@media (max-width: 767px){.surface{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);}}
.text-3xl{font-size:var(--text-3xl);}
@media (max-width: 1024px){.text-3xl{font-size:var(--text-3xl);}}
@media (max-width: 767px){.text-3xl{font-size:var(--text-3xl);}}
.inline-block{display:inline-block;}
@media (max-width: 1024px){.inline-block{display:inline-block;}}
@media (max-width: 767px){.inline-block{display:inline-block;}}
.mb-0{margin-bottom:0;}
@media (max-width: 1024px){.mb-0{margin-bottom:0;}}
@media (max-width: 767px){.mb-0{margin-bottom:0;}}
