:root{--bg-canvas:#f3f0fa;--bg-surface:#fff;--bg-surface-hover:#ece5f1;--text-primary:#334155;--text-muted:#62566c;--accent-primary:#4b254f;--accent-secondary:#85668c;--border-subtle:#d5c9de;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgb(38 22 43 / .15);--glow-accent:0 0 24px -4px #4b254f24;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:24px;border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}::selection{background:#dfcde4;color:#341b38}h1,h2,h3,.eyebrow,.badge,.brand,.nav{font-family:"Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:.065em}h1,h2,h3{text-transform:uppercase;line-height:1.12;color:var(--accent-primary);hyphens:none}h1{font-size:clamp(2.65rem,6.4vw,5.8rem);max-width:19ch;margin:20px 0 28px}h2{font-size:clamp(1.65rem,3vw,2.65rem);margin:0 0 22px}h3{font-size:1.17rem;margin:0 0 12px}p{margin:0 0 20px}img{display:block;width:100%;object-fit:cover;border-radius:4px}button,.button{display:inline-block;border:1px solid var(--accent-primary);border-radius:4px;padding:11px 19px;background:var(--accent-primary);color:#fff;font-weight:650;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--text-primary);transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic)}button:hover,.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--text-primary)}button.secondary,.button.secondary{background:var(--bg-surface);color:var(--accent-primary)}.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.tagline{padding:8px 32px;border-bottom:1px solid var(--border-subtle);font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-primary)}.site-header{position:relative;padding:24px 32px 18px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;font-size:1.03rem;letter-spacing:.015em;text-align:left}.brand-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border:1px solid var(--accent-primary);border-radius:4px;font-size:22px}.nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;font-size:.76rem;text-transform:uppercase;font-weight:700}.nav a{text-decoration:none;padding:5px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-color:var(--accent-primary)}.menu-toggle{display:none;font-size:1.6rem;line-height:1;padding:7px 14px}.skip{position:absolute;left:32px;top:-100px;background:#fff;padding:10px;z-index:20}.skip:focus{top:12px}.hero{padding:76px 0 64px;background:var(--bg-canvas)}.hero p{max-width:65ch;font-size:1.12rem}.eyebrow{display:block;font-size:.76rem;text-transform:uppercase;font-weight:800;color:var(--accent-primary);margin-bottom:17px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.section{padding:64px 0;border-top:1px solid var(--border-subtle)}.section-intro{max-width:70ch;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}.survey-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic);min-width:0}.survey-card:hover{transform:translateY(-5px) scale(1.005);box-shadow:var(--shadow-elevation),var(--glow-accent)}.survey-card img{aspect-ratio:4/3;height:auto;border-radius:4px 4px 0 0}.card-body{padding:27px;position:relative}.badge{display:inline-block;background:var(--accent-primary);color:#fff;font-size:.67rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:4px;position:relative;margin-top:-44px;margin-bottom:18px;vertical-align:top}.feature-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));border:1px solid var(--border-subtle);border-radius:4px;background:var(--bg-surface);margin:28px 0}.feature-strip>div{padding:24px;border-inline-start:1px solid var(--border-subtle)}.feature-strip>div:first-child{border:0}.feature-strip p{font-size:.94rem;margin:0}.feature-strip strong{display:block;color:var(--accent-primary);margin-bottom:6px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center}.split img{aspect-ratio:4/3;height:auto}.note,.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:26px}.note{border-inline-start:4px solid var(--accent-primary);margin:28px 0}.note p:last-child,.panel p:last-child{margin:0}.reading{width:min(70ch,100%);margin:0 auto}.reading h2{font-size:1.8rem;margin-top:42px}.reading h3{margin-top:28px}.reading li{margin-bottom:10px}.article-banner{width:100%;aspect-ratio:16/9;height:auto;margin:0 0 36px}.article-body{padding:0 0 64px}.tab-list{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.tab-list button{box-shadow:none;background:#fff;color:var(--accent-primary)}.tab-list button[aria-selected=true]{background:var(--accent-primary);color:#fff}.tab-panel{padding:28px;background:#fff;border:1px solid var(--border-subtle);border-radius:4px}.tab-panel h3{margin-top:0}[hidden]{display:none!important}details{border:1px solid var(--border-subtle);border-radius:4px;background:#fff;margin:12px 0;padding:0 22px}summary{cursor:pointer;color:var(--accent-primary);font-weight:700;padding:18px 0}details p{margin:0 0 22px}details>div{padding-bottom:20px}.section-links{display:flex;flex-wrap:wrap;gap:15px 26px;margin-top:26px}.site-footer{padding:35px 32px;border-top:1px solid var(--border-subtle);background:var(--bg-surface);font-size:.86rem}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px}.site-footer p{margin:14px 0 0;color:var(--text-muted)}label{display:block;font-weight:650;margin:18px 0 6px}input,textarea{width:100%;border:1px solid #8e7c99;border-radius:4px;padding:12px;background:#fff;color:var(--text-primary)}textarea{resize:vertical;min-height:160px}.form-actions{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.status{min-height:1.7em;color:var(--accent-primary);font-weight:650}.message-output{white-space:pre-wrap;max-height:440px;overflow:auto;background:#fff;border:1px solid var(--border-subtle);padding:20px;border-radius:4px;font:inherit}.small{font-size:.88rem;color:var(--text-muted)}.enhanced-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.enhanced-motion .reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.site-header{padding-inline:40px}.tagline{padding-inline:40px}.nav{gap:28px}.hero{padding-top:88px}}
@media(min-width:769px) and (max-width:1024px){body{margin:18px}.wrap{width:calc(100% - 48px)}.nav{gap:13px;font-size:.7rem}.split{gap:24px}}
@media(max-width:768px){body{margin:12px}.wrap{width:calc(100% - 36px)}.site-header,.tagline,.site-footer{padding-inline:18px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;padding:16px 24px;background:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);z-index:10;flex-direction:column;gap:4px}.nav.is-open{display:flex;animation:menuIn .2s var(--ease-kinetic)}.nav a{padding:9px 0}.hero{padding:48px 0}.section{padding:42px 0}.split{grid-template-columns:1fr}.brand{font-size:.9rem}.feature-strip>div{border-inline-start:0;border-top:1px solid var(--border-subtle)}.feature-strip>div:first-child{border-top:0}}
@media(max-width:480px){body{margin:8px}.brand{font-size:.77rem;gap:7px}.brand-mark{flex-basis:28px;height:28px}.tagline{font-size:.65rem}.wrap{width:calc(100% - 28px)}h1{font-size:2.55rem}.hero p{font-size:1rem}.card-body,.panel,.note,.tab-panel{padding:20px}.footer-row{display:block}.footer-links{margin-top:18px}.button{font-size:.88rem}}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.enhanced-motion .reveal{opacity:1;transform:none}.survey-card:hover,button:hover,.button:hover{transform:none}}