.brand-page{--bg:#F8F4E3;--paper:#f5f0e1;--ink:#0F1B3D;--gold:#D4A574;--lav:#B8A8D9;--void:#0A0E27;--rule:rgba(15,27,61,0.12);background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5}.brand-page .cover{background:var(--ink);color:var(--bg);padding:96px 64px 64px;min-height:92vh;position:relative;overflow:hidden}.brand-page .cover:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(248,244,227,.05) 1px,transparent 1.4px);background-size:32px 32px;pointer-events:none}.brand-page .cover-inner{max-width:1280px;margin:0 auto;position:relative;z-index:2;min-height:calc(92vh - 160px);display:flex;flex-direction:column;justify-content:space-between}.brand-page .cover-bottom,.brand-page .cover-top{display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:2.5px;color:rgba(248,244,227,.55);text-transform:uppercase}.brand-page .cover-top b{color:var(--gold);font-weight:500}.brand-page .cover-bottom{border-top:1px solid rgba(248,244,227,.12);padding-top:24px;align-items:flex-end}.brand-page .cover-stack{display:flex;flex-direction:column;align-items:flex-start;gap:48px;padding:72px 0}.brand-page .cover-title{font-family:var(--font-heading);font-weight:300;font-size:clamp(56px,12vw,120px);margin:0;line-height:.95;letter-spacing:-3px;max-width:900px}.brand-page .cover-title em{font-style:italic;color:var(--gold);font-weight:300}.brand-page .cover-tagline{font-family:var(--font-body);font-size:17px;color:rgba(248,244,227,.7);max-width:480px;line-height:1.55}.brand-page .section{max-width:1280px;margin:0 auto;padding:80px 64px;border-bottom:1px solid var(--rule)}.brand-page .section--dark{max-width:none;background:var(--ink);color:var(--bg);border-bottom:none}.brand-page .section--dark .section-inner{max-width:1280px;margin:0 auto}.brand-page .section-head{display:grid;grid-template-columns:100px 1fr auto;gap:32px;align-items:baseline;margin-bottom:48px;padding-bottom:16px;border-bottom:1px solid var(--rule)}.brand-page .section--dark .section-head{border-bottom-color:rgba(248,244,227,.12)}.brand-page .section-num{font-family:var(--font-heading);font-weight:300;font-size:64px;color:var(--gold);line-height:.9;letter-spacing:-2px}.brand-page .section-title{font-family:var(--font-heading);font-weight:400;font-size:36px;letter-spacing:-.8px;line-height:1;margin:0 0 8px}.brand-page .section-title em{font-style:italic;color:var(--gold);font-weight:300}.brand-page .section-desc{font-family:var(--font-body);font-size:14px;color:rgba(15,27,61,.65);margin:0;max-width:560px;line-height:1.6}.brand-page .section--dark .section-desc{color:rgba(248,244,227,.65)}.brand-page .section-meta{text-align:right;font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;color:rgba(15,27,61,.45);text-transform:uppercase;line-height:1.7}.brand-page .section--dark .section-meta{color:rgba(248,244,227,.45)}.brand-page .section-meta b{color:var(--gold);font-weight:500}.brand-page .label{font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;color:rgba(15,27,61,.5);text-transform:uppercase}.brand-page .section--dark .label{color:rgba(248,244,227,.55)}.brand-page .label--gold{color:var(--gold)}.brand-page .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.brand-page .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.brand-page .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.brand-page .grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:start}@media (max-width:900px){.brand-page .grid-12,.brand-page .grid-2,.brand-page .grid-3,.brand-page .grid-4{grid-template-columns:1fr}}.brand-page .box{border:1px solid var(--rule);border-radius:12px;padding:28px;background:#fff;position:relative;min-height:180px;display:flex;flex-direction:column}.brand-page .box--dark{background:var(--ink)}.brand-page .box--dark,.brand-page .box--darker{border-color:rgba(248,244,227,.1);color:var(--bg)}.brand-page .box--darker{background:var(--void)}.brand-page .box--ivory{background:var(--bg)}.brand-page .box--paper{background:var(--paper)}.brand-page .box--black{background:#000;color:#fff;border-color:#222}.brand-page .box-stage{flex:1;display:grid;place-items:center;padding:24px 12px}.brand-page .box-cap{border-top:1px solid rgba(15,27,61,.08);padding-top:14px;margin-top:8px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}.brand-page .box--black .box-cap,.brand-page .box--dark .box-cap,.brand-page .box--darker .box-cap{border-top-color:rgba(248,244,227,.08)}.brand-page .box-name{font-family:var(--font-heading);font-weight:400;font-size:15px;letter-spacing:-.2px}.brand-page .box-use{font-family:var(--font-mono);font-size:9.5px;letter-spacing:2px;color:rgba(15,27,61,.45);text-transform:uppercase}.brand-page .box--black .box-use,.brand-page .box--dark .box-use,.brand-page .box--darker .box-use{color:rgba(248,244,227,.5)}.brand-page .construction{position:relative;background:var(--paper);border:1px solid var(--rule);border-radius:12px;aspect-ratio:1/1;padding:0}.brand-page .construction svg{width:100%;height:100%}.brand-page .construction .grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(15,27,61,.05) 1px,transparent 0),linear-gradient(90deg,rgba(15,27,61,.05) 1px,transparent 0);background-size:10% 10%;pointer-events:none}.brand-page .construction .marker{position:absolute;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;pointer-events:none}.brand-page .clearspace{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:56px;position:relative;display:grid;place-items:center;min-height:360px}.brand-page .clearspace .frame{position:relative;padding:48px}.brand-page .clearspace .boundary{position:absolute;inset:0;border:1px dashed var(--gold);border-radius:6px;pointer-events:none}.brand-page .clearspace .x-marker{position:absolute;font-family:var(--font-mono);font-size:12px;color:var(--gold);font-weight:600;background:var(--paper);padding:2px 6px}.brand-page .clearspace .x-top{top:-10px;left:50%;transform:translateX(-50%)}.brand-page .clearspace .x-bottom{bottom:-10px;left:50%;transform:translateX(-50%)}.brand-page .clearspace .x-left{left:-10px;top:50%;transform:translateY(-50%)}.brand-page .clearspace .x-right{right:-10px;top:50%;transform:translateY(-50%)}.brand-page .minsize-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:32px;background:var(--paper);border:1px solid var(--rule);border-radius:12px}.brand-page .ms-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;border:1px solid var(--rule);border-radius:8px;background:#fff}.brand-page .ms-item .px{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:rgba(15,27,61,.6)}.brand-page .ms-item .mm{font-family:var(--font-body);font-size:11px;color:rgba(15,27,61,.5)}.brand-page .ms-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;padding:3px 8px;border-radius:4px;background:rgba(15,27,61,.08);color:rgba(15,27,61,.6);text-transform:uppercase}.brand-page .ms-badge--min{background:var(--gold);color:var(--ink);font-weight:600}.brand-page .ms-badge--warn{background:#c26b6b;color:#fff}.brand-page .app-icon{border-radius:22%;background:var(--ink);display:grid;place-items:center}.brand-page .app-icon--128{width:128px;height:128px}.brand-page .app-icon--96{width:96px;height:96px}.brand-page .app-icon--64{width:64px;height:64px}.brand-page .app-icon--32{width:32px;height:32px}.brand-page .app-icon--16{width:16px;height:16px}.brand-page .rule-card{border-radius:10px;padding:14px;background:#fff;border:1px solid var(--rule);display:flex;flex-direction:column;gap:10px}.brand-page .rule-card--do{border-color:rgba(127,171,145,.4)}.brand-page .rule-card--dont{border-color:rgba(194,107,107,.35)}.brand-page .rule-card .head{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.brand-page .rule-card--do .head{color:#7fab91}.brand-page .rule-card--dont .head{color:#c26b6b}.brand-page .rule-card .icon{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:currentColor;color:#fff;font-size:9px;font-weight:700}.brand-page .rule-card--do .icon{background:#7fab91;color:#fff}.brand-page .rule-card--dont .icon{background:#c26b6b;color:#fff}.brand-page .rule-card .stage{background:var(--ink);border-radius:6px;min-height:100px;display:grid;place-items:center;padding:16px}.brand-page .rule-card .stage--ivory{background:var(--bg)}.brand-page .rule-card .stage--black{background:#000}.brand-page .rule-card .stage--busy{background:repeating-linear-gradient(45deg,#c26b6b,#c26b6b 8px,#ff5544 0,#ff5544 16px)}.brand-page .rule-card .desc{font-size:12.5px;color:rgba(15,27,61,.65);line-height:1.5}.brand-page .wm-inline{font-family:var(--font-heading);font-weight:300;letter-spacing:-.5px;line-height:1}.brand-page .wm-inline em{font-style:italic;font-weight:300;color:var(--gold)}