/* Family Time Back · Night Cockpit theme */
:root{--bg:#05080d;--bg2:#080d14;--panel:#0b131d;--line:#16273a;--ink:#d8e3ee;--mute:#9fb3c8;--green:#3dff9a;--cyan:#3db7ff;--amber:#f5b83d;--mag:#ff6bd9;--navy:#05080d;--sky:#3db7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 80% -10%,#0c1a2a 0,transparent 55%)}
h1,h2,h3,h4{font-family:Rajdhani,"IBM Plex Sans",sans-serif;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.15}
a{color:var(--green)}a:hover{color:#8affc4}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
header{background:rgba(5,8,13,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #12202e;position:sticky;top:0;z-index:20}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 22px}
.logo{font-family:"IBM Plex Mono",monospace;font-weight:600;color:#fff;text-decoration:none;font-size:.9rem;letter-spacing:.22em;display:flex;align-items:center;gap:4px}
.logo:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.logo span{color:var(--green);margin:0 .35em}
nav a{color:var(--mute);text-decoration:none;margin-left:22px;font-weight:500;font-size:.93rem}nav a:hover{color:var(--green)}
nav a[href$="contact.html"]{color:#04110a;background:var(--green);padding:7px 14px;border-radius:6px;font-weight:600}nav a[href$="contact.html"]:hover{color:#04110a;background:#8affc4}
.hero{position:relative;overflow:hidden;color:#fff;padding:110px 0 100px;background:radial-gradient(ellipse at 72% 50%,#0c1a2a 0,#05080d 65%);border-bottom:1px solid #12202e}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(61,255,154,.025) 0 1px,transparent 1px 4px);pointer-events:none}
.hero:after{content:"";position:absolute;left:0;right:0;top:-120px;height:120px;background:linear-gradient(180deg,transparent,rgba(61,255,154,.06),transparent);animation:nc-scan 7s linear infinite;pointer-events:none}
@keyframes nc-scan{to{top:100%}}
.hero .wrap{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.5rem,6.4vw,5rem);line-height:1;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--green);text-shadow:0 0 30px rgba(61,255,154,.45)}
.hero p{font-size:1.15rem;max-width:620px;color:var(--mute)}
.hero .tag{background:transparent!important;color:var(--green)!important;padding:0;font-family:"IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}
.pfd{width:100%;max-width:440px;justify-self:center;filter:drop-shadow(0 0 40px rgba(61,183,255,.15))}.pfd .sky{animation:nc-pitch 9s ease-in-out infinite;transform-origin:200px 200px}
@keyframes nc-pitch{0%,100%{transform:rotate(-4deg) translateY(4px)}50%{transform:rotate(5deg) translateY(-8px)}}
.ticker{display:flex;gap:24px;flex-wrap:wrap;font-family:"IBM Plex Mono",monospace;font-size:.74rem;color:#7d93a8;margin-top:34px}.ticker b{color:var(--cyan);font-weight:500}
.btn{display:inline-block;background:var(--green);color:#04110a!important;padding:13px 22px;border-radius:8px;font-weight:600;text-decoration:none;margin:8px 10px 0 0;border:0;font-family:inherit;font-size:.95rem;cursor:pointer;box-shadow:0 0 0 1px var(--green),0 0 24px rgba(61,255,154,.3);transition:box-shadow .2s,background .2s}
.btn:hover{background:#8affc4;box-shadow:0 0 0 1px #8affc4,0 0 34px rgba(61,255,154,.5)}
.btn.ghost,.btn.ghost[style]{background:transparent;color:var(--green)!important;border:0!important;box-shadow:inset 0 0 0 1px #2a7a56}
.btn.ghost:hover{background:rgba(61,255,154,.08)}
section{padding:80px 0;position:relative}section.alt{background:var(--bg2);border-top:1px solid #101b27;border-bottom:1px solid #101b27}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:0 0 14px;color:#fff}h3{color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:30px}
.card,.card[style]{background:linear-gradient(180deg,#0b131d,#080d14)!important;border:1px solid var(--line);border-radius:10px;padding:26px;position:relative;box-shadow:none}
.card:before{content:"";position:absolute;inset:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,rgba(61,255,154,.4),transparent 40%,transparent 60%,rgba(61,183,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card[style*="amber"]{border-left:3px solid var(--amber)!important}
.card h3{margin-top:0}.card p,.card li{color:#b4c4d4}.price{font-family:Rajdhani,sans-serif;font-size:1.8rem;font-weight:700;color:var(--cyan)}.small{font-size:.88rem;color:var(--mute)}
.tag{display:inline-block;background:rgba(61,183,255,.1);color:var(--cyan);border:1px solid rgba(61,183,255,.25);border-radius:4px;padding:2px 10px;font-size:.74rem;font-weight:500;font-family:"IBM Plex Mono",monospace;letter-spacing:.06em}
.disclose{background:#0a1119;border-left:3px solid var(--amber);padding:16px 20px;border-radius:6px;font-size:.93rem;color:#c9d6e3}.disclose strong,.disclose b{color:var(--amber)}
footer{background:#03060a;color:#8196aa;padding:40px 0;font-size:.86rem;border-top:1px solid #12202e}footer a{color:var(--green)}footer .disclose{background:#070c13}
.lesson{border-left:2px solid rgba(61,255,154,.45);padding-left:22px;margin:44px 0}.lesson>h3{font-size:1.7rem}.check li{margin:6px 0}
.quiz{margin-top:40px}.quiz fieldset{border:1px solid var(--line);border-radius:10px;margin:14px 0;padding:16px;background:#080d14}.quiz legend{color:#fff;font-weight:600;padding:0 6px}.quiz label{color:#c9d6e3}
.result{font-weight:700;margin-top:12px;color:var(--green)}
.exp[style*="26, 127"],.exp[style*="1a7f37"]{color:var(--green)!important}.exp[style*="180, 35"],.exp[style*="b42318"]{color:#ff8a8a!important}
.toc a{display:block;padding:5px 0;text-decoration:none;color:#b4c4d4}.toc a:hover{color:var(--green)}
pre.tpl{white-space:pre-wrap;background:#03060a;border:1px solid #1b3a2d;color:#7dffbe;padding:16px;border-radius:10px;font-family:"IBM Plex Mono",monospace;font-size:.86rem;line-height:1.55;overflow-x:auto}
code{font-family:"IBM Plex Mono",monospace;background:#0e1a26;color:#9fe8ff;padding:1px 5px;border-radius:4px;font-size:.88em}
table.t{border-collapse:collapse;width:100%;font-size:.9rem;margin:12px 0;display:block;overflow-x:auto}table.t td,table.t th{border:1px solid #1d3048;padding:7px 9px;text-align:left}table.t th{background:#0e1a26;color:#fff}
.asof{font-size:.88rem;background:#0e1a26;border:1px solid #1d3550;color:#b9d6f0;border-radius:8px;padding:10px 14px}
[style*="background:#f6f8fb"]{background:#0a1119!important}
input,select,textarea{background:#05080d;border:1px solid #1d3048;color:var(--ink);border-radius:8px;padding:10px 12px;font:inherit;max-width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:transparent}
#feedback label{color:#b4c4d4}#feedback input[type=text],#feedback select{margin-top:6px}#feedback input[type=text]{width:100%;max-width:420px}
input[type=radio]{accent-color:var(--green)}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
::selection{background:rgba(61,255,154,.3)}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.pfd{max-width:280px}.hero{padding:56px 0 60px}section{padding:56px 0}nav a{margin:0 14px 0 0}nav a[href$="contact.html"]{margin:0}}
@media(max-width:560px){header .wrap{padding:12px 18px}nav{display:flex;flex-wrap:wrap;gap:4px 0}nav a{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* per-page instrument heroes */
.ph{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#0e2236 0,#05080d 60%);border-bottom:1px solid #12202e}
.ph:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(61,255,154,.022) 0 1px,transparent 1px 4px);pointer-events:none}
.ph:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--acc,#3dff9a),transparent);opacity:.7}
.ph-in{position:relative;display:grid;grid-template-columns:1fr minmax(260px,420px);gap:30px;align-items:center;padding-top:44px;padding-bottom:40px}
.ph-label{font-family:"IBM Plex Mono",monospace;font-size:.76rem;letter-spacing:.2em;color:var(--acc,#3dff9a);margin:0 0 10px}
.ph-tag{font-family:Rajdhani,sans-serif;font-weight:700;font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1.08;color:#fff;margin:0;max-width:18ch}
.motif{width:100%;height:auto;filter:drop-shadow(0 0 24px rgba(61,183,255,.12))}
.inline-motif{float:right;width:min(42%,340px);margin:0 0 16px 24px}
.lesson{border-left-color:var(--acc,#3dff9a)}.tag{color:var(--acc,var(--cyan));border-color:color-mix(in srgb,var(--acc,#3db7ff) 35%,transparent);background:color-mix(in srgb,var(--acc,#3db7ff) 10%,transparent)}
.motif .draw{stroke-dasharray:600;stroke-dashoffset:600;animation:m-draw 3s ease-out forwards}@keyframes m-draw{to{stroke-dashoffset:0}}
.motif .blink{animation:m-blink 2.4s steps(2) infinite}@keyframes m-blink{50%{opacity:.35}}
.motif .spin{animation:m-spin 6s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}
.motif .needle{animation:m-needle 5s ease-in-out infinite alternate}@keyframes m-needle{from{transform:rotate(-40deg)}to{transform:rotate(50deg)}}
.motif .sweep{animation:m-spin2 5s linear infinite}@keyframes m-spin2{from{transform:rotate(-90deg)}to{transform:rotate(90deg)}}
.motif .chk path{opacity:0;animation:m-in .4s forwards;animation-delay:inherit}.motif .chk{animation:none}@keyframes m-in{to{opacity:1}}
.motif .box{opacity:0;animation:m-box 4s infinite;animation-delay:inherit}@keyframes m-box{0%,10%{opacity:1}30%,100%{opacity:0}}
.motif .barber{animation:m-bp 2s linear infinite}@keyframes m-bp{to{transform:translateY(14px)}}
.motif .eq{animation:m-eq 1.2s ease-in-out infinite alternate}@keyframes m-eq{from{transform:scaleY(.4)}to{transform:scaleY(1.2)}}
.motif .ink{transform-origin:left;animation:m-ink 1.2s ease-out both}@keyframes m-ink{from{transform:scaleX(0)}}
.motif .cursor{animation:m-cur 6s linear infinite}@keyframes m-cur{from{transform:translateX(-170px)}to{transform:translateX(100px)}}
.motif .clap{animation:m-clap 3s ease-in-out infinite}@keyframes m-clap{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-18deg)}}
.motif .bar{animation:m-bar 4s linear infinite}@keyframes m-bar{from{width:0}to{width:100px}}
.motif .land{animation:m-land 6s ease-in infinite}@keyframes m-land{from{transform:translate(0,0)}to{transform:translate(220px,102px)}}
@media(max-width:820px){.ph-in{grid-template-columns:1fr;padding-top:30px;padding-bottom:26px;gap:16px}.motif{max-width:360px}.inline-motif{float:none;width:100%;max-width:340px;margin:0 0 16px}}
@media(prefers-reduced-motion:reduce){.motif .draw{stroke-dashoffset:0}.motif .chk path,.motif .box{opacity:1}}
/* ---- Light, eye-friendly theme (content pages default) ---- */
html[data-theme=light]{--bg:#f5f3ee;--bg2:#ecebe5;--panel:#ffffff;--line:#d9dde1;--ink:#1f2933;--mute:#4a5663;--green:#08704a;--cyan:#0a5a87;--amber:#8a5300;--mag:#a1197c}
html[data-theme=light] body{background:#f5f3ee;background-image:none;color:#1f2933;line-height:1.72}
html[data-theme=light] main,html[data-theme=light] section .wrap{max-width:1040px}
html[data-theme=light] .lesson p,html[data-theme=light] .lesson li,html[data-theme=light] section>.wrap>p{max-width:72ch}
html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4{color:#16212c}
html[data-theme=light] a{color:#08704a}html[data-theme=light] a:hover{color:#055a3a}
html[data-theme=light] header{background:rgba(245,243,238,.92);border-bottom:1px solid #d9dde1}
html[data-theme=light] .logo{color:#16212c}html[data-theme=light] .logo span{color:#08704a}html[data-theme=light] .logo:before{background:#0c8a5b;box-shadow:none}
html[data-theme=light] nav a{color:#3d4955}html[data-theme=light] nav a:hover{color:#08704a}
html[data-theme=light] nav a[href$="contact.html"]{background:#08704a;color:#fff}html[data-theme=light] nav a[href$="contact.html"]:hover{background:#055a3a;color:#fff}
html[data-theme=light] .btn{background:#08704a;color:#fff!important;box-shadow:none}html[data-theme=light] .btn:hover{background:#055a3a}
html[data-theme=light] .btn.ghost,html[data-theme=light] .btn.ghost[style]{background:transparent;color:#08704a!important;box-shadow:inset 0 0 0 1.5px #08704a}
html[data-theme=light] section.alt{background:#ecebe5;border-color:#dfe1e3}
html[data-theme=light] .card,html[data-theme=light] .card[style]{background:#fff!important;border:1px solid #d9dde1;box-shadow:0 1px 2px rgba(20,30,40,.05),0 8px 24px -16px rgba(20,30,40,.18)}
html[data-theme=light] .card:before{display:none}html[data-theme=light] .card p,html[data-theme=light] .card li{color:#334050}
html[data-theme=light] .card[style*="amber"]{border-left:4px solid #b26d00!important}
html[data-theme=light] [style*="background:#f6f8fb"]{background:#f1f4f2!important}
html[data-theme=light] .small{color:#4a5663}html[data-theme=light] .price{color:#0a5a87}
html[data-theme=light] .tag{color:var(--accd,#0a5a87);background:color-mix(in srgb,var(--accd,#0a5a87) 9%,#fff);border-color:color-mix(in srgb,var(--accd,#0a5a87) 30%,#fff)}
html[data-theme=light] .lesson{border-left-color:var(--accd,#08704a)}
html[data-theme=light] .disclose{background:#fbf3e2;color:#3a3020;border-left-color:#b26d00}html[data-theme=light] .disclose strong,html[data-theme=light] .disclose b{color:#7a4a00}
html[data-theme=light] footer{background:#e8e6e0;color:#3d4955;border-top:1px solid #d6d8da}html[data-theme=light] footer a{color:#08704a}html[data-theme=light] footer .disclose{background:#f6efe0}
html[data-theme=light] .quiz fieldset{background:#fff;border-color:#d9dde1}html[data-theme=light] .quiz legend{color:#16212c}html[data-theme=light] .quiz label{color:#2b3743}
html[data-theme=light] .result{color:#08704a}
html[data-theme=light] .exp[style*="26, 127"],html[data-theme=light] .exp[style*="1a7f37"]{color:#08704a!important}html[data-theme=light] .exp[style*="180, 35"],html[data-theme=light] .exp[style*="b42318"]{color:#b42318!important}
html[data-theme=light] .toc a{color:#2b3743}
html[data-theme=light] pre.tpl{background:#13202c;color:#d6f5e6;border-color:#13202c}
html[data-theme=light] code{background:#e6efea;color:#0d4a33}
html[data-theme=light] table.t td,html[data-theme=light] table.t th{border-color:#d3d8dc}html[data-theme=light] table.t th{background:#e9eef0;color:#16212c}
html[data-theme=light] .asof{background:#e8f1f6;border-color:#c7dbe7;color:#123e58}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;border-color:#b9c1c8;color:#1f2933}
html[data-theme=light] #feedback label{color:#2b3743}
html[data-theme=light] .ph{background:#f5f3ee;border-bottom:1px solid #dfe1e3}html[data-theme=light] .ph:before{display:none}
html[data-theme=light] .ph-label{color:var(--accd,#08704a)}html[data-theme=light] .ph-tag{color:#16212c}
html[data-theme=light] .motif{background:radial-gradient(ellipse at 70% 30%,#0e2236,#05080d 70%);border-radius:18px;padding:12px;box-shadow:0 0 0 6px #1a1d21,0 18px 40px -18px rgba(10,20,30,.5);filter:none}
html[data-theme=light] .inline-motif .motif{box-shadow:0 0 0 5px #1a1d21}
/* toggle */
.theme-toggle{margin-left:16px;width:38px;height:38px;border-radius:50%;border:1px solid #2a3a4c;background:transparent;color:#d8e3ee;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0}
.theme-toggle svg{width:18px;height:18px}.theme-toggle .sun{display:none}html[data-theme=light] .theme-toggle{border-color:#b9c1c8;color:#1f2933}
html[data-theme=dark] .theme-toggle .sun{display:block}html[data-theme=dark] .theme-toggle .moon{display:none}
@media(max-width:560px){.theme-toggle{margin-left:6px;width:32px;height:32px}nav a{margin-right:10px}}
.hero .tag{border:0!important}
/* MAXPFD */.maxdu{width:100%;height:auto;border-radius:16px;box-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 0 0 1px #12202e;background:#000}
.maxdu .ap{opacity:0;transition:opacity .6s}.maxdu .cr{opacity:1;transition:opacity .6s}.maxdu.mode-ap .ap{opacity:1}.maxdu.mode-ap .cr{opacity:0}
.maxdu .horizon{animation:mx-roll 10s ease-in-out infinite}@keyframes mx-roll{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
.maxdu .bankptr{animation:mx-roll 10s ease-in-out infinite}
.maxdu .fmabox{animation:mx-fma 7s steps(1) infinite}@keyframes mx-fma{0%,14%{opacity:1}15%,100%{opacity:0}}
.hero-grid.max{grid-template-columns:.9fr 1.25fr}.du-cap{font-family:"IBM Plex Mono",monospace;font-size:.72rem;color:#8196aa;margin:10px 4px 0;letter-spacing:.04em}
@media(max-width:980px){.hero-grid.max{grid-template-columns:1fr}}/* /MAXPFD */.ph-cta{margin:18px 0 0}.ph-cta .btn{font-size:1.02rem;padding:14px 24px}
/*V3*/
.todo{background:#ffe066;color:#3a2a00!important;font-family:"IBM Plex Mono",monospace;font-size:.85em;padding:1px 6px;border-radius:4px;outline:1px dashed #b8860b;white-space:nowrap}
nav a.navcta{color:#04110a!important;background:var(--green);padding:8px 14px;border-radius:6px;font-weight:700;margin:0 10px 0 4px!important}
html[data-theme=light] nav a.navcta{background:#08704a;color:#fff!important}
nav a[href$="contact.html"]{background:none;padding:0;color:inherit}
.cred{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:18px 0}.cred div{border:1px solid var(--line);border-radius:8px;padding:12px 14px}.cred b{display:block;font-family:Rajdhani,sans-serif;font-size:1.3rem;color:var(--green)}.cred span{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.credsec{padding:10px 0!important}
.tcard{margin:0;display:flex;flex-direction:column;gap:12px}.tcard blockquote{margin:0;font-size:1.05rem;line-height:1.55}.tcard figcaption b{display:block;font-family:Rajdhani,sans-serif;font-size:1.15rem;color:var(--green)}.tcard figcaption span{font-family:"IBM Plex Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.tlogo{max-height:36px;max-width:140px;object-fit:contain;align-self:flex-start}
.pkg ul{padding-left:1.1em}.pkg li{margin:.25em 0}.pkg .done{border-top:1px dashed var(--line);padding-top:10px;font-size:.92rem}.pkg.star{outline:2px solid var(--green)}.badge{float:right;font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.08em;background:var(--green);color:#04110a;padding:3px 8px;border-radius:4px}
.step{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--green);color:var(--green);font-family:Rajdhani;font-weight:700}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
details.faq{border-bottom:1px solid var(--line);padding:14px 0}details.faq summary{cursor:pointer;font-weight:600}details.faq p{margin:.6em 0 0}
.final{text-align:center}.news{margin-top:22px}.news input{padding:10px;min-width:240px;max-width:100%}
.calcard{margin:24px 0}.calframe{border:0;width:100%;height:720px;background:#fff;border-radius:8px}.soon{font-size:1.05rem;padding:14px 16px;border:1px solid var(--line);border-radius:8px}.calph{border:2px dashed #b8860b;border-radius:8px;padding:30px;text-align:center;min-height:220px}
.pq{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:12px 16px}.pq label{display:inline-block;margin:6px 18px 6px 0}
.gauge{height:12px;border-radius:6px;background:rgba(127,127,127,.25);overflow:hidden;margin:10px 0}.gauge div{height:100%;background:linear-gradient(90deg,#f5b83d,#3dff9a)}
.qbadge{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.08em;padding:3px 9px;border-radius:4px;margin:6px 0;border:1px solid}
.qbadge.pass{color:#0b7a46;border-color:#0b7a46;background:rgba(61,255,154,.12)}.qbadge.try{color:#8a5300;border-color:#8a5300;background:rgba(245,184,61,.12)}.qbadge.new{color:#5a6b7b;border-color:#8796a5}
.result.pass{border-left:4px solid #1a7f37;padding:12px 16px;margin-top:16px}.result.fail{border-left:4px solid #b42318;padding:12px 16px;margin-top:16px}.qscore{font-family:Rajdhani,sans-serif;font-size:2.6rem;font-weight:700}
.qwho input{padding:6px;margin:0 8px}
.trl{list-style:none;padding:0;margin:0}.trl li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.92rem}.trl li.pass span{color:#1a7f37;font-weight:600}.trl li.try span{color:#8a5300}
.certificate{background:#fffdf7;color:#16212c;border:10px double #08704a;padding:10px;max-width:960px;margin:0 auto}.c-in{border:1px solid #c9b77a;padding:40px 50px;text-align:center}.certificate h1{font-family:Rajdhani,sans-serif;font-size:2.8rem;margin:.2em 0;color:#16212c}.certificate h2{color:#08704a}.c-logo{font-family:"IBM Plex Mono",monospace;font-weight:600;letter-spacing:.3em}.c-logo span{color:#08704a;margin:0 .4em}.c-k{letter-spacing:.3em;font-size:.8rem;color:#8a5300}#c_mods{text-align:left;display:inline-block;font-size:.9rem}.c-foot{display:flex;justify-content:space-around;margin-top:30px}.c-foot b{display:block;border-top:1px solid #16212c;padding-top:6px;min-width:200px}.c-foot span,.c-small{font-size:.75rem;color:#5a6b7b}
@media print{header,footer,.noprint,.ph,#feedback,.theme-toggle{display:none!important}body{background:#fff!important}.certificate{border-color:#08704a;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:landscape;margin:.4in}section{padding:0!important}}
@media(max-width:600px){.c-in{padding:20px 14px}.c-foot{flex-wrap:wrap;gap:14px}.c-foot b{min-width:0}.certificate h1{font-size:2rem}}
@media(max-width:820px){nav a.navcta{order:-1;width:100%;text-align:center;margin:6px 0!important}.badge{float:none;display:inline-block;margin-left:8px}}
/*/V3*/
.behind{padding:28px 0;border-top:1px solid rgba(127,127,127,.18)}.behind-line{max-width:760px;margin:0 auto;text-align:center;font-size:.95rem;opacity:.85;line-height:1.6}.behind-tag{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:6px}.behind-line a{white-space:nowrap}

/* v5 progress + certificate */
.cfai-overall{margin-bottom:18px}.gauge.big{height:14px}.cfai-log{margin-top:14px}.cfai-log input[type=email]{min-width:240px}
.c-id{font-family:"IBM Plex Mono",monospace;font-size:.85rem;letter-spacing:.04em;margin-top:10px}.c-id b{color:#08704a}
@media print{@page{size:landscape;margin:10mm}.cfai-log{display:none!important}}

/* v5 showcase video */
.showcase-fig{margin:18px 0 0}.showcase-video{display:block;width:100%;max-width:960px;height:auto;aspect-ratio:16/9;border-radius:12px;background:#0B1B2B;box-shadow:0 6px 24px rgba(0,0,0,.18)}.showcase-fig figcaption{margin-top:10px;max-width:960px;opacity:.8}
.hero p.hero-checklist{font-family:'Rajdhani',sans-serif;font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:700;line-height:1.2;color:var(--fg,#fff);max-width:620px;margin:.3em 0 1em}
.hero p.hero-checklist em{font-style:normal;color:var(--green);text-shadow:0 0 30px rgba(61,255,154,.45)}