:root{--bg-canvas:#160f2e;--bg-surface:#261b40;--bg-surface-hover:#342047;--text-primary:#fff;--text-muted:#d4c5dd;--accent-primary:#e0409b;--accent-secondary:#d8b45c;--border-subtle:#77506f;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:none;--glow-accent:none;--glass-backdrop:blur(16px) saturate(180%);--reading-width:70ch}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.8 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:.25em}a:hover{color:#fff}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}figure{margin:0}figcaption{color:var(--text-muted);font-size:.88rem;margin-top:.65rem}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;margin:0 0 1.2rem;hyphens:none}h1{font-size:clamp(2.7rem,6vw,5.5rem);max-width:17ch}h2{font-size:clamp(2rem,3.8vw,3.5rem);max-width:22ch}h3{font-size:1.4rem;letter-spacing:-.025em}p{margin:0 0 1.2rem}ul,ol{padding-left:1.4rem}li{margin-bottom:.55rem}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-120px;left:1rem;z-index:20;background:var(--accent-secondary);color:var(--bg-canvas);padding:.7rem 1rem}.skip:focus{top:1rem}.site-header{position:relative;z-index:5;padding:24px 28px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:-.03em;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--accent-secondary);border-radius:50%;color:var(--accent-secondary);font-size:1.2rem}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%}.nav-group{display:flex;align-items:center;gap:23px}.site-nav a{font-size:.85rem;text-decoration:none;color:var(--text-muted);white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:.5rem}.menu-toggle{display:none;border:0;background:var(--bg-surface);color:#fff;border-radius:50%;width:44px;height:44px;font-size:1.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:var(--accent-secondary);margin-bottom:1.4rem}.hero{position:relative;isolation:isolate;padding:92px 0 76px;background:radial-gradient(ellipse at 85% 30%,#e0409b26,transparent 58%),var(--bg-canvas)}.hero:before{content:"";position:absolute;z-index:-1;right:7%;top:10%;width:clamp(180px,30vw,420px);height:clamp(180px,30vw,420px);border-radius:50%;background:radial-gradient(circle,#e0409b2e,transparent 70%);animation:orbit 12s ease-in-out infinite}.hero h1{max-width:17ch;font-size:clamp(3.3rem,7.6vw,7rem)}.hero .intro{max-width:60ch;font-size:1.2rem;color:var(--text-muted);margin:1.7rem 0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:1.7rem}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.4rem;border:0;border-radius:100px;background:var(--accent-primary);color:#200d26;text-decoration:none;font-weight:700;line-height:1.4;transition:transform .3s var(--ease-kinetic),background .3s}.button:hover,button.primary:hover{color:#200d26;background:#ef72b7;transform:translateY(-4px) scale(1.015)}.button.secondary{background:var(--accent-secondary);color:#241627}.quiet-link{color:var(--text-primary);font-size:.95rem}.hero-note{font-size:.85rem;color:var(--text-muted);margin-top:1.7rem}.hero-index{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.85rem}.hero-index span:before{content:"○";color:var(--accent-primary);margin-right:9px}.workflow{padding:88px 0;border-top:1px solid var(--border-subtle)}.workflow:nth-of-type(odd){background:radial-gradient(ellipse at 5% 60%,#d8b45c0e,transparent 60%)}.spread{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:72px}.spread.reverse .visual{order:-1}.spread p{color:var(--text-muted);max-width:62ch}.step-label{display:flex;align-items:center;gap:12px;color:var(--accent-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.4rem}.badge{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--border-subtle);border-radius:50%;color:var(--accent-secondary);font-size:.85rem;flex-shrink:0}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:30px;min-width:0}.panel h3{margin-bottom:.8rem}.panel p:last-child{margin-bottom:0}.interactive-card{transition:transform .4s var(--ease-kinetic),background .4s,border-color .4s}.interactive-card:hover{transform:translateY(-5px) scale(1.015);background:var(--bg-surface-hover);border-color:var(--accent-primary)}.media-frame{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:20px}.media-frame img{width:100%;height:auto;aspect-ratio:4/3}.media-banner img{width:100%;height:auto;aspect-ratio:16/9}.thumbnail{width:84px;height:84px;aspect-ratio:1}.taxonomy{font-family:"Trebuchet MS","Segoe UI",sans-serif;border-left:1px solid var(--border-subtle);padding-left:22px;margin:1rem 0}.taxonomy p{margin:.5rem 0}.taxonomy .branch{padding-left:24px;color:var(--text-muted)}.example{display:block;padding:15px 18px;border:1px solid var(--border-subtle);background:#1e1533;color:var(--accent-secondary);font-family:inherit;overflow-wrap:anywhere}.mini-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border-subtle);padding:13px 0}.mini-row:last-child{border-bottom:0}.mini-row strong{color:#fff}.mini-row span{font-size:.9rem;color:var(--text-muted)}.checklist{list-style:none;padding:0}.checklist li{padding:.55rem 0 .55rem 1.8rem;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--accent-secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px}.section-heading{margin-bottom:2rem}.section{padding:64px 0}.page-hero{padding:72px 0 52px;background:radial-gradient(ellipse at 90% 10%,#e0409b1c,transparent 60%);border-bottom:1px solid var(--border-subtle)}.page-hero .intro{max-width:66ch;color:var(--text-muted);font-size:1.15rem}.page-hero h1{margin-bottom:1.5rem}.breadcrumb{font-size:.82rem;color:var(--text-muted);margin-bottom:2rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:60px;padding:60px 0}.prose{max-width:var(--reading-width);margin:0 auto;min-width:0}.prose h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-top:2.8rem}.prose h2:first-child{margin-top:0}.prose h3{margin-top:2rem}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:#fff}.prose figure{margin:2rem 0}.prose .panel{margin:1.8rem 0}.article-aside{align-self:start}.article-aside .panel{padding:22px}.article-aside h2{font-size:1.2rem}.article-aside a{display:block;margin:.65rem 0;font-size:.9rem}.article-aside p{font-size:.9rem;color:var(--text-muted)}.callout{border-left:3px solid var(--accent-primary);padding:15px 22px;background:var(--bg-surface);margin:1.8rem 0}.callout p:last-child{margin-bottom:0}.table-scroll{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-subtle)}table{border-collapse:collapse;width:100%;font-size:.94rem;text-align:left}th,td{padding:16px;vertical-align:top;border-bottom:1px solid var(--border-subtle);min-width:130px}th{background:var(--bg-surface);color:var(--accent-secondary)}td{color:var(--text-muted)}tr:last-child td{border-bottom:0}dl{margin:1.4rem 0}dt{color:var(--accent-secondary);font-weight:700;margin-top:1rem}dd{margin:0 0 1rem;color:var(--text-muted)}details{border:1px solid var(--border-subtle);background:var(--bg-surface);margin:1rem 0;padding:22px}summary{cursor:pointer;font-weight:700;line-height:1.5}details p{margin:1rem 0 0;color:var(--text-muted)}.related{border-top:1px solid var(--border-subtle);padding:44px 0}.related h2{font-size:1.5rem}.related .panel{display:block;text-decoration:none;color:#fff}.related p{color:var(--text-muted);font-size:.95rem}.form-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:48px}.field{margin-bottom:1.2rem}.field label{display:block;font-weight:700;margin-bottom:.4rem}.field small{display:block;color:var(--text-muted);margin-top:.4rem}input,textarea,select{width:100%;border:1px solid var(--border-subtle);border-radius:0;background:#1e1533;color:#fff;padding:12px}textarea{resize:vertical;min-height:160px}select option{background:var(--bg-surface);color:#fff}.output{white-space:pre-wrap;border:1px solid var(--border-subtle);background:var(--bg-canvas);padding:20px;max-height:480px;overflow:auto;min-height:110px;font:inherit}.status{color:var(--accent-secondary);min-height:1.8em;margin-top:1rem}.small{font-size:.88rem;color:var(--text-muted)}.site-footer{border-top:1px solid var(--border-subtle);padding:40px 0 28px;background:#120c25}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-top p{color:var(--text-muted);font-size:.88rem;max-width:48ch;margin-top:.8rem}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-subtle);font-size:.8rem;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)}[hidden]{display:none!important}@keyframes orbit{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,22px)}}
@media(min-width:1025px){.workflow{min-height:600px}.article-aside{position:sticky;top:24px}}
@media(min-width:769px) and (max-width:1024px){.site-header{gap:20px;padding:20px}.nav-group{gap:12px}.site-nav{gap:14px}.brand{font-size:.87rem}.site-nav a{font-size:.77rem}.spread{gap:35px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.site-header{padding:16px 20px;justify-content:space-between;flex-wrap:wrap;gap:16px}.menu-toggle{display:block}.site-nav{display:none;width:100%;padding:18px;border:1px solid var(--border-subtle);background:var(--bg-surface);align-items:stretch}.site-nav.is-open{display:flex;flex-direction:column;gap:0;animation:menuEnter .25s var(--ease-kinetic)}.nav-group{flex-direction:column;align-items:stretch;gap:0}.site-nav a{display:block;padding:12px 4px;font-size:1rem}.hero{padding:65px 0 50px}.hero h1{font-size:clamp(3.2rem,10vw,5rem)}.spread,.article-layout,.form-layout{grid-template-columns:1fr;gap:30px}.spread.reverse .visual{order:0}.workflow{padding:55px 0}.article-layout{padding:40px 0}.article-aside{border-top:1px solid var(--border-subtle);padding-top:25px}.page-hero{padding:45px 0 35px}.footer-top{flex-direction:column}.section{padding:45px 0}.panel{padding:24px}.hero-index{gap:10px 22px}@keyframes menuEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.site-header{padding:14px 16px}.brand{font-size:.9rem}.hero h1{font-size:3.05rem}.hero .intro{font-size:1.06rem}.actions{align-items:stretch;gap:16px}.actions .button{width:100%}.panel{padding:20px}.media-frame{padding:12px}.footer-links{gap:12px 18px}h1{font-size:2.7rem}.hero-index{flex-direction:column}.mini-row{gap:12px}.mini-row span{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.interactive-card:hover,.button:hover,button.primary:hover{transform:none}}