/* Judiciary Junction premium shell: header, dock, notifications, chat, theme overrides */
:root{--ink:#0a2733;--teal:#0f5a63;--teal2:#14808a;--mist:#e8f3f4;--cream:#fff7e8;--gold:#f4a51c;--lime:#7bc618;--line:#dbe7e8;--r:22px;--sh:0 10px 30px #0a27331a;--hh:76px}
body{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#1d3340;background:#fff;padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3,h4{font-family:'Outfit',system-ui,sans-serif!important;color:var(--ink);letter-spacing:-.01em}
.top,header:not(.jjh),.mobilebar,.jj-float-promo,.jj-call-float,.jj-notify-root,.jj-ai-root{display:none!important}
/* header */
.jjh{position:sticky;top:0;z-index:900;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 4px 20px #0a27330d}
.jjh-bar{background:var(--ink);color:#d9eef0;font-size:13px}
.jjh-bar .in{display:flex;justify-content:space-between;align-items:center;gap:14px;height:36px}
.jjh-bar a{color:#ffd37a;font-weight:600}.jjh-tick{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.jjh-tick b{color:var(--gold);margin-right:8px}
.jjh-main{display:flex;align-items:center;gap:18px;height:var(--hh)}
.jjh .in,.jjh-main{width:min(1240px,calc(100% - 32px));margin:auto}
.jjh-brand{display:flex;align-items:center;gap:10px;flex:none}
.jjh-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}
.jjh-brand span{font-weight:800;font-size:18px;line-height:1;color:var(--ink)}
.jjh-brand small{display:block;font-size:11px;letter-spacing:.32em;color:var(--teal2);font-weight:700;margin-top:4px}
.jjh-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.jjh-nav>a,.jjh-dd>button{font:600 15.5px/1 'Outfit',sans-serif;color:var(--ink);padding:12px 13px;border-radius:12px;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}
.jjh-nav>a:hover,.jjh-dd>button:hover,.jjh-nav a.on,.jjh-dd.on>button{color:var(--teal2);background:var(--mist)}
.jjh-dd{position:relative}.jjh-dd svg{width:14px;height:14px}
.jjh-menu{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #0a273328;padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.jjh-dd:hover .jjh-menu,.jjh-dd.open .jjh-menu,.jjh-dd:focus-within .jjh-menu{opacity:1;visibility:visible;transform:none}
.jjh-menu a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;font-weight:600;font-size:14.5px;color:var(--ink)}
.jjh-menu a:hover{background:var(--mist)}.jjh-menu a i,.jjd-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mist);color:var(--teal);flex:none}
.jjh-menu a i svg{width:18px;height:18px}
.jjh-app{flex:none;background:linear-gradient(135deg,var(--lime),#5fa80b);color:#06210a!important;font-weight:700;font-size:14px;padding:11px 16px;border-radius:99px;display:flex;gap:7px;align-items:center;box-shadow:0 6px 16px #7bc61855}
.jjh-app svg{width:17px;height:17px}
.jjh-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);place-items:center;cursor:pointer;flex:none}
.jjh-burger svg{width:22px;height:22px}
.jjh-drawer{position:fixed;inset:0;z-index:1000;visibility:hidden}.jjh-drawer.open{visibility:visible}
.jjh-drawer .bg{position:absolute;inset:0;background:#0a273399;opacity:0;transition:.25s}.jjh-drawer.open .bg{opacity:1}
.jjh-drawer .pn{position:absolute;right:0;top:0;bottom:0;width:min(330px,88vw);background:#fff;padding:16px;overflow:auto;transform:translateX(100%);transition:.28s;display:flex;flex-direction:column;gap:4px}
.jjh-drawer.open .pn{transform:none}
.jjh-drawer .pn a,.jjh-drawer summary{padding:13px 12px;border-radius:12px;font-weight:600;color:var(--ink);display:block;list-style:none;cursor:pointer}
.jjh-drawer .pn a:hover,.jjh-drawer summary:hover{background:var(--mist)}.jjh-drawer details a{padding-left:28px;font-weight:500;font-size:15px}
.jjh-drawer .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.jjh-drawer .x{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:22px;cursor:pointer}
@media(max-width:1100px){.jjh-nav,.jjh-app.d{display:none}.jjh-burger{display:grid}.jjh-app{margin-left:auto}}
@media(max-width:640px){.jjh-bar .jjh-r{display:none}.jjh-bar .in{height:32px}:root{--hh:64px}.jjh-brand img{width:42px;height:42px}.jjh-brand span{font-size:16px}.jjh-app{padding:9px 13px;font-size:13px}}
/* dock */
.jjd{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));z-index:850;width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;box-shadow:0 8px 22px #0a273345;transition:transform .15s}
.jjd:active{transform:scale(.93)}.jjd svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.jjd.n{left:16px;background:linear-gradient(135deg,var(--gold),#e08a00)}.jjd.c{right:16px;background:linear-gradient(135deg,var(--teal2),var(--ink))}
.jjd b{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#e5342d;color:#fff;font:700 11px/20px 'Outfit',sans-serif;text-align:center;border:2px solid #fff;padding:0 4px}
.jjd b:empty,.jjd b[hidden]{display:none}
@media(max-width:640px){.jjd{width:42px;height:42px;bottom:calc(12px + env(safe-area-inset-bottom))}.jjd.n{left:12px}.jjd.c{right:12px}.jjd svg{width:20px;height:20px}}
/* panels */
.jjp{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));z-index:860;width:370px;max-height:min(560px,calc(100dvh - 170px));background:#fff;border-radius:22px;box-shadow:0 24px 70px #0a273340;border:1px solid var(--line);display:none;flex-direction:column;overflow:hidden}
.jjp.open{display:flex;animation:jjUp .22s ease}@keyframes jjUp{from{opacity:0;transform:translateY(12px)}}
.jjp.n{left:16px}.jjp.c{right:16px}
@media(max-width:640px){.jjp{width:calc(100% - 20px);left:10px!important;right:10px!important;bottom:calc(64px + env(safe-area-inset-bottom));max-height:calc(100dvh - 150px);border-radius:20px}}
.jjp-h{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,var(--ink),var(--teal));color:#fff}
.jjp-h h3{margin:0;font-size:16px;color:#fff}.jjp-h small{display:block;opacity:.8;font-size:12px}
.jjp-h button{margin-left:auto;background:#ffffff22;border:0;color:#fff;width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer}
.jjp-b{overflow:auto;flex:1;padding:12px;background:#f6fafa;overscroll-behavior:contain}
.jjn-i{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px;display:block;position:relative}
.jjn-i.un{border-color:#f4a51c88;background:#fffaf0}.jjn-i.un:after{content:"";position:absolute;top:14px;right:12px;width:8px;height:8px;border-radius:50%;background:#e5342d}
.jjn-t{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--mist);color:var(--teal);margin-bottom:6px}
.jjn-t.exam{background:#ffe8c2;color:#8a5200}.jjn-t.result{background:#dff6d2;color:#2f6a00}.jjn-t.news{background:#dfe9ff;color:#274a9e}
.jjn-i h4{margin:0 0 3px;font-size:15px;padding-right:14px}.jjn-i p{margin:0;font-size:13.5px;color:#4b6470;line-height:1.5}
.jjn-i small{display:flex;justify-content:space-between;margin-top:8px;color:#7b919b;font-size:12px}.jjn-i a{color:var(--teal2);font-weight:700}
.jjp-f{padding:10px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12.5px;color:#6b8490;background:#fff}
.jjp-f button{background:none;border:0;color:var(--teal2);font-weight:700;cursor:pointer;font-family:inherit}
.jjm{max-width:86%;padding:10px 13px;border-radius:16px;margin-bottom:9px;font-size:14.5px;line-height:1.5;word-wrap:break-word}
.jjm.b{background:#fff;border:1px solid var(--line);border-top-left-radius:4px}.jjm.u{background:var(--teal);color:#fff;margin-left:auto;border-top-right-radius:4px}
.jjm a{color:var(--teal2);font-weight:700;text-decoration:underline}.jjm.u a{color:#fff}
.jjm .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.jjm .acts a{text-decoration:none;color:#fff;padding:8px 13px;border-radius:99px;font-size:13px}
.acts .call{background:#14808a}.acts .wa{background:#1fa855}
.jjq{display:flex;gap:7px;overflow-x:auto;padding:8px 12px;background:#fff;border-top:1px solid var(--line);scrollbar-width:none}.jjq::-webkit-scrollbar{display:none}
.jjq button{flex:none;border:1px solid var(--line);background:var(--mist);color:var(--teal);font:600 13px 'Outfit',sans-serif;padding:7px 12px;border-radius:99px;cursor:pointer}
.jjf{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--line)}
.jjf input{flex:1;min-width:0;border:1px solid var(--line);border-radius:99px;padding:11px 15px;font:15px 'Outfit',sans-serif;outline:0}.jjf input:focus{border-color:var(--teal2)}
.jjf button{width:44px;border:0;border-radius:50%;background:var(--gold);color:#3a2300;cursor:pointer;display:grid;place-items:center}.jjf button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}
.dots span{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:#9bb;animation:jjd 1s infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes jjd{50%{transform:translateY(-4px)}}
/* theme overrides */
.btn{background:linear-gradient(135deg,var(--gold),#e8920a);color:#2b1a00;border-radius:99px;padding:13px 22px;font-size:14.5px;font-weight:700;box-shadow:0 6px 18px #f4a51c44}
.btn.ghost{background:#ffffff14;border:1px solid #ffffff66;color:#fff;box-shadow:none}.btn.dark{background:var(--ink);color:#fff}
.hero{background:radial-gradient(circle at 85% 20%,#f4a51c30,transparent 30%),linear-gradient(135deg,#0a2733 0%,#0f5a63 100%);padding:72px 0}
.hero h1{color:#fff;font-weight:800;font-size:clamp(34px,5.4vw,60px);line-height:1.08}.hero p{color:#cfe6e8;font-size:18px}
.gold{color:var(--gold)}.eyebrow{color:var(--teal2);letter-spacing:.08em}.hero .eyebrow{color:#ffd37a}
.heroImg{border-radius:30px;border:6px solid #ffffff22;box-shadow:0 24px 60px #0006}
.section{padding:76px 0}.soft{background:var(--cream)}.heading h2{font-size:clamp(28px,4vw,42px);font-weight:800}
.card,.feature{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh);transition:.2s}
a.card:hover,a.feature:hover,.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0a273322}
.icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff}
.grid3>*:nth-child(3n+2) .icon{background:linear-gradient(135deg,#f4a51c,#e8920a);color:#3a2300}.grid3>*:nth-child(3n) .icon{background:linear-gradient(135deg,#7bc618,#4f9a0a);color:#06210a}
.icon svg{width:27px;height:27px}
.strip{background:var(--mist);border-color:var(--line)}.darkSection{background:linear-gradient(135deg,#0a2733,#0f5a63)}
.banner{background:linear-gradient(120deg,#f4a51c,#ffc95a);border-radius:28px;color:#2b1a00}.banner h2{color:#2b1a00}
.photoPanel{background:linear-gradient(135deg,#0a2733,#14808a);border-radius:30px}
footer{background:var(--ink)}footer a:hover{color:var(--gold)}
.jj-home-shortcuts a,.jj-daily-goal{border-radius:20px}
img{max-width:100%}
@media(max-width:760px){.section{padding:48px 0}.hero{padding:40px 0}.hero p{font-size:16px}.photoPanel{grid-template-columns:1fr}.heroGrid{grid-template-columns:1fr!important}.heroImg{height:240px}body{padding-bottom:70px}}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* redesign v3 : reference-inspired components */
.jjh-r{display:flex;align-items:center;gap:14px}.soc{display:inline-flex;gap:6px}
.soc a{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#d9eef0;transition:.15s}.soc a:hover{background:var(--gold);color:#2b1a00}
.soc svg{width:16px;height:16px}.soc.big{gap:12px;margin-top:18px}.soc.big a{width:44px;height:44px;background:var(--teal);color:#fff;border:3px solid var(--gold)}.soc.big svg{width:20px;height:20px}.soc.big a:hover{background:var(--gold);color:var(--ink)}
@media(max-width:640px){.jjh-r a:first-child{display:none}}
.wr{width:min(1200px,calc(100% - 32px));margin:auto}
.sh{max-width:720px;margin:0 auto 38px;text-align:center}.sh h2{font-size:clamp(28px,4.2vw,44px);font-weight:800;margin:0 0 10px}.sh p{color:#4b6470;font-size:17px;margin:0}
.sh .tg{display:inline-block;background:var(--mist);color:var(--teal);font-weight:700;font-size:13.5px;padding:6px 16px;border-radius:99px;margin-bottom:12px;border-left:4px solid var(--gold)}
/* course cards with image */
.cc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cc a{background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh);display:flex;flex-direction:column;transition:.2s}.cc a:hover{transform:translateY(-5px);box-shadow:0 22px 50px #0a273328}
.cc img{width:100%;height:210px;object-fit:cover}.cc div{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}.cc h3{margin:0;font-size:22px}.cc p{margin:0;color:#4b6470}.cc .pl{display:flex;gap:8px;flex-wrap:wrap}.cc .pl span{background:var(--mist);color:var(--teal);font-weight:600;font-size:13px;padding:4px 12px;border-radius:99px}.cc em{margin-top:auto;font-style:normal;font-weight:700;color:var(--teal2);display:flex;gap:6px;align-items:center}
/* why */
.why{background:linear-gradient(180deg,var(--mist),#f6fbfb)}.wg{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.wc{background:#fff;border-radius:26px;padding:14px 14px 26px;text-align:center;box-shadow:var(--sh)}
.wc .ic{height:130px;border-radius:20px;background:#f5f7f7;display:grid;place-items:center;margin-bottom:18px}.wc .ic i{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 12px 24px #0f5a6340}.wc:nth-child(2) .ic i{background:linear-gradient(135deg,#f4a51c,#e8920a);color:#3a2300}.wc:nth-child(3) .ic i{background:linear-gradient(135deg,#7bc618,#4f9a0a);color:#06210a}
.wc .ic svg{width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wc h3{color:var(--teal);margin:0 0 8px;font-size:21px}.wc p{margin:0;padding:0 10px;color:#4b6470}
/* stats */
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-top:6px}.sc{position:relative;padding:46px 0 0 18px}.sc .tile{position:absolute;left:0;top:0;width:76px;height:76px;border-radius:20px 20px 20px 4px;background:var(--teal);display:grid;place-items:center;color:#fff;z-index:2}.sc:nth-child(even) .tile{background:var(--gold);color:#3a2300}
.sc .tile svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sc .bd{background:linear-gradient(135deg,#bcd9dc 0,#eef6f7 38%);border-radius:26px;padding:48px 26px 26px 34px;border:6px solid #fff;box-shadow:var(--sh);margin-top:-30px}.sc:nth-child(even) .bd{background:linear-gradient(135deg,#ffe3a8 0,#fff7e6 38%)}
.sc h4{margin:0;font-size:21px;color:var(--ink);font-weight:600}.sc .n{font-size:54px;font-weight:800;color:var(--teal);line-height:1.1}
/* faq */
.faq2w{display:grid;grid-template-columns:.8fr 1.4fr;gap:34px;align-items:start}.faq2l h2{font-size:clamp(28px,4vw,44px);font-weight:800;margin:0 0 12px}.faq2l p{color:#4b6470}.faq2l img{border-radius:28px;height:320px;width:100%;object-fit:cover;margin-top:18px;box-shadow:var(--sh)}
.faq2l .qt{background:#fff;border:6px solid #f8e3b0;border-radius:24px;padding:16px 20px;margin:-40px 16px 0 -8px;position:relative;font-weight:700;color:var(--teal);font-size:20px;box-shadow:var(--sh)}
.faq2{background:#fff;border-radius:28px;padding:26px 30px;box-shadow:var(--sh);border-right:5px solid var(--lime)}.faq2 h3{font-size:25px;color:var(--teal);margin:26px 0 8px}.faq2 h3:first-child{margin-top:0}
.faq2 details{border-bottom:1px solid var(--line);counter-increment:q}.faq2 .grp{counter-reset:q}
.faq2 summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:18px 0;font-weight:600;font-size:18px;color:var(--teal)}.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary:before{content:counter(q) " - ";white-space:pre}.faq2 summary span{flex:1}.faq2 summary svg{width:22px;height:22px;flex:none;stroke:var(--teal);fill:none;stroke-width:2;transition:.2s}.faq2 details[open] summary svg{transform:rotate(90deg)}
.faq2 details p{margin:0 0 18px;color:#4b6470;padding-right:30px}
/* cta */
.cta{background:linear-gradient(120deg,var(--ink),var(--teal));border-radius:32px;padding:38px;color:#fff;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cta h2{color:#fff;margin:0 0 6px;font-size:clamp(24px,3.4vw,36px)}.cta p{margin:0;color:#cfe6e8}.cta .a{display:flex;gap:12px;flex-wrap:wrap}
.btn.wa{background:linear-gradient(135deg,#25d366,#16a34a);color:#fff;box-shadow:0 6px 18px #25d36655}.btn.cl{background:linear-gradient(135deg,#06b6d4,#0e8aa6);color:#fff;box-shadow:0 6px 18px #06b6d455}
/* footer */
.jjf2{background:var(--cream);color:#1d3340;padding:64px 0 0;margin-top:0}.jjf2 .fw{width:min(1200px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.3fr .9fr .9fr .8fr 1.3fr;gap:30px}
.jjf2 p{color:#4b6470;margin:14px 0 0;max-width:340px}.jjf2 .jjh-brand span{color:var(--ink)}
.jjf2 h4{display:inline-block;margin:0 0 18px;padding:9px 22px 9px 16px;border-left:5px solid var(--gold);background:linear-gradient(90deg,#fff,var(--mist));font-size:21px;color:var(--teal)}
.jjf2 .fw>div>a{display:flex;align-items:center;gap:8px;padding:8px 0;font-weight:500;color:var(--ink)}.jjf2 .fw>div>a svg{width:15px;height:15px;stroke:var(--lime);fill:none;stroke-width:2.6}.jjf2 .fw>div>a:hover{color:var(--teal2)}
.jjf2 .ct{display:flex;gap:14px;align-items:center;margin-bottom:16px;color:var(--teal);font-weight:600;font-size:16px}.jjf2 .ct i{width:52px;height:52px;border-radius:50%;background:#e1ebe9;display:grid;place-items:center;flex:none}.jjf2 .ct i svg{width:24px;height:24px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jjf2 .big{font-family:'Kaushan Script','Outfit',cursive;font-size:26px;color:var(--teal)}
.jjf2 .fcopy{margin-top:44px;padding:18px 16px 90px;text-align:center;background:var(--ink);color:#bcd5d9;font-size:14px}
@media(max-width:1000px){.jjf2 .fw{grid-template-columns:1fr 1fr}.jjf2 .fb,.jjf2 .fc{grid-column:1/-1}.wg,.sg{grid-template-columns:1fr 1fr}.cc{grid-template-columns:1fr}.faq2w{grid-template-columns:1fr}}
@media(max-width:560px){.wg,.sg{grid-template-columns:1fr}.faq2{padding:16px 18px}.faq2 summary{font-size:16.5px}.cta{padding:24px}.sc .n{font-size:44px}.cc img{height:180px}}
.photoPanel h2,.darkSection h2,.darkSection h3,.hero h1,.banner h2{color:#fff!important}.banner h2{color:#2b1a00!important}
.photoPanel p{color:#d4eaec}.photoPanel .eyebrow,.darkSection .eyebrow{color:#ffd37a}
.sc{display:flex;flex-direction:column}.sc .bd{flex:1}.sc h4{min-height:52px}
@media(max-width:560px){.sc h4{min-height:0}}
.jjf2 h4{text-transform:none;letter-spacing:0;white-space:nowrap;font-size:20px}
/* v4: circular logo, app tab bar, premium footer */
html{-webkit-tap-highlight-color:transparent;scroll-padding-top:110px}body{touch-action:manipulation;-webkit-text-size-adjust:100%}
:root{--hh:84px}
.jjh-brand img{width:62px;height:62px;border-radius:50%;object-fit:cover;background:#000;border:3px solid var(--gold);box-shadow:0 4px 14px #0a273340;padding:0}
.jjh-brand span{font-size:20px}.jjh-brand.big img{width:92px;height:92px;border-width:4px}.jjh-brand.big span{font-size:24px}
@media(max-width:640px){:root{--hh:68px}.jjh-brand img{width:50px;height:50px;border-width:2.5px}.jjh-brand span{font-size:17px}}
main{animation:jjIn .3s ease}@keyframes jjIn{from{opacity:.4;transform:translateY(6px)}}
.jjt{display:none}
@media(max-width:760px){
 .jjd{display:none}
 .jjt{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:870;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -6px 24px #0a273320;padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}
 .jjt a,.jjt button{all:unset;box-sizing:border-box;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:14px;font:600 11.5px 'Outfit',sans-serif;color:#5d7580;position:relative;cursor:pointer}
 .jjt svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
 .jjt a.on{color:var(--teal);background:var(--mist)}.jjt a.on svg{stroke:var(--teal2)}
 .jjt button:active,.jjt a:active{background:var(--mist)}
 .jjt b{position:absolute;top:2px;left:calc(50% + 4px);min-width:18px;height:18px;border-radius:9px;background:#e5342d;color:#fff;font:700 10.5px/18px 'Outfit',sans-serif;text-align:center;padding:0 4px}.jjt b[hidden]{display:none}
 .jjp{bottom:calc(76px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 190px)}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 .jjf2 .fcopy{padding-bottom:30px!important}
 .btn,.jjh-app,.jjh-burger{min-height:44px}
}
/* footer premium */
.jjf2{position:relative;background:linear-gradient(180deg,#fff7e8 0,#fdf0d6 100%);padding-top:0;overflow:hidden}
.jjf2:before{content:"";position:absolute;right:-120px;top:120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#14808a1f,transparent 70%);pointer-events:none}
.fcta{background:linear-gradient(120deg,var(--ink),var(--teal) 70%,var(--teal2));padding:34px 0;position:relative}
.fcta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--lime),var(--teal2))}
.fw2{width:min(1200px,calc(100% - 32px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.fcta h3{color:#fff;margin:0 0 4px;font-size:clamp(22px,3vw,32px)}.fcta p{margin:0;color:#cfe6e8}
.fa{display:flex;gap:10px;flex-wrap:wrap}.fbtn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:99px;font-weight:700;font-size:15px;color:#fff}.fbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fbtn.c{background:linear-gradient(135deg,#06b6d4,#0e8aa6)}.fbtn.w{background:linear-gradient(135deg,#25d366,#16a34a)}.fbtn.a{background:linear-gradient(135deg,var(--gold),#e08a00);color:#2b1a00}
.jjf2 .fw{padding-top:56px;position:relative}
.jjf2 .fc h4{margin-bottom:16px}
.fkw{width:min(1200px,calc(100% - 32px));margin:40px auto 0;padding:18px 0;border-top:1px dashed #d9c79b;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.fkw b{color:var(--teal);margin-right:6px}
.fkw a{font-size:13.5px;padding:6px 13px;border-radius:99px;background:#fff;border:1px solid #ecdcb4;color:var(--ink)}.fkw a:hover{background:var(--gold);border-color:var(--gold)}
.jjf2 .fcopy{margin-top:10px;padding:18px 16px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;text-align:left;background:var(--ink);color:#bcd5d9;position:relative}
.jjf2 .fcopy{padding-left:max(16px,calc((100% - 1200px)/2));padding-right:max(16px,calc((100% - 1200px)/2))}
.fcopy .up{width:42px;height:42px;border-radius:50%;background:var(--gold);color:#2b1a00;display:grid;place-items:center}.fcopy .up svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.jjf2 .soc.big a{box-shadow:0 6px 16px #0f5a6333}.jjf2 .soc.big a:hover{transform:translateY(-3px)}
.jjf2 .ct{background:#ffffffb0;border:1px solid #ecdcb4;border-radius:18px;padding:10px 12px}.jjf2 .ct i{width:46px;height:46px}
.jjf2 .big{font-size:24px}
/* seo about */
.about2{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.about2 h2{font-size:clamp(26px,3.6vw,40px);font-weight:800;margin:0 0 14px}.about2 p{color:#3f5864;font-size:17px;line-height:1.75}
.about2 ul{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.about2 li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 14px;font-weight:600;color:var(--ink);display:flex;gap:9px;align-items:center}.about2 li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime);flex:none}
.about2 img{border-radius:30px;width:100%;height:100%;max-height:420px;object-fit:cover;box-shadow:var(--sh);border:6px solid #fff}
@media(max-width:900px){.about2{grid-template-columns:1fr}.about2 ul{grid-template-columns:1fr}}
.jjh-brand img{object-fit:contain;background:#000}.jjh-brand span,.jjf2 .jjh-brand span{font-family:'Outfit',system-ui,sans-serif}

/* live ticker + blinking bell + toast */
.jjh-tick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;overflow:hidden}.jjh-tick>b{display:flex;align-items:center;gap:6px;flex:none;background:#e5322d;color:#fff;border-radius:6px;padding:2px 9px;font-size:11.5px;letter-spacing:.08em;margin:0}
.jjh-tick .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:jjb 1s infinite}
.jjh-tick .mq{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.jjh-tick .mqi{display:inline-flex;white-space:nowrap;animation:jjmq 40s linear infinite}.jjh-tick .mq:hover .mqi{animation-play-state:paused}
.jjh-tick em{font-style:normal;padding-right:46px;color:#e8f6f7}.jjh-tick em:before{content:"◆";color:var(--gold);margin-right:10px;font-size:9px}
@keyframes jjmq{to{transform:translateX(-50%)}}@keyframes jjb{50%{opacity:.25}}
@keyframes jjbell{0%,100%{box-shadow:0 0 0 0 #f4a51ccc;transform:scale(1)}50%{box-shadow:0 0 0 14px #f4a51c00;transform:scale(1.12)}}
.jjd.n.blink,.jjt button.blink svg{animation:jjbell 1.1s infinite}.jjt button.blink svg{color:#e5322d;animation:jjring 1.2s infinite}
@keyframes jjring{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}}
.jjd.n b{background:#e5322d!important;color:#fff!important;animation:jjb 1s infinite}
.jj-toast{position:fixed;left:50%;top:calc(76px + env(safe-area-inset-top));transform:translate(-50%,-30px);background:var(--ink);color:#fff;padding:11px 20px;border-radius:99px;font-weight:600;box-shadow:0 14px 40px #0a273355;opacity:0;pointer-events:none;transition:.35s;z-index:9999}.jj-toast.on{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.jjh-tick .mqi{animation-duration:90s}.blink,.dot{animation:none!important}}

/* ===== V6b: how-it-works (light, distinct from hero) ===== */
.jp{background:#fff;padding:76px 0;border-top:1px solid #e3ecea}
.jp-h{text-align:center;max-width:680px;margin:0 auto 40px}.jp-h h2{font-size:clamp(28px,4vw,42px);font-weight:800;margin:12px 0 10px;color:#0a2733;line-height:1.15}.jp-h p{color:#4b6470;font-size:17px;margin:0}
.jp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:x}
.jp-g a{--c:#0f5a63;--t:#e8f1f0;position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e3ecea;border-top:5px solid var(--c);border-radius:20px;padding:24px 22px;color:#0a2733;box-shadow:0 10px 30px #0a27330f;transition:.25s}
.jp-g a:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0a273322}
.jp-g .s2{--c:#f4a51c;--t:#fdf1d8}.jp-g .s3{--c:#4cae1f;--t:#e9f6e0}.jp-g .s4{--c:#0a2733;--t:#e4ebee}
.jp-n{align-self:flex-start;background:var(--t);color:var(--c);font-weight:800;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.jp-g .s2 .jp-n{color:#a56b00}
.jp-g svg{width:54px;height:54px;padding:13px;border-radius:16px;background:var(--t);stroke:var(--c);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jp-g b{font-size:21px}.jp-g p{margin:0;color:#4b6470;font-size:15px;line-height:1.55;flex:1}.jp-g em{font-style:normal;color:var(--c);font-weight:800;font-size:15px}.jp-g .s2 em{color:#a56b00}
.jp-bar{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:#fdf1d8;border:1px solid #f1d9a0;border-radius:20px;padding:20px 26px}
.jp-bar b{display:block;font-size:19px;color:#0a2733}.jp-bar span{color:#5b6b70;font-size:15px}
.jp-a{display:flex;gap:10px;flex-wrap:wrap}.jp-a a{padding:12px 22px;border-radius:99px;font-weight:700;background:#0f5a63;color:#fff}.jp-a .c{background:#f4a51c;color:#0a2733}.jp-a .w{background:#1fa855;color:#fff}
@media(max-width:1000px){.jp-g{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.jp{padding:48px 0}.jp-g{grid-template-columns:1fr;gap:14px}.jp-h{margin-bottom:26px}.jp-bar{padding:18px}.jp-a{width:100%}.jp-a a{flex:1;text-align:center;padding:12px 8px}}

/* ===== V6: about image never cropped ===== */
.about2 img{height:auto!important;max-height:none!important;aspect-ratio:4/5;object-fit:cover;object-position:50% 8%;max-width:460px;margin:0 auto;display:block;border:0;border-radius:30px;box-shadow:18px 18px 0 #f4a51c55,var(--sh)}
@media(max-width:900px){.about2 img{max-width:340px;box-shadow:10px 10px 0 #f4a51c55,var(--sh)}}

/* ===== V6: FAQ tabs ===== */
.faq3{background:#fff;border-radius:28px;padding:22px;box-shadow:var(--sh)}
.ftabs{display:flex;gap:8px;flex-wrap:wrap;background:#eef5f4;border-radius:99px;padding:6px;margin-bottom:16px}
.ftabs button{flex:1;border:0;background:transparent;padding:12px 16px;border-radius:99px;font:700 15.5px Outfit,sans-serif;color:#0f5a63;cursor:pointer;transition:.2s}
.ftabs button.on{background:#0f5a63;color:#fff;box-shadow:0 6px 16px #0f5a6340}
.faq3 .grp{display:none;gap:10px}.faq3 .grp.on{display:grid}
.faq3 details{border:1px solid #e3ecea;border-radius:18px;background:#fbfdfc;transition:.2s}
.faq3 details[open]{background:#fff;border-color:#f4a51c;box-shadow:0 10px 26px #0a27331a}
.faq3 summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:17px 20px;font-weight:700;font-size:17.5px;color:#0a2733}
.faq3 summary::-webkit-details-marker{display:none}.faq3 summary span{flex:1}
.faq3 summary svg{width:30px;height:30px;padding:6px;border-radius:50%;background:#e8f1f0;stroke:#0f5a63;fill:none;stroke-width:2.4;flex:none;transition:.25s}
.faq3 details[open] summary svg{transform:rotate(90deg);background:#f4a51c;stroke:#0a2733}
.faq3 details p{margin:0;padding:0 20px 18px;color:#4b6470;line-height:1.65}
@media(max-width:560px){.faq3{padding:14px}.faq3 summary{font-size:16px;padding:15px}.ftabs button{font-size:14px;padding:11px 8px}}

/* ===== V6: dark footer ===== */
.jjf2{background:linear-gradient(180deg,#0a2733,#061a22)!important;color:#c4dde0!important}
.jjf2:before{background:radial-gradient(circle,#f4a51c22,transparent 70%)!important}
.jjf2 p{color:#a9c6cb!important}.jjf2 .jjh-brand span{color:#fff!important}
.jjf2 h4{background:none!important;border:0!important;border-bottom:3px solid #f4a51c!important;padding:0 0 8px!important;color:#fff!important;font-size:18px!important;margin-bottom:16px!important}
.jjf2 .fw>div>a{color:#d8eaec!important;padding:6px 0!important;transition:.2s}.jjf2 .fw>div>a:hover{color:#f4a51c!important;transform:translateX(4px)}
.jjf2 .fw>div>a svg{stroke:#f4a51c!important}
.jjf2 .ct{background:#ffffff10!important;border:1px solid #ffffff22!important;color:#fff!important}.jjf2 .ct i{background:#f4a51c!important}.jjf2 .ct i svg{stroke:#0a2733!important}
.jjf2 .big{font-family:Outfit,sans-serif!important;font-size:21px!important;font-weight:700;color:#f4a51c!important}
.jjf2 .fkw{border-top:1px solid #ffffff1f!important}.jjf2 .fkw b{color:#f4a51c!important}
.jjf2 .fkw a{background:#ffffff0f!important;border:1px solid #ffffff22!important;color:#d8eaec!important}.jjf2 .fkw a:hover{background:#f4a51c!important;color:#0a2733!important}
.jjf2 .fcopy{background:#041219!important;color:#8fb0b6!important}
.jjf2 .fw>div>a.ct svg{stroke:#0a2733!important}.jjf2 .fw>div>a.ct:hover{transform:none}
.jjf2 .jjh-brand small{color:#f4a51c!important}
.jp-h .tg{display:inline-block;background:#e8f1f0;color:#0f5a63;font-weight:700;font-size:13.5px;padding:6px 16px;border-radius:99px;border-left:4px solid #f4a51c}