:root{
  --shell:#141416; --shell-2:#1D1D20; --shell-line:#2C2C30; --shell-text:#ECECE9; --shell-muted:#9C9CA1;
  --gold:#B89457; --gold-deep:#7A5E2C; --gold-soft:rgba(184,148,87,.14);
  --bg:#EEEEEC; --surface:#F8F8F6; --line:#D9D8D3; --text:#18181A; --muted:#5A5A60;
  --good:#2F7D55; --good-soft:rgba(47,125,85,.12); --bad:#A33A2E; --bad-soft:rgba(163,58,46,.10);
  --radius-l:14px; --radius-s:8px;
  --hf:'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --bf:'Inter', 'Helvetica Neue', Arial, sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#101012; --surface:#19191C; --line:#2E2E33; --text:#ECECE9; --muted:#A3A3A8;
    --gold-deep:#D4B47C; --good:#5FB98A; --good-soft:rgba(95,185,138,.14); --bad:#E07A6C; --bad-soft:rgba(224,122,108,.12);
  }
}
:root[data-theme="dark"]{
  --bg:#101012; --surface:#19191C; --line:#2E2E33; --text:#ECECE9; --muted:#A3A3A8;
  --gold-deep:#D4B47C; --good:#5FB98A; --good-soft:rgba(95,185,138,.14); --bad:#E07A6C; --bad-soft:rgba(224,122,108,.12);
}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font-family:var(--bf);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,select,textarea,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
h1,h2,h3{font-family:var(--hf);margin:0;letter-spacing:-.01em}
img{max-width:100%}
[hidden]{display:none!important}

