@font-face{font-family:body;src:url(../media/poppins_latin_400_normal-s.p.02pgwtu2kliti.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:body;src:url(../media/poppins_latin_500_normal-s.p.25i40p8naznea.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:body;src:url(../media/poppins_latin_600_normal-s.p.2jsr8pt-l398u.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:body;src:url(../media/poppins_latin_700_normal-s.p.3ci4wwoppl422.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:body;src:url(../media/poppins_latin_800_normal-s.p.1zujfb3r2h9nb.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.VuDREq_className{font-family:body,body Fallback}.VuDREq_variable{--font-body:"body", "body Fallback"}
@font-face{font-family:heading;src:url(../media/comfortaa_latin_700_normal-s.p.1df3pvfxw7rmm.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:heading Fallback;src:local(Arial);ascent-override:74.28%;descent-override:19.73%;line-gap-override:0.0%;size-adjust:118.6%}.f-OVWW_className{font-family:heading,heading Fallback;font-weight:700}.f-OVWW_variable{--font-heading:"heading", "heading Fallback"}
:root{--bg:#0e1a28;--bg2:#0b1522;--surface:#16273a;--surface2:#1e344c;--text:#f2f6fa;--muted:#a9b8c8;--accent:#1ecab8;--accent-hover:#4fe0d1;--accent-ink:#0e1a28;--border:#2a425c;--warn:#f5b84b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;margin:0;font-size:17px;line-height:1.65}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.skip{background:var(--accent);color:var(--accent-ink);z-index:100;border-radius:8px;padding:10px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.read{max-width:760px}h1,h2{font-family:var(--font-body);margin:0 0 .5em;font-weight:800;line-height:1.12}h3,h4{font-family:var(--font-heading),var(--font-body);font-weight:700;line-height:1.25}h1{font-size:clamp(36px,5.6vw,62px)}h2{margin-top:1.6em;font-size:clamp(26px,3.8vw,40px)}h3{margin-top:1.4em;font-size:22px}p,li{color:#d6e0ea}.muted{color:var(--muted)}.btn{border:2px solid var(--accent);background:var(--accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--accent-ink)!important}.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:0 0;color:var(--accent)!important}.btn.ghost:hover{background:#1ecab81f}.cta-row{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}header.site{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0e1a28f0;position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{color:var(--text);font-size:20px;font-weight:800;text-decoration:none}.logo b{color:var(--accent)}nav.main ul{gap:4px;margin:0;padding:0;list-style:none;display:flex}nav.main li{position:relative}nav.main a.top{color:var(--text);border-radius:8px;padding:10px 12px;font-size:15px;font-weight:500;text-decoration:none;display:block}nav.main a.top:hover{color:var(--accent)}nav.main .sub{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:0;min-width:220px;padding:8px;display:none;position:absolute;top:100%;left:0;box-shadow:0 12px 30px #0006}nav.main li:hover .sub,nav.main li:focus-within .sub{display:flex}nav.main .sub a{color:var(--text);border-radius:8px;padding:8px 12px;font-size:14.5px;text-decoration:none}nav.main .sub a:hover{background:var(--surface2);color:var(--accent)}details.mobile{display:none}@media (max-width:1020px){nav.main{display:none}details.mobile{display:block}details.mobile summary{cursor:pointer;border:1px solid var(--border);border-radius:999px;min-height:44px;padding:10px 16px;font-size:15px;list-style:none}details.mobile[open] .mpanel{background:var(--bg);border-bottom:1px solid var(--border);max-height:80vh;padding:12px 20px 24px;position:absolute;top:64px;left:0;right:0;overflow:auto}.mpanel a{color:var(--text);border-bottom:1px solid var(--border);padding:10px 0;text-decoration:none;display:block}}main{min-height:60vh}.hero{padding:72px 0 56px}.hero h1+h2{color:var(--accent);margin:0 0 .8em;font-size:clamp(22px,3vw,34px)}.hero p{color:var(--muted);max-width:680px;font-size:19px}.page{padding:56px 0 80px}.page h1{margin-bottom:.4em}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:600}.prose img{border-radius:12px;max-width:100%;height:auto}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 12px}.prose th{background:var(--surface)}.prose blockquote{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;margin:1.4em 0;padding:.2em 1.2em}.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}.prose code{background:var(--surface);border-radius:6px;padding:1px 6px;font-size:.92em}.prose li{margin:.3em 0}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:28px 0;display:grid}.card{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-3px)}.card img{aspect-ratio:1200/630;object-fit:cover;background:var(--surface2);width:100%;height:auto}.card .cb{padding:16px 18px 20px}.card h3{margin:6px 0 8px;font-size:19px}.card p{color:var(--muted);margin:0;font-size:14.5px}.meta{color:var(--muted);font-size:13px}.chip{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin:0 6px 6px 0;padding:1px 10px;font-size:12px;display:inline-block}.stub{background:var(--surface);border:1px dashed var(--border);border-radius:16px;margin:28px 0;padding:28px}.notice{border:1px solid var(--warn);color:var(--text);background:#f5b84b1f;border-radius:12px;margin-bottom:24px;padding:10px 16px;font-size:14px}footer.site{border-top:1px solid var(--border);background:var(--bg2);padding:48px 0 32px;font-size:14.5px}footer.site .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}@media (max-width:800px){footer.site .cols{grid-template-columns:1fr 1fr}}footer.site h2{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:14px}footer.site ul{margin:0;padding:0;list-style:none}footer.site li{margin:6px 0}footer.site a{color:var(--muted);text-decoration:none}footer.site a:hover{color:var(--accent)}footer.site button.linklike{color:var(--muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:none!important}footer.site button.linklike:hover{color:var(--accent)}.cookie{z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:640px;padding:20px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 14px 40px #0000008c}.cookie h2{margin:0 0 6px;font-size:18px}.cookie p{color:var(--muted);margin:0 0 12px;font-size:14px}.cookie .row{flex-wrap:wrap;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;display:grid}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.demo-wrap{margin:36px 0}.hero-grid .demo-wrap{margin:0}.motion-toggle{z-index:60;border:1px solid var(--border);background:var(--surface2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 18px;font-size:13px;position:fixed;bottom:14px;right:14px;box-shadow:0 6px 20px #00000080}.motion-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.prose img[src*="/founder/"]{float:right;border-radius:20px;width:min(320px,42%);height:auto;margin:0 0 20px 28px}:root{--bad:#e8675a}.contact-form{gap:16px;max-width:640px;margin:24px 0;display:grid}.field{gap:6px;display:grid}.field label{font-size:14px;font-weight:600}.field input:not([type=checkbox]),.field select,.field textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:12px;min-height:46px;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field.check{grid-template-columns:auto 1fr;align-items:start;gap:10px}.field.check input{width:22px;height:22px;accent-color:var(--accent);margin-top:3px}.field.check label{color:var(--muted);font-weight:400}.field.hp{position:absolute;left:-9999px}.form-error{color:#ff9b8f;margin:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.form-done{background:var(--surface);border:1px solid var(--accent);border-radius:16px;max-width:640px;padding:28px}.news-search input{background:var(--surface);width:100%;max-width:520px;min-height:46px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:999px;margin:18px 0 10px;padding:0 20px}.filters{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.pill{border:1px solid var(--border);min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:0 14px;font-size:13.5px;text-decoration:none;display:inline-flex}.pill.small{min-height:30px;color:var(--muted);font-size:12.5px}.pill[aria-pressed=true],.pill[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.cards.featured{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card.big h3{font-size:24px}.pager{gap:8px;margin:24px 0;display:flex}button.linklike{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.logo-strip{flex-wrap:wrap;gap:16px;margin:24px 0;padding:0;list-style:none;display:flex}.logo-strip li a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-strip li{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:200px;height:96px;padding:14px;display:flex}.logo-strip img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.cards3{grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;display:grid}.card3{background:linear-gradient(160deg,var(--surface),var(--bg2));border:1px solid var(--border);border-radius:18px;padding:24px}.card3 h3{margin-top:0}@media (max-width:860px){.cards3{grid-template-columns:1fr}}:root{--band:#12233a}.prose h2{margin-top:0;padding-top:18px;position:relative}.prose h2:before{content:"";background:var(--accent);border-radius:3px;width:56px;height:3px;position:absolute;top:0;left:0}.prose h2[data-nb]:before{display:none}.prose h2[data-nb]{padding-top:0}.prose h3,.hl,.prose li>strong:first-child,.prose p>strong:first-child{color:var(--accent)}.band{padding:44px 0;position:relative}.band.first{padding-top:0}.band{isolation:isolate}.band.alt:after{content:"";z-index:-1;background:linear-gradient(180deg,transparent 0,var(--band) 110px,var(--band) calc(100% - 110px),transparent 100%);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}body{overflow-x:clip}.band>.prose>:first-child{margin-top:0}.prose p,.prose li{max-width:78ch}.prose .cards3 p,.prose .card3 p{max-width:none}.cards3.two{grid-template-columns:repeat(2,1fr)}.card3 .ico,.lead3 .ico{width:52px;height:52px;color:var(--accent);background:#1ecab81f;border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.card3 h3{margin:0 0 .4em}.card3 ul{padding-left:1.1em}.card3 a{color:var(--accent)}.leadtwo{grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 20px;display:grid}.lead3{background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--accent);border-radius:18px;padding:28px}.lead3 h2{margin:0 0 .4em;font-size:clamp(22px,2.4vw,30px)}@media (max-width:860px){.leadtwo,.cards3.two{grid-template-columns:1fr}}.listcards{grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0;padding:0;list-style:none;display:grid}.listcards.n3{grid-template-columns:repeat(3,1fr)}.listcards.n4{grid-template-columns:repeat(2,1fr)}.listcards li{background:var(--surface);border:1px solid var(--border);border-radius:14px;max-width:none;margin:0;padding:18px 20px}.listcards li>strong:first-child{margin-bottom:6px;font-size:1.05em;display:block}@media (max-width:860px){.listcards,.listcards.n3,.listcards.n4{grid-template-columns:1fr}}.split{grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;display:grid}@media (max-width:860px){.split{grid-template-columns:1fr;gap:24px}}.stat-tiles{gap:16px;margin:0;padding:0;list-style:none;display:grid}.stat-tiles li{background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:16px;flex-direction:column;gap:2px;padding:18px 22px;display:flex}.stat-n{color:var(--accent);font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.1}.stat-t{color:var(--muted);font-size:15px}.award-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;margin:24px 0;padding:0;list-style:none;display:grid}.award-grid li{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.award-img{aspect-ratio:1;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.award-img img{object-fit:contain;width:100%;height:100%}.award-s{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:600}.award-t{font-size:14.5px}.hero h1+h2:before{display:none}.hero h1+h2{padding-top:0}html{overflow-x:clip}.card3 h2{color:var(--accent);margin:0 0 .45em;font-size:clamp(19px,1.7vw,23px);font-weight:600;line-height:1.25}.lead3 h2{font-size:clamp(21px,2vw,27px)}.rv{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.rv.rv-in{transform:none}.hero{position:relative}.hero:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(40% 60% at 25% 30%,#1ecab829,#0000 70%),radial-gradient(35% 50% at 75% 20%,#3c6ec824,#0000 70%);height:480px;animation:18s ease-in-out infinite alternate auroraA;position:absolute;inset:-10% -10% auto}@keyframes auroraA{0%{transform:translate(-2%)scale(1)}to{transform:translate(3%,4%)scale(1.08)}}.cta-band{text-align:center;background:linear-gradient(#1ecab81a,#12233a99);border:1px solid #ffffff1a;border-radius:24px;margin:56px 0 0;padding:56px 24px}.cta-band h2{letter-spacing:-.02em;margin:0 0 .4em;font-size:clamp(26px,3.4vw,40px)}.cta-band h2:before{display:none}.cta-band p{color:var(--muted);max-width:560px;margin:0 auto 1.4em}.cta-pill{color:#0e1a28;background:#fff;border-radius:999px;padding:13px 28px;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.cta-pill:hover{transform:scale(1.03)}.card3 a{border:2px solid var(--accent);border-radius:999px;align-items:center;width:fit-content;min-height:38px;margin-top:12px;padding:0 18px;font-size:14.5px;font-weight:600;text-decoration:none;display:flex;color:var(--accent)!important}.card3 a:hover{background:#1ecab81f}.stat-n{font-variant-numeric:tabular-nums}.stat-pop{animation:.5s ease-out statpop}@keyframes statpop{0%{transform:scale(.94)}60%{transform:scale(1.05)}to{transform:none}}.ex-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0;display:grid}.ex-card{background:linear-gradient(160deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.ex-card img{object-fit:cover;width:100%;height:240px}.ex-body{padding:18px 20px 20px}.ex-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:12.5px}.ex-card h3{color:var(--text);margin:0 0 10px;font-size:20px}.ex-flag{border-radius:999px;margin:0 0 10px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-block}.ex-bad{color:#ff9a9a;background:#ff6b6b26;border:1px solid #ff6b6b80}.ex-score{margin:0 0 10px;font-size:15px}.ex-score span{color:var(--muted);font-size:13px}.ex-dl{grid-template-columns:1fr 1fr;gap:6px 18px;margin:0;display:grid}.ex-dl div{border-bottom:1px solid var(--border);justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.ex-dl dt{color:var(--muted)}.ex-dl dd{margin:0;font-weight:600}.ex-note{color:var(--muted);margin:10px 0 0;font-size:12.5px}.ex-why{margin:0;font-size:15px}.faq{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin:10px 0;overflow:hidden}.faq summary{cursor:pointer;align-items:center;min-height:44px;padding:14px 48px 14px 18px;font-weight:600;list-style:none;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:22px;transition:transform .2s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.faq[open] summary:after{content:"−"}.faq[open]{border-color:var(--accent)}.faq p{color:var(--muted);margin:0;padding:0 18px 16px}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.src{color:var(--muted);font-size:12.5px;font-style:normal}.prose figure{margin:20px 0}.prose figure img{border:1px solid var(--border);border-radius:16px;width:100%;height:auto}.prose figcaption{color:var(--muted);margin-top:8px;font-size:13.5px}.listcards li a{border:1.5px solid var(--accent);border-radius:999px;align-items:center;width:fit-content;min-height:34px;margin-top:10px;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.card3 ul{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.card3 li a{min-height:34px;margin-top:0;padding:0 14px;font-size:13.5px}.legal-group{margin-top:32px}.legal-group h2{margin-bottom:4px}.legal-group ul{margin-top:12px}.agreements{gap:12px;padding:0;list-style:none;display:grid}.agreements li{border:1px solid var(--line,#2a3a4d);border-radius:14px;padding:14px 18px}.agreements .ver{color:var(--muted,#a9b8c8);margin-left:8px;font-size:.85em}.listcards li{flex-direction:column;display:flex}.listcards li .lc-body{flex:1}.listcards li>a{margin-top:14px}.card3{flex-direction:column;display:flex}.card3>.cta-row{margin-top:auto;padding-top:12px}.card3>a:last-child{margin-top:auto}.logo img{width:auto;height:30px;display:block}footer.site .logo img{height:32px}.partner-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;padding:0;list-style:none;display:grid}.partner-cards li{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.partner-cards .pc-logo{background:#fff;border-radius:12px;justify-content:center;align-items:center;height:110px;padding:14px;display:flex}.partner-cards .pc-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.partner-cards .wordmark{color:#0e1a28;font-size:26px;font-weight:800}.partner-cards p{flex:1;max-width:none;margin:0}.partner-cards .pc-link{border:1.5px solid var(--accent);border-radius:999px;align-items:center;width:fit-content;min-height:34px;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}@media (max-width:860px){.partner-cards{grid-template-columns:1fr}}.band{display:flow-root}.logo-strip,.award-grid{justify-content:center}.award-grid.top{flex-wrap:wrap;justify-content:center;display:flex}.award-grid.top li{width:240px}h2#partners-and-memberships,h2#award-winning{text-align:center}h2#partners-and-memberships:before,h2#award-winning:before{left:50%;transform:translate(-50%)}:is(.band:has(#award-winning) .cta-row,.band:has(#partners-and-memberships) .cta-row){justify-content:center}.prose img[src*="/founder/"]{aspect-ratio:4/5;object-fit:cover;object-position:top;width:min(280px,38%)}.logo-tile{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:200px;height:96px;margin:12px 0;padding:12px 18px;display:flex}.logo-tile img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.stat-src{color:var(--muted);margin-top:4px;font-size:12.5px}.stat-src a{color:var(--accent)}@keyframes ctaGlow{0%,to{border-color:#ffffff1a;box-shadow:0 0 #1ecab800}50%{border-color:#1ecab899;box-shadow:0 0 60px 4px #1ecab847}}@keyframes ctaRing{0%,50%,to{transform:none;box-shadow:0 0 #1ecab800}58%{transform:scale(1.05);box-shadow:0 0 #1ecab899}66%{transform:none}88%{box-shadow:0 0 0 18px #1ecab800}}@keyframes ctaSweep{0%,60%{transform:translate(-120%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}.cta-band{isolation:isolate;animation:6s ease-in-out infinite ctaGlow;position:relative;overflow:hidden}.cta-band:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff12,#0000);width:30%;animation:6s ease-in-out infinite ctaSweep;position:absolute;inset:-10% auto -10% 0}.cta-band .cta-pill{animation:3.6s ease-out infinite ctaRing;display:inline-block}body.paused .cta-band,body.paused .cta-band .cta-pill,body.paused .cta-band:after{animation:none}body.paused .cta-band:after{display:none}@media (prefers-reduced-motion:reduce){.cta-band,.cta-band .cta-pill,.cta-band:after{animation:none}.cta-band:after{display:none}}.exout{margin:24px 0}.exout h3{margin:28px 0 12px}.ex-frame{margin:0}.ex-frame img{border:1px solid var(--line,#ffffff1f);border-radius:14px;width:100%;height:auto}.ex-frame figcaption{opacity:.7;text-align:center;margin-top:8px;font-size:.85rem}.ex-tracks{border:1px solid var(--line,#ffffff1f);background:#ffffff08;border-radius:14px;margin-top:18px;padding:16px}.ex-row{grid-template-columns:64px 1fr;align-items:center;gap:12px;margin:8px 0;display:grid}.ex-lab{opacity:.7;font-size:.8rem}.ex-lane{background:#ffffff0f;border-radius:6px;height:22px;position:relative}.ex-seg{background:linear-gradient(90deg,#2dd4bf,#38bdf8);border-radius:4px;position:absolute;top:3px;bottom:3px}.ex-dot{background:#fbbf24;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 0 0 4px #fbbf2433}.ex-axis{opacity:.6;justify-content:space-between;font-size:.75rem;display:flex}.ex-scenes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ex-card,.ex-people{border:1px solid var(--line,#ffffff1f);background:#ffffff08;border-radius:14px;padding:16px}.ex-card p,.ex-people p{margin:10px 0 0;font-size:.92rem;line-height:1.55}.ex-people p{margin:0}.ex-chip{font-variant-numeric:tabular-nums;color:#5eead4;white-space:nowrap;background:#2dd4bf24;border-radius:999px;padding:3px 10px;font-size:.75rem;display:inline-block}.ex-talk{gap:12px;display:grid}.ex-line{grid-template-columns:auto 150px 1fr;align-items:center;gap:14px;display:grid}.ex-who{flex-direction:column;line-height:1.25;display:flex}.ex-who small{opacity:.65}.ex-bubble{background:#38bdf81f;border:1px solid #38bdf840;border-radius:14px 14px 14px 4px;margin:0;padding:12px 16px}@media (max-width:800px){.ex-scenes{grid-template-columns:1fr}.ex-line{grid-template-columns:1fr;gap:6px}.ex-row{grid-template-columns:52px 1fr}}.listcards li .lc-body>strong:first-child{color:var(--accent);margin-bottom:6px;font-size:1.05em;display:block}.partner-cards .pc-logo.dark,.logo-tile.dark{border:1px solid var(--border);background:#0e1a28}.listcards li>strong:first-child,.listcards li .lc-body>strong:first-child{font-family:var(--font-heading),var(--font-body);font-weight:700}:is(.band:has(#award-winning) .cta-row,.band:has(#partners-and-memberships) .cta-row){width:100%;max-width:none}.hero-grid .prose h2+p:has(>em:only-child){color:var(--muted);margin-top:-8px;font-size:14px;line-height:1.5}@media (max-width:600px){header.site .btn.hdr-cta{text-align:center;flex-direction:column;flex-shrink:0;gap:0;min-height:44px;padding:4px 16px;font-size:14px;line-height:1.15}header.site .btn.hdr-cta span{display:block}header.site .logo img{width:auto;height:26px}header.site .wrap{gap:10px}}header.site .btn.hdr-cta{gap:.3em}@media (max-width:600px){header.site .btn.hdr-cta{gap:0}}@media (max-width:360px){header.site .logo img{height:22px}details.mobile summary{padding:10px 12px;font-size:14px}header.site .btn.hdr-cta{padding:4px 12px;font-size:13px}}
.demo *{box-sizing:border-box}.demo .wrap{max-width:1180px;margin:0 auto;padding:0 20px}.demo .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.demo .logo b{color:var(--accent)}.demo .pill{border:1px solid var(--border);min-height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;font-family:inherit;font-size:13px}.demo .pill[aria-pressed=true],.demo .pill.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.demo section.blk{border-top:1px solid var(--border);padding:72px 0}.demo .eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:600}.demo h1,.demo h2,.demo h3{margin:0;line-height:1.1}.demo h1{font-size:clamp(38px,6vw,64px);font-weight:700}.demo h2{font-size:clamp(28px,4.4vw,46px);font-weight:700}.demo h3{font-size:20px}.demo .lead{color:var(--muted);max-width:640px;font-size:18px}.demo .note{color:var(--muted);font-size:12.5px}.demo .tag-demo{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 10px;font-size:11px;display:inline-block}.demo .beta{color:var(--warn);border-color:var(--warn)}.demo .fill span{color:#47607a;transition:color .25s}.demo .fill span.on{color:var(--text)}.demo .panel{background:linear-gradient(160deg,var(--surface),var(--bg2));border:1px solid var(--border);border-radius:20px;position:relative;overflow:hidden}.demo .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo .grid2{grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;display:grid}@media (max-width:860px){.demo .grid2{grid-template-columns:1fr;gap:24px}}.demo .hero{padding:56px 0 64px}.demo .hero h1 span.sub{color:var(--accent);margin-top:12px;font-size:.5em;display:block}.demo .hero .lead{margin:18px 0 26px}.demo .hpanel{padding:16px}.demo .sbar{background:var(--surface2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;min-height:46px;padding:10px 16px;font-size:14px;display:flex}.demo .sbar i{border:2px solid var(--muted);border-radius:50%;flex:none;width:14px;height:14px;position:relative}.demo .sbar i:after{content:"";background:var(--muted);width:7px;height:2px;position:absolute;bottom:-2px;right:-6px;transform:rotate(45deg)}.demo .caret{background:var(--accent);vertical-align:-2px;width:2px;height:1em;margin-left:1px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.demo .wall{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 10px;display:grid;position:relative}.demo .tile{aspect-ratio:16/10;opacity:.55;filter:saturate(.5);background:#13243a;border-radius:10px;transition:opacity .5s,filter .5s,transform .5s,box-shadow .4s;position:relative;overflow:hidden}.demo .tile svg{width:100%;height:100%;position:absolute;inset:0}.demo .tile.hit{opacity:1;filter:none;box-shadow:0 0 0 2px var(--accent),0 0 22px #1ecab859;z-index:2}.demo .tile.gone{opacity:.15;filter:blur(2px)saturate(0)}.demo .tile .tc{opacity:0;background:#0009;border-radius:6px;padding:0 6px;font-size:10px;transition:opacity .4s;position:absolute;top:5px;right:5px}.demo .tile.hit .tc{opacity:1}.demo .tile .tags{flex-wrap:wrap;gap:3px;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.demo .tile .tags b{background:var(--accent);color:var(--accent-ink);opacity:0;border-radius:999px;padding:0 7px;font-size:9.5px;line-height:1.5;transition:all .35s;transform:translateY(5px)}.demo .tile.hit .tags b{opacity:1;transform:none}.demo .tile.hit .tags b:nth-child(2){transition-delay:.15s}.demo .tile.hit .tags b:nth-child(3){transition-delay:.3s}.demo .scan{background:var(--accent);opacity:0;border-radius:3px;width:3px;position:absolute;top:-4px;bottom:-4px;left:0;box-shadow:0 0 18px 6px #1ecab873}.demo .scan.go{animation:.9s ease-in-out forwards scan}@keyframes scan{0%{opacity:1;left:0}to{opacity:1;left:100%}}.demo .scen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.demo .count{color:var(--muted);font-size:12px}.demo .flow-ctrl{flex-wrap:wrap;gap:14px 22px;margin:20px 0 14px;display:flex}.demo .flow-ctrl .grp{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo .flow-ctrl label{color:var(--muted);margin-right:2px;font-size:12.5px}.demo .tabs{border-bottom:1px solid var(--border);gap:2px;margin-top:8px;display:flex;overflow-x:auto}.demo .tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;min-height:44px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:600}.demo .tab span{color:var(--accent);margin-right:6px;font-size:12px}.demo .tab[aria-selected=true]{color:var(--text);border-color:var(--accent)}.demo .flow{grid-template-columns:.8fr 1.5fr;align-items:start;gap:32px;margin-top:26px;display:grid}@media (max-width:900px){.demo .flow{grid-template-columns:1fr}}.demo .flow h3{margin-bottom:10px;font-size:26px}.demo .flow p{color:var(--muted);margin:0 0 14px}.demo .ctrls{gap:8px;margin-top:12px;display:flex}.demo .ctrls button{width:44px;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;font-size:16px}.demo svg.dia{width:100%;height:auto;display:block}.demo svg.dia text{fill:var(--text);font-family:inherit}.demo .nd rect{fill:var(--surface2);stroke:var(--border);stroke-width:1.5px;transition:all .4s}.demo .nd text.t{font-size:15px;font-weight:600}.demo .nd text.s{fill:var(--muted);font-size:11.5px}.demo .nd{opacity:.55;transition:opacity .4s}.demo .nd.on{opacity:1}.demo .nd.on rect{stroke:var(--accent);filter:drop-shadow(0 0 8px #1ecab880)}.demo .envbox{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:7 7;opacity:.7}.demo .edge{fill:none;stroke:#3a526c;stroke-width:2px;opacity:.45;transition:all .4s}.demo .edge.on{stroke:var(--accent);opacity:1;stroke-dasharray:9 7;animation:1s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-32px}}.demo .elab{fill:var(--accent);opacity:0;font-size:11px;transition:all .4s}.demo .elab.on{opacity:1}.demo .chipsvg{opacity:0;transition:all .5s;transform:translateY(8px)}.demo .chipsvg.on{opacity:1;transform:none}.demo .chipsvg rect{fill:var(--accent)}.demo .chipsvg text{font-size:11px;font-weight:700;fill:var(--accent-ink)!important}.demo .sw rect{fill:#3a4c60;transition:all .4s}.demo .sw circle{fill:#fff;transition:all .4s}.demo .sw.on rect{fill:var(--accent)}.demo .dot{fill:var(--accent);opacity:0}.demo .edge.on+.dot{opacity:1}.demo .layers{perspective:1100px;justify-content:center;align-items:center;height:380px;display:flex;position:relative;overflow:hidden}.demo .stack{width:min(440px,70%);height:190px;transform-style:preserve-3d;margin-top:150px;position:relative;transform:rotateX(62deg)rotate(-14deg)}.demo .lay{border:2px solid var(--accent);animation:10s ease-in-out infinite lift;animation-delay:calc(var(--i)*.16s);background:#1ecab817;border-radius:12px;position:absolute;inset:0}.demo .lay span{color:var(--accent);letter-spacing:.02em;text-shadow:0 0 6px #000;font-size:12px;font-weight:700;position:absolute;bottom:7px;left:12px}.demo .lay.base{border-color:var(--border);background:linear-gradient(135deg,#1d4a38,#7b3a2a);animation:none}@keyframes lift{0%,5%{transform:translateZ(3px)}32%,88%{transform:translateZ(calc(var(--i)*22px))}to{transform:translateZ(3px)}}.demo .lside{z-index:2;flex-direction:column;justify-content:space-around;gap:6px;width:25%;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:14px;bottom:14px}.demo .lside.l{left:16px}.demo .lside.r{align-items:flex-end;right:16px}.demo .lside li{opacity:0;animation:10s ease-in-out infinite lside;animation-delay:calc(var(--k)*.45s + .6s);align-items:center;gap:10px;display:flex}.demo .lside.r li{text-align:right;flex-direction:row-reverse}.demo .lside .ic{background:#1ecab81f;border:1px solid #1ecab873;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.demo .lside .ic svg{fill:none;width:20px;height:20px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.demo .lside b{color:var(--text);font-size:13px;line-height:1.25;display:block}.demo .lside i{color:var(--muted);font-size:12px;font-style:normal;line-height:1.3;display:block}@keyframes lside{0%,8%{opacity:0;transform:translateX(var(--sx,-10px))}22%,86%{opacity:1;transform:none}to{opacity:0}}.demo .lside.r li{--sx:10px}@media (max-width:900px){.demo .lside{display:none}}@media (prefers-reduced-motion:reduce){.demo .lside li{opacity:1}}.demo .llabels{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:560px){.demo .llabels{grid-template-columns:1fr}}.demo .llabels li{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:14px}.demo .llabels b{color:var(--accent);font-size:14px;display:block}.demo .llabels span{color:var(--muted);font-size:12.5px}.demo .chat{min-height:380px;padding:18px}.demo .chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.demo .q2{background:var(--surface2);border:1px solid var(--border);border-radius:14px;min-height:46px;margin-bottom:12px;padding:11px 14px;font-size:14.5px}.demo .res{gap:10px;display:grid}.demo .rcard{background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:14px;grid-template-columns:96px 1fr;gap:12px;padding:10px;transition:all .45s;display:grid;transform:translateY(8px)}.demo .rcard.on{opacity:1;transform:none}.demo .rcard .th{border-radius:8px;height:64px;position:relative;overflow:hidden}.demo .rcard .th:after{content:"";background:var(--accent);opacity:.8;height:3px;position:absolute;bottom:0;left:0;right:0}.demo .rcard b.tc{color:var(--accent);font-size:13px}.demo .rcard p{color:var(--muted);margin:2px 0 0;font-size:13px}.demo .rcard .tg{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.demo .rcard .tg i{color:var(--accent);background:#1ecab826;border-radius:999px;padding:0 8px;font-size:10.5px;font-style:normal}.demo .rcard em{color:var(--text);font-style:normal}.demo .inc svg text{fill:var(--text);font-family:inherit}.demo .inc .big{font-size:22px;font-weight:700}.demo .xmark{stroke:var(--bad);stroke-width:4px;stroke-linecap:round;opacity:0;transition:all .4s}.demo .inc.on .xmark{opacity:1}.demo .inc .zk{opacity:0;transition:all .4s}.demo .inc.on .zk{opacity:1}.demo .inc .notzk{opacity:1;transition:all .4s}.demo .inc.on .notzk{opacity:0}.demo .inc .watch{fill:none;stroke:#6b7f94;stroke-width:1.6px;stroke-dasharray:2 7;opacity:.55}.demo .inc .backedge{opacity:.12;transition:all .4s}.demo .inc:not(.on) .backedge{opacity:1;stroke:var(--warn);stroke-dasharray:9 7;animation:1s linear infinite flow}.demo .inc .lbl-no{opacity:0;font-size:11px;font-weight:600;transition:all .4s;fill:var(--bad)!important}.demo .inc.on .lbl-no{opacity:1}.demo .rings{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:760px){.demo .rings{grid-template-columns:1fr}}.demo .ringbox{text-align:center;padding:24px 16px}.demo .ringbox svg{width:180px;height:180px}.demo .ringbox .bg{fill:none;stroke:var(--surface2);stroke-width:12px}.demo .ringbox .fg{fill:none;stroke:var(--accent);stroke-width:12px;stroke-linecap:round;stroke-dasharray:439.8;stroke-dashoffset:439.8px;transform-origin:90px 90px;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1);transform:rotate(-90deg)}.demo .ringbox .num{fill:var(--text);font-family:inherit;font-size:34px;font-weight:700}.demo .ringbox .up{fill:var(--muted);font-family:inherit;font-size:12px}.demo .ringbox h3{margin-top:6px;font-size:17px}.demo .ad{background:linear-gradient(120deg,#33415a,#8a4b3a);border-radius:14px;height:170px;position:relative;overflow:hidden}.demo .ad .burger{width:80px;position:absolute;bottom:18px;left:12%}.demo .ad .ph{background:#fff;width:2px;animation:12s linear infinite ph;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px #fff}@keyframes ph{to{left:100%}}.demo .tl{background:var(--surface2);border-radius:8px;height:36px;margin:14px 0 4px;position:relative}.demo .flag{background:var(--warn);opacity:.25;color:#222;border-radius:6px;place-items:center;width:26px;font-size:11px;font-weight:700;transition:all .4s;display:grid;position:absolute;top:4px;bottom:4px}.demo .flag.on{opacity:1;box-shadow:0 0 14px #f5b84b99}.demo .flags{gap:8px;margin-top:12px;display:grid}.demo .flagrow{background:var(--surface);border:1px solid var(--border);opacity:.35;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;transition:all .4s;display:flex}.demo .flagrow.on{opacity:1;border-color:var(--warn)}.demo .flagrow b{color:var(--warn);min-width:40px}.demo .gauge{background:var(--surface2);border-radius:999px;height:10px;margin:10px 0 4px;overflow:hidden}.demo .gauge i{background:linear-gradient(90deg,var(--accent),var(--warn),var(--bad));width:0;height:100%;transition:width 1.4s;display:block}.demo .benefits{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.demo .benefits span{border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600}.demo .igrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:760px){.demo .igrid{grid-template-columns:1fr 1fr}}.demo .itile{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-height:110px;padding:20px;transition:all .3s;position:relative}.demo .itile:hover{border-color:var(--accent);transform:translateY(-3px)}.demo .itile h3{font-size:18px}.demo .itile p{color:var(--muted);margin:4px 0 0;font-size:13px}.demo .badge{letter-spacing:.08em;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;animation:2.4s ease-in-out infinite pulse;position:absolute;top:12px;right:12px}.demo .badge.soon{color:var(--muted);border:1px solid var(--border);background:0 0;animation:none}@keyframes pulse{50%{box-shadow:0 0 0 6px #1ecab800,0 0 14px #1ecab899}}.demo .cookie{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:620px;padding:20px}.demo .cookie .row{margin-top:14px}.demo footer{border-top:1px solid var(--border);color:var(--muted);padding:36px 0;font-size:13px}.demo .tbar{z-index:60;position:fixed;bottom:14px;right:14px}.demo .tbar button{background:var(--surface2);box-shadow:0 6px 20px #00000080}.demo .toc{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.demo .toc a{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:12.5px;text-decoration:none}body.paused .demo *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.demo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.demo .lay{transform:translateZ(calc(var(--i)*22px))}}.demo .inc .onbox{transition:all .4s}.demo .inc:not(.on) .onbox{opacity:0}.demo .inc .offbox{opacity:0;pointer-events:none;transition:all .4s}.demo .inc:not(.on) .offbox{opacity:1}.demo .inc .mv{transition:all .4s}.demo .inc:not(.on) .mv{opacity:.16}.demo .inc .lbl-off{opacity:0;font-size:11px;font-weight:600;transition:all .4s;fill:var(--warn)!important}.demo .inc:not(.on) .lbl-off{opacity:1}.demo .ad{background:linear-gradient(120deg,#33415a,#5a3a4a);height:200px}.demo .scene{opacity:0;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.demo .scene.cur{opacity:1}.demo .scene svg{width:auto;max-width:90%;height:150px}.demo .scene .sc{color:#e8eef5;background:#00000073;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;left:12px}.demo .envbox{transition:all .4s}.demo .envbox.on{opacity:1;fill:#1ecab80f}.demo .inc .watch,.demo .inc .watchlbl{transition:all .4s}.demo .inc:not(.on) .watch,.demo .inc:not(.on) .watchlbl{opacity:0}.demo .svd{padding:18px}.demo .svd-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12.5px;display:flex}.demo .svd-file{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.demo .svd-by{color:var(--accent)}.demo .svd-strip{position:relative}.demo .svd-frames{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.demo .svd .fr{border:2px solid #0000;border-radius:8px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.demo .svd .fr svg{width:100%;height:auto;display:block}.demo .svd .fr .t{color:#fff;text-shadow:0 1px 2px #000;font-size:9.5px;position:absolute;top:3px;left:4px}.demo .svd .fr .sc{color:var(--accent);opacity:0;background:#0e1a28d9;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:700;transition:all .3s;position:absolute;bottom:4px;right:4px;transform:translateY(4px)}.demo .svd .fr.on .sc{opacity:1;transform:none}.demo .svd .fr.hot{border-color:var(--bad)}.demo .svd .fr.hot .sc{background:var(--bad);color:#fff}.demo .svd .fr.hot:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#e8675a00 0 3px,#e8675a2e 3px 4px);position:absolute;inset:0}.demo .svd-scan{background:var(--accent);opacity:0;border-radius:2px;width:3px;transition:left .3s linear,opacity .3s;position:absolute;top:-4px;bottom:-4px;left:0;box-shadow:0 0 14px 3px #1ecab899}.demo .svd-scan.on{opacity:1}.demo .svd-bars{border-bottom:1px solid var(--border);grid-template-columns:repeat(6,1fr);align-items:end;gap:6px;height:64px;margin-top:12px;display:grid;position:relative}.demo .svd-bars i{background:var(--accent);border-radius:4px 4px 0 0;height:0;transition:height .3s ease-out;display:block}.demo .svd-bars i.on{height:calc(var(--v)*100%)}.demo .svd-bars i.hot{background:var(--bad)}.demo .svd-th{color:var(--warn);text-align:right;pointer-events:none;border-top:1px dashed #f5b84bb3;font-size:10px;line-height:1.6;position:absolute;bottom:50%;left:0;right:0}.demo .svd-scale{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.demo .svd-out{border:1px solid var(--border);opacity:.35;background:#ffffff08;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:14px;padding:12px 14px;transition:opacity .4s,border-color .4s;display:flex}.demo .svd-out.on{opacity:1;border-color:#e8675a99}.demo .svd-score{color:var(--muted);flex-direction:column;font-size:11.5px;display:flex}.demo .svd-score b{color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}.demo .svd-out.on .svd-score b{color:var(--bad)}.demo .svd-res{flex-direction:column;flex:1;min-width:160px;font-size:13px;display:flex}.demo .svd-verdict{font-weight:700}.demo .svd-time{color:var(--muted)}.demo .svd-label{background:var(--warn);color:#0e1a28;opacity:0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .35s;transform:scale(.9)}.demo .svd-out.on .svd-label{opacity:1;transform:none}.demo .svd-note{color:var(--muted);margin:10px 0 0;font-size:11.5px}@media (max-width:560px){.demo .svd-frames,.demo .svd-bars{gap:3px}.demo .svd .fr .t,.demo .svd .fr .sc{display:none}.demo .svd-bars{height:48px}}.demo .ufid{padding:18px}.demo .uf-head{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12.5px;display:flex}.demo .uf-step{color:var(--accent);font-weight:600}.demo .uf-grid{grid-template-columns:repeat(18,1fr);gap:4px;display:grid;position:relative}.demo .ufid .uf{aspect-ratio:16/10;background:hsl(var(--h) 45% var(--l));opacity:0;border-radius:3px;transition:opacity .35s,transform .35s,box-shadow .35s,filter .35s;display:block;transform:scale(.6)}.demo .ufid .uf.on{opacity:1;transform:none}.demo .ufid .uf.drop{opacity:.08;filter:grayscale();transform:scale(.7)}.demo .ufid .uf.keep.pick{box-shadow:0 0 0 2px var(--accent),0 0 12px #1ecab8b3;z-index:1;position:relative;transform:scale(1.03)}.demo .uf-scan{background:var(--accent);opacity:0;border-radius:2px;width:3px;transition:left 1.6s linear,opacity .3s;position:absolute;top:-4px;bottom:-4px;left:0;box-shadow:0 0 14px 3px #1ecab899}.demo .uf-scan.on{opacity:1;left:100%}.demo .uf-out{border:1px solid var(--border);background:#ffffff08;border-radius:14px;flex-wrap:wrap;gap:24px;margin-top:16px;padding:12px 16px;display:flex}.demo .uf-out div{color:var(--muted);flex-direction:column;font-size:12px;display:flex}.demo .uf-out b{color:var(--text);font-variant-numeric:tabular-nums;font-size:28px;line-height:1.1}.demo .uf-pct b{color:var(--accent)}.demo .uf-note{color:var(--muted);margin:10px 0 0;font-size:11.5px}@media (max-width:560px){.demo .uf-grid{grid-template-columns:repeat(12,1fr);gap:3px}}.demo svg.dia-m{display:none}@media (max-width:640px){.demo svg.dia-d{display:none}.demo svg.dia-m{display:block}}
