:root{
  --cream:#FFF7EC;--cream-2:#F8EEDC;--navy:#1F3A5F;--navy-2:#2E4D77;
  --accent:#E0651E;--accent-dark:#B14C12;--muted:#5E6E7E;--soft:#F2EADB;
  --do:#1C1C22;--re:#F2BC0E;--mi:#3FA651;--fa:#EF8A1E;--sol:#E33B2E;--la:#7A4DA8;--si:#2F86C9;
  --max:1200px;--max-art:760px;
  --shadow:0 14px 40px rgba(31,58,95,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:var(--cream);color:var(--navy);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans','Inter',sans-serif;color:var(--navy);font-weight:800;line-height:1.12;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,5.5vw,4.4rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h3{font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:700}
p{color:#3B4858}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 28px}
.article{max-width:var(--max-art);margin:0 auto;padding:0 28px}

.ticker{background:var(--navy);color:var(--cream);font-size:.85rem;padding:.55rem 0;overflow:hidden;position:relative}
.ticker-track{display:inline-flex;gap:60px;white-space:nowrap;animation:tick 32s linear infinite;padding-left:60px}
.ticker-track span{display:inline-flex;align-items:center;gap:10px;opacity:.9}
.ticker .dot{width:6px;height:6px;border-radius:50%;background:var(--sol);display:inline-block}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

header{position:sticky;top:0;z-index:100;background:rgba(255,247,236,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(31,58,95,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;letter-spacing:.02em;color:var(--navy)}
.logo-dots{display:inline-flex;gap:5px}
.logo-dots span{width:10px;height:10px;border-radius:50%}
.logo-dots span:nth-child(1){background:var(--sol)}
.logo-dots span:nth-child(2){background:var(--re)}
.logo-dots span:nth-child(3){background:var(--si)}
nav ul{display:flex;list-style:none;gap:32px}
nav ul a{font-size:.95rem;font-weight:500;color:var(--navy);transition:color .2s}
nav ul a:hover{color:var(--accent)}
.lang{display:flex;gap:4px;align-items:center;font-size:.85rem;font-weight:600;color:var(--muted);background:rgba(31,58,95,.05);padding:6px;border-radius:999px}
.lang a{padding:5px 10px;border-radius:999px;color:var(--muted);transition:all .2s}
.lang a:hover{color:var(--navy)}
.lang a.on{background:var(--navy);color:var(--cream)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:.85rem 1.4rem;border-radius:999px;background:var(--navy);color:var(--cream);font-weight:600;border:none;cursor:pointer;font-size:.95rem;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow);background:var(--navy-2)}
.btn-accent{background:var(--accent)}
.btn-accent:hover{background:var(--accent-dark)}
.btn .pearl{width:8px;height:8px;border-radius:50%;background:var(--re)}
@media (max-width:860px){nav ul,.header-cta{display:none}}

.hero{padding:80px 0 50px;position:relative}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr;gap:40px}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.4rem}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--accent);border-radius:2px}
.hero h1 .accent{color:var(--accent);display:inline-block;position:relative}
.hero h1 .accent::after{content:"";position:absolute;left:0;bottom:6px;height:8px;width:100%;background:rgba(224,101,30,.18);border-radius:4px;z-index:-1}
.hero-sub{font-size:1.15rem;color:var(--muted);margin:1.6rem 0 2.4rem;max-width:520px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-meta{margin-top:30px;display:flex;gap:32px;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}
.hero-meta strong{color:var(--navy);font-weight:700;display:block;font-size:1.5rem;margin-bottom:2px;font-family:'Plus Jakarta Sans',sans-serif}

.hero-art{position:relative;height:520px}
@media (max-width:980px){.hero-art{height:420px}}
.hero-card{position:absolute;border-radius:22px;box-shadow:var(--shadow);overflow:hidden;background:var(--cream-2);transition:transform .5s ease}
.hero-card img{width:100%;height:100%;object-fit:cover;display:block}
.hero-card:nth-child(1){top:10px;left:0;width:230px;height:230px;transform:rotate(-4deg);animation:float1 6s ease-in-out infinite}
.hero-card:nth-child(2){top:50px;left:240px;width:250px;height:250px;transform:rotate(3deg);animation:float2 7s ease-in-out infinite}
.hero-card:nth-child(3){top:270px;left:60px;width:240px;height:240px;transform:rotate(-2deg);animation:float3 8s ease-in-out infinite}
.hero-card:nth-child(4){top:280px;left:320px;width:220px;height:220px;transform:rotate(5deg);animation:float1 7.5s ease-in-out infinite reverse}
@keyframes float1{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-10px)}}
@keyframes float2{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}
@keyframes float3{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}

