:root{--bg-canvas:#f3f0fa;--bg-surface:#fff;--bg-surface-hover:#eae2f0;--text-primary:#334155;--text-muted:#635b6d;--accent-primary:#54264f;--accent-secondary:#855575;--border-subtle:#d5cbdc;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(45,20,43,.18);--glow-accent:0 0 24px -4px #85557555;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:1rem/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.eyebrow,.brand,nav{font-family:"Arial Narrow","Helvetica Neue",sans-serif}h1,h2,h3{line-height:1.14;letter-spacing:.055em;text-transform:uppercase;color:var(--accent-primary);text-wrap:balance}h1{font-size:clamp(2.25rem,6vw,5rem);margin:.35em 0}h2{font-size:clamp(1.6rem,3.2vw,2.7rem)}h3{font-size:1.1rem}p{margin:0 0 1.2em}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}figcaption,.small{font-size:.85rem;color:var(--text-muted)}figcaption{padding:.7rem 0}.wrap{width:min(1200px,calc(100% - 3rem));margin-inline:auto}.site-header{position:relative;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:10}.header-inner{min-height:92px;display:flex;align-items:center;gap:2rem;padding:1rem 1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;font-size:1rem;letter-spacing:.035em;white-space:nowrap;margin-right:auto}.brand-mark{width:26px;height:30px;display:inline-block;background:repeating-linear-gradient(90deg,var(--accent-primary) 0 5px,transparent 5px 8px);transform:skewY(-12deg)}nav{display:flex;gap:1.3rem;align-items:center;font-size:.85rem;letter-spacing:.055em}nav a{text-decoration:none;white-space:nowrap}nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--accent-primary);font-size:1.8rem;line-height:1;padding:.4rem .85rem}.skip{position:absolute;left:1rem;top:-100px;background:white;padding:.7rem;z-index:30}.skip:focus{top:1rem}.hero{position:relative;isolation:isolate;min-height:calc(100svh - 92px);display:grid;place-items:center;text-align:center;color:white;background:linear-gradient(125deg,#3d1b3c,#704265,#54264f);background-size:200% 200%;animation:gradientShift 12s ease infinite;padding:6rem 1.5rem}.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background:repeating-linear-gradient(45deg,transparent 0 36px,#f3f0fa 36px 38px,transparent 38px 75px),repeating-linear-gradient(-45deg,transparent 0 36px,#f3f0fa 36px 38px,transparent 38px 75px);mask-image:linear-gradient(#000,transparent)}.hero:after{content:"";position:absolute;width:min(55vw,600px);aspect-ratio:1;top:10%;left:10%;border-radius:50%;background:#ac7b9d;filter:blur(100px);opacity:.16;z-index:-1;animation:drift 14s ease-in-out infinite alternate}.hero-content{max-width:850px}.hero h1,.plum h2,.plum h3{color:white}.hero .eyebrow,.hero .small{color:#e5d9eb}.hero p{max-width:58ch;margin:1.5rem auto}.hero .button{background:#f3f0fa;color:#54264f;box-shadow:4px 4px 0 #b38ca9}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.button,button.action{display:inline-block;border:1px solid var(--accent-primary);padding:.85rem 1.25rem;background:var(--accent-primary);color:white;box-shadow:4px 4px 0 #b5a1bc;text-decoration:none;font-weight:650;cursor:pointer;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic),background .3s}.button:hover,button.action:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #b5a1bc}.button:active,button.action:active{transform:translate(4px,4px);box-shadow:none}.button.secondary,button.secondary{background:white;color:var(--accent-primary)}.section{padding:5rem 0}.section.white{background:white}.section.plum{background:var(--accent-primary);color:#f3f0fa}.plum a{color:white}.plum .eyebrow,.plum .small{color:#e1cfe1}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:2.5rem}.home-grid{grid-template-columns:1.05fr 1.45fr;align-items:start}.section-intro{max-width:45ch}.section-intro h2{margin-top:.4rem}.pattern-list{list-style:none;padding:0;margin:0}.pattern-row{display:grid;grid-template-columns:52px 1fr;gap:1.1rem;border-top:1px solid var(--border-subtle);padding:1.4rem 0;transition:transform .35s var(--ease-kinetic)}.pattern-row:hover{transform:translateX(5px)}.pattern-row h3{margin:0 0 .5rem}.pattern-row p{margin:0}.pattern-icon{height:44px;width:44px;border-radius:6px;display:grid;place-items:center;color:var(--accent-primary);background:#e7deed;font-size:1.6rem}.icon-lines{background:repeating-linear-gradient(90deg,#855575 0 4px,#eee6f2 4px 10px)}.icon-check{background:conic-gradient(#855575 25%,#eee6f2 0 50%,#855575 0 75%,#eee6f2 0);background-size:20px 20px}.icon-diagonal{background:repeating-linear-gradient(45deg,#855575 0 5px,#eee6f2 5px 13px)}.visual{border-radius:20px;overflow:hidden;background:#e8dfef;aspect-ratio:4/3}.visual.banner{aspect-ratio:16/9}.visual.square{aspect-ratio:1}.panel{border-radius:20px;background:var(--bg-surface);padding:2rem}.plum .panel{color:var(--text-primary)}.plum .panel h3{color:var(--accent-primary)}.wide-link{display:inline-block;margin-top:1rem;font-weight:700}.page-head{padding:5rem 0 3rem;border-bottom:1px solid var(--border-subtle)}.page-head h1{max-width:1000px}.lead{font-size:1.15rem;max-width:64ch;color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:4rem;align-items:start}.prose{max-width:70ch;margin:0 auto;min-width:0}.prose h2{font-size:1.65rem;margin-top:2.5rem}.prose h3{margin-top:2rem}.prose li{margin-bottom:.7rem}.study-aside{border-top:3px solid var(--accent-primary);padding-top:1rem}.study-aside ul{padding-left:1.2rem}.study-aside figure{margin:1.5rem 0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;padding:.9rem;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{color:var(--accent-primary)}details{border-top:1px solid var(--border-subtle);padding:1.25rem 0}summary{font-weight:700;cursor:pointer;color:var(--accent-primary)}details p{margin:1rem 0 0}.faq-list{max-width:75ch;margin:auto}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;border-top:1px solid var(--border-subtle);padding:1.2rem 0;display:grid;grid-template-columns:2rem 1fr;gap:1rem}.steps li:before{content:counter(step,decimal-leading-zero);font-weight:700;color:var(--accent-secondary)}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.contact-form{display:grid;gap:1rem}label{display:block;font-weight:650}input,textarea,select{display:block;width:100%;padding:.8rem;border:1px solid #95869e;border-radius:4px;background:white;color:var(--text-primary);margin-top:.35rem}textarea{min-height:180px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.status{min-height:1.8em;font-size:.92rem}.site-footer{background:#e7dfed;border-top:1px solid var(--border-subtle);padding:3rem 0}.footer-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer-meta{font-size:.85rem;color:var(--text-muted);margin-top:1.2rem}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes drift{to{transform:translate(20%,10%) scale(1.1)}}
@media(min-width:1025px){.header-inner{padding-inline:2rem}.section{padding-block:6rem}}
@media(min-width:769px) and (max-width:1024px){.header-inner{gap:1rem}.brand{font-size:.85rem}nav{gap:.8rem;font-size:.75rem}.article-layout{gap:2rem}}
@media(max-width:768px){.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1.5rem;background:rgba(255,255,255,.97);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-elevation);border-bottom:1px solid var(--border-subtle);flex-direction:column;align-items:stretch;gap:0}nav.is-open{display:flex}nav a{padding:.8rem 0}.header-inner{min-height:78px}.hero{min-height:calc(100svh - 78px)}.home-grid,.article-layout{grid-template-columns:1fr}.section{padding-block:3.5rem}.page-head{padding-top:3rem}.study-aside{margin-top:1rem}}
@media(min-width:481px) and (max-width:768px){.bento{gap:2rem}.hero h1{font-size:4rem}}
@media(max-width:480px){.wrap{width:calc(100% - 2rem)}.header-inner{padding:1rem;gap:.5rem}.brand{font-size:.82rem}.brand-mark{width:22px}.form-grid{grid-template-columns:1fr}.hero{padding:4rem 1rem}.hero h1{font-size:2.65rem}.panel{padding:1.3rem}.actions>*{width:100%;text-align:center}.page-head h1{font-size:2.3rem}.footer-grid{display:block}.footer-links{margin-top:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}