*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--obloc-bg);color:var(--obloc-text);font-family:var(--obloc-font-body);font-size:15px;line-height:1.65;transition:background-color var(--obloc-motion-ms),color var(--obloc-motion-ms)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--obloc-focus);outline-offset:4px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--obloc-font-display);font-weight:400;line-height:1.12}h2{font-size:42px;letter-spacing:-1.4px}h3{font-size:26px;letter-spacing:-.6px}p{color:var(--obloc-muted)}code,pre,output,.eyebrow,.edition,.composition-title,.composition-footer,.status-tag,.hero-stats,.theme-code{font-family:var(--obloc-font-mono)}.skip-link{position:fixed;z-index:100;top:-100px;left:10px;background:var(--obloc-accent);color:var(--obloc-accent-text);padding:12px}.skip-link:focus{top:10px}.masthead{min-height:88px;display:flex;align-items:center;gap:28px;padding:16px 5vw;border-bottom:1px solid var(--obloc-line);background:var(--obloc-bg)}.wordmark{display:flex;align-items:center;text-decoration:none;font-size:27px;letter-spacing:.5px;font-weight:700;gap:9px;line-height:1}.brand-mark{font-size:37px;color:var(--obloc-secondary)}.wordmark small{font-family:var(--obloc-font-mono);font-size:9px;line-height:1.5;max-width:84px;letter-spacing:1px;padding-left:16px;border-left:1px solid var(--obloc-line);margin-left:12px}.masthead nav{display:flex;gap:24px;margin:auto;font-size:12px}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}.edition{font-size:9px;letter-spacing:1.1px;color:var(--obloc-muted);white-space:nowrap}.edition b{color:var(--obloc-text);margin-left:12px}main{max-width:1440px;margin:0 auto;padding:0 5vw}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;padding:77px 0 65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500;color:var(--obloc-secondary);margin-bottom:17px}.hero .eyebrow{display:flex;gap:10px;align-items:center}.tiny-rule{height:1px;width:27px;background:currentColor}.hero h1{font-size:clamp(65px,6.8vw,104px);line-height:.99;letter-spacing:-4px;margin:25px 0 27px}.hero h1 em{font-weight:400;color:var(--obloc-accent);font-style:italic}.hero-lead{font-size:21px;line-height:1.5;color:var(--obloc-text);margin-bottom:18px}.hero-copy{font-size:13px;max-width:450px;line-height:1.8;margin-bottom:27px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--obloc-control-size);border:1px solid var(--obloc-control-line);border-radius:7px;padding:10px 17px;color:var(--obloc-text);background:var(--obloc-surface);font-size:12px;font-weight:600;text-decoration:none;gap:25px;transition:transform var(--obloc-motion-ms),background-color var(--obloc-motion-ms)}.button:hover{transform:translateY(-1px);background:var(--obloc-raised)}.button.primary{background:var(--obloc-accent);color:var(--obloc-accent-text);border-color:var(--obloc-accent)}.button.primary:hover{background:var(--obloc-accent-hover)}.text-link{color:var(--obloc-secondary);text-decoration:underline;text-underline-offset:5px;font-size:12px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;max-width:470px;border-top:1px solid var(--obloc-line);padding-top:23px;margin-top:39px;color:var(--obloc-muted);font-size:9px;line-height:1.6}.hero-stats strong{display:block;font-family:var(--obloc-font-display);font-size:27px;color:var(--obloc-text);font-weight:400;margin-bottom:2px}.hero-composition{position:relative;background:#0E1B29;color:#F1F5F9;padding:27px;border:1px solid #3A4F6B;box-shadow:0 25px 70px #00000022}.hero-composition::before{content:"";position:absolute;inset:-13px 13px 13px -13px;border:1px solid var(--obloc-line);z-index:-1}.composition-title,.composition-footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.5px}.composition-title{margin-bottom:23px}.palette-stack{display:grid;gap:7px}.palette-swatch{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1px solid #F1F5F930;border-radius:2px}.palette-swatch strong{font-size:13px;font-weight:500}.palette-swatch code{font-size:11px}.hero-composition p{font-size:10px;line-height:1.7;margin:21px 0;color:#B9C3CF}.composition-footer{border-top:1px solid #3A4F6B;padding-top:20px;font-size:7px;color:#B9C3CF}.section{padding:49px 0 60px;border-top:1px solid var(--obloc-line)}.section-heading{display:flex;align-items:flex-end;gap:35px;justify-content:space-between;margin-bottom:30px}.section-heading h2{margin:0}.section-heading p:not(.eyebrow){font-size:12px;max-width:365px;line-height:1.8;margin:0 0 4px}.section-heading .eyebrow{margin-bottom:13px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.theme-card{padding:0;border:1px solid var(--obloc-line);border-radius:12px;overflow:hidden;text-align:left;background:var(--obloc-surface);color:var(--obloc-text);position:relative}.theme-card.selected{outline:2px solid var(--obloc-focus);outline-offset:3px}.theme-card:hover{border-color:var(--obloc-control-line)}.theme-mini{height:152px;display:grid;grid-template-columns:44px 1fr;gap:0}.mini-nav{background:#0E1B29;padding:15px 9px;display:flex;flex-direction:column;gap:12px}.mini-nav i{height:4px;border-radius:2px;background:#3A4F6B}.mini-nav i:first-child{background:#D4AF37}.mini-main{padding:17px 18px;display:flex;flex-direction:column;gap:11px}.mini-top{display:flex;justify-content:space-between;font-size:8px;font-family:var(--obloc-font-mono)}.mini-title{font-family:Georgia,serif;font-size:17px}.mini-graph{display:flex;align-items:end;gap:5px;height:32px}.mini-graph i{width:14%;opacity:.85;border-radius:2px 2px 0 0}.mini-action{align-self:start;font-size:6px;padding:4px 8px;border-radius:3px}.theme-card-copy{padding:19px}.theme-card-copy .theme-code{font-size:9px;letter-spacing:1px;color:var(--obloc-muted)}.theme-card h3{font-size:23px;margin:8px 0}.theme-card p{font-size:11px;margin-bottom:15px}.allocation-bar{height:5px;display:flex;border-radius:3px;overflow:hidden;margin:14px 0}.theme-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-family:var(--obloc-font-mono);color:var(--obloc-muted)}.selected-tag{color:var(--obloc-secondary)}.active-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 0 0;gap:20px}.active-bar>div:first-child{display:grid;grid-template-columns:auto auto;gap:2px 14px;align-items:center}.active-bar .eyebrow{font-size:8px;margin:0}.active-bar strong{font-weight:500;font-size:14px}.active-bar #active-use{grid-column:1/-1;font-size:11px;color:var(--obloc-muted)}.export-actions{display:flex;gap:10px;align-items:center}.small-control{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--obloc-muted)}select,input{border:1px solid var(--obloc-control-line);border-radius:6px;padding:10px 12px;background:var(--obloc-input);color:var(--obloc-text);min-height:var(--obloc-control-size)}select{max-width:100%}.small-control select{font-size:11px}.workspace{display:grid;grid-template-columns:184px 1fr;border:1px solid var(--obloc-control-line);border-radius:12px;overflow:hidden;background:var(--obloc-surface)}.workspace-nav{background:var(--obloc-nav-bg);color:var(--obloc-nav-text);padding:24px 13px;display:flex;flex-direction:column;gap:7px}.workspace-brand{padding:0 10px 25px;font-weight:600;font-size:21px;line-height:1.2}.workspace-brand span{display:block;color:var(--obloc-nav-muted);font-weight:400;font-size:10px;margin-top:7px}.workspace-link{display:flex;gap:10px;align-items:center;text-align:left;background:none;border:1px solid transparent;color:var(--obloc-nav-muted);font-size:11px;border-radius:6px;min-height:44px;padding:10px}.workspace-link.active{background:#3A4F6B55;border-color:#3A4F6B;color:var(--obloc-nav-active)}.workspace-link:focus-visible{outline-color:#00C896}.nav-note{margin-top:auto;padding:70px 10px 0;color:var(--obloc-nav-muted);font-size:8px;font-family:var(--obloc-font-mono);line-height:1.7}.nav-note span{display:block;font-family:var(--obloc-font-body);font-size:10px;margin-top:8px}.workspace-main{padding:28px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.workspace-top .eyebrow{font-size:8px;margin-bottom:10px}.workspace-top h3{font-size:29px;margin-bottom:18px}.status-tag{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--obloc-success);background:var(--obloc-success-bg);color:var(--obloc-success);border-radius:100px;padding:5px 10px;font-size:9px;white-space:nowrap}.status-tag.warning{color:var(--obloc-warning);background:var(--obloc-warning-bg);border-color:var(--obloc-warning)}.status-tag.outline{color:var(--obloc-text);background:none;border-color:var(--obloc-control-line)}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:19px;align-items:stretch}.bill-preview{background:#0E1B29;color:#F1F5F9;border:1px solid #D4AF37;border-radius:3px;position:relative;padding:21px 25px;overflow:hidden;min-height:181px;display:flex;flex-direction:column;justify-content:space-between}.bill-preview::before{content:"";position:absolute;inset:8px;border:1px solid #D4AF3766;pointer-events:none}.bill-preview span{font-size:8px;font-family:var(--obloc-font-mono);color:#D4AF37;letter-spacing:2px}.bill-preview strong{font-size:37px;font-family:Georgia,serif;font-weight:400;letter-spacing:4px;line-height:1.1}.bill-preview em{font-style:normal;font-size:9px;color:#F1F5F9;letter-spacing:1px}.bill-preview p{font-size:8px;color:#B9C3CF;margin:5px 0 0}.spec-data{display:grid;align-content:center;gap:0}.spec-data>div{display:flex;gap:10px;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--obloc-line);font-size:10px}.spec-data>div span{color:var(--obloc-muted)}.spec-data code{font-size:10px}.formula-box{display:flex;gap:18px;align-items:center;background:var(--obloc-raised);border:1px solid var(--obloc-line);border-radius:6px;padding:15px;margin-top:18px}.formula-box span{font-size:8px;color:var(--obloc-secondary);font-family:var(--obloc-font-mono);white-space:nowrap}.formula-box code{font-size:11px}.specimen-components{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding-top:21px}.specimen-control label{display:block;font-size:11px;margin-bottom:7px}.specimen-control input{width:100%;font-size:11px}.specimen-control small{font-size:9px;color:var(--obloc-muted)}.specimen-controls{display:flex;flex-wrap:wrap;gap:9px;align-content:center}.specimen-controls .button{font-size:10px;padding:9px 12px;flex:1;white-space:nowrap}.specimen-controls p{margin:0;font-size:9px;flex-basis:100%}.component-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:21px}.sample-card{padding:25px;border:1px solid var(--obloc-line);border-radius:12px;background:var(--obloc-surface);min-width:0}.sample-card h3{font-size:25px;margin-bottom:15px}.sample-card p{font-size:12px;line-height:1.8}.sample-card .eyebrow{font-size:8px}.sample-card code{font-size:10px;overflow-wrap:anywhere}.sample-card pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 24px;padding:15px;background:var(--obloc-raised);border:1px solid var(--obloc-line);border-radius:6px;font-size:11px;line-height:1.7}.status-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.check-label{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:18px}.check-label input{min-height:20px;min-width:20px;accent-color:var(--obloc-secondary)}.mixer{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.mixer-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px;border:1px solid var(--obloc-line);border-radius:12px;background:var(--obloc-surface)}.mixer-controls label{display:flex;flex-direction:column;gap:9px;font-size:11px}.mixer-controls label select{font-size:12px;width:100%}.mixer-controls .wide{grid-column:1/-1}.mixer-controls output{align-self:flex-end;margin-top:-28px;font-size:12px;color:var(--obloc-secondary)}input[type=range]{accent-color:var(--obloc-secondary);width:100%;padding:0;min-height:28px}.mixer-note{grid-column:1/-1;font-size:10px;margin:0}.mix-result{min-height:320px;border:1px solid var(--obloc-control-line);border-radius:12px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:background-color var(--obloc-motion-ms)}.mix-result>span{font-family:var(--obloc-font-mono);font-size:9px;letter-spacing:2px}.mix-result>strong{font-family:var(--obloc-font-mono);font-weight:400;font-size:clamp(33px,4.5vw,59px);letter-spacing:-3px;margin:20px 0 9px}.mix-result p{font-size:12px;color:inherit;max-width:340px}.mix-contrast{font-family:var(--obloc-font-mono);font-size:10px;line-height:1.8;margin:5px 0 21px}.ramps-heading{display:flex;justify-content:space-between;align-items:center;margin-top:34px;gap:20px}.ramps-heading h3{font-size:26px;margin:0}.ramps-heading span{font-size:10px;color:var(--obloc-muted);font-family:var(--obloc-font-mono)}.ramp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin-top:25px}.ramp-name{font-size:11px;color:var(--obloc-muted);display:flex;justify-content:space-between;margin-bottom:8px}.ramp-strip{display:grid;grid-template-columns:repeat(11,1fr);border:1px solid var(--obloc-line);border-radius:6px;overflow:hidden}.ramp-stop{height:45px;padding:0;border:0;position:relative}.ramp-stop:hover::after,.ramp-stop:focus-visible::after{content:"";position:absolute;inset:5px;border:1px solid currentColor;border-radius:3px}.ramp-endpoints{display:flex;justify-content:space-between;font-family:var(--obloc-font-mono);font-size:8px;color:var(--obloc-muted);margin-top:6px}.implementation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}footer{max-width:1440px;margin:auto;padding:30px 5vw 40px;border-top:1px solid var(--obloc-line);display:flex;gap:30px;align-items:center;justify-content:space-between;font-size:11px}footer>div{display:flex;align-items:center;gap:20px}footer strong{font-size:23px}footer span{max-width:145px;font-size:8px;letter-spacing:1.3px;font-family:var(--obloc-font-mono)}footer p{font-size:10px;margin:0}footer>a{font-size:10px}.announcement{position:fixed;bottom:20px;right:20px;max-width:360px;z-index:50;padding:12px 18px;border:1px solid var(--obloc-control-line);border-radius:8px;background:var(--obloc-raised);font-size:12px;box-shadow:0 10px 40px #0003;display:none}.announcement.show{display:block}.lesson-preview{min-height:180px;display:grid;grid-template-columns:160px 1fr;gap:23px;align-items:center}.glyph-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--obloc-control-line);border-radius:4px;overflow:hidden;aspect-ratio:1}.glyph-grid span{display:flex;align-items:center;justify-content:center;border:1px solid var(--obloc-line);font-size:19px;color:var(--obloc-secondary);background:var(--obloc-raised)}.lesson-preview h4{font-size:14px;margin:0 0 8px}.lesson-preview p{font-size:12px;line-height:1.8;margin:0}.wave-demo{background:var(--obloc-raised);display:flex;align-items:center;justify-content:center;min-height:170px;border:1px solid var(--obloc-line);border-radius:7px;font-size:75px;color:var(--obloc-secondary);font-family:Georgia,serif}.evidence-list{display:grid;gap:10px;min-height:180px}.evidence-list div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--obloc-line);font-size:12px;padding:8px}.evidence-list code{font-size:10px;color:var(--obloc-muted)}::selection{background:var(--obloc-selection-bg);color:var(--obloc-selection-text)}
@media(min-width:1500px){main,.masthead,footer{padding-left:70px;padding-right:70px}.masthead{justify-content:center}.hero{gap:100px}}
@media(max-width:1080px){.edition{display:none}.masthead nav{margin-left:auto;margin-right:0}.hero{gap:45px}.hero h1{font-size:75px}.hero-composition{padding:20px}.workspace{grid-template-columns:150px 1fr}.workspace-main{padding:21px}.workspace-top{align-items:start;flex-direction:column;gap:0;margin-bottom:20px}.workspace-top h3{margin-bottom:12px}.dashboard-grid{grid-template-columns:1fr}.bill-preview{min-height:170px}.specimen-components{grid-template-columns:1fr}.specimen-controls{justify-content:flex-start}.component-row,.implementation-grid{gap:12px}.sample-card{padding:20px}.active-bar{align-items:flex-start;flex-direction:column}.theme-card h3{font-size:21px}.export-actions{width:100%}}
@media(max-width:760px){.masthead{flex-wrap:wrap;padding:17px 6vw;gap:16px}.masthead nav{justify-content:space-between;width:100%;margin:0;gap:15px;font-size:11px}.wordmark{font-size:25px}main{padding:0 6vw}.hero{grid-template-columns:1fr;gap:44px;padding:45px 0}.hero h1{font-size:83px;letter-spacing:-3px}.hero-copy{max-width:none}.hero-composition{max-width:100%;padding:24px}.hero-stats{max-width:none}.section{padding:35px 0}.section-heading{display:block}.section-heading h2{font-size:34px;margin-bottom:16px}.theme-grid{grid-template-columns:1fr 1fr;gap:15px}.theme-mini{height:136px;grid-template-columns:30px 1fr}.mini-nav{padding:13px 6px}.mini-main{padding:14px 11px}.mini-title{font-size:15px}.theme-card-copy{padding:15px}.theme-card h3{font-size:22px}.theme-meta{font-size:8px}.workspace{grid-template-columns:1fr}.workspace-nav{display:flex;flex-direction:row;flex-wrap:wrap;padding:13px;gap:4px}.workspace-brand{width:100%;padding:5px 7px 12px;font-size:20px}.workspace-brand span{display:inline;margin-left:12px}.workspace-link{flex:1;font-size:10px;justify-content:center;padding:8px 4px;min-width:70px}.workspace-link span{display:none}.nav-note{display:none}.workspace-main{padding:22px}.component-row,.implementation-grid{grid-template-columns:1fr}.component-row .sample-card{padding:22px}.mixer{grid-template-columns:1fr}.mix-result{min-height:280px}.mix-result>strong{font-size:53px}.ramp-grid{grid-template-columns:1fr}.ramps-heading{display:block}.ramps-heading span{display:block;margin-top:8px}.hero-actions{gap:18px}.export-actions{flex-wrap:wrap}.small-control{flex-basis:100%}.sample-card h3{font-size:25px}.specimen-controls .button{flex:1}.formula-box{flex-direction:column;align-items:start;gap:9px}footer{padding:25px 6vw;flex-wrap:wrap;gap:22px}footer p{width:100%;order:3}.lesson-preview{grid-template-columns:120px 1fr;gap:18px}.glyph-grid span{font-size:17px}.wave-demo{font-size:45px}.section-heading p:not(.eyebrow){max-width:none}h2{letter-spacing:-.7px}}
@media(max-width:410px){.hero h1{font-size:70px}.theme-grid{grid-template-columns:1fr}.theme-mini{height:155px;grid-template-columns:45px 1fr}.mini-main{padding:20px}.mini-title{font-size:20px}.theme-card h3{font-size:25px}.hero-stats{gap:9px}.hero-stats span{font-size:8px}.mixer-controls{grid-template-columns:1fr;padding:20px}.mixer-controls .wide{grid-column:1}.lesson-preview{grid-template-columns:1fr}.glyph-grid{max-width:165px}.bill-preview strong{font-size:32px}.specimen-controls{flex-direction:column}.hero-actions .button{width:100%}.hero-actions .text-link{margin:auto}.active-bar>div:first-child{grid-template-columns:1fr}.active-bar strong{margin-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}[data-obloc-motion="off"]{scroll-behavior:auto}[data-obloc-motion="off"] *{transition:none!important}
@media print{.masthead nav,.export-actions,.mixer,.workspace-nav,.announcement,.hero-actions,.specimen-controls,.check-label{display:none!important}body{background:#F1F5F9!important;color:#0E1B29!important}p{color:#3A4F6B!important}.hero{padding:25px 0;gap:25px}.hero h1{font-size:65px}.section{break-inside:avoid}.theme-grid{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.button{display:none!important}.sample-card,.workspace-main{background:#F1F5F9;color:#0E1B29}footer{padding-bottom:0}}