.marquee{margin:60px 0 30px;padding:30px 0;background:linear-gradient(90deg,var(--cream) 0%,var(--cream-2) 50%,var(--cream) 100%);overflow:hidden;position:relative}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.marquee::before{left:0;background:linear-gradient(90deg,var(--cream),transparent)}
.marquee::after{right:0;background:linear-gradient(-90deg,var(--cream),transparent)}
.marquee-track{display:flex;gap:32px;animation:scroll 38s linear infinite;width:max-content}
.marquee-card{flex:0 0 280px;height:280px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:var(--cream-2)}
.marquee-card img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 16px))}}

section{padding:90px 0;position:relative}
.section-tag{font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
.section-head{max-width:760px;margin-bottom:64px}
.section-head p{color:var(--muted);font-size:1.1rem;margin-top:1.2rem;max-width:620px}

.method{background:var(--cream-2);border-radius:48px;margin:40px 28px;padding:80px 0}
.method .container{padding:0 60px}
@media (max-width:780px){.method .container{padding:0 28px}}
.method-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
@media (max-width:880px){.method-grid{grid-template-columns:1fr}}
.method-img{border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.method-img img{width:100%;height:auto;display:block}
.method-img-stack{position:relative;aspect-ratio:1/1}
.method-img-stack > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.method-img-stack > img.kb-1{animation:kbFadeA 7s ease-in-out infinite}
.method-img-stack > img.kb-2{animation:kbFadeB 7s ease-in-out infinite}
@keyframes kbFadeA{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes kbFadeB{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
.kb-tag{position:absolute;top:18px;left:18px;background:rgba(255,247,236,.94);color:var(--navy);padding:6px 14px;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;z-index:3;backdrop-filter:blur(8px)}
.kb-tag.t1{animation:kbFadeA 7s ease-in-out infinite}
.kb-tag.t2{animation:kbFadeB 7s ease-in-out infinite}
.rail{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.hands{margin:30px 0 0;display:flex;flex-direction:column;gap:14px}
.hand-row{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:center}
.hand-label{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-align:right}
@media (max-width:600px){.hand-row{grid-template-columns:1fr;gap:6px}.hand-label{text-align:left}}
.rail-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:14px;background:var(--cream);border:1px solid rgba(31,58,95,.08);cursor:pointer;user-select:none;transition:transform .12s, box-shadow .15s, background .12s}
.rail-item:hover{transform:translateY(-2px);background:#FFFFFF;box-shadow:0 4px 14px rgba(31,58,95,.12)}
.rail-item.pressed{transform:translateY(1px);box-shadow:0 1px 4px rgba(31,58,95,.18) inset;background:#F8EEDC}
.rail-dot{width:34px;height:34px;border-radius:50%}
.rail-tri{width:38px;height:34px;clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}
.rail-name{display:none}
.song-keyboard svg text{display:none}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}
@media (max-width:780px){.stats{grid-template-columns:1fr}}
.stat{padding:28px;background:var(--cream);border-radius:20px;border:1px solid rgba(31,58,95,.08)}
.stat .num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.8rem;font-weight:800;color:var(--accent);line-height:1}
.stat h3{margin-top:.6rem;font-size:1.05rem}
.stat p{margin-top:.3rem;color:var(--muted);font-size:.92rem}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards{grid-template-columns:1fr}}
.card{background:var(--cream-2);border-radius:22px;overflow:hidden;transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card-img{aspect-ratio:1/1;overflow:hidden;background:var(--cream)}
.card-img img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{padding:24px}
.card-body h3{margin-bottom:.5rem}
.card-body p{color:var(--muted);font-size:.95rem}

.world{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
@media (max-width:880px){.world{grid-template-columns:1fr}}
.world-img{border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.world-img img{width:100%;height:auto;display:block;animation:kenBurns 22s ease-in-out infinite alternate;transform-origin:center}
@keyframes kenBurns{0%{transform:scale(1)}100%{transform:scale(1.045)}}
.card-img img{transition:transform .8s ease}
.card:hover .card-img img{transform:scale(1.06)}
.world h2 span{color:var(--accent)}

.founder{background:var(--navy);color:var(--cream);margin:40px 28px;border-radius:48px;padding:90px 0}
.founder .container{padding:0 60px}
@media (max-width:780px){.founder .container{padding:0 28px}}
.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
@media (max-width:880px){.founder-grid{grid-template-columns:1fr}}
.founder h2,.founder p,.founder h3{color:var(--cream)}
.founder p{opacity:.85;font-size:1.05rem}
.founder .section-tag{color:var(--re)}
.founder-portrait{width:100%;aspect-ratio:4/5;border-radius:24px;background:linear-gradient(135deg,var(--re) 0%,var(--sol) 50%,var(--la) 100%);position:relative;overflow:hidden}
.founder-portrait::after{content:"ET";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:7rem;color:rgba(255,255,255,.9);letter-spacing:-.05em;z-index:1}
.founder-portrait img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.credential{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(255,247,236,.25);border-radius:999px;font-size:.85rem;margin-bottom:1.5rem}
.credential .badge{width:8px;height:8px;border-radius:50%;background:var(--re)}

.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:880px){.testimonials{grid-template-columns:1fr}}
.review{padding:30px;background:var(--cream-2);border-radius:20px;border:1px solid rgba(31,58,95,.06)}
.review .stars{color:var(--re);margin-bottom:14px;font-size:1.1rem;letter-spacing:2px}
.review blockquote{font-size:1.02rem;color:var(--navy);line-height:1.55;font-weight:500;margin-bottom:1.2rem}
.review cite{font-style:normal;font-size:.88rem;color:var(--muted);font-weight:500}

.final{text-align:center;padding:120px 28px;background:var(--cream-2);margin:0 28px 60px;border-radius:48px}
.final h2{max-width:760px;margin:0 auto 1.5rem}
.final p{max-width:560px;margin:0 auto 2rem;font-size:1.15rem;color:var(--muted)}

footer{background:var(--navy);color:var(--cream);padding:70px 0 30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}
@media (max-width:780px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot-grid h4{color:var(--cream);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;opacity:.6}
.foot-grid ul{list-style:none}
.foot-grid li{margin-bottom:.6rem}
.foot-grid a{color:var(--cream);opacity:.85;font-size:.95rem;transition:opacity .2s}
.foot-grid a:hover{opacity:1;color:var(--re)}
.foot-bottom{border-top:1px solid rgba(255,247,236,.12);padding-top:20px;font-size:.85rem;opacity:.6;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* blog */
.post-hero{padding:60px 0 30px}
.post-hero .article{display:flex;flex-direction:column;gap:20px}
.post-meta{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:.92rem;margin-top:.6rem}
.post-meta strong{color:var(--navy);font-weight:600}
.cover{margin:40px auto;max-width:var(--max);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.cover img{width:100%;height:auto;display:block;aspect-ratio:16/8;object-fit:cover;background:linear-gradient(135deg,var(--cream-2),var(--cream))}
.toc{background:var(--cream-2);border-radius:18px;padding:24px 28px;margin:30px 0;border:1px solid rgba(31,58,95,.06)}
.toc h4{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem;font-weight:600}
.toc ol{padding-left:1.2rem}
.toc li{margin-bottom:.4rem;font-size:.97rem}
.toc a{color:var(--navy);font-weight:500}
.lead{font-size:1.18rem;color:var(--navy);line-height:1.6;font-weight:500;border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin:1.6rem 0 2rem}
article.article p{margin-bottom:1.2rem;font-size:1.06rem;color:#3B4858;line-height:1.7}
article.article h2{margin:3rem 0 1rem;font-size:clamp(1.5rem,2.8vw,2rem)}
article.article h3{margin:1.6rem 0 .6rem;font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:700}
.check{list-style:none;padding:0;margin:1rem 0 1.6rem}
.check li{padding-left:30px;position:relative;margin-bottom:.55rem;font-size:1.04rem}
.check li::before{content:"";position:absolute;left:0;top:.55rem;width:12px;height:12px;border-radius:50%;background:var(--mi)}
.product{background:var(--cream-2);border-radius:22px;padding:30px;margin:30px 0;border:1px solid rgba(31,58,95,.08)}
.product .pkind{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.4rem}
.product h3{margin-top:0;font-size:1.35rem}
.product .price{display:inline-block;background:var(--navy);color:var(--cream);padding:5px 12px;border-radius:8px;font-size:.85rem;font-weight:600;margin:8px 0 14px;font-family:'Plus Jakarta Sans',sans-serif}
.product .specs{display:flex;flex-wrap:wrap;gap:10px;margin:.8rem 0 0}
.product .spec{background:var(--cream);border:1px solid rgba(31,58,95,.1);padding:6px 12px;border-radius:999px;font-size:.85rem;color:var(--navy);font-weight:500}
.callout{background:var(--navy);color:var(--cream);border-radius:26px;padding:40px;margin:50px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center}
@media (max-width:680px){.callout{grid-template-columns:1fr}}
.callout h3{color:var(--cream);font-size:1.5rem;margin:0 0 .6rem}
.callout p{color:var(--cream);opacity:.85;margin-bottom:1rem;font-size:1rem}
.callout img{width:100%;border-radius:16px;display:block}
.callout .btn{background:var(--re);color:var(--navy)}
.callout .btn:hover{background:#FFD23A;color:var(--navy)}
.author{display:flex;align-items:center;gap:20px;padding:30px;background:var(--cream-2);border-radius:22px;margin:50px 0 30px;border:1px solid rgba(31,58,95,.06)}
.author-img{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,var(--re),var(--sol) 50%,var(--la));flex-shrink:0;position:relative;overflow:hidden}
.author-img::after{content:"ET";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:#FFF;font-size:1.6rem;z-index:1}
.author-img img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block}
.author h4{font-size:1.1rem;margin-bottom:.2rem}
.author p{margin:0;color:var(--muted);font-size:.95rem}
.author .credential{font-size:.85rem;color:var(--accent);font-weight:600;margin-top:.3rem;display:inline-block;border:none;padding:0;background:transparent}
blockquote.bq{border-left:4px solid var(--accent);background:var(--cream-2);padding:20px 24px;margin:24px 0;border-radius:0 16px 16px 0;font-style:italic;color:var(--navy)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:translateY(0)}

/* Song player */
.song-section{padding:60px 28px 90px}
.song-player{background:#FFFFFF;border-radius:24px;padding:34px;box-shadow:var(--shadow);max-width:920px;margin:0 auto;border:1px solid rgba(31,58,95,.06)}
.song-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(31,58,95,.07)}
.song-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1.15rem;color:var(--navy);display:flex;align-items:center;gap:10px}
.song-icon{font-size:1.3rem}
.song-play-btn{display:inline-flex;align-items:center;gap:10px;padding:.75rem 1.6rem;border-radius:999px;background:var(--accent);color:#FFF;font-weight:700;border:none;cursor:pointer;font-size:.95rem;font-family:inherit;transition:transform .15s,background .2s,box-shadow .2s}
.song-play-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 8px 20px rgba(224,101,30,.28)}
.play-icon{font-size:.85rem;line-height:1}
.song-pages{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:780px){.song-pages{grid-template-columns:1fr;gap:14px}}
.song-page{background:#FBF8F1;border-radius:14px;padding:10px;border:1px solid rgba(31,58,95,.06)}
.song-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center;border-bottom:1px dashed #D9D2C2;padding:5px 0}
.song-row:last-child{border-bottom:none}
.song-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-right:1px dotted #E5DDD0;position:relative}
.song-cell:last-child,.song-cell.span-2{border-right:none}
.shape{width:54%;height:54%;border-radius:50%;transition:transform .18s ease,box-shadow .18s ease}
.shape.oval{width:78%;height:44%;border-radius:50%}
.song-cell.active .shape{transform:scale(1.22);box-shadow:0 0 24px currentColor,0 0 8px currentColor}
.song-foot{margin-top:22px;text-align:center;color:var(--muted);font-size:.88rem;font-style:italic}
.song-keyboard{margin:0 0 12px}
.song-keyboard svg{width:100%;height:auto;display:block;max-height:230px;overflow:visible}
.kb-banner{background:var(--cream-2);padding:22px 28px 18px;border-bottom:1px solid rgba(31,58,95,.06)}
.kb-banner-inner{max-width:var(--max);margin:0 auto}
.kb-banner-tag{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:10px}
.kb-banner .song-keyboard{margin:0}
.kb-banner .song-keyboard-cap{margin-top:6px}
@media (max-width:700px){.kb-banner{padding:14px 12px}}
.song-keyboard-cap{text-align:center;margin-top:10px;font-size:.8rem;color:var(--muted);letter-spacing:.04em}
.song-keyboard-cap b{color:var(--navy);font-weight:700}
.kb-key{transition:filter .25s ease}
.kb-key .kb-white{transition:fill .18s ease}
.kb-key .kb-sym{transition:transform .18s ease;transform-box:fill-box;transform-origin:center}
.kb-key.active .kb-white{fill:#FFFBE8}
.kb-key.active .kb-sym{transform:scale(1.25)}
.kb-key-do.active{filter:drop-shadow(0 0 14px #1C1C22) drop-shadow(0 0 5px #1C1C22)}
.kb-key-re.active{filter:drop-shadow(0 0 16px #F2BC0E) drop-shadow(0 0 6px #F2BC0E)}
.kb-key-mi.active{filter:drop-shadow(0 0 16px #3FA651) drop-shadow(0 0 5px #3FA651)}
.kb-key-fa.active{filter:drop-shadow(0 0 16px #EF8A1E) drop-shadow(0 0 5px #EF8A1E)}
.kb-key-sol.active{filter:drop-shadow(0 0 16px #E33B2E) drop-shadow(0 0 5px #E33B2E)}
.kb-key-la.active{filter:drop-shadow(0 0 16px #7A4DA8) drop-shadow(0 0 5px #7A4DA8)}
.kb-key-si.active{filter:drop-shadow(0 0 16px #2F86C9) drop-shadow(0 0 5px #2F86C9)}