:root{--bg-canvas:#3b0d1a;--bg-surface:#542333;--bg-surface-hover:#653344;--text-primary:#fff6e8;--text-muted:#e0c3c7;--accent-primary:#e8d5a8;--accent-secondary:#dba7b4;--border-subtle:rgba(232,213,168,.25);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(232,213,168,.3);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.35rem,5.3vw,4.7rem);letter-spacing:-.055em;font-weight:650;max-width:18ch;margin-bottom:1.5rem}h2{font-size:clamp(1.7rem,3.1vw,2.7rem);letter-spacing:-.035em}h3{font-size:1.25rem;letter-spacing:-.015em}p{margin-bottom:1.25rem}a{color:inherit;text-decoration-color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:var(--accent-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}figure{margin:0}figcaption{font-size:.85rem;color:var(--text-muted);padding-top:.75rem}svg{display:block;max-width:100%;height:auto}svg text{font-family:ui-monospace,Consolas,monospace}ul,ol{padding-left:1.3rem}li+li{margin-top:.6rem}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-100px;z-index:20;background:var(--accent-primary);color:var(--bg-canvas);padding:12px}.skip-link:focus{top:12px}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-bottom:1px solid var(--border-subtle);background:transparent;transition:background .3s}.site-header.scrolled{background:#461321}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-weight:750;letter-spacing:-.035em;text-decoration:none;font-size:1.12rem}.brand-mark{display:flex;align-items:center;gap:3px;height:27px}.brand-mark i{display:block;width:4px;background:var(--accent-primary);height:14px}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:20px}.site-nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,23px)}.site-nav a{font-size:.82rem;text-decoration:none;position:relative;white-space:nowrap}.site-nav a:after,.text-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease-kinetic)}.site-nav a:hover:after,.site-nav a[aria-current=page]:after,.text-link:hover:after{width:100%}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:1.8rem;line-height:1;width:44px;height:44px}.eyebrow,.label,.step-number{font-family:ui-monospace,Consolas,monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-primary)}.eyebrow{margin-bottom:1.25rem}.hero{position:relative;isolation:isolate;padding:80px 0 70px}.hero:before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:6%;top:30px;border-radius:50%;background:radial-gradient(circle,rgba(219,167,180,.19),transparent 70%);animation:orbFloat 12s ease-in-out infinite;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:center}.lead{font-size:1.13rem;color:var(--text-muted);max-width:57ch}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 21px;background:var(--accent-primary);color:var(--bg-canvas);border:1px solid var(--accent-primary);border-radius:4px;font-weight:700;text-decoration:none;line-height:1.35;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);color:var(--bg-canvas)}.button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.button.secondary:hover{background:var(--bg-surface-hover)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.text-link{position:relative;text-decoration:none;font-weight:600}.signal-art{background:var(--accent-primary);color:var(--bg-canvas);padding:24px;border:1px solid var(--border-subtle);border-radius:4px;box-shadow:var(--shadow-elevation)}.signal-art .label{color:var(--bg-canvas)}.signal-caption{display:flex;justify-content:space-between;gap:12px;font-family:ui-monospace,Consolas,monospace;font-size:.7rem;border-top:1px solid #3b0d1a44;padding-top:14px}.section{padding:72px 0}.section-heading{max-width:720px;margin-bottom:32px}.section-heading p{color:var(--text-muted)}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"workflow workflow note" "workflow workflow checkpoint";gap:18px}.tile,.card,.panel{padding:28px;background:rgba(84,35,51,.78);border:1px solid var(--border-subtle);border-radius:4px;backdrop-filter:var(--glass-backdrop);transition:transform .4s var(--ease-kinetic),box-shadow .4s,border-color .4s,background .4s}.card:hover,.tile:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);border-color:var(--accent-primary)}.workflow{grid-area:workflow;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(130deg,#542333,#6b3545,#542333);background-size:200% 200%;animation:gradientShift 12s ease infinite}.note{grid-area:note}.checkpoint{grid-area:checkpoint}.pathway{list-style:none;padding:0;margin:30px 0 15px;display:grid;gap:0}.pathway li{display:grid;grid-template-columns:40px 1fr;gap:15px;position:relative;margin:0;padding-bottom:25px}.pathway li:not(:last-child):before{content:"";position:absolute;top:30px;bottom:0;left:15px;width:1px;background:var(--accent-secondary)}.step-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--accent-secondary);border-radius:4px;letter-spacing:0}.pathway h3{margin-bottom:6px}.pathway p{margin:0;color:var(--text-muted);font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--text-primary)}.card p{font-size:.95rem;color:var(--text-muted);flex:1}.card .label{margin-bottom:24px}.card .arrow{font-size:1.3rem;color:var(--accent-primary)}.champagne{background:var(--accent-primary);color:var(--bg-canvas)}.champagne .eyebrow,.champagne .label,.champagne .section-heading p{color:#623344}.champagne a:hover{color:#702741}.champagne .panel{background:rgba(255,246,232,.45);border-color:#3b0d1a33;backdrop-filter:none}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;align-items:start}.checklist{padding-left:1.25rem}.checklist li{padding-left:7px}.checklist li::marker{color:#77354a}.small{font-size:.87rem}.muted{color:var(--text-muted)}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:1.85rem;margin-top:2.8rem}.prose h3{margin-top:1.8rem}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:var(--text-primary)}.page-heading{padding:65px 0 38px}.page-heading h1{font-size:clamp(2.7rem,5.2vw,4.5rem);max-width:22ch}.article-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:42px;align-items:start;padding-bottom:70px}.article-layout .prose{width:100%}.article-aside{position:sticky;top:24px}.article-aside .label{display:block;margin-bottom:16px}.article-aside a{display:block;margin-top:12px;font-size:.9rem}.media-banner{aspect-ratio:16/9;margin-bottom:26px}.media-grid{aspect-ratio:4/3}.media-thumbnail{aspect-ratio:1/1;max-width:110px}.horizontal-card{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center}.horizontal-card p{margin:0;font-size:.92rem}.table-scroll{overflow-x:auto;max-width:100%;margin:30px 0;border:1px solid var(--border-subtle);border-radius:4px}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}caption{text-align:left;padding:16px;background:var(--bg-surface);font-weight:600}th,td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle)}th{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;color:var(--accent-primary)}.listening-diagram{padding:24px;border:1px solid var(--border-subtle);border-radius:4px;margin:26px 0;background:var(--bg-surface)}.meter-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px;margin:12px 0;font-size:.8rem}.signal-bar{height:14px;background:repeating-linear-gradient(90deg,var(--accent-primary) 0 5px,transparent 5px 8px);width:var(--signal-width,75%)}.diagram-note{font-size:.82rem;margin:16px 0 0;color:var(--text-muted)}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{cursor:pointer;font-weight:600;line-height:1.5;padding-right:12px}details p{color:var(--text-muted);margin:16px 0 0;max-width:70ch}.champagne details{border-color:#3b0d1a33}.champagne details p{color:#623344}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.field label{font-weight:600;font-size:.9rem}.field input,.field textarea,.field select{width:100%;padding:12px 14px;border-radius:4px;border:1px solid var(--border-subtle);background:#2e0b15;color:var(--text-primary);min-height:48px}.field textarea{resize:vertical;min-height:160px}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#2e0b15;border:1px solid var(--border-subtle);border-radius:4px;padding:20px;font: .9rem/1.65 ui-monospace,Consolas,monospace;min-height:190px}.status{min-height:1.8em;color:var(--accent-primary);font-size:.9rem;margin-top:15px}.site-footer{border-top:1px solid var(--border-subtle);padding:48px 0 24px;background:#300a15}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:36px}.site-footer h2{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:18px}.site-footer p,.site-footer address,.footer-links{font-size:.83rem;color:var(--text-muted);font-style:normal}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.footer-base{display:flex;justify-content:space-between;gap:20px;padding-top:26px;margin-top:30px;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted)}.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes orbFloat{50%{transform:translate(-25px,20px) scale(1.12)}}@keyframes gradientShift{50%{background-position:100% 100%}}
@media(min-width:1025px){.hero{min-height:590px}.topic-grid .card{min-height:275px}}
@media(min-width:769px) and (max-width:1024px){.site-header{padding:20px}.site-nav{gap:12px}.site-nav a{font-size:.73rem}.brand{font-size:.98rem}.hero-grid{gap:28px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:25px;grid-template-columns:minmax(0,2fr) minmax(200px,1fr))}.footer-grid{gap:24px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.site-header{padding:18px 20px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:calc(100% - 1px);padding:20px;background:#542333;backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-subtle);border-radius:4px;box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex;animation:menuDrop .25s var(--ease-kinetic)}.site-nav a{padding:11px;font-size:.95rem}.site-nav a:after{display:none}.hero{padding:50px 0}.hero-grid,.split{grid-template-columns:1fr;gap:32px}.signal-art{max-width:580px}.section{padding:50px 0}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"workflow workflow" "note checkpoint"}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>section:first-child{grid-column:1/-1}.page-heading{padding-top:45px}.form-grid{grid-template-columns:1fr;gap:0}}
@media(min-width:481px) and (max-width:768px){.hero h1{font-size:3.5rem}.hero-grid{gap:40px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.site-header{padding:16px}.brand{font-size:1.02rem}.bento,.topic-grid,.grid,.article-aside,.footer-grid{grid-template-columns:1fr}.bento{grid-template-areas:"workflow" "note" "checkpoint"}.tile,.card,.panel{padding:22px}.signal-art{padding:16px}.hero{padding:38px 0}.hero h1{font-size:2.65rem}.footer-grid>section:first-child{grid-column:auto}.footer-base{flex-direction:column;gap:8px}.actions .button{width:100%}.horizontal-card{grid-template-columns:80px 1fr}.meter-row{grid-template-columns:80px 1fr}.page-heading h1{font-size:2.6rem}}
@keyframes menuDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.card:hover,.tile:hover,.button:hover{transform:none}}