:root{--atrimau-deep-navy:#24315f;--atrimau-aurora-start:#4ea8f3;--atrimau-aurora-mid:#5f8ff4;--atrimau-aurora-end:#796bea;--atrimau-delta-cyan:#78ddd1;--atrimau-flow-violet:#ad96f4;--atrimau-warm-white:#fffdf8;--atrimau-canvas:#f7f9ff;--atrimau-surface:#fff;--atrimau-muted-ink:#66739d;--atrimau-border:#dce2f2;--atrimau-gradient-aurora:linear-gradient(135deg, var(--atrimau-aurora-start) 0%, var(--atrimau-aurora-mid) 48%, var(--atrimau-aurora-end) 100%);--atrimau-focus-ring:0 0 0 3px #5f8ff46b;--atrimau-font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--atrimau-lockup-min-width:160px;--atrimau-wordmark-min-width:96px;--atrimau-mark-standard-min-size:32px;--atrimau-mark-micro-min-size:16px;--atrimau-mark-micro-max-size:31px}.atrimau-theme-light{color:var(--atrimau-deep-navy);background:var(--atrimau-canvas);font-family:var(--atrimau-font-sans)}.atrimau-theme-dark{color:var(--atrimau-surface);background:var(--atrimau-deep-navy);font-family:var(--atrimau-font-sans)}.atrimau-focus-visible:focus-visible{box-shadow:var(--atrimau-focus-ring);outline:none}:root{color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--atrimau-deep-navy);background:var(--atrimau-canvas);font-family:var(--atrimau-font-sans);margin:0;line-height:1.55}button,textarea,input{font:inherit}button{cursor:pointer}a{color:var(--atrimau-deep-navy);text-underline-offset:.16em}a:hover{text-decoration-thickness:.12em}:focus-visible{outline:3px solid var(--atrimau-aurora-mid);outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;line-height:1.14}h1{font-size:clamp(2.35rem,5vw,4.5rem)}h2{font-size:clamp(1.5rem,3vw,2.15rem)}p{max-width:70ch}.site-shell{width:min(100% - 2.5rem,72rem);margin-inline:auto}.skip-link{z-index:10;background:var(--atrimau-deep-navy);color:#fff;padding:.6rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{background:var(--atrimau-surface);border-bottom:1px solid var(--atrimau-border)}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:5rem;display:flex}.brand-link{flex:none;align-items:center;display:inline-flex}.brand-link img{width:176px;height:44px;display:block}.main-nav{flex-wrap:wrap;gap:.25rem;display:flex}.main-nav a{border-radius:.6rem;padding:.5rem .75rem;font-weight:650;text-decoration:none}.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--atrimau-canvas)}.site-footer{background:var(--atrimau-surface);border-top:1px solid var(--atrimau-border);margin-top:5rem;padding:2rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;display:flex}.footer-inner p{color:var(--atrimau-muted-ink);margin:0;font-size:.92rem}.footer-inner strong{color:var(--atrimau-deep-navy)}.eyebrow{color:var(--atrimau-deep-navy);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.85rem;font-size:.78rem;font-weight:800}.lead{font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.6}.muted{color:var(--atrimau-muted-ink)}.section{padding-block:clamp(3rem,6vw,5.5rem)}.section-heading{max-width:48rem;margin-bottom:2rem}.button{border:1px solid var(--atrimau-deep-navy);background:var(--atrimau-deep-navy);color:#fff;border-radius:.7rem;justify-content:center;align-items:center;gap:.4rem;min-height:3rem;padding:.7rem 1.15rem;font-weight:750;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:#344478}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{color:var(--atrimau-deep-navy);background:#fff}.button-secondary:hover{background:var(--atrimau-canvas);color:var(--atrimau-deep-navy)}.home-hero{background:var(--atrimau-surface);padding-block:clamp(4rem,8vw,7rem)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.hero-copy .lead{color:#425076;max-width:39rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.hero-note{color:var(--atrimau-muted-ink);font-size:.9rem}.example-card{border:1px solid var(--atrimau-border);background:var(--atrimau-canvas);border-radius:1.2rem;padding:1.35rem;box-shadow:0 16px 44px #24315f12}.example-card .mini-label{color:var(--atrimau-muted-ink);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:800}.example-card pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.95rem;line-height:1.6;overflow-x:auto}.example-card .mini-panel{border:1px solid var(--atrimau-border);background:#fff;border-radius:.7rem;padding:1rem}.example-card .mini-panel+.mini-label{margin-top:1rem}.example-card .mini-result{border-color:#afbce4}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature-card,.callout-card{border:1px solid var(--atrimau-border);background:#fff;border-radius:1rem;padding:1.5rem}.feature-card h3{font-size:1.12rem}.feature-card p:last-child,.callout-card p:last-child{margin-bottom:0}.callout-card{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.callout-card p{margin-bottom:0}.page-intro{padding-block:clamp(2.5rem,5vw,4rem) 2rem}.page-intro h1{margin-bottom:.9rem}.page-intro .lead{margin-bottom:0}.tool-workspace{grid-template-columns:minmax(0,1fr) minmax(14rem,.72fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.editor-card,.options-card{border:1px solid var(--atrimau-border);background:#fff;border-radius:1rem;padding:1.3rem;box-shadow:0 8px 28px #24315f0a}.editor-card label,.options-card legend{margin-bottom:.3rem;font-size:1.15rem;font-weight:750;display:block}.field-hint{color:var(--atrimau-muted-ink);margin-bottom:1rem;font-size:.91rem}.editor-card textarea{resize:vertical;width:100%;min-height:15rem;color:var(--atrimau-deep-navy);background:#fff;border:1px solid #b9c3dd;border-radius:.65rem;padding:.95rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94rem;line-height:1.55;display:block}.editor-card textarea[readonly]{background:#fcfdff}.result-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.copy-status{color:#325f47;min-height:1.45rem;margin:0;font-size:.9rem}.copy-status[data-state=error]{color:#9b302e}.options-card{margin:0}.options-card legend{padding:0}.option-row{grid-template-columns:auto 1fr;gap:.8rem;padding:.8rem 0;display:grid}.option-row+.option-row{border-top:1px solid var(--atrimau-border)}.option-row input{width:1.2rem;height:1.2rem;accent-color:var(--atrimau-deep-navy);margin:.15rem 0 0}.option-row label{cursor:pointer;font-weight:650}.option-row small{color:var(--atrimau-muted-ink);margin-top:.2rem;font-size:.86rem;display:block}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.quick-example{padding-bottom:0}.quick-example h2{font-size:1.45rem}.example-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.example-pair>div{border:1px solid var(--atrimau-border);background:#fff;border-radius:.8rem;padding:1.1rem}.example-pair h3{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.example-pair pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow-x:auto}.content-grid h2{font-size:1.45rem}.content-grid p{color:#425076}.inline-code,.prose code{background:#edf1fc;border-radius:.25em;padding:.1em .28em;font-size:.92em}.article-shell{width:min(100% - 2.5rem,46rem);margin-inline:auto}.article-header{padding-top:clamp(3rem,6vw,5rem);padding-bottom:1.5rem}.article-header h1{font-size:clamp(2.25rem,4.4vw,3.7rem)}.article-meta{color:var(--atrimau-muted-ink);font-size:.9rem}.prose{font-size:1.05rem;line-height:1.75}.prose h2{margin-top:2.6rem;font-size:1.65rem}.prose h3{margin-top:1.8rem;font-size:1.18rem}.prose p,.prose ul,.prose ol{margin-bottom:1.15rem}.prose li+li{margin-top:.35rem}.prose pre{border:1px solid var(--atrimau-border);background:#fff;border-radius:.7rem;padding:1.1rem;line-height:1.55;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose .article-cta{background:#eaf0ff;border-radius:1rem;margin-top:2.4rem;padding:1.5rem}@media (width<=760px){.hero-grid,.tool-workspace,.content-grid,.example-pair,.feature-grid{grid-template-columns:1fr}.hero-grid{gap:2.5rem}.callout-card{flex-direction:column;align-items:flex-start}}@media (width<=480px){.site-shell,.article-shell{width:min(100% - 1.5rem,72rem)}.header-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem;padding-block:.7rem}.main-nav a{padding-inline:.5rem}.editor-card,.options-card{padding:1rem}.editor-card textarea{min-height:14rem}}