.brandkit{font-family:var(--font-body);color:var(--ink-900);background:var(--bg-canvas);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.brandkit a{color:inherit;text-decoration:none}.brandkit .wrap{max-width:1180px;width:100%;margin:0 auto;padding:0 40px}.brandkit .hexwm{position:relative;display:inline-block;font-family:var(--font-display);font-weight:900;letter-spacing:-.025em;line-height:1;color:var(--ink-1000);z-index:0;isolation:isolate}.brandkit .hexwm .ph,.brandkit .hexwm:after,.brandkit .hexwm:before{content:attr(data-text);position:absolute;left:0;top:0;color:var(--green-500);z-index:-1}.brandkit .hexwm:before{transform:translate(1px,1px);opacity:.85;--ph:.85;animation:bk-hexph 3s ease-in-out infinite}.brandkit .hexwm .ph{transform:translate(2px,2px);opacity:.55;--ph:.55;animation:bk-hexph 3s ease-in-out .1s infinite}.brandkit .hexwm:after{transform:translate(3px,3px);opacity:.32;--ph:.32;animation:bk-hexph 3s ease-in-out .2s infinite}.brandkit .topnav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;padding:14px 40px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--hairline)}.brandkit .topnav .hexwm{font-size:19px}.brandkit .topnav a.brand{display:inline-flex;align-items:center;line-height:1}.brandkit .topnav .sp{flex:1}.brandkit .navlinks{display:flex;align-items:center;gap:26px;margin-left:14px}.brandkit .navlinks a{font-size:13.5px;font-weight:600;color:var(--ink-600);transition:color var(--d-fast)}.brandkit .navlinks a:hover{color:var(--ink-1000)}.brandkit .signin-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 18px;border-radius:var(--r-pill);border:none;background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;font-weight:700;font-size:13.5px;box-shadow:var(--shadow-green-soft);font-family:inherit;cursor:pointer}.brandkit .bk-hero{padding:64px 0 42px;border-bottom:1px solid var(--hairline)}.brandkit .bk-hero h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;font-size:clamp(34px,4.4vw,50px);line-height:1.05;color:var(--ink-1000);margin:20px 0 0}.brandkit .bk-hero .lede{font-size:16.5px;line-height:1.6;color:var(--ink-700);margin:16px 0 0;max-width:60ch}.brandkit .bk-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--green-700);padding:6px 13px;border:1px solid var(--accent-border);border-radius:var(--r-pill);background:var(--accent-soft)}.brandkit .bk-herocta{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}.brandkit .cta-main{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 26px;border-radius:var(--r-pill);border:none;background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;font-weight:700;font-size:15px;box-shadow:var(--shadow-green-soft);transition:filter var(--d-fast),transform var(--d-fast)}.brandkit .cta-main:hover{filter:brightness(1.05);transform:translateY(-1px)}.brandkit .cta-main svg{width:16px;height:16px}.brandkit .bk-micro{font-size:13px;color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.02em}.brandkit .bk-sect{padding:56px 0;border-bottom:1px solid var(--hairline)}.brandkit .bk-sect h2{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3vw,31px);letter-spacing:-.03em;color:var(--ink-1000);margin:10px 0 0;line-height:1.12}.brandkit .bk-sect .bk-sub{color:var(--ink-600);font-size:14.5px;margin:11px 0 0;max-width:64ch;line-height:1.6}.brandkit .bk-lbl{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--green-600)}.brandkit .bk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.brandkit .bk-card{background:var(--bg-surface);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}.brandkit .bk-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:44px 32px;min-height:168px;position:relative}.brandkit .bk-stage.on-light{background:var(--bg-canvas)}.brandkit .bk-stage.on-dark{background:var(--ink-1000)}.brandkit .bk-stage img,.brandkit .bk-stage video{width:100%;max-width:280px;height:auto;display:block}.brandkit .bk-stage.is-mark img{max-width:74px}.brandkit .bk-playertag{position:absolute;left:14px;top:12px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-500)}.brandkit .bk-stage.on-dark .bk-playertag{color:rgba(255,255,255,.38)}.brandkit .bk-cardfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid var(--hairline)}.brandkit .bk-cardname{font-size:13px;font-weight:600;color:var(--ink-1000)}.brandkit .bk-cardname span{display:block;font-size:11.5px;font-weight:400;color:var(--ink-500);margin-top:2px}.brandkit .bk-dl{display:flex;gap:6px;flex-shrink:0}.brandkit .bk-dl a{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:5px 11px;border:1px solid var(--hairline-strong);border-radius:var(--r-pill);color:var(--ink-700);background:var(--bg-surface);transition:border-color var(--d-fast),color var(--d-fast);white-space:nowrap}.brandkit .bk-dl a:hover{border-color:var(--green-500);color:var(--green-600)}.brandkit .bk-spec{display:flex;flex-wrap:wrap;gap:0 44px;margin-top:16px;background:var(--bg-surface);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:20px 26px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-500);line-height:1.95}.brandkit .bk-spec b{display:block;font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--ink-1000);letter-spacing:0;margin-bottom:4px}.brandkit .bk-name{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}.brandkit .bk-namecard{background:var(--bg-surface);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:24px;border-color:color-mix(in srgb,var(--green-500) 42%,var(--hairline-strong))}.brandkit .bk-nameword{font-family:var(--font-display);font-weight:800;font-size:27px;letter-spacing:-.03em;color:var(--ink-1000);line-height:1}.brandkit .bk-nametag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-top:14px;color:var(--green-600)}.brandkit .bk-namenote{font-size:13px;color:var(--ink-600);margin-top:9px;line-height:1.55}.brandkit .bk-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px}.brandkit .bk-sw{border:1px solid var(--hairline-strong);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-surface);cursor:pointer;text-align:left;padding:0;font:inherit;color:inherit;display:block;width:100%;transition:border-color var(--d-fast),transform var(--d-fast)}.brandkit .bk-sw:hover{border-color:var(--green-500);transform:translateY(-1px)}.brandkit .bk-sw:focus-visible{outline:none;box-shadow:var(--focus-ring)}.brandkit .bk-sw:hover .bk-copy{opacity:1}.brandkit .bk-sw.is-copied .bk-copy{opacity:1;color:var(--green-600)}.brandkit .bk-chip{height:92px}.brandkit .bk-swmeta{padding:11px 14px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.brandkit .bk-hex{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--ink-1000)}.brandkit .bk-swname{font-size:12px;color:var(--ink-500);margin-top:2px}.brandkit .bk-copy{font-size:9px;letter-spacing:.1em;opacity:0;transition:opacity var(--d-fast);flex-shrink:0}.brandkit .bk-copy,.brandkit .bk-swgroup{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;color:var(--ink-500)}.brandkit .bk-swgroup{font-size:10px;letter-spacing:.13em;margin:30px 0 0}.brandkit .bk-type{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.brandkit .bk-typecard{background:var(--bg-surface);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:24px 24px 20px}.brandkit .bk-specimen{color:var(--ink-1000);line-height:1;margin-bottom:18px;font-size:48px}.brandkit .bk-specimen.is-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em}.brandkit .bk-specimen.is-body{font-family:var(--font-body);font-weight:400;letter-spacing:-.02em}.brandkit .bk-specimen.is-mono{font-family:var(--font-mono);font-weight:700;font-size:44px;letter-spacing:-.01em}.brandkit .bk-typename{font-size:14px;font-weight:700;color:var(--ink-1000)}.brandkit .bk-typerole{font-size:13px;color:var(--ink-600);margin-top:5px;line-height:1.55}.brandkit .bk-typespec{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);margin-top:10px;padding-top:10px;border-top:1px solid var(--hairline)}.brandkit .bk-rules{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.brandkit .bk-rule{background:var(--bg-surface);border:1px solid var(--hairline-strong);border-radius:var(--r-lg);padding:22px 24px}.brandkit .bk-rule h3{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.02em;color:var(--ink-1000);margin:0 0 12px}.brandkit .bk-rule ul{margin:0;padding:0;list-style:none}.brandkit .bk-rule li{position:relative;padding-left:19px;margin-bottom:8px;font-size:13.5px;color:var(--ink-700);line-height:1.5}.brandkit .bk-rule li:last-child{margin-bottom:0}.brandkit .bk-rule li:before{position:absolute;left:0;top:0;font-weight:700}.brandkit .bk-do li:before{content:"✓";color:var(--green-600)}.brandkit .bk-dont li:before{content:"✕";color:var(--ink-500)}.brandkit .bk-permission{margin-top:16px;background:var(--bg-soft);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:18px 22px;font-size:13.5px;color:var(--ink-700);line-height:1.6}.brandkit .bk-permission b{color:var(--ink-1000)}.brandkit .bk-close{padding:52px 0 64px;text-align:center}.brandkit .bk-close h2{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.03em;color:var(--ink-1000);margin:0}.brandkit .bk-close p{color:var(--ink-600);font-size:14.5px;margin:11px auto 22px;max-width:52ch;line-height:1.6}.brandkit .bk-inline{font-family:var(--font-mono);font-size:12px;color:var(--ink-1000)}.brandkit .footer{border-top:1px solid var(--hairline);background:var(--bg-surface)}.brandkit .footin{padding:44px 0 20px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}.brandkit .footbrand .hexwm{font-size:18px}.brandkit .footbrand p{font-size:12.5px;color:var(--ink-500);margin:12px 0 0;max-width:30ch;line-height:1.55}.brandkit .footcol h4{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);margin:2px 0 13px}.brandkit .footcol a{display:block;font-size:13px;color:var(--ink-700);padding:5px 0;cursor:pointer}.brandkit .footcol a:hover{color:var(--ink-1000)}.brandkit .footcol .m-only{display:none}.brandkit .footbar{border-top:1px solid var(--hairline);padding:16px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.brandkit .footbar .cp{font-size:11.5px;color:var(--ink-500)}.brandkit .footbar .soc{display:flex;gap:6px}.brandkit .footbar .soc a{width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline-strong);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-600)}.brandkit .footbar .soc a svg{width:15px;height:15px}@media(max-width:900px){.brandkit .bk-grid,.brandkit .bk-name,.brandkit .bk-rules,.brandkit .bk-type{grid-template-columns:1fr}.brandkit .bk-swatches{grid-template-columns:repeat(2,1fr)}.brandkit .footin{grid-template-columns:1fr 1fr;gap:22px}.brandkit .wrap{padding:0 22px}.brandkit .topnav{padding:12px 22px}.brandkit .navlinks{display:none}}@keyframes bk-hexph{0%,to{opacity:var(--ph,.85)}50%{opacity:calc(var(--ph, .85)*.4)}}@media(prefers-reduced-motion:reduce){.brandkit .hexwm .ph,.brandkit .hexwm:after,.brandkit .hexwm:before{animation:none}}