.app{display:grid;grid-template-columns:280px 1fr;grid-template-rows:64px 1fr;height:100%}
.top{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:0 24px;background:var(--shell);color:var(--shell-text);border-bottom:1px solid var(--shell-line);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
.top .logo{height:26px;width:auto;display:block}
.top .product{font-family:var(--hf);font-weight:500;font-size:14px;color:var(--shell-muted);padding-left:18px;border-left:1px solid var(--shell-line)}
.top .spacer{flex:1}
.switch{display:flex;background:var(--shell-2);border:1px solid var(--shell-line);border-radius:999px;padding:3px}
.switch button{white-space:nowrap;border:0;background:transparent;color:var(--shell-muted);padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600}
.switch button[aria-pressed="true"]{background:var(--gold);color:#141416}
.me{display:flex;align-items:center;gap:10px;font-size:14px}
.me img{width:30px;height:30px;border-radius:50%}
.me .pct{color:var(--gold);font-weight:600}

.rail{background:var(--shell);color:var(--shell-text);overflow-y:auto;position:relative;padding:20px 0 180px;border-right:1px solid var(--shell-line)}
.rail::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:url(data:image/jpeg;base64,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6B0K9+31qmRV2oLlOd46Hr9aAIKKDRQAUUUUAFAooFAD0ba2as9RmqlTQNxtP4UASUlONNoAo0ZpKUUALS02loAeh7U+ogakByM0ALRRmigApQKSlFAC0tJS0AFFFFAC0optLQAtLSUtABSikpRQA4UUlFAC0tJRQA6ikooAWjNJmjNAC5pCAwKnoaKKAKjqVYg9RTas3CZUP3HB+lVjQAUUlFABSikooAWnA4ORTKWgC2GDLmioYnwcHoaloAoUoptKKAFoFFFACinqcH60yloAkooU5FLQACloooAWlpKKAClopKAFpRTaUUAOFFJQKAHUCiigBaWkooAWikooAdRSUUALRRRQAtFJSZoAd9eneqsqbGI7dqsU2Vdye60AVqSnU2gAooooAKWkooAcKnjbcvuKr09G2tnt3oArUUUUALS0lFACilFJS0AOU4NSioRUiHIx6UAOooooAWiiigBaKSloAKKKKAClFJSigBaKKKAFopKWgBRRRRQAUUlLQAtKKaKXNACmm0tJQAtFFFAEEybWyOh5FRVbdd6le/aqpFACUlLSUALRSUUAOozSUooAgoooFACiiiloABS0lLQAopynBzTaUUATdeaKbGe1PpAJS0UUAFLSUUwFooooAKWkooAWlpKWgBaWkooAKKKDQAUUlFADhRSUUALmikpaAFopKTNADqhnXncOh6/WpaCNwIPQ0AVDSU9lIJB6im0AJS0lGKAFopKWgCGiiigBaKKKAFpaTvS0AFOptKKAHA1MDuGahp8ZwcdjSAkxSU6koGJRRRTELRSUtABRRRQAUopKUUALRRRQAtIaKKACiiloAKKKKACloooASiiigApRSUUAMmXI3enBqEirXHfoaruu1iKAGUUGkoADRRRQBFRSUtABS0lLQAtFFFAC0tIKWgBRThTRSikBOh3D6UpFRo201KaBjTSU4ikoEJRS0UwCiiigAooooAWlpKKAFooooAKKKKAFooooAWkoooAKSiigApaSigBaZIu5c9xTs0A0AVzTakkXaeOh6Uw0AJSUtFAENKKSloAWikFFAC0tJRQA6ikpaAFFOFNFLSAcKsR/MuO4quKkRsEEUDJDSGnkZAI6Gm4oAbRS0UCEooooAKKKKYBS0lLQAUUUlAC0UUUALRSUtAC0lGaKACiiigBKXNJRQAtJS0lACMNwx37VAasVHIvOexoAiopTSUAQ0UUUALRQKKAFopKWgBaWkFLQAopaSlpAKKcKaKcKBliE5+U9+lKRUKmrP31DfnSAixRT8U0imA2kp1FADaKWkoEFFFFMAopaKAEooxS0AFFJRSAWikzRTAKUUlLQAtJRRQAmaWkooAWjGRg0UUAQMMGmmppVyNw/GojQBBRRRQAtFJS0AFLSUooAWiigUALSikpaQC04U2nCgY9TU8D4OD0NVxT1NJgWGXBppFSqfMjz/EvWmEUARminGkpgNNJinUlACGkpTSUxC0UlFABRRRQAUlFFABS0lFAC0UUUALRSUUABoFIaKAHUlGaKAD27VCw2tipqa4yue4oApUtJS0ALRRSUALS0lFACilpBS0ALS02loAdSim04UgHU9ajFOFAyzBJscHt3qeRMHjoehqopq7bsJIyh+8ORUsZARTSKmdajIpiIzSU4ikxTASkpxppoEJRRRQAUUUUwEopaSgAooooAKKWkoAKM0lFACmiikoAWiijNAC0A03NLQBRpaSloAKKKKACloooAWlpBRQAtLSUUAKKUUlKKAHCnA00UopDJVNTwuUYMOoqspqVTSYGlKgZFkT7rfpVVhirFg+/MLdG+77Gkmj2kgipRRVIppqRhTCKokYaSnGmmmAhpKU0lABRRRQIKSiimAUUlFAC0lFFAC0lFJQAtFFFABRRRQAlFFFAFSiiigAopKWgBaKSigBaWkoFAC0tJSigBaUUlAoAdSim0opDJBUi1EDT1NICzE20gitR/9JhEw69H+tY6GtHTbhYpNr/6txtb/GoZSIHTFRMK0buAxyMp7VSdaaYmiA00ipCKYaoQ00lKaQ0wEpKWkoEFFFFMBDRRRQACiiigANJSmkoAWikpaACiikoAKKKKAKlFJRQAUoNJRQAtFFFAC0UlLQAtFJSigBaWkpaAFpabSikA9aetRinigZKpqaNsGq6mpFNSwN+Ai9ssdZYR+a//AFqzpVwSDS6fdtbTpIOQOo9R3FXtTgUMJIuY5BuU+1Rsy90ZDCoyKmdcVEaskYaaacaaaYhKSlopgJSUtJQIWikopgLSUUlAC0hoooAKWkooAWkoooAKKKKAKdFFFABRRRQAtFJS0AFLSUUALRRRQAtLSUUAOpabS0AOFOBpgpc0hkgNSKahBp4NICwjVs6fILi3a1Y5YfNH/UVhKatW8xjdXU4IOQamSKTJp0Kk5qs1aV7tmRZ0GA/Ueh71nuMUJgyE00080w1RIlIaU000wCkpaSgQtJRRTASiiigAooooAKKKKACkpaKACkpaSgCpRRRQAUUUUAFAoooAWiiigBaKSloAWiiigBaKSloAWlpKUUgHA04GmU4GgZIDUitUINPU0gNKxmHzQufkk6ex7GmTRlSQRyKqI3NX5JPPgEg+8OH/AManZlFM0w096YaokbTTSmkNMBKKKKBCUUUUwCiikoAWikooAWikozQAtFAooAKKKSgCpRRRQAUUUUAFFFFAAKWkFLQAUtJRQAtLSUUALRSUtAC0tNpaAHUopopRSAeDTgaZmlBoGSg1Ytptj8/dbhqqA09TSaAtTIVYg1A1ThvNiA/iT9RULUkNjDSUppKoQmaSikNAgooooAKKKKYBRRRQAlFLRQAUZoooAKM45oqMtk0AQUUUUAFFFFABRRRQAUUUtABRRRQAUtJRQAtAoooAWlptLQAtKKSlFIBaWkooAeDTgajpwoGTxSFGDVJKADlfunkVVBqeJt6lD16ikA002nmmGmAlIaWkoAKKKSgQtJRS0wCkoooAKUUhooAWikoJwM96AEc9vzplFJQBFRRRQAUUUUAFFFFABRRRQAUUtJQAUtJRQAtFFLQAUtJRQAtLSUCgB1LTaWkAuacKbQDQA8U5WwcimUooGWHwwDDvUZoibkqehpWGODQA2koooASiiimIKKKM0AFFGaM0AFFFFABTGOTSue1MoAKKKSgCOiiigAooooAKKKKACiiigBaKSloAKSlooASlpKUUALRSUtABS0lLQAtFJRSAdRSUtAC5pQabSigB4NS53LnuODUFPRtp9u9Ax1JSsMGm0CCiiigBKKKKYBRRRQAtBOBRTCcmgBKQ0UlABRRSUAMooooAKKKKACilpKAClpKKAFopKKAFooooAKSlooAKWkooAWgUlFADqKSjNAC0tJS0AApaTNLQAtLmm0tICVTuGO4pKYpwcipD6joaAEoopKYC0lFFABRRQTgUAI57UyikoAUmkopKACiikoAbRRRQAUUUUAFFFFABRRRQAUUUtABSUtJQAtFJS0AFFFFABRRRQAUopKKAHUUgpaAFopKKAHCikpaAFFPQ54/KmUCgB9FGc80UAFFJS0AFMJyc05j2phoAKQ0ZpKACiiigBKWkooAbRRRQAUUUUAFFFFABRRRQAtFFFABSUppKAClFFFABRRRQAUUUUAFFFFAC0UlFAC0tJmigBwpaaKXNAC0optLQA5Tg06o6eDxQAtITgUtMJoADTaWkoAKSikNABRRRQAdqSlNJQAlFFFABRRRQAUUUUAFFFFABS0lLQAUlLRQAlFOooASijFJQAtFFFABS0lFAC0UUUAGKM0UUALQKSigBwozSUUAOpQaaOlGaAHk9qaaKKAEpDSmkoASiiloASjNGaKAEopaKAG0UUUAFFFFABRRRQAUUUUAFLRRQAUUUUALRSUUALSGiloASikooAWikpaAClpKM0ALRSZooAXFFJRQAtLSUUALS02loAWikooAKSlpKAA0UUlAC0UUlAC0lLijFADaKKKACiiigAooooAKKKKAClpKWgAooooAKKKKACilooASilzSUAFFFFABiiiigAopaSgAopaMUAFFJS0AFFFFABRmiigAooooAKKKKACiiigAooooA/9k=) center/cover no-repeat;opacity:.55;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 70%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 70%)}
.rail nav{position:relative;z-index:1}
.rail .group{padding:18px 24px 8px;font-size:12px;color:var(--shell-muted);font-weight:500}
.track{position:relative;margin:0;padding:0;list-style:none}
.track::before{content:"";position:absolute;left:37px;top:18px;bottom:18px;width:2px;background:var(--shell-line)}
.track .fill{position:absolute;left:37px;top:18px;width:2px;background:var(--gold);transition:height .6s ease}
.item{position:relative;display:flex;align-items:center;gap:14px;width:100%;border:0;background:transparent;color:var(--shell-text);text-align:left;padding:9px 20px 9px 28px;font-size:14px}
.item:hover{background:var(--shell-2)}
.item[aria-current="page"]{background:var(--shell-2);box-shadow:inset 3px 0 0 var(--gold)}
.dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--shell-line);background:var(--shell);display:grid;place-items:center;font-size:11px;font-weight:700;color:#141416;position:relative;z-index:1}
.dot.part{border-color:var(--gold);background:linear-gradient(to top,var(--gold) 50%,var(--shell) 50%)}
.dot.done{border-color:var(--gold);background:var(--gold)}
.item .lbl{display:flex;flex-direction:column;line-height:1.3}
.item .lbl small{color:var(--shell-muted);font-size:12px}
.rail .plain .item{padding-left:28px}

main{overflow-y:auto;padding:40px clamp(20px,5vw,64px) 80px}
.wrap{max-width:860px}
.wrap.wide{max-width:1180px}
.eyebrow{font-family:var(--hf);font-weight:600;color:var(--gold-deep);font-size:14px;margin-bottom:6px}
.title{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.12}
.lede{color:var(--muted);font-size:17px;margin:12px 0 0;max-width:68ch}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.chip{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.chip.ok{background:var(--good-soft);border-color:transparent;color:var(--good)}
.chip.gold{background:var(--gold-soft);border-color:transparent;color:var(--gold-deep)}

.tabs{display:flex;gap:4px;margin:28px 0 20px;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs button{border:0;background:transparent;padding:10px 14px;font-weight:600;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--gold)}
.tabs .count{font-weight:500;color:var(--muted);margin-left:4px;font-size:13px}

.lesson{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px 26px;margin-bottom:14px}
.lesson.read{border-color:transparent;box-shadow:inset 3px 0 0 var(--gold)}
.lesson h3{font-size:19px;font-weight:600;margin-bottom:10px}
.lesson ul{margin:0;padding-left:20px}
.lesson li{margin:6px 0;max-width:72ch}
.lesson .foot{display:flex;justify-content:flex-end;margin-top:14px}
.btn{border:1px solid var(--line);background:var(--surface);padding:9px 16px;border-radius:var(--radius-s);font-weight:600;font-size:14px}
.btn:hover{border-color:var(--gold)}
.btn.primary{background:var(--shell);color:var(--shell-text);border-color:var(--shell)}
.btn.primary:hover{background:#000}
.btn.done{background:var(--good-soft);border-color:transparent;color:var(--good)}
.btn:disabled{opacity:.5;cursor:not-allowed}

.check{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 16px;margin-bottom:10px;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--gold);margin-top:2px;flex:none}
.check.on{border-color:transparent;background:var(--gold-soft)}
.check.static{cursor:default}
.check .meta{display:block;font-size:13px;color:var(--muted)}

.q{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:20px 22px;margin-bottom:14px}
.q h3{font-family:var(--bf);font-size:16px;font-weight:600;margin-bottom:12px;line-height:1.45}
.q h3 span{color:var(--muted);font-weight:500;margin-right:6px}
.opt{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-s);border:1px solid transparent;cursor:pointer}
.opt:hover{background:var(--bg)}
.opt input{accent-color:var(--gold);margin-top:4px}
.opt.right{background:var(--good-soft);border-color:var(--good)}
.opt.wrong{background:var(--bad-soft);border-color:var(--bad)}
.why{margin-top:10px;font-size:14px;color:var(--muted)}
.result{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--shell);color:var(--shell-text);border-radius:var(--radius-l);padding:22px 26px;margin-bottom:18px}
.result .score{font-family:var(--hf);font-size:44px;font-weight:700;line-height:1}
.result .score.pass{color:var(--gold)}
.result p{margin:0;color:var(--shell-muted)}
.result .btn{background:transparent;color:var(--shell-text);border-color:var(--shell-line)}

.hero{background:var(--shell);color:var(--shell-text);border-radius:18px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0 auto 0 -40px;width:220px;background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAwICQsJCAwLCgsODQwOEh4UEhEREiUbHBYeLCcuLisnKyoxN0Y7MTRCNCorPVM+QkhKTk9OLztWXFVMW0ZNTkv/2wBDAQ0ODhIQEiQUFCRLMisyS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0v/wAARCAKAAUADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDzOlpKKAFooooAUUUUUALRRQKAClooFIBaUUlLQA6RfMiz/En6iq2KsoxVgR2pk8YRsr91uRQMhopaKYhKKKKAFopKKAFoopKACkpaMUAJRS0UAGaAaSlFAC0UUUAGaWkooAWjNFFABRRRQAZooooAM0ZopKACiiigBaKKKQBS0lLTAWlpKBSAWlFJSigApaKKAFFSIvmoYj16r9ajFOXg5oGVjwaKs3absTL0bhvY/wD16rUAJRS0lMQUUUUAFFLRQAlFLSUAFFFFACUtJRQAtFFFAC0tIKKAFopKKAFooooAKKKKAEopaKAG0tFFAC0UUtIAoopaYBSikpaAClpKUUgFpcUCloABSikpwoGSRFTmN/uOMH296qyxtFIyOPmU4qcU+4Xz4A4+/EMN7r6/hSAo0UtFUISig0UAFFFFABSUUUAFFFFACUUUUAFLSUUALS0lFAC0UUUAFFLSUALRRRQAUUUUAJRRS0AFLSUtAC0UlKKAFoopaAClFJThSABS0UooABS0CloGAqWCTynDYyOhHqKjpRQAy8g8iXC8ow3IfUVXxWqE+1Wph/5aR/NH7+orLIpJgxtJTjSUxCUUtJTASiiigAooooASilpKACiiigApaSloAKUUlFADqKSigBaMUUUAFFFFABRRRQAUtJSikAtFFLQAUtJS0wFFKKQU4UAKKWkFLSAUUtJSigAFPApop60DJImMbhlOCDkUmpwLuW4iGI5eSB/C3cf1pBVy0CzI9tIcLJ90n+FuxqHpqNGIRSYqeaJopGRxhlOCPQ1ERV3EMpDTjSUCEoxRRTASilpKACig0lABRRRQAUUUUALRSUuaAFopKKAFpaSloAKKKKACiiigBaWkooAWlFJQKQDqKKKYDhS5ptLSAdSiminCgBRSigUtAxRThTRSigB4NSIcEVEKepxUsZb1KL7TbLeKPnXCSj+Tf0rGYc1u6fMqyFJBmKQbXHqDVHUrFrO4aNuQOVb+8OxqU7Ow3rqZpFNNSMKYa0JG0UtFAhDRQaSmAGiikoAWkopKAFooxRQAUUlLQAtApKWgBaBRRQAtFFFABRRRQAtFFFAC0UCloAKUUlLQAopaQUtIBRThSCloGOFLTRSigB1KKQUooAcKetMFOFICVGweKvzj+0NPwOZrcZH+0ncfh1/Os5auWU5glV16g1DRSMeRcVCwrY1e0WGUSRD9zMNye3qPwrJYVSdxNERopxptUSIaSlopgFJRRQAlFLSUAFFFFACUtFFABSigUUAFKKSloAWigUtADRS0lKKAFoopaACiiigBRS0gpRSAUUopKKAHCnCminCgBRSikFKKAHClFIKUUDFFPFNApRSAeKkQ4qIU4GkBpw4vLR7RvvfeiJ7N6fjWDKhBIIwa0oXKsCDginavCJFW7jHEnDgdn/8Ar9anZlboxCKaalYc1GRWhI2kpTSUxBSUUUAFFFFACUtFFACYpaKKAClpKWgAoAopaADFLSUooASgUUUALRRRQAUtJS0AKKWkFLQAtLSUtAAKeKaKUUgHUoptKKAHilFNFOFAxwpabSigBwpwpopaQEgOKtWsisHglP7qUYJ9D2P4VTBp6mk0NMpXMLQyvG4wynBqua2L9PPt1nH30AV/cdj/AErJYc0JgyM0hpTSVQhKKKKYhKKWkoAKKKBQAUtFFABiloooAKMUUtACU4UlKKAG0tJRQAtFGKKAFooopALRRRTAUU4U0UtADqWm5paAFpwplOFIB4paaKcKBiinU2loAcKUU0UoNADqcDTM0uaQE8Uu1uRlSMMPUVQu4fIlKZyOqn1HarOaWZftFvj+OLlfcdx/WkMzDTTT2FNNUIbRRRTEFJRRQAUtJRQAtFFFAC0UgpaAClpKKAFFKKQU4CkAylpKWmAUUUUAFLSUooAKWkpaAFFLSUtABS0lKKQDqWmg0ooAdS03NKKAHilpopRQA4UtJRQMXNLmkooAcKfGxRgw6io80uaAK95GEk3IPkflfb1FVjWlsE0ZiPU8qfQ1nMMHFJANpKU0hqhBRRRQAlApaO9ABRRRQAUtFFABQKWigBRVqzTGZWHThR6mq8SeY4UfifSrhIAAHCjgCkMoUU1T2p1MQUUUUAFLSUUALS0gpaQAKWkpaYC0tNFOFAC0opBS0gFpRSClFADhS00UtADs0oNMzSigB1LSUUALS0lFAxc4qG8jziYdG4b2NS0owVZG+6wwf8aAM6kp7qUcq3UUymIKKKKACiiigApaSigBaKKKAFooqa3jydx6Dp9aAJYl8tOfvHrTqDzSUgM+njmmU5T2pgOoooFAC0lLSUAFLRRQAUtFANADhS5pKKAFpaSloAWlpKWkAtLSClzQAtKKbS0wHZopM0UgHUUlLmgAooooAjuk3IJB1Xhvp61UNaAIB55B4I9apTR+W5Xt2PqKAI6KKKYBRRRQAUUUtABS0lGaAHou9goq2MKAB0FRwptXPc0+gBaKSikBn0UlLTAkByKKYDg0+gBaKSloAKKKKAClFJS0ALRSUtADhSim0tADqKSigBacKbSigBaWilpAFLRRQAUUUd6YCilpopaAFpkyb4/9peR9KdQDjkUgKJpKlnQI+R908ioqYBRRRQAUUUUALTo8bxu6U2gUAXKTNMjfcuD1FPoAM0uaSkoAo5opKWgBRT1ORj0qOnA4OaAHiloFFABRSUtABS0lFAC0ooooAWlpKKAHUUgpaAFpabS5oAcDSg0wGnCgB1LTRS5oAWikpaAClpKWgAooooAa6B0K9+31qmRV2oLlOd46Hr9aAIKKDRQAUUUUAFAooFAD0ba2as9RmqlTQNxtP4UASUlONNoAo0ZpKUUALS02loAeh7U+ogakByM0ALRRmigApQKSlFAC0tJS0AFFFFAC0optLQAtLSUtABSikpRQA4UUlFAC0tJRQA6ikooAWjNJmjNAC5pCAwKnoaKKAKjqVYg9RTas3CZUP3HB+lVjQAUUlFABSikooAWnA4ORTKWgC2GDLmioYnwcHoaloAoUoptKKAFoFFFACinqcH60yloAkooU5FLQACloooAWlpKKAClopKAFpRTaUUAOFFJQKAHUCiigBaWkooAWikooAdRSUUALRRRQAtFJSZoAd9eneqsqbGI7dqsU2Vdye60AVqSnU2gAooooAKWkooAcKnjbcvuKr09G2tnt3oArUUUUALS0lFACilFJS0AOU4NSioRUiHIx6UAOooooAWiiigBaKSloAKKKKAClFJSigBaKKKAFopKWgBRRRRQAUUlLQAtKKaKXNACmm0tJQAtFFFAEEybWyOh5FRVbdd6le/aqpFACUlLSUALRSUUAOozSUooAgoooFACiiiloABS0lLQAopynBzTaUUATdeaKbGe1PpAJS0UUAFLSUUwFooooAKWkooAWlpKWgBaWkooAKKKDQAUUlFADhRSUUALmikpaAFopKTNADqhnXncOh6/WpaCNwIPQ0AVDSU9lIJB6im0AJS0lGKAFopKWgCGiiigBaKKKAFpaTvS0AFOptKKAHA1MDuGahp8ZwcdjSAkxSU6koGJRRRTELRSUtABRRRQAUopKUUALRRRQAtIaKKACiiloAKKKKACloooASiiigApRSUUAMmXI3enBqEirXHfoaruu1iKAGUUGkoADRRRQBFRSUtABS0lLQAtFFFAC0tIKWgBRThTRSikBOh3D6UpFRo201KaBjTSU4ikoEJRS0UwCiiigAooooAWlpKKAFooooAKKKKAFooooAWkoooAKSiigApaSigBaZIu5c9xTs0A0AVzTakkXaeOh6Uw0AJSUtFAENKKSloAWikFFAC0tJRQA6ikpaAFFOFNFLSAcKsR/MuO4quKkRsEEUDJDSGnkZAI6Gm4oAbRS0UCEooooAKKKKYBS0lLQAUUUlAC0UUUALRSUtAC0lGaKACiiigBKXNJRQAtJS0lACMNwx37VAasVHIvOexoAiopTSUAQ0UUUALRQKKAFopKWgBaWkFLQAopaSlpAKKcKaKcKBliE5+U9+lKRUKmrP31DfnSAixRT8U0imA2kp1FADaKWkoEFFFFMAopaKAEooxS0AFFJRSAWikzRTAKUUlLQAtJRRQAmaWkooAWjGRg0UUAQMMGmmppVyNw/GojQBBRRRQAtFJS0AFLSUooAWiigUALSikpaQC04U2nCgY9TU8D4OD0NVxT1NJgWGXBppFSqfMjz/EvWmEUARminGkpgNNJinUlACGkpTSUxC0UlFABRRRQAUlFFABS0lFAC0UUUALRSUUABoFIaKAHUlGaKAD27VCw2tipqa4yue4oApUtJS0ALRRSUALS0lFACilpBS0ALS02loAdSim04UgHU9ajFOFAyzBJscHt3qeRMHjoehqopq7bsJIyh+8ORUsZARTSKmdajIpiIzSU4ikxTASkpxppoEJRRRQAUUUUwEopaSgAooooAKKWkoAKM0lFACmiikoAWiijNAC0A03NLQBRpaSloAKKKKACloooAWlpBRQAtLSUUAKKUUlKKAHCnA00UopDJVNTwuUYMOoqspqVTSYGlKgZFkT7rfpVVhirFg+/MLdG+77Gkmj2kgipRRVIppqRhTCKokYaSnGmmmAhpKU0lABRRRQIKSiimAUUlFAC0lFFAC0lFJQAtFFFABRRRQAlFFFAFSiiigAopKWgBaKSigBaWkoFAC0tJSigBaUUlAoAdSim0opDJBUi1EDT1NICzE20gitR/9JhEw69H+tY6GtHTbhYpNr/6txtb/GoZSIHTFRMK0buAxyMp7VSdaaYmiA00ipCKYaoQ00lKaQ0wEpKWkoEFFFFMBDRRRQACiiigANJSmkoAWikpaACiikoAKKKKAKlFJRQAUoNJRQAtFFFAC0UlLQAtFJSigBaWkpaAFpabSikA9aetRinigZKpqaNsGq6mpFNSwN+Ai9ssdZYR+a//AFqzpVwSDS6fdtbTpIOQOo9R3FXtTgUMJIuY5BuU+1Rsy90ZDCoyKmdcVEaskYaaacaaaYhKSlopgJSUtJQIWikopgLSUUlAC0hoooAKWkooAWkoooAKKKKAKdFFFABRRRQAtFJS0AFLSUUALRRRQAtLSUUAOpabS0AOFOBpgpc0hkgNSKahBp4NICwjVs6fILi3a1Y5YfNH/UVhKatW8xjdXU4IOQamSKTJp0Kk5qs1aV7tmRZ0GA/Ueh71nuMUJgyE00080w1RIlIaU000wCkpaSgQtJRRTASiiigAooooAKKKKACkpaKACkpaSgCpRRRQAUUUUAFAoooAWiiigBaKSloAWiiigBaKSloAWlpKUUgHA04GmU4GgZIDUitUINPU0gNKxmHzQufkk6ex7GmTRlSQRyKqI3NX5JPPgEg+8OH/AManZlFM0w096YaokbTTSmkNMBKKKKBCUUUUwCiikoAWikooAWikozQAtFAooAKKKSgCpRRRQAUUUUAFFFFAAKWkFLQAUtJRQAtLSUUALRSUtAC0tNpaAHUopopRSAeDTgaZmlBoGSg1Ytptj8/dbhqqA09TSaAtTIVYg1A1ThvNiA/iT9RULUkNjDSUppKoQmaSikNAgooooAKKKKYBRRRQAlFLRQAUZoooAKM45oqMtk0AQUUUUAFFFFABRRRQAUUUtABRRRQAUtJRQAtAoooAWlptLQAtKKSlFIBaWkooAeDTgajpwoGTxSFGDVJKADlfunkVVBqeJt6lD16ikA002nmmGmAlIaWkoAKKKSgQtJRS0wCkoooAKUUhooAWikoJwM96AEc9vzplFJQBFRRRQAUUUUAFFFFABRRRQAUUtJQAUtJRQAtFFLQAUtJRQAtLSUCgB1LTaWkAuacKbQDQA8U5WwcimUooGWHwwDDvUZoibkqehpWGODQA2koooASiiimIKKKM0AFFGaM0AFFFFABTGOTSue1MoAKKKSgCOiiigAooooAKKKKACiiigBaKSloAKSlooASlpKUUALRSUtABS0lLQAtFJRSAdRSUtAC5pQabSigB4NS53LnuODUFPRtp9u9Ax1JSsMGm0CCiiigBKKKKYBRRRQAtBOBRTCcmgBKQ0UlABRRSUAMooooAKKKKACilpKAClpKKAFopKKAFooooAKSlooAKWkooAWgUlFADqKSjNAC0tJS0AApaTNLQAtLmm0tICVTuGO4pKYpwcipD6joaAEoopKYC0lFFABRRQTgUAI57UyikoAUmkopKACiikoAbRRRQAUUUUAFFFFABRRRQAUUUtABSUtJQAtFJS0AFFFFABRRRQAUopKKAHUUgpaAFopKKAHCikpaAFFPQ54/KmUCgB9FGc80UAFFJS0AFMJyc05j2phoAKQ0ZpKACiiigBKWkooAbRRRQAUUUUAFFFFABRRRQAtFFFABSUppKAClFFFABRRRQAUUUUAFFFFAC0UlFAC0tJmigBwpaaKXNAC0optLQA5Tg06o6eDxQAtITgUtMJoADTaWkoAKSikNABRRRQAdqSlNJQAlFFFABRRRQAUUUUAFFFFABS0lLQAUlLRQAlFOooASijFJQAtFFFABS0lFAC0UUUAGKM0UUALQKSigBwozSUUAOpQaaOlGaAHk9qaaKKAEpDSmkoASiiloASjNGaKAEopaKAG0UUUAFFFFABRRRQAUUUUAFLRRQAUUUUALRSUUALSGiloASikooAWikpaAClpKM0ALRSZooAXFFJRQAtLSUUALS02loAWikooAKSlpKAA0UUlAC0UUlAC0lLijFADaKKKACiiigAooooAKKKKAClpKWgAooooAKKKKACilooASilzSUAFFFFABiiiigAopaSgAopaMUAFFJS0AFFFFABRmiigAooooAKKKKACiiigAooooA/9k=) center/cover;opacity:.35;pointer-events:none}
.hero > *{position:relative;z-index:1}
.hero .inner{padding-left:150px}
.hero h1{font-size:clamp(26px,3.4vw,36px);font-weight:700;line-height:1.15}
.hero p{color:var(--shell-muted);margin:10px 0 20px;max-width:52ch}
.ring{--p:0;width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p)*1%),var(--shell-line) 0);display:grid;place-items:center}
.ring div{width:112px;height:112px;border-radius:50%;background:var(--shell);display:grid;place-items:center;text-align:center;font-family:var(--hf)}
.ring b{font-size:30px;display:block;line-height:1}
.ring small{font-family:var(--bf);color:var(--shell-muted);font-size:12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 30px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:16px 18px}
.stat b{font-family:var(--hf);font-size:24px;display:block;overflow-wrap:anywhere}
.stat b.txt{font-size:18px;line-height:1.3}
.stat span{color:var(--muted);font-size:13px}
.daygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.daycard{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.daycard:hover{border-color:var(--gold)}
.daycard .n{font-family:var(--hf);font-weight:600;color:var(--gold-deep);font-size:13px}
.daycard .t{font-family:var(--hf);font-weight:600;font-size:16px}
.bar{display:block;height:6px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;background:var(--gold)}
h2.sec{font-size:20px;font-weight:600;margin:34px 0 14px}

.links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.link{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:18px 20px}
.link:hover{border-color:var(--gold)}
.link b{font-family:var(--hf);font-size:16px;display:block;margin-bottom:4px}
.link span{color:var(--muted);font-size:14px}

.videos{display:grid;gap:14px;margin-bottom:22px}
.vid{background:var(--shell);border-radius:var(--radius-l);overflow:hidden}
.vid video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.vmeta{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--shell-text)}
.watchgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:24px}
.watchgrid .vmeta b{font-size:14px}
.vmeta b{font-family:var(--hf);font-weight:600;flex:1}
.vmeta span{font-size:13px;color:var(--shell-muted)}
.vmeta span.ok{color:var(--gold)}
.vmeta button{background:transparent;border:1px solid var(--shell-line);color:var(--shell-muted);border-radius:var(--radius-s);padding:5px 10px;font-size:12px}
.vup{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-l);padding:14px 16px;margin-bottom:22px}
.vup input[type=text]{flex:1;min-width:180px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg)}
.vup small{width:100%;color:var(--muted)}
.notice{background:var(--gold-soft);color:var(--text);border-radius:var(--radius-s);padding:12px 16px;font-size:14px;margin-bottom:18px}

.tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-weight:600;color:var(--muted);font-size:13px;background:var(--bg)}
tbody tr{cursor:pointer}
tbody tr:hover{background:var(--gold-soft)}
td .who{display:flex;align-items:center;gap:10px}
td .who img{width:28px;height:28px;border-radius:50%}
.mini{display:inline-block;width:90px;vertical-align:middle}
.status{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--muted)}
.status.Certified{background:var(--good-soft);color:var(--good)}
.status.Conditional{background:var(--gold-soft);color:var(--gold-deep)}
.status.Remediation,.status.Not.certified{background:var(--bad-soft);color:var(--bad)}
.toolbar{display:flex;gap:10px;align-items:center;margin:22px 0 14px;flex-wrap:wrap}
.toolbar input{flex:1;min-width:200px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}

.drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,100%);background:var(--bg);border-left:1px solid var(--line);box-shadow:-20px 0 40px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s ease;z-index:20;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer:not(.open){visibility:hidden;transition:transform .28s ease,visibility 0s .28s}
.drawer.open{transform:none}
.drawer header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--surface)}
.drawer header img{width:40px;height:40px;border-radius:50%}
.drawer header h2{font-size:19px;flex:1}
.drawer .body{overflow-y:auto;padding:18px 22px 40px}
.drow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 16px;margin-bottom:10px}
.drow .h{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:15px}
.drow .m{color:var(--muted);font-size:13px;margin:4px 0 8px}
.drow label{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:4px 0}
.drow input{accent-color:var(--gold);margin-top:3px}
.drawer select,.drawer textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}
.drawer textarea{min-height:110px;resize:vertical}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .28s;z-index:19}
.scrim.open{opacity:1;pointer-events:auto}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--shell);color:var(--shell-text);padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;transition:opacity .2s;z-index:30;pointer-events:none}
.toast.show{opacity:1}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-l);padding:32px;text-align:center;color:var(--muted)}

@media (max-width:900px){
  .app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto;min-height:100%}
  .top{padding:0 16px;height:60px}
  .top .product{display:none}
  .rail{padding:8px 0;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--shell-line)}
  .rail::after,.rail .group,.track::before,.track .fill{display:none}
  .rail nav{display:flex}
  .track,.rail .plain{display:flex}
  .item{padding:8px 14px;white-space:nowrap}
  .item .lbl small{display:none}
  main{overflow:visible;padding:28px 18px 60px}
  .hero{grid-template-columns:1fr;padding:26px}
  .hero::after{display:none}
  .hero .inner{padding-left:0}
  .stats{grid-template-columns:repeat(2,1fr)}
  .me .name{display:none}
  .switch button{padding:6px 10px;font-size:12px}
  .top{gap:12px}
  .top .logo{height:20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}