#leadModal{display:none!important}.site-header,.site-footer,nav{display:none!important}:root{--bg-brand: #060D16;--bg-section: #0C1620;--bg-card: #111D2B;--bg-card-hover: #162640;--border-dim: rgba(196,154,92,.07);--border-med: rgba(196,154,92,.14);--gold: #C49A5C;--gold-light: #D4AA6A;--gold-glow: rgba(196,154,92,.1);--navy: #1E3A5F;--navy-deep: #152C4A;--action: #3B6FD4;--action-hover: #2F5BB8;--green: #22C36B;--red: #E04E4E;--txt: #E8ECF1;--txt2: #8FA3BE;--txt3: #5A6E84;--f-display: "Instrument Sans", sans-serif;--f-body: "DM Sans", sans-serif;--f-mono: "JetBrains Mono", monospace}body{background:var(--bg-brand)!important}.bp{min-height:100vh;color:var(--txt);font-family:var(--f-body)}.bp-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 40px;background:#060d16e0;backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dim)}.bp-top-left{display:flex;align-items:center;gap:16px}.bp-top-brand{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase}.bp-top-sep{width:1px;height:18px;background:var(--border-dim)}.bp-top-title{font-family:var(--f-body);font-size:13px;color:var(--txt2);font-weight:500}.bp-top-nav{display:flex;gap:6px}.bp-top-nav a{font-family:var(--f-mono);font-size:11px;color:var(--txt3);text-decoration:none;padding:5px 12px;border-radius:5px;transition:color .2s,background .2s}.bp-top-nav a:hover{color:var(--gold);background:var(--gold-glow)}.bp-top-nav a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bp-main{max-width:1100px;margin:0 auto;padding:48px 40px 120px}.bp-hero{margin-bottom:64px;padding-bottom:48px;border-bottom:1px solid var(--border-dim)}.bp-hero-logo{height:48px;margin-bottom:32px;filter:brightness(0) invert(1);opacity:.85}.bp-hero h1{font-family:var(--f-display);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--txt);margin:0 0 16px}.bp-hero p{font-size:16px;line-height:1.7;color:var(--txt2);max-width:600px;margin:0}.bp-hero-meta{display:flex;gap:24px;margin-top:24px;font-family:var(--f-mono);font-size:11px;color:var(--txt3)}.bp-section{margin-bottom:56px}.bp-section-label{font-family:var(--f-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin-bottom:8px}.bp-section-title{font-family:var(--f-display);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--txt);margin:0 0 8px}.bp-section-desc{font-size:14px;color:var(--txt2);line-height:1.6;margin:0 0 28px;max-width:640px}.bp-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.bp-swatch{border-radius:12px;overflow:hidden;border:1px solid var(--border-dim);transition:transform .2s,border-color .2s}.bp-swatch:hover{transform:translateY(-3px);border-color:var(--border-med)}.bp-swatch-color{height:80px;position:relative}.bp-swatch-info{padding:14px 16px;background:var(--bg-card)}.bp-swatch-name{font-family:var(--f-body);font-size:13px;font-weight:700;color:var(--txt);margin-bottom:4px}.bp-swatch-hex{font-family:var(--f-mono);font-size:11px;color:var(--txt3)}.bp-swatch-var{font-family:var(--f-mono);font-size:10px;color:var(--txt3);opacity:.6;margin-top:2px}.bp-color-group{margin-bottom:28px}.bp-color-group-title{font-family:var(--f-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--txt2);margin-bottom:12px}.bp-type-specimen{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:14px;padding:32px;margin-bottom:16px;transition:border-color .2s}.bp-type-specimen:hover{border-color:var(--border-med)}.bp-type-sample{margin-bottom:16px}.bp-type-meta{display:flex;flex-wrap:wrap;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.04)}.bp-type-tag{font-family:var(--f-mono);font-size:10px;color:var(--txt3);padding:3px 10px;background:#ffffff08;border-radius:4px}.bp-btn-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:20px}.bp-btn-label{font-family:var(--f-mono);font-size:10px;color:var(--txt3);width:100%;text-transform:uppercase;letter-spacing:.08em;margin-bottom:-8px}.bp-demo-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;border:none;font-family:var(--f-body)}.bp-demo-btn:active{transform:translateY(0)!important}.bp-demo-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bp-demo-btn.sz-lg{padding:16px 32px;font-size:16px}.bp-demo-btn.sz-md{padding:12px 24px;font-size:14px}.bp-demo-btn.sz-sm{padding:9px 18px;font-size:13px}.bp-demo-btn.v-action{background:var(--action);color:#fff;box-shadow:0 4px 20px #3b6fd44d,inset 0 1px #ffffff1a}.bp-demo-btn.v-action:hover{background:var(--action-hover);transform:translateY(-2px);box-shadow:0 8px 32px #3b6fd466}.bp-demo-btn.v-navy{background:var(--navy);color:#fff;box-shadow:0 4px 16px #1e3a5f33}.bp-demo-btn.v-navy:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 8px 28px #1e3a5f4d}.bp-demo-btn.v-outline{background:transparent;color:#ffffffb3;border:1.5px solid rgba(255,255,255,.18);padding:15px 31px}.bp-demo-btn.v-outline:hover{border-color:#ffffff59;color:#fff;background:#ffffff0a}.bp-demo-btn.v-ghost{background:transparent;color:var(--txt2);border:1.5px solid rgba(255,255,255,.1);padding:15px 31px}.bp-demo-btn.v-ghost:hover{border-color:var(--border-med);color:var(--txt);background:var(--gold-glow)}.bp-spacing-row{display:grid;grid-template-columns:80px 1fr 100px;align-items:center;gap:16px;margin-bottom:8px}.bp-spacing-label{font-family:var(--f-mono);font-size:12px;color:var(--txt2)}.bp-spacing-bar{height:20px;border-radius:4px;background:linear-gradient(90deg,var(--gold),rgba(196,154,92,.3));opacity:.6}.bp-spacing-px{font-family:var(--f-mono);font-size:11px;color:var(--txt3);text-align:right}.bp-comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bp-comp-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:14px;padding:28px;transition:border-color .2s}.bp-comp-card:hover{border-color:var(--border-med)}.bp-comp-name{font-family:var(--f-display);font-size:15px;font-weight:700;color:var(--txt);margin-bottom:4px}.bp-comp-desc{font-size:13px;color:var(--txt2);line-height:1.5;margin-bottom:16px}.bp-comp-props{font-family:var(--f-mono);font-size:11px;color:var(--txt3);line-height:1.8}.bp-rules{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bp-rule{border-radius:14px;padding:24px;border:1px solid}.bp-rule.do{background:#22c36b0a;border-color:#22c36b26}.bp-rule.dont{background:#e04e4e0a;border-color:#e04e4e26}.bp-rule-head{font-family:var(--f-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.bp-rule.do .bp-rule-head{color:var(--green)}.bp-rule.dont .bp-rule-head{color:var(--red)}.bp-rule ul{margin:0;padding:0 0 0 18px;font-size:13px;color:var(--txt2);line-height:1.8}.bp-anim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bp-anim-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s}.bp-anim-card:hover{border-color:var(--border-med)}.bp-anim-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bp-anim-box{width:40px;height:40px;background:var(--gold);border-radius:8px;margin:0 auto 14px;opacity:.7}.bp-anim-card:hover .bp-anim-box{animation-play-state:running}.bp-anim-name{font-family:var(--f-mono);font-size:11px;color:var(--txt2);margin-bottom:4px}.bp-anim-val{font-family:var(--f-mono);font-size:10px;color:var(--txt3)}.bp-anim-card:hover .anim-up{animation:demoUp .8s cubic-bezier(.19,1,.22,1) both}.bp-anim-card:hover .anim-scale{animation:demoScale .8s cubic-bezier(.19,1,.22,1) both}.bp-anim-card:hover .anim-left{animation:demoLeft .8s cubic-bezier(.19,1,.22,1) both}.bp-anim-card:hover .anim-fade{animation:demoFade .8s cubic-bezier(.19,1,.22,1) both}@keyframes demoUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.7;transform:translateY(0)}}@keyframes demoScale{0%{opacity:0;transform:scale(.8)}to{opacity:.7;transform:scale(1)}}@keyframes demoLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:.7;transform:translate(0)}}@keyframes demoFade{0%{opacity:0}to{opacity:.7}}.bp-gold-text{background:linear-gradient(135deg,#e0b97a,#c49a5c,#a07840);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bp-eyebrow-demo{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.16em}.bp-eyebrow-demo:before{content:"";width:20px;height:1.5px}.bp-eyebrow-demo.ey-gold{color:var(--gold)}.bp-eyebrow-demo.ey-gold:before{background:var(--gold)}.bp-eyebrow-demo.ey-navy{color:#2a4d73}.bp-eyebrow-demo.ey-navy:before{background:#2a4d73}.bp-code{font-family:var(--f-mono);font-size:12px;color:var(--txt3);background:#ffffff08;padding:16px 20px;border-radius:8px;border:1px solid var(--border-dim);overflow-x:auto;line-height:1.7;white-space:pre;margin-top:16px}.bp-code .hl{color:var(--gold)}.bp-code .cm{color:var(--txt3);opacity:.5}@media(max-width:900px){.bp-main{padding:32px 20px 80px}.bp-hero h1{font-size:32px}.bp-colors{grid-template-columns:repeat(2,1fr)}.bp-comp-grid,.bp-rules{grid-template-columns:1fr}.bp-anim-grid{grid-template-columns:repeat(2,1fr)}.bp-top{padding:0 20px}.bp-top-nav{display:none}}@media(max-width:500px){.bp-colors{grid-template-columns:1fr}.bp-hero h1{font-size:28px}}