/* BOLIX LT — Spektrum 300 interactive palette v1 */
.bolix-spectrum{--page:#eef0f2;--paper:#fff;--ink:#17191c;--copy:#606a76;--border:#dfe5eb;--red:#e30613;--shadow:0 16px 42px rgba(15,23,42,.08);background:var(--page);color:var(--ink)}
.bolix-spectrum *{box-sizing:border-box}.bolix-spectrum a{text-decoration:none}.bolix-spectrum__container{width:min(1240px,calc(100% - 48px));margin:0 auto}.bolix-spectrum h1,.bolix-spectrum h2,.bolix-spectrum p{margin-top:0}.bolix-spectrum h1{font-size:clamp(48px,5.1vw,70px);line-height:1;letter-spacing:-.047em;margin-bottom:18px}.bolix-spectrum h2{font-size:clamp(32px,3.5vw,46px);line-height:1.06;letter-spacing:-.038em}.bolix-spectrum p{color:var(--copy);line-height:1.58}.bolix-spectrum__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px!important;color:var(--red)!important;font-size:13px!important;font-weight:900;letter-spacing:.08em}.bolix-spectrum__eyebrow::before{content:"";width:26px;height:2px;background:var(--red);border-radius:99px}.bolix-spectrum__lead{max-width:760px;font-size:18px!important;color:#46505c!important}
.bolix-spectrum__hero{padding:30px 0 22px}.bolix-spectrum__hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:28px;align-items:stretch}.bolix-spectrum__hero-grid>div,.bolix-spectrum__notice{padding:40px;border:1px solid rgba(255,255,255,.96);border-radius:30px;background:#fff;box-shadow:var(--shadow)}.bolix-spectrum__notice{display:flex;flex-direction:column;justify-content:center}.bolix-spectrum__notice b{margin-bottom:8px;font-size:14px}.bolix-spectrum__notice p{margin:0;font-size:13px}
.bolix-spectrum__toolbar-wrap{position:sticky;top:0;z-index:20;padding:0 0 14px;background:linear-gradient(180deg,var(--page) 80%,rgba(238,240,242,0))}.bolix-spectrum__toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 22px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 12px 32px rgba(15,23,42,.06)}.bolix-spectrum__search{flex:1;max-width:520px}.bolix-spectrum__search span{display:block;margin-bottom:8px;color:#737c87;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bolix-spectrum__search input{width:100%;height:48px;padding:0 16px;border:1px solid #dfe5eb;border-radius:14px;background:#f8f9fa;color:#17191c;font-size:15px;outline:none}.bolix-spectrum__search input:focus{border-color:rgba(227,6,19,.45);box-shadow:0 0 0 3px rgba(227,6,19,.07)}.bolix-spectrum__toolbar-meta{padding-bottom:13px;color:#737c87;font-size:12px}.bolix-spectrum__toolbar-meta span{color:#17191c;font-weight:900}
.bolix-spectrum__content{padding:4px 0 58px}.bolix-spectrum__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.bolix-spectrum__palette{padding:18px;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow)}.bolix-spectrum__family{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2}.bolix-spectrum__family:last-of-type{border-bottom:0}.bolix-spectrum__family-no{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f3f4f5;color:#7b838d;font-size:11px;font-weight:900}.bolix-spectrum__swatches{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.bolix-spectrum__swatch{position:relative;padding:0;border:1px solid rgba(21,24,28,.08);border-radius:14px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.03);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.bolix-spectrum__swatch:hover,.bolix-spectrum__swatch.is-selected{transform:translateY(-2px);border-color:rgba(227,6,19,.5);box-shadow:0 10px 22px rgba(15,23,42,.08)}.bolix-spectrum__swatch-color{display:block;height:68px;background:var(--swatch)}.bolix-spectrum__swatch-code{display:block;padding:9px 8px 10px;color:#30343a;font-size:11px;font-weight:900;letter-spacing:.02em}.bolix-spectrum__swatch[hidden],.bolix-spectrum__family[hidden]{display:none!important}.bolix-spectrum__empty{padding:40px;text-align:center;color:#7a838d;font-size:14px}
.bolix-spectrum__selected{position:sticky;top:96px;border:1px solid var(--border);border-radius:28px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.bolix-spectrum__selected-preview{height:210px;background:linear-gradient(135deg,#f1f3f5,#e7e9ec)}.bolix-spectrum__selected-copy{padding:22px}.bolix-spectrum__selected-copy>span{display:block;margin-bottom:8px;color:#858e98;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bolix-spectrum__selected-copy strong{display:block;margin-bottom:8px;font-size:24px}.bolix-spectrum__selected-copy p{margin-bottom:18px;font-size:12px}.bolix-spectrum__selected-copy button{width:100%;min-height:44px;border:1px solid #dfe5eb;border-radius:14px;background:#fff;color:#17191c;font-size:12px;font-weight:900;cursor:pointer}.bolix-spectrum__selected-copy button:not(:disabled):hover{border-color:#e30613;color:#e30613}.bolix-spectrum__selected-copy button:disabled{opacity:.45;cursor:default}
.bolix-spectrum__cta{padding:0 0 60px}.bolix-spectrum__cta-card{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:38px 40px;border-radius:32px;background:linear-gradient(145deg,#181a1d,#30343b);box-shadow:0 20px 54px rgba(15,23,42,.17)}.bolix-spectrum__cta-card h2{color:#fff;margin-bottom:12px}.bolix-spectrum__cta-card p{margin-bottom:0;color:rgba(255,255,255,.7)}.bolix-spectrum__cta-card .bolix-spectrum__eyebrow{color:#ffb8b8!important}.bolix-spectrum__cta-card a{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;border-radius:15px;background:linear-gradient(135deg,#dc3936,#b82422);color:#fff;font-size:13px;font-weight:900;box-shadow:0 14px 28px rgba(220,57,54,.22)}
@media(max-width:1000px){.bolix-spectrum__layout{grid-template-columns:1fr}.bolix-spectrum__selected{position:static;display:grid;grid-template-columns:220px 1fr}.bolix-spectrum__selected-preview{height:100%}.bolix-spectrum__hero-grid{grid-template-columns:1fr}.bolix-spectrum__cta-card{grid-template-columns:1fr}.bolix-spectrum__cta-card a{justify-self:start}}
@media(max-width:760px){.bolix-spectrum__container{width:min(100% - 28px,1240px)}.bolix-spectrum__hero{padding:14px 0 14px}.bolix-spectrum__hero-grid{gap:12px}.bolix-spectrum__hero-grid>div,.bolix-spectrum__notice{padding:24px 22px;border-radius:24px}.bolix-spectrum h1{font-size:39px}.bolix-spectrum__lead{font-size:16px!important}.bolix-spectrum__toolbar{padding:14px;border-radius:20px;align-items:center}.bolix-spectrum__toolbar-meta{display:none}.bolix-spectrum__palette{padding:12px;border-radius:22px}.bolix-spectrum__family{grid-template-columns:32px 1fr;gap:8px;padding:8px 0}.bolix-spectrum__family-no{width:30px;height:30px;border-radius:9px;font-size:9px}.bolix-spectrum__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bolix-spectrum__swatch-color{height:54px}.bolix-spectrum__swatch-code{padding:7px 5px 8px;font-size:9px}.bolix-spectrum__selected{grid-template-columns:110px 1fr;border-radius:22px}.bolix-spectrum__selected-copy{padding:16px}.bolix-spectrum__selected-copy strong{font-size:20px}.bolix-spectrum__cta{padding-bottom:30px}.bolix-spectrum__cta-card{padding:28px 22px;border-radius:26px}}