:root{--bg-canvas:#f3f0fa;--bg-surface:#fff;--bg-surface-hover:#ebe4f1;--text-primary:#334155;--text-muted:#62586a;--accent-primary:#51254f;--accent-secondary:#735170;--border-subtle:#d7cbdc;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.eyebrow,.brand{font-family:"Arial Narrow","Helvetica Neue",sans-serif;text-transform:uppercase;letter-spacing:.09em;line-height:1.15;color:var(--accent-primary)}h1{font-size:clamp(2.5rem,6.5vw,5.7rem);max-width:17ch;margin:.3em 0}h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .7em}h3{font-size:1.15rem}p{margin:0 0 1.15em}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%;width:100%;height:100%;object-fit:cover;border-radius:20px}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);margin:.65rem 0}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}.skip-link{position:absolute;top:-100px;left:20px;padding:10px;background:#fff;z-index:20}.skip-link:focus{top:10px}.site-header{position:relative;max-width:1200px;margin:20px auto;background:#fff;border:1px solid var(--border-subtle);border-radius:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.95rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.brand-mark{border:1px solid var(--accent-primary);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a{font-size:.9rem;text-decoration:none}.nav-links a[aria-current=page]{text-decoration:underline;font-weight:700}.menu-toggle{display:none;border:0;background:var(--bg-canvas);color:var(--accent-primary);border-radius:50%;width:42px;height:42px;font-size:30px;line-height:1}.wrapper{max-width:1200px;padding:0 24px;margin:auto}.hero{padding:65px 0 55px}.hero p{max-width:66ch;font-size:1.1rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.19em;margin-bottom:18px}.button,button.action{display:inline-block;border:1px solid var(--accent-primary);border-radius:9px;background:var(--accent-primary);color:#fff;text-decoration:none;padding:11px 18px;box-shadow:4px 4px 0 #b7a2bd;transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic)}.button:hover,button.action:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 #b7a2bd}.button.secondary,button.secondary{background:#fff;color:var(--accent-primary)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.section{margin-bottom:64px}.section-intro{max-width:70ch}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.tile{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:20px;padding:28px;min-width:0}.bento>.tile{grid-column:span 4}.bento>.wide{grid-column:span 8}.bento>.half{grid-column:span 6}.bento>.full{grid-column:1/-1}.tile.lilac{background:#e9e1f1}.tile.linked{transition:transform .35s var(--ease-kinetic),background .35s}.tile.linked:hover{transform:translateY(-5px) scale(1.01);background:var(--bg-surface-hover)}.tile>h3:first-child{margin-top:0}.tile p:last-child{margin-bottom:0}.art{height:auto;aspect-ratio:4/3;margin-bottom:22px}.thumbnail{width:84px;height:84px;flex-shrink:0}.compact{display:flex;gap:20px;align-items:center}.compact h3{margin:0 0 8px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.banner-image{aspect-ratio:16/9;height:auto}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:24px;align-items:start}.prose{max-width:70ch;margin:0 auto}.prose section{margin-bottom:38px}.prose h2{font-size:1.6rem;margin-top:1.5em}.prose h3{margin-top:1.8em}.prose ul,.prose ol{padding-left:22px}.article-aside{display:grid;gap:20px}.definition-list{margin:0}.definition-list dt{font-weight:750;color:var(--accent-primary);margin-top:18px}.definition-list dt:first-child{margin-top:0}.definition-list dd{margin:4px 0 0}.meta,.note{font-size:.88rem;color:var(--text-muted)}.tag{display:inline-block;background:var(--bg-canvas);padding:3px 10px;border-radius:20px;font-size:.8rem;color:var(--accent-primary);margin:2px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.93rem}caption{text-align:left;font-weight:700;margin-bottom:15px}th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-primary)}details{border:1px solid var(--border-subtle);border-radius:20px;padding:20px;background:#fff;margin-bottom:14px}summary{cursor:pointer;color:var(--accent-primary);font-weight:700}details p{margin:16px 0 0}.comparison-row{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--border-subtle)}.comparison-row h3{margin:0}label{display:block;font-weight:650;margin-bottom:6px}input,textarea{width:100%;padding:12px;border:1px solid #9a859e;border-radius:10px;background:#fff;color:var(--text-primary);margin-bottom:18px}textarea{min-height:180px;resize:vertical}.message-output{white-space:pre-wrap;min-height:260px;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;font:inherit;overflow-wrap:anywhere}.status{min-height:1.7em;margin-top:16px;color:var(--accent-primary)}.site-footer{border-top:1px solid var(--border-subtle);margin-top:65px;padding:38px 0 26px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}.site-footer h2{font-size:.83rem;letter-spacing:.1em}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:7px 0}.site-footer p,.site-footer li{font-size:.86rem}.company{border-top:1px solid var(--border-subtle);margin-top:28px;padding-top:22px}.company address{font-size:.86rem;font-style:normal}.copyright{margin-top:18px;color:var(--text-muted)}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero{padding-top:80px}.article-aside{padding-top:12px}}
@media(min-width:769px) and (max-width:1024px){.site-header{margin:16px 20px;padding:16px 20px}.nav-links{gap:12px}.brand{font-size:.85rem}.bento>.tile{grid-column:span 6}.bento>.wide,.bento>.full{grid-column:1/-1}.article-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:768px){.site-header{margin:14px 16px;padding:12px 16px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:24px;background:#fff;border:1px solid var(--border-subtle);border-radius:20px;z-index:10;flex-direction:column;align-items:stretch;gap:15px}.nav-links.is-open{display:flex}.nav-links a{padding:7px}.bento>.tile,.bento>.wide,.bento>.half{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.split{grid-template-columns:1fr}.hero{padding:40px 0}.section{margin-bottom:44px}}
@media(min-width:481px) and (max-width:768px){.bento>.tile:not(.wide):not(.full):not(.half){grid-column:span 6}.tile{padding:24px}}
@media(max-width:480px){.wrapper{padding:0 18px}.brand{font-size:.79rem;gap:7px}.brand-mark{width:27px;height:27px}.tile{padding:22px}.grid{grid-template-columns:minmax(0,1fr)}h1{font-size:2.5rem}.comparison-row{grid-template-columns:1fr;gap:8px}.actions{flex-direction:column;align-items:stretch}.button{text-align:center}.compact{align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-ready .reveal{opacity:1;transform:none}}