:root {
--page: #f8f8f8;
--white: #ffffff;
--ink: #121212;
--text: #1e1e1e;
--text-2: #545454;
--text-3: #848484;
--line: #e6e6e6;
--line-2: #f1f1f1;
--blue: #0b6cff;
--blue-deep: #1544c9;
--blue-soft: #f3f3f3;
--violet: #6a5cff;
--charcoal: #1e1e1e;
--night: #141414;
--green: #1ed760;
--ok: #137a38; --ok-bg: #eeeeee;
--c-green: #5cc15c; --c-orange: #f5a623; --c-sky: #69a7f5; --c-pink: #d36bd6; --c-purple: #9a6ae6;
--glass: rgba(255,255,255,.58);
--glass-2: rgba(255,255,255,.72);
--glass-line: rgba(255,255,255,.85);
--blur: 18px;
--head: "Albert Sans", "Avenir Next", "Helvetica Neue", system-ui, sans-serif;
--body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--shadow: 0 1px 2px rgba(27,27,27,.04), 0 18px 40px -18px rgba(27,27,27,.18);
--shadow-lg: 0 30px 60px -30px rgba(27,27,27,.25);
--gl: max(18px, env(safe-area-inset-left, 0px));
--gr: max(18px, env(safe-area-inset-right, 0px));
color-scheme: light;
}
@media (max-width: 700px) { :root { --blur: 10px; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { background: var(--page); color: var(--text); font-family: var(--body); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-x: clip; }
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 60; background: var(--page); }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 10px; }
h1, h2, h3 { font-family: var(--head); font-weight: 500; letter-spacing: -0.03em; line-height: 1.06; margin: 0; color: var(--ink); text-wrap: balance; }
p { margin: 0; }
.wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: var(--gl); padding-right: var(--gr); }
.tab { font-variant-numeric: tabular-nums; }
.sub { color: var(--text-2); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.45; max-width: 46ch; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.sec { position: relative; padding-block: clamp(56px, 8vw, 112px); }
.sec-head { display: grid; gap: 16px; justify-items: center; text-align: center; margin: 0 auto 44px; max-width: 900px; }
.sec-head h2 { font-size: clamp(32px, 4.6vw, 58px); }
.small { font-size: 13px; color: var(--text-3); }
.note { font-size: 13px; color: var(--text-3); text-align: center; margin-top: 18px; }
.wordmark { display: block; height: 24px; aspect-ratio: 673 / 127; background: var(--wm) left center / contain no-repeat; }
.wordmark.inv { filter: brightness(0) invert(1); }
.glass { background: var(--glass); border: 1px solid var(--glass-line); backdrop-filter: blur(var(--blur)) saturate(1.6); -webkit-backdrop-filter: blur(var(--blur)) saturate(1.6); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 20px 50px -24px rgba(255,255,255,0.14); }
.glow { position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none; z-index: 0; opacity: .55; }
.glow.b { background: #8fb4ff; } .glow.v { background: #b8a8ff; } .glow.p { background: #f6b3e9; } .glow.g { background: #a8f0c2; } .glow.o { background: #ffd59a; }
.rel { position: relative; z-index: 1; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 28px; border-radius: 999px; font-family: var(--body); font-weight: 500; font-size: 16px; border: 1px solid transparent; cursor: pointer; white-space: nowrap; transition: background .2s, box-shadow .2s, border-color .2s; }
.btn-blue { background: var(--blue); color: #ffffff; }
.btn-blue:hover { background: #0a5de0; box-shadow: 0 8px 24px -8px rgba(11,108,255,.6); }
.btn-white { background: rgba(255,255,255,.8); color: var(--ink); border-color: #d5d5d5; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.btn-white:hover { border-color: #a4a4a4; }
.btn-black { background: var(--charcoal); color: #ffffff; }
.btn-black:hover { background: #000000; }
.btn-sm { min-height: 36px; padding: 0 16px; font-size: 14.5px; }
.textlink { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: 15px; min-height: 44px; }
.textlink svg, .bluelink svg { width: 14px; height: 14px; transition: transform .2s; }
.textlink:hover svg, .bluelink:hover svg { transform: translateX(3px); }
.bluelink { display: inline-flex; align-items: center; gap: 6px; color: #7fb0ff; font-size: 15.5px; font-weight: 500; }
.ctas { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
@media (max-width: 480px) { .ctas .btn { flex: 1 1 100%; } }
.nav { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: rgba(248,248,248,.62); backdrop-filter: blur(16px) saturate(1.8); -webkit-backdrop-filter: blur(16px) saturate(1.8); border-bottom: 1px solid rgba(230,230,230,.8); }
.nav .wrap { display: flex; align-items: center; height: 58px; gap: 20px; }
.menu { display: flex; gap: 4px; margin: 0 auto; }
.menu > .item { position: relative; }
.menu .top { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 999px; font-size: 15px; font-weight: 500; color: var(--ink); background: none; border: 0; font-family: var(--body); cursor: pointer; }
.menu .top:hover, .menu .item.open .top { background: rgba(18,18,18,.06); }
.menu .top svg { width: 12px; height: 12px; transition: transform .2s; }
.menu .item.open .top svg { transform: rotate(180deg); }
.drop { position: absolute; top: calc(100% + 12px); left: 50%; translate: -50% 0; width: 560px; border-radius: 18px; padding: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s, transform .18s, visibility .18s; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); backdrop-filter: blur(24px) saturate(1.8); -webkit-backdrop-filter: blur(24px) saturate(1.8); box-shadow: 0 30px 70px -24px rgba(27,27,27,.35); }
.item.open .drop { opacity: 1; visibility: visible; transform: none; }
.drop a { display: flex; gap: 12px; align-items: flex-start; padding: 11px 12px; border-radius: 12px; font-size: 14.5px; font-weight: 500; }
.drop a:hover { background: rgba(18,18,18,.05); }
.di { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; color: #ffffff; background: var(--c, var(--blue)); flex: none; }
.di svg { width: 16px; height: 16px; }
.drop small { display: block; font-weight: 400; color: var(--text-3); font-size: 13px; margin-top: 1px; }
.nav-right { display: flex; align-items: center; gap: 14px; }
.nav-right .login { font-size: 15px; font-weight: 500; }
.burger { display: none; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.7); font: 500 14px var(--body); color: var(--ink); cursor: pointer; }
.mobile { display: none; }
@media (max-width: 960px) {
.menu, .nav-right .login { display: none; }
.nav-right { margin-left: auto; }
.burger { display: inline-flex; align-items: center; }
.mobile.open { display: block; max-height: calc(100dvh - 58px); overflow-y: auto; padding: 4px var(--gr) 18px var(--gl); border-top: 1px solid var(--line); }
.mobile details { border-bottom: 1px solid var(--line); }
.mobile summary { list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 52px; font-weight: 600; font-size: 17px; cursor: pointer; }
.mobile summary::-webkit-details-marker { display: none; }
.mobile summary svg { width: 14px; height: 14px; transition: transform .2s; }
.mobile details[open] summary svg { transform: rotate(180deg); }
.mobile details a { display: flex; gap: 12px; align-items: center; min-height: 48px; padding-left: 4px; font-size: 16px; }
.mobile details a .di { width: 28px; height: 28px; }
.mobile > a { display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid var(--line); font-weight: 600; font-size: 17px; }
.mobile .btn { width: 100%; margin-top: 16px; }
}
.hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 70%, var(--page) 100%); padding-block: clamp(70px, 10vw, 130px) 36px; }
.stage { position: relative; }
.guides { position: absolute; left: 0; right: 0; top: calc(-1 * clamp(70px, 10vw, 130px)); bottom: -60px; pointer-events: none; display: flex; justify-content: center; z-index: 1; }
.guides i { width: 1px; height: 100%; background: linear-gradient(transparent, var(--line) 12%, var(--line) 70%, transparent); margin: 0 clamp(30px, 8vw, 114px); }
.arcbox { position: absolute; left: 50%; bottom: -70px; width: max(900px, 140vw); aspect-ratio: 2.4 / 1; translate: -50% 0; pointer-events: none; z-index: 0; }
.dome { position: absolute; inset: 0; border-radius: 50%; background: #ffffff; }
.arcbox svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.arcbox path { fill: none; stroke-linecap: round; stroke-dasharray: 4200; stroke-dashoffset: 4200; animation: draw 2.4s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes draw { to { stroke-dashoffset: 0; } }
.dots { position: absolute; left: 0; right: 0; bottom: 0; height: 70%; pointer-events: none;
background-image: radial-gradient(circle, #e2e2e2 2.4px, transparent 2.9px), radial-gradient(circle, #ebebeb 1.5px, transparent 2px);
background-size: 18px 18px, 18px 18px; background-position: 0 0, 9px 9px;
mask-image: radial-gradient(ellipse 75% 85% at 50% 100%, #000000 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 75% 85% at 50% 100%, #000000 30%, transparent 75%); }
.hero-in { position: relative; z-index: 3; display: grid; justify-items: center; text-align: center; gap: 20px; }
.hero h1 { font-size: clamp(40px, 7vw, 84px); letter-spacing: -0.04em; line-height: 1.02; }
.hero .sub { max-width: 40ch; }
.made { position: relative; z-index: 3; margin: clamp(100px, 12vw, 150px) auto 0; max-width: 1160px; border-radius: 22px; overflow: hidden; }
.made-h { padding: 12px; text-align: center; font-size: 14.5px; color: var(--text-2); border-bottom: 1px solid rgba(230,230,230,.8); }
.made-row { display: grid; grid-template-columns: repeat(4, 1fr); }
.made-row > a { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 24px 12px; font-family: var(--head); font-weight: 500; font-size: 18px; color: #3c3c3c; letter-spacing: -.01em; transition: background .2s; min-height: 64px; }
.made-row > a:hover { background: rgba(255,255,255,.7); }
.made-row > a + a { border-left: 1px solid rgba(230,230,230,.8); }
.made-row svg { width: 20px; height: 20px; color: var(--blue-deep); flex: none; }
@media (max-width: 760px) { .made-row { grid-template-columns: 1fr 1fr; } .made-row > a:nth-child(3) { border-left: 0; } .made-row > a:nth-child(n+3) { border-top: 1px solid rgba(230,230,230,.8); } .made-row > a { font-size: 15.5px; padding: 18px 8px; } }
.dotstrip { height: 34px; background-image: radial-gradient(circle, #e4e4e4 1.6px, transparent 2px); background-size: 22px 22px; opacity: .8; mask-image: linear-gradient(90deg, transparent, #000000 15%, #000000 85%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000000 15%, #000000 85%, transparent); }
.cards { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; position: relative; z-index: 1; }
.ccard { position: relative; border-radius: 14px; padding: 18px 18px 24px; display: grid; gap: 10px; align-content: start; min-width: 0; transition: transform .3s; border-color: color-mix(in srgb, var(--c) 35%, rgba(255,255,255,.85)); }
.ccard::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -24px; height: 40px; border-radius: 50%; background: var(--c); filter: blur(22px); opacity: .3; z-index: -1; transition: opacity .3s; }
a.ccard:hover { transform: translateY(-3px); }
a.ccard:hover::after { opacity: .5; }
.cic { width: 46px; height: 46px; border-radius: 50%; background: var(--c); display: grid; place-items: center; color: #ffffff; margin-bottom: 18px; box-shadow: 0 8px 18px -8px var(--c); }
.cic svg { width: 21px; height: 21px; }
.ccard h3 { font-size: 20px; letter-spacing: -.015em; }
.ccard p { color: var(--text-2); font-size: 15.5px; line-height: 1.45; }
.ccard .more { margin-top: 4px; font-size: 14px; font-weight: 500; color: var(--blue-deep); display: inline-flex; gap: 4px; align-items: center; }
.ccard .more svg { width: 12px; height: 12px; }
@media (max-width: 1100px) { .cards { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) { .cards { grid-template-columns: 1fr; gap: 26px; } }
.cards.three { grid-template-columns: repeat(3, 1fr); max-width: 1160px; margin: 0 auto; }
.cards.four { grid-template-columns: repeat(4, 1fr); max-width: 1160px; margin: 0 auto; }
@media (max-width: 960px) { .cards.four { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .cards.three, .cards.four { grid-template-columns: 1fr; } }
.panel { border-radius: 24px; display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.stat { padding: 26px; display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; min-width: 0; }
.stat + .stat { border-left: 1px solid rgba(230,230,230,.9); }
.stat-k { display: flex; align-items: center; gap: 10px; font-size: 14.5px; min-height: 34px; }
.stat-k .ki { width: 30px; height: 30px; border-radius: 9px; background: var(--c); color: #ffffff; display: grid; place-items: center; flex: none; }
.stat-k .ki svg { width: 15px; height: 15px; }
.big { font-family: var(--head); font-size: clamp(42px, 4.6vw, 58px); font-weight: 500; letter-spacing: -.04em; line-height: 1; color: var(--ink); margin-top: 22px; font-variant-numeric: tabular-nums; }
.stat p { color: var(--text-2); font-size: 15.5px; }
.stat-v { border-top: 1px solid rgba(230,230,230,.9); padding-top: 20px; display: grid; gap: 10px; font-size: 13px; color: var(--text-3); min-height: 96px; align-content: start; }
.feed { display: grid; gap: 6px; }
.feed div { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: var(--text-2); }
.feed span.p { padding: 1px 8px; border-radius: 99px; background: var(--ok-bg); color: var(--ok); font-size: 11.5px; }
.bars { display: grid; grid-template-columns: 56px 1fr 46px; gap: 8px 10px; align-items: center; }
.bars .t { height: 8px; border-radius: 99px; background: rgba(18,18,18,.07); overflow: hidden; }
.bars .t span { display: block; height: 100%; border-radius: inherit; background: #c6c6c6; transform-origin: left; }
.bars .t span.b { background: linear-gradient(90deg, var(--blue-deep), var(--blue)); }
.bars .lab-k { color: var(--ink); font-weight: 500; }
.bars .r { text-align: right; color: var(--text-2); font-variant-numeric: tabular-nums; }
.blocks { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; }
.blocks i { aspect-ratio: 1; border-radius: 4px; background: var(--blue-deep); }
.blocks i.e { background: none; border: 1.5px dashed #f5a623; }
.mtl { position: relative; height: 22px; margin: 0 6px; }
.mtl::before { content: ""; position: absolute; left: 0; right: 0; top: 10px; height: 2px; background: rgba(18,18,18,.12); }
.mtl .fill { position: absolute; left: 0; top: 10px; height: 2px; width: 100%; background: var(--blue-deep); transform-origin: left; }
.mtl .tick { position: absolute; top: 6px; width: 2px; height: 10px; background: rgba(18,18,18,.2); }
.mtl .dot { position: absolute; top: 4px; left: 100%; width: 14px; height: 14px; margin-left: -7px; border-radius: 50%; background: var(--blue-deep); box-shadow: 0 0 0 4px rgba(255,255,255,0.075); }
.tl-labels { display: flex; justify-content: space-between; color: var(--text-2); }
.play .bars .t span { animation: grow 1.4s cubic-bezier(.2,.7,.2,1) both; }
.play .bars .t span.b { animation-delay: .35s; }
.play .blocks i { animation: pop .4s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--i) * 110ms); }
.play .mtl .fill { animation: grow 2.2s .2s cubic-bezier(.4,0,.2,1) both; }
.play .mtl .dot { animation: slide 2.2s .2s cubic-bezier(.4,0,.2,1) both; }
.play .feed div { animation: rise .5s both; animation-delay: calc(var(--i) * 260ms + .2s); }
@keyframes grow { from { transform: scaleX(0); } }
@keyframes pop { from { transform: scale(.2); opacity: 0; } }
@keyframes slide { from { left: 0; } }
@keyframes rise { from { transform: translateY(8px); opacity: 0; } }
@media (max-width: 980px) { .panel { grid-template-columns: 1fr 1fr; } .stat:nth-child(3) { border-left: 0; } .stat:nth-child(n+3) { border-top: 1px solid rgba(230,230,230,.9); } }
@media (max-width: 560px) { .panel { grid-template-columns: 1fr; } .stat + .stat { border-left: 0; border-top: 1px solid rgba(230,230,230,.9); } .big { margin-top: 10px; } }
.dark { background: var(--charcoal); color: #ebebeb; position: relative; overflow: hidden; }
.dark-grid { position: relative; max-width: 1160px; margin: 0 auto; border-left: 1px solid #383838; border-right: 1px solid #383838; display: grid; grid-template-columns: repeat(3, 1fr); }
.dark-grid > article { padding: 36px 40px 40px; display: grid; gap: 20px; align-content: start; border-left: 1px solid #383838; min-width: 0; }
.dark-grid > article:first-child { border-left: 0; }
.dark-grid .thumb { aspect-ratio: 16/9; border-radius: 8px; display: grid; place-items: center; overflow: hidden; position: relative; }
.dark-grid h3 { color: #ffffff; font-family: var(--body); font-weight: 400; font-size: 18px; letter-spacing: -.005em; line-height: 1.4; }
.hatch { height: 72px; max-width: 1160px; margin: 0 auto; border: 1px solid #383838; border-bottom: 0; background-image: repeating-linear-gradient(135deg, #2e2e2e 0 1px, transparent 1px 9px); }
.rail { position: absolute; left: max(var(--gl), calc(50% - 580px)); top: 0; bottom: 72px; width: 16px; background: linear-gradient(180deg, #3d8bff, #1d5fe0); z-index: 1; }
.dark-pad { padding-top: 56px; position: relative; }
@media (max-width: 900px) { .dark-grid { grid-template-columns: 1fr; } .dark-grid > article { border-left: 0; border-top: 1px solid #383838; padding: 30px var(--gr) 34px var(--gl); } .dark-grid > article:first-child { border-top: 0; } .rail { display: none; } }
.why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.wcol { border-radius: 24px; overflow: hidden; display: grid; grid-template-rows: 250px auto 1fr; min-width: 0; }
.wvis { position: relative; border-bottom: 1px solid rgba(230,230,230,.9); padding: 22px; display: grid; align-content: center; gap: 10px; overflow: hidden; }
.wcol h3 { font-size: 27px; padding: 22px 26px 6px; }
.wcol .lede { padding: 0 26px 22px; color: var(--text-2); font-size: 16px; }
.cmpbar { display: grid; gap: 8px; }
.cmpbar .row { display: grid; grid-template-columns: 1fr auto; gap: 4px; font-size: 13.5px; }
.cmpbar .row b { font-variant-numeric: tabular-nums; }
.cmpbar .bar { grid-column: 1 / -1; height: 12px; border-radius: 99px; background: rgba(18,18,18,.06); overflow: hidden; }
.cmpbar .bar span { display: block; height: 100%; border-radius: inherit; transform-origin: left; }
.cmpbar .bar span.g { background: #cbcbcb; }
.cmpbar .bar span.k { background: linear-gradient(90deg, var(--blue-deep), var(--blue)); }
.play .cmpbar .bar span { animation: grow 1.3s cubic-bezier(.2,.7,.2,1) both; }
.play .cmpbar .row:nth-child(2) .bar span { animation-delay: .2s; } .play .cmpbar .row:nth-child(3) .bar span { animation-delay: .4s; }
.saved { margin-top: 4px; display: flex; justify-content: space-between; align-items: baseline; padding: 10px 12px; border-radius: 12px; background: var(--ok-bg); color: var(--ok); font-weight: 600; font-size: 14px; }
.saved b { font-family: var(--head); font-size: 22px; letter-spacing: -.02em; }
.sortlist { display: grid; gap: 7px; }
.sortlist div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 8px 11px; border-radius: 10px; background: rgba(255,255,255,.75); border: 1px solid rgba(230,230,230,.9); font-size: 13.5px; }
.sortlist em { font-style: normal; font-size: 12px; padding: 2px 9px; border-radius: 99px; background: #f2f2f2; color: var(--text-3); }
.sortlist em.on { background: var(--ok-bg); color: var(--ok); }
.clock { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; }
.clock svg { width: 110px; height: 110px; }
.clock .ring { stroke-dasharray: 289; stroke-dashoffset: 30; transform: rotate(-90deg); transform-origin: 50% 50%; }
.play .clock .ring { animation: ring 1.8s cubic-bezier(.2,.7,.2,1) both; }
@keyframes ring { from { stroke-dashoffset: 289; } }
.clock .lab { display: grid; gap: 6px; font-size: 14px; color: var(--text-2); }
.clock .lab b { font-family: var(--head); font-size: 30px; color: var(--ink); letter-spacing: -.03em; font-weight: 500; }
@media (max-width: 960px) { .why { grid-template-columns: 1fr; } .wcol { grid-template-rows: auto auto 1fr; } }
.pipe { position: relative; max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.25fr 1fr; gap: 0; align-items: center; z-index: 1; }
.pnode { border-radius: 22px; padding: 20px; display: grid; gap: 8px; position: relative; z-index: 2; min-width: 0; }
.pnode h3 { font-size: 15px; font-family: var(--body); font-weight: 600; color: var(--text-2); letter-spacing: 0; margin-bottom: 4px; }
.pnode .pi { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 11px; background: rgba(255,255,255,.7); border: 1px solid rgba(230,230,230,.8); font-size: 14.5px; }
.pnode .pi svg { width: 16px; height: 16px; color: var(--blue-deep); flex: none; }
.pcore { border-radius: 28px; padding: 26px; display: grid; gap: 16px; position: relative; z-index: 2; margin: 0 26px; background: linear-gradient(160deg, rgba(21,68,201,.92), rgba(11,108,255,.88)); color: #ffffff; border: 1px solid rgba(255,255,255,.35); box-shadow: 0 30px 70px -26px rgba(21,68,201,.65); }
.pcore h3 { color: #ffffff; font-size: 26px; display: flex; gap: 10px; align-items: center; }
.pcore h3 .wordmark { height: 20px; filter: brightness(0) invert(1); }
.pstep { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; padding: 11px 12px; border-radius: 14px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 14.5px; }
.pstep b { display: block; font-weight: 600; }
.pstep small { color: rgba(255,255,255,.75); font-size: 13px; }
.pstep .n { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.2); display: grid; place-items: center; font-weight: 600; }
.pstep.lit { animation: lit 4.5s infinite; }
.pstep:nth-child(3).lit { animation-delay: 1.5s; } .pstep:nth-child(4).lit { animation-delay: 3s; }
@keyframes lit { 0%, 30%, 100% { background: rgba(255,255,255,.12); } 10%, 20% { background: rgba(255,255,255,.28); } }
.track { position: absolute; left: 6%; right: 6%; top: 50%; height: 2px; z-index: 1; background: repeating-linear-gradient(90deg, #c6c6c6 0 6px, transparent 6px 12px); }
.packet { position: absolute; top: -12px; left: 0; padding: 3px 10px; border-radius: 99px; background: #ffffff; border: 1px solid var(--line); box-shadow: var(--shadow); font-size: 12px; font-weight: 500; white-space: nowrap; animation: travel 6s linear infinite; }
.packet:nth-child(2) { animation-delay: -2s; } .packet:nth-child(3) { animation-delay: -4s; }
@keyframes travel { 0% { left: 0%; opacity: 0; } 8% { opacity: 1; } 92% { opacity: 1; } 100% { left: 92%; opacity: 0; } }
@media (max-width: 960px) { .pipe { grid-template-columns: 1fr; gap: 18px; } .pcore { margin: 0; } .track { left: 50%; right: auto; top: 4%; bottom: 4%; width: 2px; height: auto; background: repeating-linear-gradient(180deg, #c6c6c6 0 6px, transparent 6px 12px); } .packet { display: none; } }
.vault { position: relative; overflow: hidden; background: radial-gradient(120% 80% at 50% 0%, #1d2a55 0%, #141414 60%); color: #ebebeb; }
.vault .sec-head h2 { color: #ffffff; }
.vault .sec-head .sub { color: #b4b4b4; }
.vgrid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; grid-template-rows: auto auto; gap: 14px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.vcard { border-radius: 22px; padding: 24px; display: grid; gap: 10px; align-content: start; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(var(--blur)); -webkit-backdrop-filter: blur(var(--blur)); min-width: 0; }
.vcard h3 { color: #ffffff; font-size: 21px; }
.vcard p { color: #b4b4b4; font-size: 15px; }
.vcard .vi { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,0.08); color: #9cc2ff; }
.vcard .vi svg { width: 19px; height: 19px; }
.vbig { grid-row: span 2; display: grid; align-content: space-between; gap: 20px; }
.lockvis { display: grid; place-items: center; padding: 18px 0; }
.lockvis svg { width: 150px; height: 150px; }
.lockvis .orb { animation: orbit 14s linear infinite; transform-origin: 75px 75px; }
@keyframes orbit { to { transform: rotate(360deg); } }
.ro { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 14px; }
.ro span.b { font-size: 12px; padding: 2px 9px; border-radius: 99px; background: rgba(255,255,255,0.08); color: #7ef0a8; }
@media (max-width: 960px) { .vgrid { grid-template-columns: 1fr 1fr; } .vbig { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 600px) { .vgrid { grid-template-columns: 1fr; } }
.theater { position: relative; max-width: 1090px; margin: 0 auto; aspect-ratio: 1.9/1; border-radius: 18px; background: var(--charcoal); overflow: hidden; display: grid; place-items: center; text-align: center; min-height: 360px; }
.theater .hz { position: absolute; background-image: repeating-linear-gradient(135deg, #383838 0 1px, transparent 1px 7px); }
.theater .q { position: absolute; background: radial-gradient(circle at 100% 50%, #1b3fb8 0 18%, #2758d8 18% 36%, #3474e6 36% 56%, #4f93ef 56% 100%); }
.theater .q.b { background: radial-gradient(circle at 0% 100%, #1b3fb8 0 22%, #2758d8 22% 44%, #3474e6 44% 66%, #4f93ef 66% 100%); }
.theater .pt { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #ffffff; translate: -50% -50%; }
.theater-in { position: relative; z-index: 2; display: grid; gap: 24px; justify-items: center; padding: 30px; }
.theater h2 { color: #ffffff; font-size: clamp(28px, 4vw, 48px); max-width: 17ch; }
.frame-lines { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px); background-size: 25% 33.33%; }
@media (max-width: 600px) { .theater .q, .theater .hz, .theater .pt { display: none; } }
.burst { position: relative; overflow: hidden; padding-block: clamp(100px, 12vw, 170px); }
.burst canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.burst-in { position: relative; z-index: 2; display: grid; justify-items: center; text-align: center; gap: 18px; }
.burst-in h2 { font-size: clamp(34px, 4.8vw, 56px); }
.results { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 10px; }
.results span { display: inline-flex; align-items: center; gap: 9px; padding: 9px 15px 9px 9px; border-radius: 999px; font-size: 14.5px; font-weight: 500; animation: bob 5s ease-in-out infinite; }
.results span:nth-child(2) { animation-delay: -1.6s; } .results span:nth-child(3) { animation-delay: -3.2s; }
.results i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: #ffffff; }
.results i svg { width: 13px; height: 13px; }
@keyframes bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
footer { background: var(--night); color: #cdcdcd; padding-block: 60px 30px; }
.fgrid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 30px; }
.fgrid h4 { margin: 0 0 14px; color: #ffffff; font-size: 15px; font-weight: 600; }
.fgrid ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.fgrid a { color: #bcbcbc; font-size: 15px; display: inline-flex; min-height: 32px; align-items: center; }
.fgrid a:hover { color: #ffffff; }
.flog-links { display: flex; gap: 14px; margin-top: 16px; font-size: 14.5px; }
.flog-links a + a { padding-left: 14px; border-left: 1px solid #3f3f3f; }
.status { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 99px; background: #262626; border: 1px solid #383838; color: #ffffff; font-size: 14px; margin-top: 48px; }
.status i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.fbottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 22px; padding-top: 22px; border-top: 1px solid #303030; font-size: 14px; color: #939393; }
.fbottom nav { display: flex; gap: 20px; flex-wrap: wrap; }
@media (max-width: 900px) { .fgrid { grid-template-columns: 1fr 1fr; } .fgrid > div:first-child { grid-column: 1 / -1; } }
.phero { position: relative; overflow: hidden; padding-block: clamp(64px, 9vw, 110px) clamp(36px, 5vw, 60px); text-align: center; }
.phero .wav { position: absolute; inset: 0; pointer-events: none; }
.phero-in { position: relative; z-index: 2; display: grid; justify-items: center; gap: 18px; }
.phero h1 { font-size: clamp(38px, 6vw, 72px); letter-spacing: -.04em; max-width: 18ch; }
.chipline { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; font-size: 14px; font-weight: 500; }
.chipline i { width: 26px; height: 26px; border-radius: 50%; background: var(--c, var(--blue)); color: #ffffff; display: grid; place-items: center; }
.chipline i svg { width: 13px; height: 13px; }
.feat { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; padding-block: 52px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.feat + .feat { border-top: 1px solid var(--line); }
.feat.flip .fc { order: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--blue-deep); letter-spacing: .02em; }
.feat h2 { font-size: clamp(28px, 3.4vw, 44px); margin: 12px 0 14px; }
.feat .fc p { color: var(--text-2); font-size: 17px; }
.feat .fc p + p { margin-top: 10px; }
.ticks { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 10px; }
.ticks li { display: flex; gap: 10px; }
.ticks li svg { width: 18px; height: 18px; color: var(--blue-deep); flex: none; margin-top: 3px; }
.plan-tag { display: inline-block; margin-left: 6px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 99px; background: var(--blue-soft); color: var(--blue-deep); vertical-align: 2px; }
@media (max-width: 920px) { .feat { grid-template-columns: 1fr; gap: 26px; padding-block: 40px; } .feat.flip .fc { order: 0; } }
.shot { position: relative; border-radius: 22px; overflow: hidden; min-width: 0; }
.shot-h { padding: 14px 20px; border-bottom: 1px solid rgba(230,230,230,.9); font-size: 13.5px; color: var(--text-2); display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.shot-b { padding: 6px 0; }
.trow { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: center; padding: 12px 20px; font-size: 14.5px; }
.trow + .trow { border-top: 1px solid rgba(230,230,230,.7); }
.trow .m { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trow .m small { display: block; color: var(--text-3); font-size: 12.5px; white-space: normal; }
.amt { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.amt.in { color: var(--ok); }
.pill { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 99px; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.pill.ok { background: var(--ok-bg); color: var(--ok); }
.pill.ask { background: #f1f1f1; color: #9a5b00; }
.pill.info { background: var(--blue-soft); color: var(--blue-deep); }
.pill.gray { background: #f2f2f2; color: var(--text-2); }
.ex { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.btnrow { display: flex; gap: 8px; padding: 12px 20px 16px; flex-wrap: wrap; }
.btnrow span { display: inline-flex; align-items: center; height: 34px; padding: 0 14px; border-radius: 99px; font-size: 13.5px; font-weight: 500; border: 1px solid var(--line); background: #ffffff; }
.btnrow span.pri { background: var(--charcoal); color: #ffffff; border-color: var(--charcoal); }
@media (max-width: 480px) { .trow { grid-template-columns: 1fr auto; } .trow .pill { grid-column: 1 / -1; justify-self: start; } }
.chat { padding: 18px 20px; display: grid; gap: 12px; }
.q { justify-self: end; background: #f1f1f1; padding: 10px 14px; border-radius: 16px 16px 4px 16px; max-width: 86%; font-size: 15px; }
.a { background: var(--blue-soft); padding: 12px 14px; border-radius: 16px 16px 16px 4px; max-width: 92%; font-size: 15px; }
.a .card { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: #ffffff; border: 1px solid var(--line); display: flex; justify-content: space-between; gap: 10px; align-items: center; font-size: 14px; flex-wrap: wrap; }
.phone { width: 230px; max-width: 100%; aspect-ratio: 9/18.5; border-radius: 34px; background: #111111; padding: 9px; margin: 0 auto; box-shadow: 0 30px 60px -24px rgba(27,27,27,.5); position: relative; }
.phone .scr { position: relative; height: 100%; border-radius: 26px; overflow: hidden; background: linear-gradient(160deg, #414141, #222222); display: grid; place-items: center; }
.rcpt { width: 64%; background: #ffffff; border-radius: 6px; padding: 14px 12px; display: grid; gap: 6px; font-size: 10.5px; color: #333333; transform: rotate(-3deg); box-shadow: 0 10px 20px rgba(0,0,0,.4); }
.rcpt b { font-size: 12px; text-align: center; }
.rcpt div { display: flex; justify-content: space-between; }
.scan { position: absolute; left: 8%; right: 8%; height: 3px; border-radius: 3px; background: var(--green); box-shadow: 0 0 18px 4px rgba(30,215,96,.6); top: 20%; animation: scan 2.6s ease-in-out infinite alternate; }
@keyframes scan { to { top: 76%; } }
.corner { position: absolute; width: 26px; height: 26px; border: 3px solid #ffffff; }
.corner.a1 { left: 14%; top: 18%; border-right: 0; border-bottom: 0; border-radius: 8px 0 0 0; } .corner.a2 { right: 14%; top: 18%; border-left: 0; border-bottom: 0; border-radius: 0 8px 0 0; }
.corner.a3 { left: 14%; bottom: 18%; border-right: 0; border-top: 0; border-radius: 0 0 0 8px; } .corner.a4 { right: 14%; bottom: 18%; border-left: 0; border-top: 0; border-radius: 0 0 8px 0; }
.shutter { position: absolute; bottom: 4%; left: 50%; width: 46px; height: 46px; margin-left: -23px; border-radius: 50%; border: 4px solid #ffffff; background: rgba(255,255,255,.25); }
.matchpop { position: absolute; right: -24px; top: 24%; padding: 10px 12px; border-radius: 14px; font-size: 13px; display: grid; gap: 3px; width: 190px; animation: bob 5s ease-in-out infinite; }
@media (max-width: 520px) { .matchpop { right: 0; top: auto; bottom: -20px; } }
.fee { padding: 20px; display: grid; gap: 12px; }
.fee .opt { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.75); }
.fee .opt b { font-family: var(--head); font-size: 22px; font-weight: 500; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.fee .opt small { grid-column: 1 / -1; color: var(--text-3); font-size: 13px; }
.fee .you { display: flex; justify-content: space-between; padding: 12px 16px; border-radius: 12px; background: var(--ok-bg); color: var(--ok); font-weight: 600; }
.switch { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 500; }
.switch i { width: 38px; height: 22px; border-radius: 99px; background: var(--blue); position: relative; }
.switch i::after { content: ""; position: absolute; right: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #ffffff; }
.steps { display: grid; grid-template-columns: repeat(var(--n, 4), 1fr); gap: 12px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.step { border-radius: 20px; padding: 22px; display: grid; gap: 8px; align-content: start; position: relative; min-width: 0; }
.step .sn { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--charcoal); color: #ffffff; font-weight: 600; font-size: 14px; margin-bottom: 8px; }
.step h3 { font-size: 20px; }
.step p { color: var(--text-2); font-size: 15px; }
@media (max-width: 960px) { .steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .steps { grid-template-columns: 1fr; } }
.year { border-radius: 24px; padding: 28px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.yline { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.yline::before { content: ""; position: absolute; left: 4%; right: 4%; top: 19px; height: 2px; background: rgba(18,18,18,.1); }
.yline .yfill { position: absolute; left: 4%; right: 4%; top: 19px; height: 2px; background: linear-gradient(90deg, var(--blue-deep), var(--blue)); transform-origin: left; }
.play .yline .yfill { animation: grow 3s cubic-bezier(.4,0,.2,1) both; }
.ystop { position: relative; display: grid; gap: 6px; justify-items: center; text-align: center; }
.ystop .yd { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: #ffffff; border: 2px solid var(--blue-deep); color: var(--blue-deep); font-weight: 700; font-size: 13px; z-index: 1; }
.play .ystop .yd { animation: pop .5s both; animation-delay: calc(var(--i) * 550ms + .2s); }
.ystop b { font-size: 15px; } .ystop span { font-size: 13.5px; color: var(--text-2); }
@media (max-width: 760px) { .yline { grid-template-columns: 1fr; gap: 16px; } .yline::before, .yline .yfill { left: 19px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; } .yline .yfill { transform-origin: top; } .ystop { grid-template-columns: 40px 1fr; justify-items: start; text-align: left; column-gap: 14px; } .ystop .yd { grid-row: span 2; } }
.math { border-radius: 24px; overflow: hidden; max-width: 820px; margin: 0 auto; position: relative; z-index: 1; }
.math .mr { display: flex; justify-content: space-between; gap: 12px; padding: 16px 24px; font-size: 16px; }
.math .mr + .mr { border-top: 1px solid rgba(230,230,230,.9); }
.math .mr b { font-variant-numeric: tabular-nums; }
.math .mr.tot { background: rgba(255,255,255,.6); font-weight: 600; }
.math .mr.kept { background: var(--blue-deep); color: #ffffff; }
.math .mr.save { background: var(--ok-bg); color: var(--ok); font-weight: 700; font-size: 18px; }
.feel { max-width: 920px; margin: 0 auto; text-align: center; display: grid; gap: 18px; position: relative; z-index: 1; }
.feel blockquote { margin: 0; font-family: var(--head); font-size: clamp(26px, 3.4vw, 40px); line-height: 1.2; letter-spacing: -.02em; color: var(--ink); text-wrap: balance; }
.feel blockquote span { color: var(--blue-deep); }
.plans { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 900px; margin: 0 auto; }
.plan { position: relative; background: var(--charcoal); color: #ebebeb; border-radius: 12px; padding: 26px 26px 0; display: grid; gap: 14px; align-content: start; overflow: hidden; }
.plan .pic { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--c); margin-bottom: 6px; }
.plan .pic svg { width: 20px; height: 20px; color: #ffffff; }
.plan h3 { color: #ffffff; font-family: var(--body); font-weight: 500; font-size: 26px; letter-spacing: -.015em; }
.plan .pr { font-size: 16px; }
.plan .pr b { font-family: var(--head); font-weight: 500; font-size: 44px; color: #ffffff; letter-spacing: -.03em; margin-right: 4px; }
.plan hr { border: 0; border-top: 1px dashed #4f4f4f; margin: 4px 0; }
.plan ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; font-size: 15px; color: #cdcdcd; }
.plan li { display: flex; gap: 10px; }
.plan li svg { width: 16px; height: 16px; flex: none; margin-top: 3px; }
.plan li.lead { color: #ffffff; font-weight: 500; }
.plan .btn { width: 100%; margin-top: 10px; background: #ffffff; color: var(--ink); }
.plan .foot { height: 46px; margin: 18px -26px 0; border-top: 1px solid #383838; position: relative; }
.plan .foot::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 34%; border-left: 1px solid #383838; background-image: repeating-linear-gradient(135deg, #383838 0 1px, transparent 1px 7px); }
@media (max-width: 760px) { .plans { grid-template-columns: 1fr; } }
.cmp-wrap { max-width: 900px; margin: 0 auto; border-radius: 20px; overflow: hidden; position: relative; z-index: 1; }
.scrollx { overflow-x: auto; }
.cmp-t { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 460px; }
.cmp-t th { text-align: left; padding: 16px 18px; font-weight: 600; border-bottom: 1px solid rgba(230,230,230,.9); }
.cmp-t td { padding: 13px 18px; border-bottom: 1px solid rgba(230,230,230,.6); }
.cmp-t td + td, .cmp-t th + th { text-align: center; }
.cmp-t tr.grp td { background: rgba(255,255,255,.5); font-weight: 600; font-size: 12.5px; letter-spacing: .05em; text-transform: uppercase; color: var(--text-3); }
.cmp-t svg { width: 16px; height: 16px; color: var(--blue-deep); }
.faq { max-width: 900px; margin: 0 auto; display: grid; }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { list-style: none; cursor: pointer; padding: 20px 4px; font-size: 18px; font-weight: 500; display: flex; justify-content: space-between; gap: 16px; font-family: var(--head); min-height: 48px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary svg { width: 18px; height: 18px; flex: none; transition: transform .25s; margin-top: 4px; }
.faq details[open] summary svg { transform: rotate(180deg); }
.faq details p { padding: 0 4px 20px; color: var(--text-2); }
.tiers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 1000px; margin: 0 auto; position: relative; z-index: 1; }
.tier { border-radius: 20px; padding: 22px; text-align: center; display: grid; gap: 6px; }
.tier b { font-family: var(--head); font-size: 46px; font-weight: 500; letter-spacing: -.04em; color: var(--ink); line-height: 1; }
.tier span { color: var(--text-2); font-size: 14.5px; }
.tier.top { background: linear-gradient(160deg, rgba(21,68,201,.94), rgba(11,108,255,.9)); border-color: rgba(255,255,255,.4); }
.tier.top b, .tier.top span { color: #ffffff; }
@media (max-width: 760px) { .tiers { grid-template-columns: 1fr 1fr; } }
.cando { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 1000px; margin: 0 auto; position: relative; z-index: 1; }
.cando > div { border-radius: 22px; padding: 24px; }
.cando h3 { font-size: 22px; margin-bottom: 12px; }
.cando ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.cando li { display: flex; gap: 10px; color: var(--text); }
.cando li svg { width: 18px; height: 18px; flex: none; margin-top: 3px; color: var(--blue-deep); }
.cando .no li svg { color: var(--text-3); }
@media (max-width: 760px) { .cando { grid-template-columns: 1fr; } }
[data-page] { display: none; }
[data-page].on { display: block; }
.rv { transition: transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s; }
.rv.pre { transform: translateY(22px); opacity: .35; }
.preview { background: #f4f4f4; color: #7a5200; border-bottom: 1px solid #f3dfa8; font-size: 13px; text-align: center; padding: 7px var(--gr) 7px var(--gl); }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.scan, .matchpop, .results span, .lockvis .orb, .pstep.lit, .packet { animation: none !important; }
.packet { display: none; }
.rv, .rv.pre { transform: none !important; }
.rv { transition: opacity .6s; }
}
.clip { overflow: hidden; overflow: clip; }
.shotpad { position: relative; padding: 26px 10px; display: grid; place-items: center; }
.cardbar { height: 8px; border-radius: 99px; background: rgba(18,18,18,.07); overflow: hidden; margin: 6px 20px 14px; }
.cardbar span { display: block; height: 100%; width: 30%; border-radius: inherit; background: linear-gradient(90deg, var(--blue-deep), var(--blue)); transform-origin: left; }
.play .cardbar span { animation: grow 1.6s cubic-bezier(.2,.7,.2,1) both; }
.minichart { display: flex; align-items: flex-end; gap: 8px; height: 140px; padding: 16px 20px 6px; }
.minichart i { flex: 1; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, var(--blue), var(--blue-deep)); transform-origin: bottom; }
.minichart i.g { background: #d0d0d0; }
.play .minichart i { animation: up 1.2s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--i) * 80ms); }
@keyframes up { from { transform: scaleY(0); } }
.mlabels { display: flex; gap: 8px; padding: 0 20px 14px; font-size: 11.5px; color: var(--text-3); }
.mlabels span { flex: 1; text-align: center; }
.seg { display: inline-flex; padding: 3px; border-radius: 99px; background: rgba(18,18,18,.06); font-size: 12.5px; }
.seg span { padding: 3px 10px; border-radius: 99px; }
.seg span.on { background: #ffffff; box-shadow: 0 1px 2px rgba(27,27,27,.12); font-weight: 600; }
.bigline { padding: 18px 20px 6px; display: grid; gap: 2px; }
.bigline b { font-family: var(--head); font-size: 40px; font-weight: 500; letter-spacing: -.03em; color: var(--ink); line-height: 1.05; }
.bigline span { font-size: 13.5px; color: var(--text-2); }
.srcnote { font-size: 12.5px; color: var(--text-3); text-align: center; max-width: 720px; margin: 14px auto 0; }
.endcta { padding-block: clamp(70px, 9vw, 120px); }
.who-row { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 6px; }
.who-row a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px 0 6px; border-radius: 99px; font-size: 14.5px; font-weight: 500; }
.who-row a i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--c); color: #ffffff; }
.who-row a i svg { width: 14px; height: 14px; }
@media (max-width: 480px) { .shot-h { flex-wrap: wrap; } .bigline b { font-size: 32px; } .feat h2 { font-size: 28px; } .sec-head { margin-bottom: 30px; } }
[data-play]:not(.play) .bars .t span, [data-play]:not(.play) .mtl .fill, [data-play]:not(.play) .cmpbar .bar span, [data-play]:not(.play) .cardbar span { transform: scaleX(0); }
[data-play]:not(.play) .yline .yfill { transform: scaleX(0); }
[data-play]:not(.play) .minichart i { transform: scaleY(0); }
[data-play]:not(.play) .blocks i, [data-play]:not(.play) .ystop .yd, [data-play]:not(.play) .feed div { opacity: 0; }
[data-play]:not(.play) .mtl .dot { left: 0; }
[data-play]:not(.play) .clock .ring { stroke-dashoffset: 289; }
@media (max-width: 760px) { [data-play]:not(.play) .yline .yfill { transform: scaleY(0); } }
@media (max-width: 760px) { .play .yline .yfill { animation-name: growy; } }
@keyframes growy { from { transform: scaleY(0); } }
@media (max-width: 480px) {
.trow > span:empty { display: none; }
.cmp-t { min-width: 0; font-size: 13.5px; }
.cmp-t th, .cmp-t td { padding: 11px 10px; }
.trow { padding: 11px 16px; }
.shot-h, .btnrow { padding-left: 16px; padding-right: 16px; }
.wcol h3 { font-size: 24px; }
.math .mr { padding: 14px 16px; font-size: 15px; }
.math .mr.save { font-size: 16px; }
}
@media (max-width: 400px) {
.nav .wrap { gap: 12px; }
.nav .wordmark { height: 20px; }
.nav-right { gap: 8px; }
.nav-right .btn-sm { padding: 0 12px; }
.burger { padding: 0 12px; }
}
:root { --page: #ffffff; }
body { background: #ffffff; }
.hero { background: #ffffff; }
.glow { opacity: .32; filter: blur(80px); }
.glow.v, .glow.p, .glow.g, .glow.o { background: #a9c3ff; }
.glow.v { background: #c3c9ff; }
.di { background: #f3f3f3; color: var(--ink); }
.stat-k .ki { background: #f3f3f3; color: var(--ink); }
.chipline { padding: 6px 14px; color: var(--text-2); }
.chipline::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.made-row > a { gap: 0; }
.ccard.accent { border-top: 2px solid var(--blue); }
.ccard.accent::after { background: var(--blue); opacity: .18; }
.pi svg { display: none; }
.rv { transition: transform .9s cubic-bezier(.2,.7,.2,1), opacity .9s ease; }
.rv.pre { transform: translateY(26px); opacity: 0; }
.results span, .matchpop, .lockvis .orb { animation: none; }
.scan { animation-duration: 3.6s; }
.story { display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.ch { min-height: 560px; display: grid; align-content: center; gap: 14px; opacity: .3; transition: opacity .5s ease; }
.ch.on { opacity: 1; }
.ch .num { font-size: 13px; font-weight: 600; color: var(--blue-deep); letter-spacing: .04em; }
.ch h3 { font-size: clamp(28px, 3.2vw, 40px); }
.ch p { color: var(--text-2); font-size: 17px; max-width: 42ch; }
.ch .scene-m { display: none; }
.stage-col { position: relative; }
.stage { position: sticky; top: 96px; height: 520px; }
.stage .scene { position: absolute; inset: 0; opacity: 0; transform: translateY(18px) scale(.985); transition: opacity .6s ease, transform .7s cubic-bezier(.2,.7,.2,1); pointer-events: none; }
.stage .scene.on { opacity: 1; transform: none; }
.scene .shot { height: 100%; }
@media (max-width: 920px) {
.story { grid-template-columns: 1fr; gap: 0; }
.stage-col { display: none; }
.ch { min-height: 0; opacity: 1; padding-block: 26px; }
.ch .scene-m { display: block; margin-top: 10px; }
.ch .scene-m .shot { height: auto; }
}
.mess-in { position: relative; height: 420px; }
.scene-m .mess-in { height: 330px; }
.paper { position: absolute; background: #ffffff; border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 10px 24px -12px rgba(27,27,27,.25); padding: 12px; display: grid; gap: 7px; font-size: 11px; color: #555555; align-content: start; }
.paper b { font-size: 11.5px; letter-spacing: .04em; color: var(--ink); }
.paper i { display: block; height: 6px; border-radius: 3px; background: #ededed; }
.paper i.hl { background: #ffe39a; }
.paper span { justify-self: end; font-weight: 600; color: var(--ink); }
.paper.p1 { left: 5%; top: 7%; width: 50%; transform: rotate(-4deg); }
.paper.p2 { right: 7%; top: 5%; width: 32%; transform: rotate(5deg); }
.paper.p3 { left: 26%; top: 54%; width: 30%; transform: rotate(-7deg); }
.paper.p4 { right: 9%; top: 47%; width: 30%; transform: rotate(3deg); }
.sticky { position: absolute; left: 5%; bottom: 6%; background: #fff3b0; padding: 10px 12px; font-size: 13px; font-weight: 600; line-height: 1.35; transform: rotate(-3deg); box-shadow: 0 10px 20px -10px rgba(27,27,27,.35); color: #5c4a00; }
.scene .sortlist { padding: 14px 20px; }
.prog { display: grid; gap: 8px; padding: 6px 20px 18px; font-size: 13.5px; color: var(--text-2); }
.prog .cardbar { margin: 0; }
.ba { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.ba > div { border-radius: 24px; padding: 28px; display: grid; gap: 14px; align-content: start; }
.ba h3 { font-size: 24px; }
.ba .tag { font-size: 13px; font-weight: 600; color: var(--text-3); letter-spacing: .04em; }
.ba .after .tag { color: var(--blue-deep); }
.ba ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ba li { display: flex; gap: 10px; color: var(--text-2); }
.ba li::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; margin-top: 9px; background: #cbcbcb; }
.ba .after li::before { background: var(--blue); }
.ba .nums { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 6px; }
.ba .nums div { border-radius: 14px; padding: 14px 16px; background: rgba(18,18,18,.04); }
.ba .after .nums div { background: var(--blue-soft); }
.ba .nums b { display: block; font-family: var(--head); font-size: 32px; font-weight: 500; letter-spacing: -.03em; color: var(--ink); line-height: 1.1; font-variant-numeric: tabular-nums; }
.ba .nums span { font-size: 13px; color: var(--text-2); }
.ba .after { border-top: 2px solid var(--blue); }
@media (max-width: 860px) { .ba { grid-template-columns: 1fr; } }
.calc { max-width: 1160px; margin: 16px auto 0; border-radius: 24px; padding: 28px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 36px; position: relative; z-index: 1; }
.calc h3 { font-size: 24px; margin-bottom: 6px; }
.field { display: grid; gap: 8px; margin-top: 18px; }
.field label { display: flex; justify-content: space-between; gap: 10px; font-size: 15px; color: var(--text); }
.field label b { font-variant-numeric: tabular-nums; }
.field input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 28px; background: transparent; touch-action: pan-y; }
.field input[type=range]::-webkit-slider-runnable-track { height: 6px; border-radius: 99px; background: linear-gradient(90deg, var(--blue) var(--p, 50%), #e8e8e8 var(--p, 50%)); }
.field input[type=range]::-moz-range-track { height: 6px; border-radius: 99px; background: #e8e8e8; }
.field input[type=range]::-moz-range-progress { height: 6px; border-radius: 99px; background: var(--blue); }
.field input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%; background: #ffffff; border: 1px solid #d5d5d5; box-shadow: 0 2px 6px rgba(27,27,27,.2); margin-top: -9px; }
.field input[type=range]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: #ffffff; border: 1px solid #d5d5d5; box-shadow: 0 2px 6px rgba(27,27,27,.2); }
.seg-pick { display: inline-flex; padding: 4px; border-radius: 99px; background: rgba(18,18,18,.06); gap: 2px; }
.seg-pick button { border: 0; background: none; padding: 0 16px; min-height: 36px; border-radius: 99px; font: 500 14.5px var(--body); color: var(--text-2); cursor: pointer; }
.seg-pick button.on { background: #ffffff; color: var(--ink); box-shadow: 0 1px 3px rgba(27,27,27,.15); }
.calc-out { border-radius: 20px; padding: 24px; background: linear-gradient(160deg, rgba(21,68,201,.95), rgba(11,108,255,.9)); color: #ffffff; display: grid; gap: 16px; align-content: start; }
.calc-out .row { display: flex; justify-content: space-between; gap: 10px; font-size: 15px; color: rgba(255,255,255,.85); }
.calc-out .row b { color: #ffffff; font-variant-numeric: tabular-nums; }
.calc-out hr { border: 0; border-top: 1px solid rgba(255,255,255,.25); margin: 0; width: 100%; }
.calc-out .big2 { font-family: var(--head); font-size: clamp(38px, 4vw, 52px); font-weight: 500; letter-spacing: -.035em; line-height: 1; font-variant-numeric: tabular-nums; }
.calc-out small { color: rgba(255,255,255,.75); font-size: 13px; }
@media (max-width: 860px) { .calc { grid-template-columns: 1fr; padding: 22px; gap: 22px; } }
.founder { max-width: 900px; margin: 0 auto; border-radius: 24px; padding: clamp(26px, 4vw, 44px); display: grid; gap: 18px; position: relative; z-index: 1; }
.founder blockquote { margin: 0; font-family: var(--head); font-size: clamp(22px, 2.6vw, 30px); line-height: 1.3; letter-spacing: -.015em; color: var(--ink); }
.founder .who { display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--text-2); }
.founder .who b { color: var(--ink); display: block; }
.founder .av { width: 44px; height: 44px; border-radius: 50%; background: var(--charcoal); color: #ffffff; display: grid; place-items: center; font-weight: 600; }
.draftflag { font-size: 12px; color: #9a5b00; background: #f1f1f1; padding: 3px 10px; border-radius: 99px; justify-self: start; }
.trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; max-width: 1160px; margin: 0 auto 18px; border-radius: 22px; overflow: hidden; position: relative; z-index: 1; }
.trust > div { padding: 22px 24px; display: grid; gap: 6px; }
.trust > div + div { border-left: 1px solid rgba(230,230,230,.9); }
.trust b { font-family: var(--head); font-size: 19px; font-weight: 500; color: var(--ink); }
.trust span { color: var(--text-2); font-size: 15px; }
@media (max-width: 760px) { .trust { grid-template-columns: 1fr; } .trust > div + div { border-left: 0; border-top: 1px solid rgba(230,230,230,.9); } }
.ccard.accent h3 { margin-top: 4px; }
:root { --blue-deep: #0f8a3f; --blue-soft: #efefef; --kg: #1ed760; --kg2: #12b04e; --kgd: #0f7a3a; --kgrad: linear-gradient(90deg, #0f8a3f, #1ed760); }
.hero { padding-block: clamp(44px, 6vw, 84px) 24px; }
.guides { top: calc(-1 * clamp(44px, 6vw, 84px)); }
.arcbox { bottom: 30px; }
.made { margin-top: clamp(56px, 7vw, 90px); }
.made-row > a { display: grid; justify-items: start; text-align: left; gap: 4px; padding: 20px 22px; font-size: 18px; position: relative; }
.made-row > a small { font-family: var(--body); font-size: 14px; font-weight: 400; color: var(--text-2); letter-spacing: 0; line-height: 1.4; }
.made-row > a em { font-style: normal; font-family: var(--body); font-size: 13.5px; font-weight: 500; color: var(--kgd); margin-top: 6px; display: inline-flex; gap: 4px; align-items: center; }
.made-row > a em svg { width: 12px; height: 12px; color: var(--kgd); }
.made-row > a::before { content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 2px; background: var(--kgrad); transform: scaleX(0); transform-origin: left; transition: transform .4s ease; }
.made-row > a:hover::before { transform: none; }
@media (max-width: 760px) { .made-row > a { padding: 16px; font-size: 16px; } .made-row > a::before { left: 16px; right: 16px; } }
.ccard::after { display: none; }
.ccard { border-color: color-mix(in srgb, var(--c) 55%, #ffffff); border-width: 1.5px; }
.ccard.accent { border-color: var(--line); border-top: 2px solid var(--kg2); }
.bars .t span.b, .mtl .fill, .cmpbar .bar span.k, .cardbar span, .yline .yfill { background: var(--kgrad); }
.blocks i { background: var(--kg2); }
.mtl .dot { background: var(--kg2); box-shadow: 0 0 0 4px rgba(255,255,255,0.1); }
.minichart i { background: linear-gradient(180deg, #1ed760, #0f8a3f); }
.ticks li svg, .cando li svg, .cmp-t svg { color: var(--kg2); }
.chipline::before { background: var(--kg2); }
.pill.info { background: #f1f1f1; color: #343434; }
.bluelink { color: #6ee7a0; }
.tier.top { background: linear-gradient(160deg, #0f7a3a, #13b552); }
.calc-out { background: linear-gradient(160deg, #0f7a3a, #15a84d); }
.field input[type=range]::-webkit-slider-runnable-track { background: linear-gradient(90deg, var(--kg2) var(--p, 50%), #e8e8e8 var(--p, 50%)); }
.field input[type=range]::-moz-range-progress { background: var(--kg2); }
.ba .after { border-top-color: var(--kg2); }
.ba .after li::before { background: var(--kg2); }
.ba .nums b { font-size: clamp(40px, 4.6vw, 56px); }
.ba .nums b small { font-size: .5em; letter-spacing: 0; margin-left: 2px; }
.drop { background: rgba(255,255,255,.97); }
.drop .soon { grid-column: 1 / -1; margin-top: 4px; border-top: 1px solid var(--line); border-radius: 0 0 12px 12px; padding-top: 14px; }
.soon-tag { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: .04em; padding: 2px 8px; border-radius: 99px; background: #111111; color: #ffffff; vertical-align: 2px; margin-left: 6px; }
.theater h2 { max-width: 20ch; }
.theater .sub { color: #bfbfbf; max-width: 40ch; margin: 0 auto; }
.endpad { padding-block: clamp(40px, 6vw, 80px) clamp(60px, 8vw, 100px); }
.kchat { padding: 20px; display: grid; gap: 14px; align-content: start; min-height: 260px; }
.kchat .q { justify-self: end; background: #141414; color: #ffffff; padding: 10px 14px; border-radius: 18px 18px 4px 18px; max-width: 86%; font-size: 15px; }
.kchat .a { background: none; padding: 0; max-width: 100%; font-size: 15px; color: var(--text); display: grid; gap: 10px; }
.kchat .who { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-3); }
.kchat .who i { width: 20px; height: 20px; border-radius: 50%; background: #141414; display: grid; place-items: center; }
.kchat .who i::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--kg); }
.kchat .t:empty::after { content: "Thinking"; color: var(--text-3); }
.kchat .t.typing::after { content: ""; display: inline-block; width: 2px; height: 1em; background: var(--ink); vertical-align: -2px; margin-left: 2px; animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.kcard { border: 1px solid var(--line); background: #ffffff; border-radius: 14px; padding: 14px; display: grid; gap: 10px; box-shadow: 0 1px 2px rgba(27,27,27,.06); }
.kcard .kh { font-size: 11.5px; font-weight: 600; letter-spacing: .05em; color: var(--kgd); display: flex; gap: 6px; align-items: center; }
.kcard .kr { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.kcard .kr span:first-child { color: var(--text-3); }
.kcard .kb { display: flex; gap: 8px; flex-wrap: wrap; }
.kcard .kb span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 10px; font-size: 13.5px; font-weight: 500; border: 1px solid var(--line); }
.kcard .kb span.go { background: #141414; color: #ffffff; border-color: #141414; }
.kchat [data-step] { opacity: 0; transform: translateY(8px); transition: opacity .45s ease, transform .45s ease; }
.kchat [data-step].in { opacity: 1; transform: none; }
.swap { display: inline-grid; justify-items: end; }
.swap > * { grid-area: 1 / 1; transition: opacity .4s ease; }
.swap > :last-child { opacity: 0; }
.done .swap > :first-child { opacity: 0; }
.done .swap > :last-child { opacity: 1; }
.btnrow span.pri { transition: transform .2s, box-shadow .2s; }
.press .btnrow span.pri { transform: scale(.94); box-shadow: 0 0 0 4px rgba(30,215,96,.35); }
.link { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 18px 20px 6px; }
.link .node { display: grid; justify-items: center; gap: 6px; font-size: 12.5px; color: var(--text-2); }
.link .node b { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: #141414; color: #ffffff; font-size: 13px; }
.link .node b.k { background: #ffffff; border: 1px solid var(--line); }
.link .node b.k span { width: 30px; height: 7px; background: var(--wm) left center / contain no-repeat; display: block; }
.link .wire { position: relative; height: 2px; background: repeating-linear-gradient(90deg, #d0d0d0 0 6px, transparent 6px 11px); }
.link .wire i { position: absolute; top: -4px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--kg2); box-shadow: 0 0 10px rgba(30,215,96,.7); opacity: 0; }
.play .link .wire i { animation: flow 2.2s ease-in-out infinite; }
.play .link .wire i:nth-child(2) { animation-delay: .73s; } .play .link .wire i:nth-child(3) { animation-delay: 1.46s; }
@keyframes flow { 0% { left: 0; opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { left: calc(100% - 10px); opacity: 0; } }
.link .wire small { position: absolute; left: 50%; top: 10px; translate: -50% 0; white-space: nowrap; font-size: 11.5px; color: var(--text-3); }
.feedrows .trow { opacity: 0; transform: translateY(8px); }
.play .feedrows .trow { animation: rise .5s both; animation-delay: calc(var(--i) * 350ms + .6s); opacity: 1; transform: none; }
.sortcard .trow { grid-template-columns: 1fr 120px 96px; }
.sortcard .trow .pill { justify-self: center; min-width: 84px; justify-content: center; }
.sortcard .shot-h { padding-block: 16px; }
@media (max-width: 480px) { .sortcard .trow { grid-template-columns: 1fr 96px 80px; } .sortcard .trow .pill { grid-column: auto; justify-self: center; } }
.feeflip .switch i { transition: background .3s; }
.feeflip .switch i::after { transition: right .3s ease; }
.feeflip.off .switch i { background: #cbcbcb; }
.feeflip.off .switch i::after { right: 19px; }
.feeflip .vals { display: inline-grid; justify-items: end; }
.feeflip .vals > * { grid-area: 1 / 1; transition: opacity .35s; }
.feeflip .vals > :last-child { opacity: 0; }
.feeflip.off .vals > :first-child { opacity: 0; }
.feeflip.off .vals > :last-child { opacity: 1; }
.feeflip .you { transition: background .3s, color .3s; }
.feeflip.off .you { background: #f2f2f2; color: var(--text-2); }
.taxv .tq { display: grid; grid-template-columns: 56px 1fr 1fr auto; gap: 10px; align-items: center; padding: 12px 20px; font-size: 14.5px; border-top: 1px solid rgba(230,230,230,.8); }
.taxv .tq.h { border-top: 0; font-size: 12.5px; color: var(--text-3); padding-block: 10px; }
.taxv .tq b { font-weight: 600; }
.taxv .tq .amt { text-align: right; }
.taxv .pill.rec { background: #f2f2f2; color: #1544c9; }
.taxv .open { display: grid; gap: 0; max-height: 0; overflow: hidden; transition: max-height .8s ease; background: rgba(249,249,249,.8); }
.taxv.done .open { max-height: 320px; }
.taxv .open .r { display: flex; justify-content: space-between; padding: 8px 20px; font-size: 14px; color: var(--text-2); }
.taxv .open .r b { color: var(--ink); font-weight: 500; font-variant-numeric: tabular-nums; }
.taxv .open .r.tot { border-top: 1px solid var(--line); color: var(--ink); font-weight: 600; }
@media (max-width: 480px) { .taxv .tq { grid-template-columns: 34px 1fr auto; } .taxv .tq .per { display: none; } }
.iphone { width: 250px; max-width: 100%; aspect-ratio: 71.5 / 147; border-radius: 46px; padding: 11px; margin: 0 auto; position: relative;
background: linear-gradient(145deg, #4e4e4e, #1d1d1d 40%, #3d3d3d 70%, #191919);
box-shadow: inset 0 0 0 1.5px #6f6f6f, inset 0 0 0 3px #111111, 0 40px 70px -30px rgba(27,27,27,.55), 0 12px 24px -12px rgba(27,27,27,.35); }
.iphone::before, .iphone::after { content: ""; position: absolute; width: 3px; border-radius: 2px; background: #2c2c2c; }
.iphone::before { left: -3px; top: 22%; height: 9%; box-shadow: 0 60px 0 #2c2c2c; }
.iphone::after { right: -3px; top: 30%; height: 14%; }
.iphone .scr { position: relative; height: 100%; border-radius: 36px; overflow: hidden; background: radial-gradient(120% 70% at 50% 35%, #595959 0%, #313131 55%, #1d1d1d 100%); display: grid; place-items: center; }
.iphone .island { position: absolute; top: 10px; left: 50%; translate: -50% 0; width: 82px; height: 24px; border-radius: 14px; background: #000000; z-index: 3; }
.iphone .bar { position: absolute; top: 0; left: 0; right: 0; height: 44px; display: flex; justify-content: space-between; align-items: center; padding: 0 22px; color: #ffffff; font-size: 12px; font-weight: 600; z-index: 2; }
.iphone .cambar { position: absolute; bottom: 0; left: 0; right: 0; height: 22%; background: rgba(0,0,0,.55); display: grid; place-items: center; }
.iphone .cambar .shutter2 { width: 54px; height: 54px; border-radius: 50%; border: 4px solid #ffffff; background: rgba(255,255,255,.9); box-shadow: inset 0 0 0 3px #000000; }
.iphone .cambar small { position: absolute; top: 8px; left: 0; right: 0; text-align: center; color: #ffd60a; font-size: 10.5px; letter-spacing: .08em; font-weight: 600; }
.iphone .rcpt { margin-top: -18%; }
.iphone .scan { background: var(--kg); }
.iphone .corner { border-color: #ffd60a; }
.iphone .matchpop { right: -44px; top: 30%; }
@media (max-width: 520px) { .iphone .matchpop { right: -6px; top: auto; bottom: 26%; } }
.canvas { padding: 20px; display: grid; gap: 14px; }
.canvas .ttl { font-family: var(--head); font-size: 22px; color: var(--ink); letter-spacing: -.02em; }
.canvas .kp { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.canvas .kp div { border-radius: 12px; background: rgba(18,18,18,.04); padding: 10px 12px; display: grid; gap: 2px; }
.canvas .kp b { font-family: var(--head); font-size: 20px; font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }
.canvas .kp span { font-size: 12px; color: var(--text-3); }
.canvas svg { width: 100%; height: 130px; }
.canvas .ln { fill: none; stroke: var(--kg2); stroke-width: 2.5; stroke-dasharray: 600; stroke-dashoffset: 600; }
.canvas .ln2 { fill: none; stroke: #c1c1c1; stroke-width: 2; stroke-dasharray: 4 5; }
.play .canvas .ln { animation: drawln 2s .4s ease forwards; }
@keyframes drawln { to { stroke-dashoffset: 0; } }
@media (max-width: 480px) { .canvas .kp { grid-template-columns: 1fr 1fr; } }
.youkept { display: grid; grid-template-columns: 1fr 1.4fr; gap: 16px; max-width: 1060px; margin: 0 auto; position: relative; z-index: 1; }
.youkept > div { border-radius: 24px; padding: 28px; display: grid; gap: 14px; align-content: start; }
.youkept h3 { font-size: 26px; }
.youkept ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; counter-reset: s; }
.youkept ol li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; font-size: 17px; }
.youkept ol li::before { counter-increment: s; content: counter(s); width: 34px; height: 34px; border-radius: 50%; background: #141414; color: #ffffff; display: grid; place-items: center; font-weight: 600; font-size: 14px; }
.youkept .kept { border-top: 2px solid var(--kg2); }
.youkept .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.youkept .grid2 span { display: flex; gap: 8px; font-size: 16px; align-items: flex-start; }
.youkept .grid2 svg { width: 18px; height: 18px; color: var(--kg2); flex: none; margin-top: 3px; }
@media (max-width: 860px) { .youkept { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .youkept .grid2 { grid-template-columns: 1fr; } }
.soonband { max-width: 1160px; margin: 0 auto; border-radius: 26px; padding: clamp(24px, 4vw, 44px); display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; position: relative; z-index: 1; }
.soonband h2 { font-size: clamp(28px, 3.4vw, 42px); margin: 10px 0 12px; }
.soonband p { color: var(--text-2); font-size: 17px; }
.apps { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.apps span { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 99px; border: 1px solid var(--line); background: #ffffff; font-weight: 500; font-size: 14.5px; }
.apps span i { width: 10px; height: 10px; border-radius: 50%; background: #111111; }
.apps span.c i { background: #d97757; }
.twoway { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.twoway div { border-radius: 16px; padding: 16px; background: rgba(18,18,18,.04); display: grid; gap: 4px; }
.twoway b { font-size: 15.5px; } .twoway span { font-size: 14px; color: var(--text-2); }
@media (max-width: 860px) { .soonband { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .twoway { grid-template-columns: 1fr; } }
.kchat { background: #1e1e1e; border-color: #2f2f2f; color: #ebebeb; }
.kchat .q { background: #2f2f2f; color: #f3f3f3; border-radius: 999px; padding: 10px 18px; max-width: 92%; }
.kchat .a { color: #ebebeb; }
.kchat .who { color: #a2a2a2; }
.kchat .t.typing::after { background: #ffffff; }
.kc { border: 1px solid #e5e5e5; background: #ffffff; border-radius: 18px; padding: 18px 20px; display: grid; gap: 12px; font-size: 15px; color: #181818; }
.kc-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; color: #717171; }
.kc-h .wordmark { height: 17px; }
.kc-sub { font-size: 13.5px; color: #717171; margin-top: -4px; }
.kc-ttl { font-weight: 600; font-size: 16.5px; }
.kc-who { display: flex; align-items: center; gap: 12px; }
.kc-who i { width: 40px; height: 40px; border-radius: 50%; background: #f1f1f1; display: grid; place-items: center; font-style: normal; font-weight: 600; }
.kc-who small { display: block; color: #717171; font-size: 13px; }
.kc hr { border: 0; border-top: 1px solid #eaeaea; margin: 2px 0; width: 100%; }
.kc-r { display: flex; justify-content: space-between; gap: 10px; }
.kc-r.m span:first-child { color: #717171; }
.kc-r.red span:last-child { color: #c0392b; font-weight: 600; }
.kc-tot { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-weight: 600; }
.kc-tot b { font-size: 26px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kc-b { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kc-b.one { grid-template-columns: 1fr; }
.kc-b span { display: grid; place-items: center; min-height: 44px; border-radius: 999px; border: 1px solid #dcdcdc; font-weight: 600; font-size: 14.5px; }
.kc-b span.go { background: #161616; color: #ffffff; border-color: #161616; }
.kc-chip { justify-self: start; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e5e5e5; border-radius: 999px; padding: 5px 6px 5px 14px; font-size: 14px; font-weight: 500; }
.kc-chip b { width: 24px; height: 24px; border-radius: 50%; background: #161616; color: #ffffff; display: grid; place-items: center; font-size: 12px; }
.kc .pill.ok { justify-self: start; }
.kc-note { font-size: 13px; color: #717171; }
.kchat .kc { background: #212121; border-color: #373737; color: #f3f3f3; }
.kchat .kc .wordmark { filter: brightness(0) invert(1); }
.kchat .kc-h, .kchat .kc-sub, .kchat .kc-r.m span:first-child, .kchat .kc-who small, .kchat .kc-note { color: #a2a2a2; }
.kchat .kc-who i { background: #2f2f2f; color: #ffffff; }
.kchat .kc hr { border-top-color: #373737; }
.kchat .kc-b span { border-color: #3d3d3d; color: #f3f3f3; }
.kchat .kc-b span.go { background: #f3f3f3; color: #161616; border-color: #f3f3f3; }
.kchat .kc-chip { border-color: #3d3d3d; }
.kchat .kc-chip b { background: #f3f3f3; color: #161616; }
.kchat .kc .pill.ok { background: rgba(255,255,255,0.075); color: #7ef0a8; }
.kchat .kc-r.red span:last-child { color: #ff8a80; }
.conn { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 18px; }
.tile { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; box-shadow: 0 10px 24px -12px rgba(27,27,27,.4); position: relative; }
.tile.kept { background: #34c759; color: #ffffff; font: 700 21px var(--head); letter-spacing: -.03em; }
.tile.app { background: #d97757; overflow: hidden; }
.tile.app > * { position: absolute; transition: opacity .5s, transform .5s; }
.tile.app .gpt { opacity: 0; transform: scale(.7); }
.conn.gpt .tile.app { background: #ffffff; border: 1px solid var(--line); }
.conn.gpt .tile.app .cl { opacity: 0; transform: scale(.7); }
.conn.gpt .tile.app .gpt { opacity: 1; transform: none; }
.tile.app svg { width: 34px; height: 34px; }
.cdots { display: flex; gap: 6px; }
.cdots i { width: 7px; height: 7px; border-radius: 50%; background: #cbcbcb; }
.play .cdots i { animation: dot 1.4s ease-in-out infinite; }
.play .cdots i:nth-child(2) { animation-delay: .2s; } .play .cdots i:nth-child(3) { animation-delay: .4s; }
@keyframes dot { 0%, 100% { background: #cbcbcb; transform: none; } 40% { background: var(--kg2); transform: translateY(-3px); } }
.stagechat { position: relative; min-height: 470px; border-radius: 24px; padding: 22px; display: grid; align-content: start; gap: 14px; background: #ffffff; border: 1px solid var(--line); box-shadow: var(--shadow); }
.stagechat .q2 { justify-self: end; background: #f0f0f0; border-radius: 999px; padding: 10px 18px; font-size: 15px; max-width: 92%; min-height: 42px; }
.stagechat .q2 .t.typing::after { content: ""; display: inline-block; width: 2px; height: 1em; background: var(--ink); vertical-align: -2px; margin-left: 2px; animation: blink 1s steps(1) infinite; }
.stagechat .kc { opacity: 0; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease; }
.stagechat .kc.in { opacity: 1; transform: none; }
.stagechat .kc > * { opacity: 0; transition: opacity .35s ease; }
.stagechat .kc.in > * { opacity: 1; }
.stagechat .kc.in > *:nth-child(2) { transition-delay: .12s; } .stagechat .kc.in > *:nth-child(3) { transition-delay: .24s; } .stagechat .kc.in > *:nth-child(4) { transition-delay: .36s; } .stagechat .kc.in > *:nth-child(5) { transition-delay: .48s; } .stagechat .kc.in > *:nth-child(6) { transition-delay: .6s; } .stagechat .kc.in > *:nth-child(7) { transition-delay: .72s; } .stagechat .kc.in > *:nth-child(n+8) { transition-delay: .84s; }
.cardsrc { display: none; }
.kc-b span.go { transition: transform .2s, box-shadow .2s; }
.press .kc-b span.go { transform: scale(.95); box-shadow: 0 0 0 4px rgba(30,215,96,.4); }
.kchat .canvas .ln { animation: none; }
.kchat .kc.in.canvas .ln { animation: drawln 2s .3s ease forwards; }
.kchat .canvas .kp div { background: rgba(255,255,255,.06); }
.kchat .canvas .kp b { color: #ffffff; }
.kchat .canvas .kp span { color: #a2a2a2; }
.kchat .canvas .ln2 { stroke: #5b5b5b; }
.soonband { text-decoration: none; color: inherit; }
.soonband .tile { width: 72px; height: 72px; }
:root { --kg: #1ED760; --kg2: #1ED760; --kgd: #0b8f3d; --blue-deep: #0b8f3d; --kgrad: linear-gradient(90deg, #17c257, #1ED760); }
.bars .t span.b, .mtl .fill, .cmpbar .bar span.k, .cardbar span, .yline .yfill { background: var(--kgrad); }
.blocks i, .mtl .dot { background: #1ED760; }
.minichart i { background: linear-gradient(180deg, #1ED760, #17c257); }
.ccard.accent { border-top-color: #1ED760; }
.ba .after { border-top-color: #1ED760; }
.youkept .kept { border-top-color: #1ED760; }
.tier.top { background: #1ED760; border-color: #1ED760; }
.tier.top b, .tier.top span { color: #121212; }
.calc-out { background: #1ED760; color: #121212; }
.calc-out .row, .calc-out small { color: rgba(18,18,18,.75); }
.calc-out .row b { color: #121212; }
.calc-out hr { border-top-color: rgba(18,18,18,.2); }
.btn-green { background: #1ED760; color: #121212; font-weight: 600; }
.btn-green:hover { background: #19c455; box-shadow: 0 8px 24px -8px rgba(30,215,96,.6); }
.theater .q { background: radial-gradient(circle at 100% 50%, #0e9f46 0 18%, #16b852 18% 36%, #1ED760 36% 56%, #6fe9a3 56% 100%); }
.theater .q.b { background: radial-gradient(circle at 0% 100%, #0e9f46 0 22%, #16b852 22% 44%, #1ED760 44% 66%, #6fe9a3 66% 100%); }
.theater .btn { background: #1ED760; color: #121212; font-weight: 600; }
.theater .btn:hover { background: #19c455; }
.plan .pic { display: none; }
.faq summary { cursor: pointer; }
.appicon { width: 64px; height: 64px; border-radius: 15px; display: block; box-shadow: 0 10px 24px -12px rgba(27,27,27,.45), 0 0 0 1px rgba(18,18,18,.06); background: #ffffff; object-fit: cover; }
.appicon.sm { width: 26px; height: 26px; border-radius: 7px; box-shadow: 0 0 0 1px rgba(18,18,18,.08); }
.conn3 { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 auto 22px; }
.conn3 .cdots i { background: #cbcbcb; }
.conn3.play .cdots i { animation: dot 1.2s ease-in-out infinite; }
.conn3 .cdots.r i:nth-child(1) { animation-delay: .4s; } .conn3 .cdots.r i:nth-child(3) { animation-delay: 0s; }
.conn3 .cdots i:nth-child(2) { animation-delay: .2s; } .conn3 .cdots i:nth-child(3) { animation-delay: .4s; }
@keyframes dot { 0%, 100% { background: #cbcbcb; transform: none; } 40% { background: #1ED760; transform: translateY(-3px); } }
.conn3 .appicon.kept { width: 76px; height: 76px; border-radius: 18px; }
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1160px; margin: 0 auto; position: relative; z-index: 1; }
.appwin { border-radius: 22px; overflow: hidden; border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; grid-template-rows: auto 1fr; min-width: 0; }
.appwin.gpt { background: #ffffff; }
.appwin.cl { background: #f8f8f8; }
.appwin .ah { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid rgba(18,18,18,.07); font-weight: 600; font-size: 15px; }
.appwin .ah .con { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; color: var(--text-2); border: 1px solid var(--line); background: #ffffff; border-radius: 99px; padding: 3px 10px 3px 4px; }
.appwin .ah .con img { width: 18px; height: 18px; border-radius: 5px; }
.appwin .body { padding: 18px; display: grid; gap: 12px; align-content: start; min-height: 470px; }
.appwin .q2 { justify-self: end; background: #f0f0f0; border-radius: 999px; padding: 9px 16px; font-size: 14.5px; max-width: 94%; min-height: 40px; }
.appwin.cl .q2 { background: #eaeaea; }
.appwin .q2 .t.typing::after { content: ""; display: inline-block; width: 2px; height: 1em; background: var(--ink); vertical-align: -2px; margin-left: 2px; animation: blink 1s steps(1) infinite; }
.appwin .kc { opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .4s ease; font-size: 14.5px; padding: 16px 18px; }
.appwin .kc.in { opacity: 1; transform: none; }
.appwin .kc > * { opacity: 0; transition: opacity .3s ease; }
.appwin .kc.in > * { opacity: 1; }
.appwin .kc.in > *:nth-child(2) { transition-delay: .08s; } .appwin .kc.in > *:nth-child(3) { transition-delay: .16s; } .appwin .kc.in > *:nth-child(4) { transition-delay: .24s; } .appwin .kc.in > *:nth-child(5) { transition-delay: .32s; } .appwin .kc.in > *:nth-child(6) { transition-delay: .4s; } .appwin .kc.in > *:nth-child(n+7) { transition-delay: .48s; }
.appwin .kc-tot b { font-size: 22px; }
@media (max-width: 900px) { .duo { grid-template-columns: 1fr; } .appwin .body { min-height: 430px; } }
html { overflow-x: hidden; overflow-x: clip; }
main, footer { overflow-x: clip; }
@media (max-width: 760px) {
.glow { width: 70vw !important; height: 240px !important; left: 15vw !important; right: auto !important; }
}
:root { --blue: #17c257; --blue-soft: #efefef; }
.btn-blue { background: #1ED760; color: #121212; font-weight: 600; }
.btn-blue:hover { background: #19c455; box-shadow: 0 8px 24px -8px rgba(30,215,96,.6); }
.glass { box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 20px 50px -24px rgba(27,27,27,.16); }
.glow, .glow.b, .glow.v, .glow.p, .glow.o, .glow.g { background: #a5efc3; }
.glow { opacity: .26; }
.made-row { grid-template-columns: repeat(5, 1fr); }
.made-row > a em, .made-row > a em svg { color: #1ED760; }
.made-row > a em { font-weight: 600; }
@media (max-width: 1060px) and (min-width: 761px) { .made-row > a { padding: 18px 14px; font-size: 16px; } .made-row > a small { font-size: 13px; } }
@media (max-width: 760px) { .made-row { grid-template-columns: 1fr 1fr; } .made-row > a:nth-child(5) { grid-column: 1 / -1; border-left: 0; } }
.cic { width: auto; height: auto; border-radius: 0; background: none; box-shadow: none; color: var(--c); display: block; margin-bottom: 6px; }
.cic svg { width: 30px; height: 30px; }
.bizband { display: flex; align-items: center; gap: 18px; margin: 22px auto 0; max-width: 1160px; padding: 18px 22px; border-radius: 18px; position: relative; z-index: 1; transition: transform .3s; }
a.bizband:hover { transform: translateY(-2px); }
.bizstack { display: flex; flex: none; }
.bizstack i, .bd-pick i { font-style: normal; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #ffffff; font-weight: 700; font-size: 14px; background: var(--b); box-shadow: 0 0 0 2px #ffffff; }
.bizstack i + i { margin-left: -8px; }
.bizband .bt { display: grid; gap: 2px; flex: 1; min-width: 0; }
.bizband .bt b { font-family: var(--head); font-weight: 500; font-size: 19px; letter-spacing: -.01em; }
.bizband .bt small { color: var(--text-2); font-size: 14.5px; }
.bizband .more { font-size: 14px; font-weight: 600; color: #1ED760; display: inline-flex; gap: 4px; align-items: center; flex: none; }
.bizband .more svg { width: 12px; height: 12px; }
@media (max-width: 560px) { .bizband { flex-wrap: wrap; } .bizband .more { width: 100%; } }
.storycard { position: relative; z-index: 1; max-width: 1220px; margin: 0 auto; border-radius: 32px; padding: clamp(18px, 4vw, 48px);
background: rgba(255,255,255,.55); border: 1px solid rgba(255,255,255,.95);
backdrop-filter: blur(28px) saturate(1.8); -webkit-backdrop-filter: blur(28px) saturate(1.8);
box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 1px rgba(18,18,18,.05), 0 30px 70px -30px rgba(27,27,27,.22); }
.calc-out { background: linear-gradient(160deg, #1ED760, #12b04e); color: #ffffff; }
.calc-out .row, .calc-out small { color: rgba(255,255,255,.9); }
.calc-out .row b, .calc-out .big2 { color: #ffffff; }
.calc-out hr { border-top-color: rgba(255,255,255,.35); }
.arcbox { will-change: transform; }
.arcbox .dome { transform-origin: 50% 50%; }
.faq details > p { overflow: hidden; }
.syncviz { display: grid; grid-template-columns: 270px 90px minmax(0, 1fr); align-items: center; max-width: 1060px; margin: 0 auto; position: relative; z-index: 1; }
.sv-phone { position: relative; border-radius: 40px; border: 9px solid #171717; background: #ffffff; height: 470px; display: grid; grid-template-rows: auto auto 1fr; overflow: hidden; box-shadow: 0 30px 60px -28px rgba(27,27,27,.45); }
.sv-notch { width: 86px; height: 22px; border-radius: 0 0 14px 14px; background: #171717; margin: 0 auto; }
.sv-ph { display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-weight: 600; font-size: 14px; border-bottom: 1px solid rgba(18,18,18,.07); }
.sv-pb { padding: 14px 12px; display: grid; gap: 12px; align-content: start; }
.sv-q { justify-self: end; background: #f0f0f0; border-radius: 18px; padding: 9px 13px; font-size: 13.5px; max-width: 92%; }
.sv-card { padding: 14px; font-size: 13.5px; gap: 9px; border-radius: 16px; }
.sv-card .kc-h .wordmark { height: 14px; }
.sv-card .kc-b span { min-height: 38px; font-size: 13px; }
.sv-swap { display: grid; }
.sv-swap > * { grid-area: 1 / 1; }
.sv-a { opacity: 0; }
.sv-sent { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 38px; border-radius: 999px; background: #efefef; color: #0b8f3d; font-weight: 600; font-size: 13px; }
.sv-sent svg { width: 15px; height: 15px; }
.sv-cap { position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; font-size: 12.5px; font-weight: 600; color: var(--text-3); letter-spacing: .04em; text-transform: uppercase; }
.sv-link { display: flex; justify-content: center; gap: 8px; }
.sv-link i { width: 8px; height: 8px; border-radius: 50%; background: #dbdbdb; }
.sv-desk { position: relative; border-radius: 18px; background: #ffffff; border: 1px solid var(--line); box-shadow: 0 30px 60px -30px rgba(27,27,27,.35); overflow: hidden; padding-bottom: 40px; min-width: 0; }
.sv-dh { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: #fafafa; }
.sv-dh .wordmark { height: 16px; }
.sv-lights { display: flex; gap: 6px; } .sv-lights i { width: 10px; height: 10px; border-radius: 50%; background: #e5e5e5; }
.sv-tab { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--text-2); }
.sv-db { padding: 16px; display: grid; gap: 14px; }
.sv-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.sv-tiles > div { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; display: grid; gap: 4px; }
.sv-tiles small { font-size: 12.5px; color: var(--text-2); }
.sv-tiles b { font-family: var(--head); font-size: clamp(20px, 2.4vw, 26px); font-weight: 500; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.sv-rows { display: grid; }
.sv-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 9px 6px; border-top: 1px solid var(--line); font-size: 14px; overflow: hidden; border-radius: 8px; }
.sv-row:first-child { border-top: 0; }
.sv-row small { display: block; font-size: 12.5px; color: var(--text-2); }
.sv-row .amt { font-variant-numeric: tabular-nums; font-weight: 500; }
.sv-ticks { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; margin: 34px auto 0; max-width: 980px; }
@keyframes svIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes svOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(-6px); } }
@keyframes svPress { 0%, 100% { transform: none; } 50% { transform: scale(.93); filter: brightness(.75); } }
@keyframes svDot { 0%, 100% { background: #dbdbdb; transform: none; } 45% { background: #1ED760; transform: scale(1.5); } }
@keyframes svRow { 0% { max-height: 0; opacity: 0; padding-block: 0; background: rgba(255,255,255,0.1); } 25% { max-height: 70px; opacity: 1; padding-block: 9px; background: rgba(255,255,255,0.1); } 100% { max-height: 70px; opacity: 1; padding-block: 9px; background: rgba(255,255,255,0.0); } }
.syncviz.play .sv-q { animation: svIn .45s ease .2s both; }
.syncviz.play .sv-card { animation: svIn .5s ease 1s both; }
.syncviz.play .sv-card .go { animation: svPress .35s ease 2.2s both; }
.syncviz.play .sv-card .sv-a { opacity: 1; animation: svOut .3s ease 2.6s both; }
.syncviz.play .sv-card .sv-b { animation: svIn .35s ease 2.75s both; }
.syncviz.play .sv-link i { animation: svDot .5s ease both; }
.syncviz.play .sv-link i:nth-child(1) { animation-delay: 2.9s; } .syncviz.play .sv-link i:nth-child(2) { animation-delay: 3.02s; } .syncviz.play .sv-link i:nth-child(3) { animation-delay: 3.14s; } .syncviz.play .sv-link i:nth-child(4) { animation-delay: 3.26s; } .syncviz.play .sv-link i:nth-child(5) { animation-delay: 3.38s; }
.syncviz.play .sv-new { animation: svRow 2.8s ease 3.6s both; }
.syncviz.play .sv-tiles .sv-a { opacity: 1; animation: svOut .3s ease 3.9s both; }
.syncviz.play .sv-tiles .sv-b { animation: svIn .35s ease 4.05s both; }
@media (max-width: 860px) {
.syncviz { grid-template-columns: minmax(0, 1fr); justify-items: center; }
.sv-phone { width: min(280px, 100%); height: 440px; }
.sv-link { flex-direction: column; padding: 14px 0; }
.sv-desk { width: 100%; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .syncviz.play * { animation: none !important; } .syncviz .sv-a { opacity: 0 !important; } }
.bizdemo { border-radius: 22px; overflow: visible; position: relative; min-width: 0; }
.bd-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid rgba(18,18,18,.07); position: relative; z-index: 2; }
.bd-h .wordmark { height: 17px; flex: none; }
.bd-pick { position: relative; min-width: 0; }
.bd-cur { display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px 5px 5px; border-radius: 999px; border: 1px solid var(--line); background: #ffffff; font-weight: 600; font-size: 14px; transition: box-shadow .2s; max-width: 100%; }
.bd-cur > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-cur svg { width: 12px; height: 12px; flex: none; }
.bd-pick i { width: 26px; height: 26px; border-radius: 8px; font-size: 12px; box-shadow: none; flex: none; }
.bd-menu { position: absolute; right: 0; top: calc(100% + 8px); width: 230px; max-width: 78vw; display: grid; gap: 2px; padding: 6px; border-radius: 14px; background: rgba(255,255,255,.96); border: 1px solid var(--line); box-shadow: 0 20px 40px -18px rgba(27,27,27,.35); opacity: 0; transform: translateY(-6px) scale(.98); transform-origin: top right; transition: opacity .22s ease, transform .22s ease; pointer-events: none; }
.bizdemo.open .bd-menu { opacity: 1; transform: none; }
.bizdemo.open .bd-cur { box-shadow: 0 0 0 3px rgba(255,255,255,0.125); }
.bd-menu span { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 10px; font-size: 14px; font-weight: 500; transition: background .2s; }
.bd-menu span.on { background: rgba(255,255,255,0.07); }
.bd-views { display: grid; padding: 16px 18px 18px; }
.bview { grid-area: 1 / 1; display: grid; gap: 4px; align-content: start; opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .45s ease; pointer-events: none; }
.bview.on { opacity: 1; transform: none; }
.bd-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 8px; }
.bd-tiles > div { border: 1px solid var(--line); background: rgba(255,255,255,.7); border-radius: 14px; padding: 10px 12px; display: grid; gap: 2px; }
.bd-tiles small { font-size: 12.5px; color: var(--text-2); }
.bd-tiles b { font-family: var(--head); font-weight: 500; font-size: clamp(18px, 2.2vw, 24px); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.bview .trow { padding: 10px 4px; }
.btn-green, .btn-blue, .theater .btn { background: #1ED760; color: #ffffff; font-weight: 600; text-shadow: 0 1px 1px rgba(255,255,255,0.125); }
.btn-green:hover, .btn-blue:hover, .theater .btn:hover { background: #19c455; color: #ffffff; }
.glow { display: none !important; }
.rail { background: linear-gradient(180deg, #1ED760, #12b04e); }
.ba .nums b { font-size: clamp(54px, 7vw, 88px); line-height: 1; }
.ba .nums div { padding: 18px 18px 16px; }
.hero-in { z-index: 2; }
.arcglass { position: absolute; left: 0; right: 0; bottom: 0; top: 100%; z-index: 3; pointer-events: none; opacity: 0;
background: rgba(255,255,255,.42); border-top: 2px solid #1ED760;
backdrop-filter: blur(22px) saturate(1.7); -webkit-backdrop-filter: blur(22px) saturate(1.7);
box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 -18px 40px -24px rgba(30,215,96,.45); }
.link .node .nlogo { width: 46px; height: 46px; border-radius: 13px; display: block; box-shadow: 0 0 0 1px rgba(18,18,18,.08), 0 8px 18px -10px rgba(27,27,27,.35); background: #ffffff; }
.bizband { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); align-items: center; gap: 22px; padding: 22px; }
.bizband .bt { gap: 6px; }
.bizband .bt .more { margin-top: 4px; }
.bzpick { display: grid; border-radius: 16px; background: #ffffff; border: 1px solid var(--line); box-shadow: 0 18px 40px -22px rgba(27,27,27,.35); overflow: hidden; }
.bzp-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.bzp-h .wordmark { height: 14px; }
.bzp-cur { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 99px; border: 1px solid var(--line); box-shadow: 0 0 0 3px rgba(255,255,255,0.1); white-space: nowrap; }
.bzp-cur svg { width: 12px; height: 12px; }
.bzp-list { display: grid; padding: 6px; gap: 2px; }
.bz { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px; border-radius: 12px; font-size: 14px; font-weight: 600; color: var(--ink); }
.bz.on { background: rgba(255,255,255,0.06); }
.bz small { display: block; font-size: 12px; font-weight: 400; color: var(--text-2); }
.bzn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bzv { font-variant-numeric: tabular-nums; font-size: 13.5px; }
.bzi { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: #ffffff; background: var(--b); box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
.bzi svg { width: 19px; height: 19px; }
.bzi.plus { background: #f2f2f2; color: var(--text-2); font-size: 20px; font-weight: 400; }
.bz.add { color: var(--text-2); }
@media (max-width: 760px) { .bizband { grid-template-columns: 1fr; } }
.bizdemo.open .bd-h { padding: 12px 16px; }
.bd-list { padding: 8px 10px; border-bottom: 1px solid rgba(18,18,18,.07); }
.bd-cap { font-size: 12.5px; font-weight: 600; color: var(--text-3); letter-spacing: .03em; text-transform: uppercase; margin-bottom: 8px; }
.cost3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 1160px; margin: 0 auto; }
.cost3 .cc { border-radius: 20px; padding: 26px 24px; display: grid; gap: 10px; align-content: start; border-top: 2px solid #f0a8a2; }
.cost3 .cn { font-size: 13px; font-weight: 700; color: #c0392b; letter-spacing: .06em; }
.cost3 h3 { font-size: 22px; }
.cost3 p { color: var(--text-2); font-size: 15.5px; }
.cost-close { text-align: center; margin-top: 26px; font-family: var(--head); font-size: clamp(19px, 2.2vw, 24px); color: var(--ink); }
@media (max-width: 860px) { .cost3 { grid-template-columns: 1fr; } }
.vs .cmp-t { min-width: 620px; }
.vs .cmp-t th, .vs .cmp-t td { vertical-align: top; }
.vs .cmp-t td:first-child { font-weight: 600; color: var(--ink); }
.vs .cmp-t .k { background: rgba(255,255,255,0.045); }
.vs .cmp-t th.k { color: #0b8f3d; border-top: 3px solid #1ED760; }
.vs .cmp-t td.k b { color: var(--ink); }
.ten { max-width: 1060px; margin: 0 auto; border-radius: 24px; padding: 30px clamp(18px, 3vw, 34px) 26px; }
.ten-bar { height: 4px; border-radius: 99px; background: #eaeaea; overflow: hidden; margin: 0 0 22px; }
.ten-bar span { display: block; height: 100%; width: 100%; background: #1ED760; transform-origin: left; }
.play .ten-bar span { animation: tenfill 3.2s cubic-bezier(.4,0,.2,1) .2s both; }
@keyframes tenfill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.ten-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ts { display: grid; gap: 8px; align-content: start; }
.ts .tt { font-size: 12.5px; font-weight: 700; color: #0b8f3d; letter-spacing: .05em; text-transform: uppercase; }
.ts .td { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #1ED760; color: #ffffff; }
.ts .td svg { width: 17px; height: 17px; }
.ts h3 { font-size: 21px; }
.ts p { color: var(--text-2); font-size: 15px; }
.play .ts .td { animation: tsPop .45s cubic-bezier(.2,.8,.2,1.2) both; }
.play .ts:nth-child(1) .td { animation-delay: .5s; } .play .ts:nth-child(2) .td { animation-delay: 1.6s; } .play .ts:nth-child(3) .td { animation-delay: 3.2s; }
@keyframes tsPop { from { transform: scale(0); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 760px) { .ten-steps { grid-template-columns: 1fr; gap: 18px; } }
.swband { margin-top: 22px; max-width: 1060px; }
.swsteps { display: grid; gap: 8px; }
.swsteps > span { display: flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; padding: 10px 12px; border-radius: 12px; background: #ffffff; border: 1px solid var(--line); }
.swsteps i { font-style: normal; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: #1ED760; color: #ffffff; font-size: 13px; flex: none; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .play .ten-bar span, .play .ts .td { animation: none; } }
.lg { display: inline-block; flex: none; width: 30px; height: 30px; border-radius: 9px; background: #ffffff center / cover no-repeat; box-shadow: 0 0 0 1px rgba(18,18,18,.08); vertical-align: middle; }
.lg.sm { width: 22px; height: 22px; border-radius: 6px; margin-right: 8px; }
.trow .m.wl { position: relative; padding-left: 42px; min-height: 30px; display: block; }
.trow .m.wl > .lg { position: absolute; left: 0; top: 50%; translate: 0 -50%; }
.kc-ttl.kl { display: flex; align-items: center; gap: 10px; }
.kc-ttl.kl > .lg { width: 28px; height: 28px; }
.mp-m { display: flex; align-items: center; gap: 8px; }
.mp-m .lg, .mp-card .lg { width: 22px; height: 22px; border-radius: 6px; }
.mp-card { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-2); }
.ic { display: inline-block; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #ffffff; }
.appicon.ic, .nlogo.ic { display: block; }
.appwin .ah .con .ic { width: 18px; height: 18px; border-radius: 5px; }
.link .node .nlogo { margin: 0 auto; }
.btn-green, .btn-blue, .theater .btn, .plan .btn { background: #161616; color: #ffffff; text-shadow: none; font-weight: 600; }
.btn-green:hover, .btn-blue:hover, .theater .btn:hover, .plan .btn:hover { background: #2e2e2e; color: #ffffff; box-shadow: 0 8px 22px -10px rgba(27,27,27,.5); }
.theater .btn { box-shadow: 0 0 0 1px rgba(255,255,255,.28); }
.kchat { background: #ffffff; border-color: var(--line); color: var(--text); }
.kchat .q { background: #f0f0f0; color: #181818; }
.kchat .a { color: var(--text); }
.kchat .who { color: var(--text-3); }
.kchat .t.typing::after { background: var(--ink); }
.kchat .kc { background: #ffffff; border-color: #e5e5e5; color: #181818; }
.kchat .kc .wordmark { filter: none; }
.kchat .kc-h, .kchat .kc-sub, .kchat .kc-r.m span:first-child, .kchat .kc-who small, .kchat .kc-note { color: #717171; }
.kchat .kc-who i { background: #f1f1f1; color: #181818; }
.kchat .kc hr { border-top-color: #eaeaea; }
.kchat .kc-b span { border-color: #dcdcdc; color: #181818; }
.kchat .kc-b span.go { background: #161616; color: #ffffff; border-color: #161616; }
.kchat .kc-chip { border-color: #e5e5e5; }
.kchat .kc-chip b { background: #161616; color: #ffffff; }
.kchat .kc .pill.ok { background: #efefef; color: #0b8f3d; }
.kchat .kc-r.red span:last-child { color: #c0392b; }
.kchat .canvas .kp div { background: rgba(18,18,18,.04); }
.kchat .canvas .kp b { color: var(--ink); }
[class*="ic-"], [class*="lg-"] { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
.arcglass { border-top: 0; box-shadow: none; background: rgba(255,255,255,.5); backdrop-filter: blur(26px) saturate(1.6); -webkit-backdrop-filter: blur(26px) saturate(1.6); }
.ba .nums b span, .ba .nums b small { font-size: inherit; color: inherit; font-weight: inherit; letter-spacing: inherit; }
.ba .nums b small { font-size: .55em; margin-left: 4px; color: var(--text-2); }
.vs3 { display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: 16px; align-items: stretch; max-width: 1100px; margin: 0 auto; }
.vcard { position: relative; border-radius: 24px; padding: 26px 24px; background: #ffffff; border: 1px solid var(--line); display: grid; align-content: start; gap: 6px; box-shadow: 0 18px 40px -30px rgba(27,27,27,.35); }
.vcard.best { border: 2px solid #1ED760; box-shadow: 0 30px 60px -30px rgba(30,215,96,.45), 0 0 0 6px rgba(255,255,255,0.04); transform: translateY(-8px); }
.vbadge { position: absolute; top: -13px; left: 24px; background: #1ED760; color: #121212; font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 99px; }
.vk { font-size: 14px; font-weight: 600; color: var(--text-2); }
.vp { font-family: var(--head); font-size: clamp(44px, 5vw, 58px); font-weight: 500; letter-spacing: -.04em; line-height: 1; color: var(--ink); margin-top: 6px; }
.vp small { font-size: .38em; letter-spacing: 0; color: var(--text-2); margin-left: 2px; }
.vsub { font-size: 13.5px; color: var(--text-3); margin-bottom: 10px; }
.vcard ul { list-style: none; margin: 8px 0 0; padding: 14px 0 0; border-top: 1px solid var(--line); display: grid; gap: 11px; }
.vcard li { position: relative; padding-left: 28px; font-size: 15px; color: var(--text); }
.vcard li::before { content: ""; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border-radius: 50%; background: #f1f1f1 center / 11px no-repeat; }
.vcard li.yes::before { background-color: #1ED760; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.vcard li.no::before { background-color: #eeeeee; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23c0392b' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.vcard li.mid::before { background-color: #f0f0f0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12h10' fill='none' stroke='%23b7791f' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.vcard .btn { margin-top: 16px; justify-content: center; }
@media (max-width: 900px) { .vs3 { grid-template-columns: 1fr; } .vcard.best { transform: none; order: -1; } }
.ten2 { max-width: 1120px; margin: 0 auto; display: grid; gap: 22px; }
.tclock { display: flex; align-items: baseline; justify-content: center; gap: 12px; }
.tclock b { font-family: var(--head); font-size: clamp(64px, 9vw, 110px); font-weight: 500; letter-spacing: -.05em; line-height: 1; color: var(--ink); }
.tclock > span { font-size: 17px; color: var(--text-2); }
.tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; position: relative; }
.tgrid::before { content: ""; position: absolute; left: 8%; right: 8%; top: 34px; height: 2px; background: linear-gradient(90deg, #1ED760, #1ED760) left / 0% 100% no-repeat, #eaeaea; z-index: 0; }
.play .tgrid::before { animation: tline 3.2s cubic-bezier(.4,0,.2,1) .2s both; }
@keyframes tline { to { background-size: 100% 100%, auto; } }
.tcard { position: relative; z-index: 1; border-radius: 22px; padding: 20px; display: grid; gap: 12px; align-content: start; background: rgba(255,255,255,.85); }
.tstep { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: #0b8f3d; letter-spacing: .04em; text-transform: uppercase; }
.tstep i { font-style: normal; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: #161616; color: #ffffff; font-size: 13px; }
.tcard h3 { font-size: 21px; }
.tvis { border-radius: 16px; background: #f8f8f8; border: 1px solid var(--line); padding: 12px; display: grid; gap: 8px; min-height: 150px; align-content: start; }
.tb { display: flex; align-items: center; gap: 10px; background: #ffffff; border: 1px solid var(--line); border-radius: 12px; padding: 8px 10px; font-size: 14px; font-weight: 600; }
.tb .lg { width: 26px; height: 26px; border-radius: 7px; }
.tb em { margin-left: auto; font-style: normal; font-size: 12px; font-weight: 600; color: #0b8f3d; background: #efefef; padding: 2px 9px; border-radius: 99px; }
.tbank small { font-size: 12px; color: var(--text-3); }
.tqs span { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: #ffffff; border: 1px solid var(--line); border-radius: 12px; padding: 9px 10px; }
.tqs small { font-size: 12.5px; color: var(--text-2); }
.tqs b { font-size: 12.5px; background: #161616; color: #ffffff; padding: 3px 10px; border-radius: 99px; white-space: nowrap; }
.tdone { justify-items: center; text-align: center; align-content: center; }
.tdone b { font-family: var(--head); font-size: 54px; font-weight: 500; letter-spacing: -.04em; line-height: 1; }
.tdone > span { font-size: 13.5px; color: var(--text-2); }
.tdone em { display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-size: 13px; font-weight: 600; color: #0b8f3d; }
.tdone em svg { width: 15px; height: 15px; }
.play .tcard { animation: svIn .55s ease both; }
.play .tcard:nth-child(2) { animation-delay: .9s; } .play .tcard:nth-child(3) { animation-delay: 1.9s; }
.play .tb, .play .tqs span { animation: svIn .4s ease both; }
.play .tb:nth-child(1) { animation-delay: .5s; } .play .tb:nth-child(2) { animation-delay: .7s; }
.play .tqs span:nth-child(1) { animation-delay: 1.3s; } .play .tqs span:nth-child(2) { animation-delay: 1.55s; } .play .tqs span:nth-child(3) { animation-delay: 1.8s; }
@media (max-width: 860px) { .tgrid { grid-template-columns: 1fr; } .tgrid::before { display: none; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .play .tcard, .play .tb, .play .tqs span, .play .tgrid::before { animation: none; } }
.pricecmp { max-width: 900px; margin: 0 auto; border-radius: 24px; padding: clamp(18px, 3vw, 30px); display: grid; gap: 14px; }
.pc-row { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr) 70px; gap: 14px; align-items: center; font-size: 15px; }
.pc-row b { text-align: right; font-family: var(--head); font-weight: 500; font-size: 22px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pc-bar { height: 14px; border-radius: 99px; background: #f0f0f0; overflow: hidden; }
.pc-bar i { display: block; height: 100%; width: var(--w); border-radius: inherit; background: #c0c0c0; transform-origin: left; }
.play .pc-bar i { animation: pcGrow 1.1s cubic-bezier(.2,.7,.2,1) both; }
.play .pc-row:nth-child(2) .pc-bar i { animation-delay: .15s; } .play .pc-row:nth-child(3) .pc-bar i { animation-delay: .3s; } .play .pc-row:nth-child(4) .pc-bar i { animation-delay: .6s; }
@keyframes pcGrow { from { transform: scaleX(0); } to { transform: none; } }
.pc-row.tot { font-weight: 600; padding-top: 12px; border-top: 1px solid var(--line); }
.pc-row.tot .pc-bar i { background: #717171; }
.pc-row.kept .pc-bar i { background: #1ED760; }
.pc-row.kept { font-weight: 600; }
.pc-save { margin-top: 6px; border-radius: 18px; background: #161616; color: #ffffff; padding: 18px 22px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; }
.pc-save span { font-size: 14px; color: rgba(255,255,255,.7); }
.pc-save b { font-family: var(--head); font-size: clamp(36px, 5vw, 52px); font-weight: 500; letter-spacing: -.04em; line-height: 1; color: #1ED760; }
.pc-save b small { font-size: .42em; color: #ffffff; letter-spacing: 0; }
.pc-save em { font-style: normal; margin-left: auto; font-size: 16px; font-weight: 600; }
@media (max-width: 560px) { .pc-row { grid-template-columns: 1fr 64px; } .pc-row .pc-bar { grid-column: 1 / -1; grid-row: 2; } .pc-save em { margin-left: 0; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .play .pc-bar i { animation: none; } }
.mp3 { display: grid; width: 214px; }
.mp3 .mps { grid-area: 1 / 1; display: grid; gap: 4px; opacity: 0; }
.mp3 .mps.s3 { opacity: 1; }
.play .mp3 .mps { animation: mpCycle 9s infinite both; }
.play .mp3 .s1 { animation-name: mpS1; } .play .mp3 .s2 { animation-name: mpS2; } .play .mp3 .s3 { animation-name: mpS3; }
@keyframes mpS1 { 0%, 30% { opacity: 1; transform: none; } 34%, 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes mpS2 { 0%, 31% { opacity: 0; transform: translateY(4px); } 35%, 63% { opacity: 1; transform: none; } 67%, 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes mpS3 { 0%, 64% { opacity: 0; transform: translateY(4px); } 68%, 97% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.mp-wait { display: flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--text-2); }
.mp-wait i { width: 5px; height: 5px; border-radius: 50%; background: #1ED760; animation: dot 1.2s ease-in-out infinite; }
.mp-wait i:nth-child(2) { animation-delay: .2s; } .mp-wait i:nth-child(3) { animation-delay: .4s; margin-right: 4px; }
.mp3 .pill { justify-self: start; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .play .mp3 .mps { animation: none; } }
.taxv .tq.q4 { cursor: pointer; }
.taxv .tq.q4:hover { background: rgba(18,18,18,.03); }
.taxv .tq.q4::after { content: ""; }
.sv-phone { border: 0; background: none; height: auto; box-shadow: none; overflow: visible; display: grid; justify-items: center; gap: 12px; border-radius: 0; grid-template-rows: auto auto; }
.sv-iph { width: 240px; }
.sv-iph .sv-scr { background: #ffffff; display: block; padding-top: 46px; }
.sv-iph .bar { color: #181818; height: 40px; font-size: 11px; }
.sv-iph .sv-ph { padding: 6px 12px; font-size: 12.5px; gap: 6px; }
.sv-iph .sv-ph .appicon.sm { width: 20px; height: 20px; border-radius: 6px; }
.sv-iph .sv-pb { padding: 10px 10px; gap: 9px; }
.sv-iph .sv-q { font-size: 11.5px; padding: 7px 11px; border-radius: 15px; }
.sv-iph .sv-card { padding: 10px; gap: 7px; font-size: 11.5px; border-radius: 13px; }
.sv-iph .sv-card .kc-h { font-size: 10.5px; }
.sv-iph .sv-card .kc-h .wordmark { height: 11px; }
.sv-iph .sv-card .kc-b span, .sv-iph .sv-sent { min-height: 30px; font-size: 11px; }
.sv-iph .sv-sent svg { width: 12px; height: 12px; }
.sv-phone .sv-cap { position: static; }
.hero canvas.dots { display: block; width: 100%; height: 70%; background: none; }
.hero .stage { position: relative; top: auto; height: auto; padding-bottom: clamp(64px, 7vw, 96px); }
.menu .top, .nav-right .login { font-weight: 450; }
.drop a { font-weight: 450; }
.fgrid h4 { font-weight: 500; }
.fgrid a, .flog-links a, .fbottom, .fbottom a { font-weight: 400; }
.menu .top, .nav-right .login { font-weight: 400; }
.drop a { font-weight: 450; }
.mobile summary, .mobile > a { font-weight: 450; }
.nav { background: rgba(255,255,255,.82); backdrop-filter: blur(30px) saturate(1.8); -webkit-backdrop-filter: blur(30px) saturate(1.8); }
.drop { background: rgba(255,255,255,.985); backdrop-filter: blur(40px) saturate(1.8); -webkit-backdrop-filter: blur(40px) saturate(1.8); }
.mobile.open { background: rgba(255,255,255,.985); }
.cost3 .cbig { font-family: var(--head); font-size: clamp(44px, 5vw, 60px); font-weight: 500; letter-spacing: -.03em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.cost3 .cbig small { font-size: 16px; letter-spacing: 0; color: var(--text-2); margin-left: 6px; font-weight: 400; }
.ba > div { gap: 18px; }
.ba .bachips { display: flex; flex-wrap: wrap; gap: 8px; }
.ba .bachips span { font-size: 14px; padding: 7px 12px; border-radius: 999px; background: rgba(18,18,18,.05); color: var(--text-2); }
.ba .after .bachips span { background: #efefef; color: #0f7a3a; }
.ba .nums span { font-size: 14px; }
.menu .top, .nav-right .login { font-weight: 300; }
.mobile summary, .mobile > a, .mobile details a { font-weight: 300; }
.fgrid h4 { font-weight: 400; }
.fgrid a, .flog-links a, .fbottom, .fbottom a { font-weight: 300; }
.vs3 { grid-template-columns: 1.15fr 1fr 1fr; }
.vcard.best { border: 1.5px solid #1ED760; box-shadow: 0 18px 40px -30px rgba(27,27,27,.35); transform: none; }
.vcard .vp small { font-size: 16px; letter-spacing: 0; margin-left: 6px; }
.vcard .vlink { margin-top: 14px; display: inline-flex; align-items: center; gap: 4px; font-size: 14.5px; font-weight: 500; color: var(--ink); }
.vcard .vlink svg { width: 12px; height: 12px; }
.tgrid::before { display: none; }
.tcard { background: #ffffff; border: 1px solid var(--line); }
.tcard.tfin { border: 1.5px solid #1ED760; }
.tdone { gap: 6px; }
.tdone .tok { width: 52px; height: 52px; border-radius: 50%; background: #1ED760; color: #ffffff; display: grid; place-items: center; margin-bottom: 4px; }
.tdone .tok svg { width: 26px; height: 26px; stroke-width: 3; }
.play .tdone .tok { animation: tokPop .5s cubic-bezier(.3,1.6,.5,1) 2.3s both; }
@keyframes tokPop { from { transform: scale(0); } to { transform: scale(1); } }
.tdone .tlist { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 5px; justify-items: start; }
.tdone .tlist li { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text); }
.tdone .tlist svg { width: 14px; height: 14px; color: #0b8f3d; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .play .tdone .tok { animation: none; } }
.wm { margin-top: 6px; display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; font-weight: 600; color: #0b8f3d; }
.wm svg { width: 12px; height: 12px; }
.hero .sub { font-weight: 300; }
.whoab { position: relative; z-index: 3; margin: clamp(56px, 7vw, 90px) auto 0; max-width: 1160px; display: grid; gap: 18px; }
.ks { display: grid; gap: 8px; background: #ffffff; border: 1px solid var(--line); border-radius: 18px; padding: 14px; box-shadow: 0 20px 44px -30px rgba(27,27,27,.35); text-align: left; }
.ksh { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text-2); padding-bottom: 4px; }
.ksh .lg { width: 20px; height: 20px; border-radius: 6px; }
.kr { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 12px; background: #f8f8f8; font-size: 14px; color: var(--ink); }
.kr .lg { width: 26px; height: 26px; border-radius: 7px; }
.kr .kx { display: grid; place-items: center; font-style: normal; font-size: 12px; font-weight: 600; color: var(--text-2); background: #eeeeee; }
.kn { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500; }
.ka { font-variant-numeric: tabular-nums; font-weight: 500; white-space: nowrap; }
.kr em { font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--text-2); background: #eeeeee; padding: 2px 9px; border-radius: 99px; white-space: nowrap; }
.kr em.g { color: #0b8f3d; background: #efefef; }
.ksf { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 4px 0; border-top: 1px dashed var(--line); font-size: 13px; color: var(--text-2); }
.ksf b { font-family: var(--head); font-size: 22px; font-weight: 500; color: var(--ink); letter-spacing: -.02em; }
.whoA { display: grid; gap: 16px; }
.wtabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.wtabs button { border: 1px solid var(--line); background: #ffffff; color: var(--text); padding: 9px 16px; border-radius: 99px; font-size: 14.5px; cursor: pointer; transition: background .2s, color .2s; }
.wtabs button.on { background: #161616; border-color: #161616; color: #ffffff; }
.wpanel { display: none; grid-template-columns: 1fr 1.1fr; gap: 28px; align-items: center; border-radius: 26px; padding: clamp(20px, 3vw, 36px); background: rgba(255,255,255,.9); }
.wpanel.on { display: grid; animation: svIn .4s ease both; }
.wpt h3 { font-size: clamp(26px, 3vw, 36px); margin-bottom: 16px; }
.wpt ul { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
.wpt li { display: flex; align-items: center; gap: 10px; font-size: 16px; color: var(--text); }
.wpt li svg { width: 18px; height: 18px; color: #0b8f3d; flex: none; }
@media (max-width: 820px) { .wpanel { grid-template-columns: 1fr; } .wtabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; padding-bottom: 2px; } .wtabs button { flex: none; } }
:root { --head: "Instrument Sans", "Helvetica Neue", system-ui, sans-serif; }
h1, h2, h3 { font-weight: 450; letter-spacing: -0.045em; }
.hero h1 { letter-spacing: -0.05em; }
.weyebrow { justify-self: center; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; letter-spacing: .02em; color: var(--text-2); padding: 6px 14px; border-radius: 99px; background: #ffffff; border: 1px solid var(--line); }
.weyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #1ED760; }
.ksh .kdots { margin-left: auto; font-variant-numeric: tabular-nums; letter-spacing: .04em; color: var(--text-3); }
.ksh .lg { width: 22px; height: 22px; }
.lg.qbr { border-radius: 50%; }
.wcmp { display: grid; gap: 8px; margin: 2px 0 16px; padding: 14px; border-radius: 16px; background: #f8f8f8; border: 1px solid var(--line); }
.wcmp-h { font-size: 13px; font-weight: 600; color: var(--text-2); }
.wcmp-r { display: grid; grid-template-columns: 96px 1fr auto; align-items: center; gap: 10px; font-size: 13.5px; color: var(--text); }
.wcmp-r b { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--ink); }
.wcmp-bar { height: 10px; border-radius: 99px; background: #eaeaea; overflow: hidden; }
.wcmp-bar i { display: block; height: 100%; border-radius: 99px; background: #a3a3a3; }
.wcmp-r.k .wcmp-bar i { background: #1ED760; }
.wcmp small { font-size: 12px; color: var(--text-3); }
.cost3 .cc { border-top: 0; background: #ffffff; border: 1px solid var(--line); border-radius: 24px; padding: 26px 24px 22px; gap: 8px; box-shadow: 0 18px 40px -32px rgba(27,27,27,.35); }
.cost3 .cc .cbig { margin-bottom: 8px; }
.cost3 .cc h3 { font-size: 20px; }
.cost3 .cc p { font-size: 15px; }
.cost3 .cwith { margin-top: 12px; padding-top: 14px; border-top: 1px dashed var(--line); display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: #0b8f3d; }
.cost3 .cwith svg { width: 16px; height: 16px; flex: none; }
.kr.kcol { display: grid; gap: 8px; }
.kr.kcol .krt { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.kr.kcol .wcmp-bar { height: 10px; }
.kr.kcol.k .wcmp-bar i { background: #1ED760; }
.knote { font-size: 12px; color: var(--text-3); padding: 0 4px; }
.cost3.cv .cc { background: rgba(255,255,255,.85); border: 1px solid rgba(230,230,230,.9); padding: 16px 16px 22px; gap: 6px; }
.cost3.cv .cc > :not(.cvis) { margin-inline: 8px; }
.cost3.cv .cbig { font-size: clamp(34px, 3.6vw, 44px); margin: 10px 8px 2px; }
.cvis { height: 128px; border-radius: 16px; background: #f6f6f6; border: 1px solid var(--line); padding: 16px; display: grid; align-content: center; gap: 12px; }
.cvr { display: grid; grid-template-columns: 78px 1fr 52px; align-items: center; gap: 10px; font-size: 13px; color: var(--text-2); }
.cvr b { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink); font-weight: 600; }
.cvb { height: 12px; border-radius: 99px; background: #eaeaea; overflow: hidden; }
.cvb i { display: block; height: 100%; width: 0; border-radius: 99px; background: #a3a3a3; transition: width 1.1s cubic-bezier(.3,.8,.3,1); }
.cvr.k .cvb i { background: #1ED760; transition-delay: .5s; }
.cv.play .cvr .cvb i { width: 100%; }
.cv.play .cvr.k .cvb i { width: 25%; }
.cvh { display: grid; grid-template-columns: repeat(10, 1fr); gap: 5px; }
.cvh i { aspect-ratio: 1; border-radius: 5px; background: #a3a3a3; transition: background .35s ease, opacity .35s ease; }
.cv.play .cvh i:not(:first-child) { background: #e6e6e6; transition-delay: calc(700ms + var(--d)); }
.cv.play .cvh i:first-child { background: #1ED760; transition-delay: 1.9s; }
.cvl { position: relative; height: 20px; font-size: 13px; }
.cvl span { position: absolute; left: 0; top: 0; transition: opacity .4s ease; }
.cvl .a { color: var(--text-2); }
.cvl .b { color: #0b8f3d; font-weight: 600; opacity: 0; }
.cv.play .cvl .a { opacity: 0; transition-delay: 1.9s; }
.cv.play .cvl .b { opacity: 1; transition-delay: 2s; }
.cvq { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.cvq i { font-style: normal; text-align: center; padding: 10px 0; border-radius: 12px; background: #ffffff; border: 1px solid var(--line); font-size: 14px; font-weight: 600; color: var(--text-3); transition: background .35s ease, color .35s ease, border-color .35s ease; }
.cv.play .cvq i { background: #efefef; border-color: #bfeccf; color: #0b8f3d; }
.cv.play .cvq i:nth-child(1) { transition-delay: .4s; } .cv.play .cvq i:nth-child(2) { transition-delay: .8s; } .cv.play .cvq i:nth-child(3) { transition-delay: 1.2s; } .cv.play .cvq i:nth-child(4) { transition-delay: 1.6s; }
.cvt { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #0b8f3d; opacity: 0; transition: opacity .4s ease 2s; }
.cvt svg { width: 15px; height: 15px; }
.cv.play .cvt { opacity: 1; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .cvb i, .cvh i, .cvl span, .cvq i, .cvt { transition: none !important; } }
.cv-tax { grid-template-columns: auto 1fr; align-items: center; gap: 16px; }
.cvcal { width: 70px; border-radius: 14px; overflow: hidden; background: #ffffff; border: 1px solid var(--line); text-align: center; box-shadow: 0 10px 24px -18px rgba(27,27,27,.4); }
.cvm { display: block; background: #161616; color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: .1em; padding: 4px 0; }
.cvd { display: block; font-family: var(--head); font-size: 30px; font-weight: 500; color: var(--ink); padding: 6px 0 8px; line-height: 1; }
.cvest { display: grid; gap: 4px; }
.cvl1 { font-size: 12.5px; color: var(--text-2); }
.cvamt { font-family: var(--head); font-size: 28px; font-weight: 500; letter-spacing: -.03em; color: var(--ink); line-height: 1.05; font-variant-numeric: tabular-nums; }
.cvst { position: relative; height: 24px; }
.cvst span { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 99px; transition: opacity .35s ease; }
.cvst .w { background: #f0f0f0; color: var(--text-2); }
.cvst .r { background: #efefef; color: #0b8f3d; opacity: 0; }
.cvst .r svg { width: 13px; height: 13px; }
.cv.play .cvst .w { opacity: 0; transition-delay: 1.4s; }
.cv.play .cvst .r { opacity: 1; transition-delay: 1.5s; }
.cost3.cv .cc h3 { margin-top: 2px; margin-bottom: 4px; }
.cost3.cv .cc p { padding-top: 12px; margin-top: 8px; border-top: 1px solid var(--line); color: var(--text-2); font-size: 14.5px; line-height: 1.5; }
.cost3.cv .cwith { border-top: 0; padding-top: 2px; margin-top: 8px; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .cvst span { transition: none !important; } }
@media (max-width: 640px) {
.arcbox { width: 110vw; aspect-ratio: 1.1 / 1; bottom: 26px; }
.hero .stage { padding-bottom: 116px; }
.wtabs { gap: 6px; }
.wtabs button { padding: 6px 12px; font-size: 13px; }
.whoA { gap: 12px; }
}
.wpanel.on .ks > * { animation: svIn .45s ease both; }
.wpanel.on .ks > :nth-child(2) { animation-delay: .12s; } .wpanel.on .ks > :nth-child(3) { animation-delay: .24s; }
.wpanel.on .ks > :nth-child(4) { animation-delay: .36s; } .wpanel.on .ks > :nth-child(5) { animation-delay: .48s; } .wpanel.on .ks > :nth-child(n+6) { animation-delay: .6s; }
.wpanel.on .wpt li { animation: svIn .4s ease both; }
.wpanel.on .wpt li:nth-child(2) { animation-delay: .1s; } .wpanel.on .wpt li:nth-child(3) { animation-delay: .2s; } .wpanel.on .wpt li:nth-child(4) { animation-delay: .3s; }
.wpanel.on .kr em.g { animation: wPop .5s ease both .7s; }
@keyframes wPop { 0% { transform: scale(.6); opacity: 0; } 70% { transform: scale(1.08); opacity: 1; } 100% { transform: none; } }
.wpanel.on .wcmp-bar i { transform-origin: left center; animation: wBar 1s cubic-bezier(.3,.8,.3,1) both .4s; }
@keyframes wBar { from { transform: scaleX(0); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wpanel.on .ks > *, .wpanel.on .wpt li, .wpanel.on .kr em.g, .wpanel.on .wcmp-bar i { animation: none; } }
.phero .sub { font-weight: 300; }
.feat .fc h2 { margin-bottom: 14px; }
.feat .fc p { padding-top: 14px; border-top: 1px solid var(--line); }
.feat .fc p + p { padding-top: 0; border-top: 0; }
.vcard li.no::before { background-color: #f0f0f0 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%238a9099' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.kc-r.red span:last-child { color: var(--ink); }
@media (max-width: 640px) {
.sec { padding-block: 64px; }
.phero { padding-block: 48px 26px; }
.sec-head { margin-bottom: 24px; gap: 12px; }
.ctas .btn-white, .sec-head .btn { display: none; }
.feat { padding-block: 30px; gap: 18px; }
.feat .fc .eyebrow { display: none; }
.feat .fc .ticks li:nth-child(n+3) { display: none; }
.feat .fc p { font-size: 15.5px; }
.feat .shot, .ks, .duo, .bizdemo, .pricecmp, .syncviz .sv-phone, .tvis, .cvis, .ten2 .tclock { zoom: .86; }
.trow .m small, .note, .cost-close { display: none; }
.cards, .cards.three, .cards.four, .cost3, .vs3, .tgrid, .steps, .dark-grid {
display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
margin-inline: calc(-1 * var(--gl)); padding: 4px var(--gl) 14px; scroll-padding-inline: var(--gl); scrollbar-width: none; max-width: none;
}
.cards::-webkit-scrollbar, .cost3::-webkit-scrollbar, .vs3::-webkit-scrollbar, .tgrid::-webkit-scrollbar, .steps::-webkit-scrollbar, .dark-grid::-webkit-scrollbar { display: none; }
.cards > *, .cost3 > *, .vs3 > *, .tgrid > *, .steps > *, .dark-grid > * { flex: 0 0 82%; scroll-snap-align: start; min-width: 0; }
.dark-grid { border: 0; }
.dark-grid > article { border-top: 0 !important; }
.rail, .hatch { display: none; }
}
.iphone { width: 250px; aspect-ratio: 796 / 1656; border-radius: 42px; padding: 6px; background: #333333; border: 3.5px solid #b3b3b3; box-shadow: 0 30px 60px -34px rgba(27,27,27,.45); }
.iphone::before, .iphone::after { width: 3px; background: #c9c9c9; border-radius: 2px; }
.iphone::before { left: -6.5px; top: 19.5%; height: 4.2%; box-shadow: 0 32px 0 #c9c9c9, 0 50px 0 #c9c9c9; }
.iphone::after { right: -6.5px; top: 32%; height: 12%; }
.iphone .scr { border-radius: 35px; }
.iphone.sv-iph .sv-scr { background: #ffffff; padding-top: 44px; }
.iphone .island { top: 9px; width: 30%; height: 21px; border-radius: 11px; background: #000000; }
.iphone .island::after { content: ""; position: absolute; right: 6px; top: 50%; translate: 0 -50%; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle, #555555 0 25%, #333333 30% 100%); }
.iphone.sv-iph .bar { height: 38px; padding: 0 24px; }
.rpl { display: none; }
html.tapplay .rpl { display: block; position: absolute; top: 10px; right: 10px; z-index: 6; pointer-events: none; padding: 3px 9px; border-radius: 99px; background: rgba(255,255,255,.88); border: 1px solid var(--line); font: 400 11px var(--body); color: var(--text-3); }
html.tapplay [data-page].on [data-play] { cursor: pointer; }
@media (max-width: 640px) {
:root { --gl: max(20px, env(safe-area-inset-left, 0px)); --gr: max(20px, env(safe-area-inset-right, 0px)); }
.nav .wrap { height: 52px; }
.mobile.open { max-height: calc(100dvh - 52px); }
.hero h1 { font-size: 36px; line-height: 1.04; }
.phero h1 { font-size: 32px; line-height: 1.06; }
.sec-head h2, .wpt h3 { font-size: 27px; line-height: 1.1; }
.feat .fc h2 { font-size: 24px; }
.cost3 .cc h3, .card h3, .vcard h3 { font-size: 18px; }
.sub, .hero .sub, .phero .sub { font-size: 16px; line-height: 1.5; }
body { font-size: 15.5px; }
.feel blockquote { font-size: 22px; }
.sec { padding-block: 52px; }
.phero { padding-block: 36px 20px; }
.feat { padding-block: 24px; }
.feat .shot { max-height: 360px; overflow: hidden; -webkit-mask-image: linear-gradient(#000000 80%, transparent); mask-image: linear-gradient(#000000 80%, transparent); }
.iphone { width: 206px; border-radius: 36px; }
.iphone .scr { border-radius: 30px; }
.wpanel { padding: 18px; gap: 16px; border-radius: 22px; }
.wpt li { font-size: 15px; }
.wpt li:nth-child(n+4) { display: none; }
.vcard { padding: 20px 18px; }
.vcard li { font-size: 14.5px; }
.vcard li:nth-child(n+5) { display: none; }
.btn { min-height: 46px; }
footer { padding-block: 40px 24px; }
.fgrid { gap: 22px 16px; }
.fgrid a { font-size: 14.5px; min-height: 30px; }
.status { margin-top: 28px; }
}
@media (max-width: 960px) {
.burger { width: 40px; height: 40px; padding: 0; margin-right: -8px; border: 0; background: none; justify-content: center; }
.burger svg { width: 26px; height: 26px; }
html.mopen .nav { backdrop-filter: none; -webkit-backdrop-filter: none; }
html.mopen, html.mopen body { overflow: hidden; }
.mobile.open { position: fixed; inset: 0; z-index: 120; display: flex; flex-direction: column; height: 100dvh; max-height: none; padding: 0; border: 0; background: #f8f8f8; overflow: hidden; }
.mtop { flex: none; display: flex; align-items: center; justify-content: space-between; height: 58px; margin-top: env(safe-area-inset-top, 0px); padding: 0 var(--gr) 0 var(--gl); }
.mtop .wordmark { height: 22px; }
.mclose { width: 40px; height: 40px; margin-right: -8px; display: grid; place-items: center; border: 0; background: none; color: var(--ink); cursor: pointer; }
.mclose svg { width: 24px; height: 24px; }
.mscroll { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 4px var(--gr) 16px var(--gl); }
.mobile details { border-bottom: 1px solid #e7e7e7; }
.mobile summary { min-height: 56px; margin: 0 -12px; padding: 0 12px; border-radius: 12px; font: 450 18px var(--head); letter-spacing: -.01em; color: var(--ink); }
.mobile summary svg { width: 15px; height: 15px; }
.mobile details[open] { padding-bottom: 6px; }
.mobile details[open] summary { background: #eeeeee; margin-top: 6px; margin-bottom: 2px; }
.mobile .mrow { display: flex; align-items: center; min-height: 56px; border-bottom: 1px solid #e7e7e7; font: 450 18px var(--head); letter-spacing: -.01em; color: var(--ink); }
.mgrp { display: block; margin: 16px 0 4px; font-size: 12px; font-weight: 400; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.mobile details a { min-height: 44px; gap: 14px; padding-left: 0; font-size: 16.5px; font-weight: 300; color: var(--text); }
.mobile details a > svg { width: 19px; height: 19px; color: #747474; flex: none; }
.mobile details a em { font-style: normal; font-size: 11px; color: var(--text-3); border: 1px solid #e0e0e0; border-radius: 99px; padding: 1px 8px; }
.mobile .mpromo { margin: 14px 0 12px; padding: 14px; gap: 14px; min-height: 0; border-radius: 14px; background: #f1f1f1; border: 1px solid #e7e7e7; }
.mpromo .mpi { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 10px; background: #ececec; color: #0b8f3d; }
.mpromo .mpi svg { width: 19px; height: 19px; }
.mpromo > span:nth-child(2) { flex: 1; }
.mpromo b { display: block; font-weight: 500; font-size: 16px; color: var(--ink); }
.mpromo small { display: block; font-size: 14px; color: var(--text-2); }
.mobile .mpromo > svg { width: 18px; height: 18px; color: #0b8f3d; flex: none; }
.mcta { flex: none; display: grid; gap: 12px; padding: 14px var(--gr) calc(18px + env(safe-area-inset-bottom, 0px)) var(--gl); background: #f8f8f8; }
.mobile .mcta .btn { width: 100%; margin: 0; min-height: 52px; font-size: 17px; }
.mout { background: #ffffff; color: var(--ink); border: 1px solid #d4d4d4; }
}
@media (max-width: 640px) {
body { background: #f6f6f6; }
.nav { background: rgba(246,246,246,.9); }
.nav-right .btn { display: none; }
.glow, .dotstrip { display: none !important; }
.hero-in { text-align: center; }
.hero .ctas { flex-direction: column; flex-wrap: nowrap; align-items: stretch; width: 100%; max-width: 340px; margin: 12px auto 0; gap: 12px; }
.hero .ctas .btn { flex: none; width: 100%; min-height: 50px; }
.hero .ctas .btn-white { display: inline-flex; background: #ffffff; color: var(--ink); border: 1px solid #d4d4d4; box-shadow: none; }
.feat { display: flex !important; flex-direction: column; gap: 0; padding: 0; margin: 0 0 16px; border: 1px solid #e7e7e7 !important; border-radius: 24px; overflow: hidden; background: #f8f8f8 radial-gradient(circle, #d8d8d8 1px, transparent 1.4px) 0 0 / 16px 16px; box-shadow: 0 16px 34px -30px rgba(27,27,27,.3); }
.feat > :not(.fc) { order: -1; margin: 20px 16px; }
.feat > .fc { order: 0; background: #ffffff; border-top: 1px solid #e7e7e7; padding: 22px 20px 4px; }
.feat .fc h2 { font-size: 22px; line-height: 1.2; margin: 0 0 10px; }
.feat .fc p { border-top: 0; padding: 0 0 18px; font-size: 15.5px; color: var(--text-2); }
.feat .fc .ticks { margin: 0 -20px; gap: 0; }
.feat .fc .ticks li, .feat .fc .ticks li:nth-child(n+3) { display: flex; gap: 14px; padding: 15px 20px; border-top: 1px solid #eeeeee; font-size: 16.5px; line-height: 1.45; color: var(--text); }
.feat .fc .ticks li svg { width: 18px; height: 18px; margin-top: 2px; color: #919191; }
.feat .fc .btn { margin: 4px 0 18px; }
.feat .shot { max-height: 380px; }
.cost3.cv { display: block !important; overflow: visible; margin: 0; padding: 0; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 24px; box-shadow: 0 16px 34px -30px rgba(27,27,27,.3); }
.cost3.cv > .cc { display: flex; flex-direction: column; gap: 0; padding: 22px 20px 22px; background: none; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.cost3.cv > .cc + .cc { border-top: 1px solid #e7e7e7; }
.cost3.cv .cc h3 { order: -3; margin: 0 0 8px; font: 400 15px var(--body); letter-spacing: 0; color: var(--text-2); }
.cost3.cv .cbig { order: -2; margin: 0 0 6px; font-size: 54px; }
.cost3.cv .cc p { order: -1; margin: 0 0 16px; padding: 0; border: 0; font-size: 16px; }
.cost3.cv .cvis { height: auto; padding: 16px 0 0; background: none; border: 0; border-top: 1px solid #eeeeee; border-radius: 0; }
.cost3.cv .cwith { display: none; }
.ba { gap: 0; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 24px; overflow: hidden; box-shadow: 0 16px 34px -30px rgba(27,27,27,.3); }
.ba > div { padding: 22px 20px; border: 0 !important; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.ba > div + div { border-top: 1px solid #e7e7e7 !important; }
.ba .nums div { padding: 12px 14px; }
.ba .nums b { font-size: 46px; }
.ba .bachips span { font-size: 13px; padding: 6px 10px; }
.cards:has(> .ccard) { display: block !important; margin: 0; padding: 0; overflow: hidden; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 24px; box-shadow: 0 16px 34px -30px rgba(27,27,27,.3); }
.cards > .ccard { display: grid; grid-template-columns: 22px 1fr 16px; column-gap: 14px; row-gap: 2px; align-items: center; padding: 16px 20px; border: 0; border-radius: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; transform: none; }
.cards > .ccard + .ccard { border-top: 1px solid #eeeeee; }
.cards > .ccard .cic { grid-row: 1 / span 2; margin: 0; color: #747474; }
.cards > .ccard .cic svg { width: 20px; height: 20px; }
.cards > .ccard h3 { font-size: 17px; margin: 0; }
.cards > .ccard p { grid-column: 2; margin: 0; font-size: 14.5px; }
.cards > .ccard .more { grid-column: 3; grid-row: 1 / span 2; margin: 0; font-size: 0; color: #919191; }
.cards > .ccard .more svg { width: 16px; height: 16px; }
.panel, .wpanel { background: #ffffff; border: 1px solid #e7e7e7; box-shadow: 0 16px 34px -30px rgba(27,27,27,.3); backdrop-filter: none; -webkit-backdrop-filter: none; }
.bizband { border-radius: 20px; }
}
@media (max-width: 640px) {
.theater { aspect-ratio: auto; min-height: 0; padding: 44px 0; border-radius: 24px; }
.theater .frame-lines { display: none; }
.theater-in { padding: 0 20px; gap: 18px; }
.theater h2 { font-size: 30px; }
.theater .btn { min-height: 50px; padding: 0 32px; }
.feat > :not(.fc) { margin: 14px 12px; }
.feat .trow, .feat .trow:not(.x) { grid-template-columns: 1fr auto auto; gap: 8px; padding: 10px 12px; font-size: 13.5px; }
.feat .trow .pill { grid-column: auto; justify-self: end; }
.feat .sortcard .trow { grid-template-columns: 1fr auto auto; }
.hero .stage { padding-bottom: 92px; }
.whoab { margin-top: 36px; }
}
.snav { display: none; }
@media (max-width: 640px) {
.sec { padding-block: 44px; }
.sec-head { margin-bottom: 20px; }
.feat > :not(.fc) { max-height: 280px; overflow: hidden; -webkit-mask-image: linear-gradient(#000000 82%, transparent); mask-image: linear-gradient(#000000 82%, transparent); }
.feat .shot, .feat .ks, .feat .duo, .feat .bizdemo, .feat .pricecmp { zoom: .8; }
.feat .iphone { width: 180px; border-radius: 32px; }
.feat > .fc { padding: 18px 18px 2px; }
.feat .fc h2 { font-size: 20px; margin-bottom: 8px; }
.feat .fc p { font-size: 15px; padding-bottom: 12px; line-height: 1.45; }
.feat .fc .ticks { margin: 0 -18px; }
.feat .fc .ticks li, .feat .fc .ticks li:nth-child(n+3) { padding: 10px 18px; font-size: 15px; }
.feat .fc .ticks li:nth-child(n+4) { display: none; }
.cost3.cv, .panel { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-inline: calc(-1 * var(--gl)); padding: 4px var(--gl) 4px; scroll-padding-inline: var(--gl); scrollbar-width: none; background: none; border: 0; border-radius: 0; box-shadow: none; max-width: none; }
.cost3.cv::-webkit-scrollbar, .panel::-webkit-scrollbar { display: none; }
.cost3.cv > .cc, .panel > .stat { flex: 0 0 84%; min-width: 0; scroll-snap-align: start; background: #ffffff; border: 1px solid #e7e7e7 !important; border-radius: 22px; box-shadow: 0 16px 34px -30px rgba(27,27,27,.3); }
.cost3.cv > .cc + .cc { border-top: 1px solid #e7e7e7; }
.cost3.cv .cbig { font-size: 46px; }
.panel > .stat { padding: 20px; gap: 8px; }
.panel .big { font-size: 46px; margin-top: 6px; }
.stat-v { padding-top: 14px; min-height: 0; }
.calc { padding: 18px; gap: 16px; }
.calc h3 { font-size: 21px; }
.calc .field { margin-top: 12px; gap: 4px; }
.calc .field label { font-size: 14px; }
.calc-out { grid-template-columns: 1fr 1fr; gap: 10px 14px; padding: 16px 18px; }
.calc-out .row, .calc-out hr, .calc-out > small { grid-column: 1 / -1; }
.calc-out .big2 { font-size: 34px; }
.calc-out > small { font-size: 12px; line-height: 1.4; }
.plan { padding: 20px 20px 0; gap: 10px; }
.plan .pr b { font-size: 38px; }
.plan ul { gap: 7px; font-size: 14.5px; }
.plan .foot { height: 30px; margin: 12px -20px 0; }
.cmp-wrap.clip:not(.open) { max-height: 560px; -webkit-mask-image: linear-gradient(#000000 80%, transparent); mask-image: linear-gradient(#000000 80%, transparent); }
.cmpmore { display: flex; margin: 14px auto 0; }
.syncviz { zoom: .72; }
.snav { display: flex; justify-content: center; gap: 12px; margin: 14px 0 4px; }
.snav[hidden] { display: none; }
.snav button { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #dadada; background: #ffffff; color: var(--ink); cursor: pointer; box-shadow: 0 2px 8px -4px rgba(27,27,27,.25); }
.snav button svg { width: 18px; height: 18px; }
.snav button:disabled { opacity: .35; cursor: default; }
.wtabs + .snav { margin: 2px 0 0; }
.wtabs + .snav button { width: 34px; height: 34px; }
}
@media (min-width: 641px) { .cmpmore { display: none !important; } }
@media (max-width: 640px) {
*, *::before, *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.nav { background: #f6f6f6; }
.glass { background: #ffffff; }
.feat { background: #f4f4f4; box-shadow: none; }
.feat > :not(.fc), .feat .shot, .cmp-wrap.clip:not(.open) { -webkit-mask-image: none; mask-image: none; }
.feat > :not(.fc) { max-height: 240px; }
.feat .shot, .feat .ks, .feat .duo, .feat .bizdemo, .feat .pricecmp { zoom: .74; box-shadow: none; }
.feat .iphone { width: 160px; box-shadow: none; }
.cost3.cv > .cc, .panel > .stat, .ba, .cards:has(> .ccard), .wpanel, .panel, .cost3.cv, .vcard, .ccard, .calc, .cmp-wrap, .ks, .shot { box-shadow: none !important; }
.rv { opacity: 1 !important; transform: none !important; transition: none !important; }
.hero h1 { font-size: 32px; }
.phero h1 { font-size: 28px; }
.sec-head h2, .wpt h3 { font-size: 24px; }
.sub, .hero .sub, .phero .sub { font-size: 15px; }
body { font-size: 15px; }
.sec { padding-block: 36px; }
.phero { padding-block: 28px 16px; }
.feat .fc h2 { font-size: 18px; }
.feat .fc p, .feat .fc .ticks li, .feat .fc .ticks li:nth-child(n+3) { font-size: 14.5px; }
.feat .fc .ticks li, .feat .fc .ticks li:nth-child(n+3) { padding: 9px 18px; }
.feat { margin-bottom: 12px; border-radius: 20px; }
.cost3.cv .cbig, .panel .big { font-size: 40px; }
.ba .nums b { font-size: 38px; }
.feel blockquote { font-size: 20px; }
}
@media (max-width: 640px) {
body { font-size: 16px; }
.hero h1 { font-size: 38px; }
.phero h1 { font-size: 34px; }
.sec-head h2, .wpt h3 { font-size: 30px; line-height: 1.12; }
.sub, .hero .sub, .phero .sub { font-size: 16.5px; line-height: 1.5; }
.sec { padding-block: 56px; }
.phero { padding-block: 40px 22px; }
.feel blockquote { font-size: 23px; }
.rv { opacity: 1; transform: none !important; transition: opacity .5s ease !important; }
.rv.pre { opacity: 0 !important; }
.feat { display: flex !important; flex-direction: column; align-items: stretch; gap: 0; padding: 8px 0 40px; margin: 0; background: none !important; border: 0 !important; border-radius: 0; box-shadow: none !important; overflow: visible; }
.feat + .feat { border-top: 0; }
.feat > .fc { display: contents; }
.feat > .fc > * { order: 2; }
.feat > .fc > .eyebrow, .feat > .fc > h2, .feat > .fc > p:first-of-type { order: 0; }
.feat > :not(.fc) { order: 1; margin: 18px 0 6px !important; max-height: none; overflow: hidden; border-radius: 18px; -webkit-mask-image: none; mask-image: none; }
.feat .fc .eyebrow { display: flex !important; align-items: center; gap: 12px; margin: 0 0 14px; font-size: 12.5px; font-weight: 500; letter-spacing: .08em; color: var(--ink); }
.feat .fc .eyebrow::after { content: ""; flex: 1; height: 1px; background: #dddddd; }
.feat .fc h2 { font-size: 27px; line-height: 1.15; margin: 0 0 12px; }
.feat .fc p { border: 0; padding: 0; margin: 0 0 10px; font-size: 16.5px; line-height: 1.5; color: var(--text-2); }
.feat .fc p.small { font-size: 14px; }
.feat .fc .ticks { margin: 10px 0 0; padding: 0; gap: 0; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 18px; overflow: hidden; }
.feat .fc .ticks li, .feat .fc .ticks li:nth-child(n+3), .feat .fc .ticks li:nth-child(n+4) { display: flex; gap: 14px; padding: 15px 18px; font-size: 16px; line-height: 1.45; border-top: 1px solid #eeeeee; color: var(--text); }
.feat .fc .ticks li:first-child { border-top: 0; }
.feat .fc .ticks li svg { width: 18px; height: 18px; margin-top: 2px; color: #0b8f3d; }
.feat .fc .textlink, .feat .fc .btn { margin-top: 14px; align-self: flex-start; }
.feat > .shot, .feat > .shotpad, .feat > .duo, .feat > .ks, .feat > .bizdemo, .feat > .pricecmp, .feat > div:not(.fc) { background: #efefef !important; border: 0 !important; box-shadow: none !important; padding: 22px 16px; zoom: 1; }
.feat > .shot > *, .feat > div:not(.fc) > * { zoom: .9; }
.feat .shot-h, .feat .shot-b, .feat .trow { background: #ffffff; }
.feat > .shot .shot-h { border-radius: 14px 14px 0 0; border: 1px solid #e7e7e7; border-bottom: 0; }
.feat > .shot .shot-b { border-radius: 0 0 14px 14px; border: 1px solid #e7e7e7; overflow: hidden; }
.feat .iphone { width: 210px; box-shadow: 0 18px 30px -24px rgba(27,27,27,.45); }
.feat .trow, .feat .trow:not(.x) { font-size: 14px; padding: 11px 14px; gap: 10px; }
.cost3.cv, .panel { display: block !important; overflow: visible; margin: 0; padding: 0; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 24px; }
.cost3.cv > .cc, .panel > .stat { border: 0 !important; border-radius: 0; background: none; box-shadow: none !important; padding: 24px 22px; }
.cost3.cv > .cc + .cc, .panel > .stat + .stat { border-top: 1px solid #e7e7e7 !important; }
.cost3.cv .cbig, .panel .big { font-size: 52px; }
.cost3.cv .cc p, .panel .stat p { font-size: 16px; }
.ba .nums b { font-size: 44px; }
.steps { display: block !important; overflow: visible; margin: 0; padding: 0; background: #ffffff; border: 1px solid #e7e7e7; border-radius: 24px; }
.steps > .step { display: grid; grid-template-columns: 34px 1fr; column-gap: 14px; row-gap: 4px; padding: 20px 22px; border: 0; border-radius: 0; background: none !important; box-shadow: none; }
.steps > .step + .step { border-top: 1px solid #eeeeee; }
.steps > .step .sn { grid-row: 1 / span 2; margin: 0; width: 30px; height: 30px; font-size: 13px; }
.steps > .step h3 { font-size: 18px; }
.steps > .step p { grid-column: 2; font-size: 15.5px; }
.tgrid { display: grid !important; grid-template-columns: 1fr; gap: 14px; overflow: visible; margin: 0; padding: 0; }
.tgrid > * { flex: none; }
.cards > .ccard h3 { font-size: 18px; }
.cards > .ccard p { font-size: 15px; }
.cards > .ccard { padding: 18px 20px; }
.feat .node .nlogo, .feat .nlogo { animation: kPulse 2.6s ease-in-out infinite; }
.pill.ok, .pill.info { animation: none; }
}
@keyframes kPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .feat .nlogo { animation: none !important; } }
.slabel { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 760px; font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.slabel::before, .slabel::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.vault .slabel { color: #989898; } .vault .slabel::before, .vault .slabel::after { background: rgba(255,255,255,.14); }
.vx .wrap { max-width: 1080px; }
.vfeat { display: grid; gap: 14px; max-width: 760px; margin: 0 auto 72px; }
.vfeat:last-child { margin-bottom: 0; }
.vfeat .slabel { margin-bottom: 10px; }
.vfeat h2 { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.08; letter-spacing: -.02em; }
.vfeat .vlead { font-size: 19px; color: var(--text-2); line-height: 1.45; }
.vfeat > p { font-size: 17px; color: var(--text-2); line-height: 1.55; }
.vpn { position: relative; overflow: hidden; border-radius: 22px; aspect-ratio: 16 / 9; margin: 8px 0 6px; isolation: isolate; }
.vp-orbit { background: #1e1e1e; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 44px 44px; background-position: center; }
.vp-orbit::before, .vp-orbit::after { content: ""; position: absolute; top: 0; bottom: 0; width: 9%; background: repeating-linear-gradient(135deg, rgba(255,255,255,.09) 0 1px, transparent 1px 9px); z-index: 0; }
.vp-orbit::before { left: 0; border-right: 1px solid rgba(255,255,255,.12); }
.vp-orbit::after { right: 0; border-left: 1px solid rgba(255,255,255,.12); }
.vring { position: absolute; left: 50%; top: 50%; border-radius: 50%; border: 1px solid rgba(255,255,255,.13); transform: translate(-50%,-50%); }
.vring.r1 { width: 18%; aspect-ratio: 1; border-color: rgba(30,215,96,.35); }
.vring.r2 { width: 36%; aspect-ratio: 1; }
.vring.r3 { width: 56%; aspect-ratio: 1; border-style: dashed; border-color: rgba(255,255,255,.10); }
.vring.r4 { width: 78%; aspect-ratio: 1; }
.vcross { position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)) center / 100% 1px no-repeat, linear-gradient(rgba(255,255,255,.08), rgba(255,255,255,.08)) center / 1px 100% no-repeat; }
.vorb { position: absolute; left: 50%; top: 50%; width: 0; height: 0; animation: vSpin 28s linear infinite; }
.vorb.o2 { animation-duration: 44s; animation-direction: reverse; }
.vorb i { position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 22%, transparent), 0 0 14px var(--c); transform: rotate(var(--a, 0deg)) translateX(var(--r)); }
.vorb.o1 { --r: min(18vw, 140px); } .vorb.o2 { --r: min(28vw, 214px); }
.vcore { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 18px; display: grid; place-items: center; background: #101010; border: 1px solid rgba(30,215,96,.45); box-shadow: 0 0 0 8px rgba(255,255,255,0.04), 0 0 40px rgba(30,215,96,.45); animation: vPulse 3.2s ease-in-out infinite; z-index: 2; }
.vcore .ic { width: 40px; height: 40px; border-radius: 10px; }
@keyframes vSpin { to { transform: rotate(360deg); } }
@keyframes vPulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 8px rgba(255,255,255,0.04), 0 0 30px rgba(30,215,96,.35); } 50% { transform: scale(1.06); box-shadow: 0 0 0 14px rgba(255,255,255,0.025), 0 0 56px rgba(30,215,96,.6); } }
.vp-dash { background: #1e1e1e; padding: 18px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; gap: 12px; color: #ffffff; }
.vd-tiles { display: grid; gap: 12px; }
.vd-t, .vd-r, .vd-chart { background: #282828; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; }
.vd-t { padding: 12px 14px; display: grid; gap: 4px; }
.vd-bar { display: block; width: 36%; height: 6px; border-radius: 4px; background: rgba(255,255,255,.12); }
.vd-t b { font-family: var(--head); font-size: clamp(20px, 2.6vw, 28px); font-weight: 600; letter-spacing: -.01em; display: flex; align-items: baseline; gap: 4px; }
.vd-t em { font-style: normal; font-size: .7em; }
.vd-t em.up { color: #1ED760; } .vd-t em.dn { color: #f5a524; }
.vd-t small, .vd-r small { color: #a4a4a4; font-size: 12.5px; }
.vd-rings { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vd-r { position: relative; display: grid; justify-items: center; align-content: center; gap: 6px; padding: 12px 8px; }
.vd-r svg { width: 72%; max-width: 92px; transform: rotate(-90deg); }
.vd-r circle { fill: none; stroke-width: 4; }
.vd-r .bg { stroke: rgba(255,255,255,.1); }
.vd-r .fg { stroke-linecap: round; stroke-dasharray: 100.53; stroke-dashoffset: 100.53; transition: stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .2s; }
.vd-r .fg.a { stroke: #1ED760; } .vd-r .fg.b { stroke: #7fb0ff; }
.vp-dash.play .vd-r .fg { stroke-dashoffset: calc(100.53 * (1 - var(--v))); }
.vd-r b { position: absolute; top: calc(50% - 22px); font-family: var(--head); font-size: 17px; font-weight: 600; }
.vd-chart { grid-column: 1 / -1; padding: 12px 6px 6px; }
.vd-chart svg { width: 100%; height: 100%; min-height: 54px; display: block; }
.vd-chart polyline { fill: none; stroke-linejoin: round; stroke-linecap: round; }
.vd-chart .gl { stroke: rgba(255,255,255,.12); stroke-width: 1; stroke-dasharray: 3 4; }
.vd-chart .ln, .vd-chart .ln2 { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.8s ease .3s; }
.vd-chart .ln { stroke: #1ED760; stroke-width: 2.5; } .vd-chart .ln2 { stroke: #d36bd6; stroke-width: 2; transition-delay: .6s; }
.vp-dash.play .vd-chart .ln, .vp-dash.play .vd-chart .ln2 { stroke-dashoffset: 0; }
.vp-light { background: #efefef; display: grid; place-items: center; }
.vtiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; width: 62%; transform: perspective(900px) rotateX(48deg) rotateZ(-30deg); }
.vtiles i { aspect-ratio: 1; border-radius: 12px; background: #f9f9f9; box-shadow: 0 1px 0 #ffffff inset, 0 6px 0 #dddddd, 0 12px 18px rgba(27,27,27,.08); }
.vgem { position: absolute; left: 50%; top: 46%; width: 92px; height: 92px; margin: -46px 0 0 -46px; border-radius: 26px; display: grid; place-items: center; background: linear-gradient(145deg, #4ee68b, #17b552 60%, #0f8f40); box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 -6px 12px rgba(0,0,0,.12) inset, 0 10px 0 #0e7a37, 0 26px 34px rgba(15,143,64,.35); animation: vFloat 4.5s ease-in-out infinite; }
.vgem svg { width: 50px; height: auto; }
@keyframes vFloat { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-10px) rotate(-3deg); } }
.vstack { display: grid; justify-items: center; max-width: 620px; margin: 0 auto; }
.vlist, .vrows, .vcmp { width: 100%; background: #ffffff; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
.vl-h { padding: 14px 20px; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--text-3); background: #f8f8f8; border-bottom: 1px solid var(--line); }
.vl-r { display: flex; align-items: center; gap: 14px; padding: 15px 20px; font-size: 16.5px; color: var(--text); border-bottom: 1px solid var(--line-2); }
.vl-r:last-child { border-bottom: 0; }
.vl-r svg, .vr > svg, .va-t svg, .vc-h svg, .vc-top svg { width: 22px; height: 22px; flex: none; color: var(--text-2); }
.vchev { position: relative; z-index: 1; width: 44px; height: 44px; margin: -10px 0; border-radius: 50%; background: #ffffff; border: 1px solid var(--line); display: grid; place-items: center; color: var(--text-2); box-shadow: 0 4px 10px rgba(27,27,27,.06); }
.vchev svg { width: 18px; height: 18px; }
.vaddon { width: 100%; display: grid; gap: 6px; padding: 20px; border-radius: 20px; background: #f1f1f1; border: 1px solid #c7efd5; color: var(--text-2); font-size: 16px; line-height: 1.5; text-decoration: none; transition: transform .2s; }
.vaddon:hover { transform: translateY(-2px); }
.va-t { display: flex; align-items: center; gap: 10px; font-family: var(--head); font-size: 20px; font-weight: 600; color: #137a38; }
.va-t svg { color: #137a38; }
.va-t em { margin-left: auto; font-style: normal; font-family: var(--body); font-size: 12.5px; font-weight: 600; color: #137a38; background: #ffffff; border: 1px solid #c7efd5; border-radius: 99px; padding: 3px 10px; }
.vrows { margin-top: 28px; text-align: center; }
.vr { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border-bottom: 1px solid var(--line-2); text-align: left; }
.vr > svg { margin-top: 2px; color: #137a38; }
.vr b { display: block; font-family: var(--head); font-size: 18px; font-weight: 600; color: var(--text); margin-bottom: 4px; }
.vr p { font-size: 16px; color: var(--text-2); line-height: 1.5; margin: 0; }
.vdown { display: block; width: 24px; height: 48px; margin: 18px auto 8px; color: var(--text-3); }
.vdown svg { width: 100%; height: 100%; }
.vdown path { stroke-dasharray: 70; stroke-dashoffset: 0; }
.vclose { font-family: var(--head); font-size: clamp(22px, 2.4vw, 28px); font-weight: 600; letter-spacing: -.01em; color: var(--text); padding: 0 20px 26px; margin: 0; }
.vcmp { max-width: 760px; margin: 0 auto; }
.vc-h { display: flex; align-items: center; gap: 10px; padding: 16px 20px; background: #f8f8f8; border-bottom: 1px solid var(--line); }
.vc-h b { font-family: var(--head); font-size: 17px; font-weight: 600; }
.vc-i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #ffffff; border: 1px solid var(--line); }
.vc-i svg { width: 18px; height: 18px; }
.vc-row { display: grid; grid-template-columns: 1fr 110px 110px; border-bottom: 1px solid var(--line-2); }
.vc-row > span { padding: 14px 16px; font-size: 16px; color: var(--text); display: flex; align-items: center; }
.vc-row > span + span { justify-content: center; border-left: 1px solid var(--line-2); }
.vc-row > span + span svg { width: 22px; height: 22px; color: #1ED760; stroke-width: 2.6; }
.vc-top > span + span { flex-direction: column; gap: 4px; padding: 18px 8px; }
.vc-top b { font-family: var(--head); font-size: 17px; }
.vc-top small { font-size: 13px; color: var(--text-3); }
.vc-top > span + span svg { color: var(--text-2); stroke-width: 1.6; }
.vc-row .no::before { content: ""; width: 14px; height: 2px; border-radius: 2px; background: #cfcfcf; }
.vc-more { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 16px; font-weight: 600; color: var(--text); text-decoration: none; }
.vc-more svg { width: 16px; height: 16px; }
@media (max-width: 640px) {
.vfeat { margin-bottom: 52px; gap: 12px; }
.vfeat h2 { font-size: 28px; }
.vfeat .vlead { font-size: 17px; }
.vfeat > p { font-size: 16px; }
.vpn { border-radius: 18px; margin: 4px 0; }
.vp-dash { aspect-ratio: auto; padding: 12px; gap: 10px; }
.vd-t { padding: 10px 12px; }
.vd-t b { font-size: 21px; }
.vd-r svg { width: 64px; }
.vd-r b { top: 18px; font-size: 15px; }
.vd-chart svg { height: 64px; }
.vorb.o1 { --r: 22vw; } .vorb.o2 { --r: 34vw; }
.vcore { width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 15px; }
.vcore .ic { width: 32px; height: 32px; }
.vgem { width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 20px; }
.vgem svg { width: 40px; }
.vtiles { width: 70%; gap: 7px; }
.vl-r { padding: 13px 16px; font-size: 16px; }
.vr { padding: 16px; }
.vc-row { grid-template-columns: 1fr 76px 76px; }
.vc-row > span { padding: 12px; font-size: 15px; }
.vc-top > span + span { padding: 14px 4px; }
.vc-top b { font-size: 15px; } .vc-top small { font-size: 12px; }
.slabel { font-size: 12px; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.vorb, .vcore, .vgem { animation: none !important; }
.vd-r .fg, .vd-chart .ln, .vd-chart .ln2 { transition: none !important; }
.vp-dash .vd-r .fg { stroke-dashoffset: calc(100.53 * (1 - var(--v))); }
.vp-dash .vd-chart .ln, .vp-dash .vd-chart .ln2 { stroke-dashoffset: 0; }
}
.vd-r { grid-template-rows: auto auto; }
.vd-r svg, .vd-r b { grid-area: 1 / 1; align-self: center; justify-self: center; }
.vd-r b { position: static; top: auto; transform: none; }
.vd-r small { grid-row: 2; }
.vd-t b { gap: 0; } .vd-t em { margin-right: 4px; }
.vc-top small { white-space: nowrap; }
@media (max-width: 640px) { .vc-row { grid-template-columns: 1fr 84px 84px; } .vd-r b { top: auto; } }
:root { --night: #000000; }
body, body::before, .nav, .nav .menu .top, .wordmark, .burger, .vnight h2, .vnight .vlead, .vnight .vfeat > p, .vnight .slabel { transition: background-color .6s ease, color .6s ease, border-color .6s ease, filter .6s ease; }
html.night body, html.night body::before { background: var(--night); }
html.night .nav { background: rgba(0,0,0,.86); border-bottom-color: rgba(255,255,255,.08); }
html.night .nav .menu .top, html.night .nav .login, html.night .nav-right > a:not(.btn) { color: #f3f3f3; }
html.night .nav .menu .top svg { color: #f3f3f3; }
html.night .nav .btn-black { background: #ffffff; color: #121212; }
html.night .nav .wordmark { filter: brightness(0) invert(1); }
html.night .burger { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); color: #ffffff; }
html.night .vnight h2 { color: #ffffff; }
html.night .vnight .vlead { color: #c1c1c1; }
html.night .vnight .vfeat > p { color: #a4a4a4; }
html.night .vnight .slabel { color: #989898; }
html.night .vnight .slabel::before, html.night .vnight .slabel::after { background: rgba(255,255,255,.14); }
.vnight .vpn { border: 1px solid rgba(18,18,18,.06); transition: border-color .6s ease; }
html.night .vnight .vpn { border-color: rgba(255,255,255,.09); }
.vp-light { background: #191919; background-image: radial-gradient(60% 70% at 50% 45%, rgba(255,255,255,0.08), transparent 70%); }
.vtiles i { background: #2e2e2e; box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 6px 0 #121212, 0 14px 22px rgba(0,0,0,.45); }
.vgem { box-shadow: 0 1px 0 rgba(255,255,255,.55) inset, 0 -6px 12px rgba(0,0,0,.12) inset, 0 10px 0 #0e7a37, 0 0 60px rgba(30,215,96,.45); }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
body, body::before, .nav, .nav .menu .top, .wordmark, .burger, .vnight h2, .vnight .vlead, .vnight .vfeat > p, .vnight .slabel, .vnight .vpn { transition: none !important; }
}
html.night .nav { background: rgba(0,0,0,.97); }
#vnight { padding-bottom: clamp(140px, 16vw, 220px); }
.vgrid { background-color: #1e1e1e; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 44px 44px; background-position: center; }
.vgrid::before, .vgrid::after { content: ""; position: absolute; top: 0; bottom: 0; width: 8%; background: repeating-linear-gradient(135deg, rgba(255,255,255,.09) 0 1px, transparent 1px 9px); z-index: 0; }
.vgrid::before { left: 0; border-right: 1px solid rgba(255,255,255,.12); }
.vgrid::after { right: 0; border-left: 1px solid rgba(255,255,255,.12); }
.vp-orbit { --r1: 118px; --r2: 196px; }
.vring.r1 { width: 96px; } .vring.r2 { width: calc(var(--r1) * 2); } .vring.r3 { width: calc(var(--r1) + var(--r2)); } .vring.r4 { width: calc(var(--r2) * 2); }
.vorb { animation: vSpin 34s linear infinite; }
.vorb.o2 { animation: vSpin 52s linear infinite reverse; }
.vorb > i { position: absolute; left: 0; top: 0; width: 0; height: 0; transform: rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1)); box-shadow: none; background: none; border-radius: 0; }
.vorb.o1 { --r: var(--r1); } .vorb.o2 { --r: var(--r2); }
.vorb > i > b { position: absolute; left: -17px; top: -17px; width: 34px; height: 34px; border-radius: 10px; animation: vSpin 34s linear infinite reverse; box-shadow: 0 0 0 1px rgba(255,255,255,.14), 0 6px 16px rgba(0,0,0,.45); }
.vorb.o2 > i > b { animation: vSpin 52s linear infinite; }
.vorb > i.dot::after { content: ""; position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 4px color-mix(in srgb, var(--c) 22%, transparent), 0 0 14px var(--c); }
.vmono { display: grid; place-items: center; background: var(--bg); color: var(--fg, #ffffff); font: 800 11px/1 var(--body); letter-spacing: -.02em; }
.vcore { width: 64px; height: 64px; margin: -32px 0 0 -32px; background: none; border: 0; border-radius: 18px; box-shadow: none; animation: vGlow 3.2s ease-in-out infinite; }
.vcore .ic { width: 64px; height: 64px; border-radius: 18px; }
@keyframes vGlow { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(30,215,96,.35)); } 50% { transform: scale(1.07); filter: drop-shadow(0 0 26px rgba(30,215,96,.7)); } }
.vp-dash { aspect-ratio: auto; grid-template-columns: 2fr 1fr; grid-template-rows: auto auto; }
.vd-tiles { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); }
.vd-t { gap: 2px; opacity: 0; transform: translateY(10px); transition: opacity .5s ease calc(var(--i) * .12s), transform .6s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .12s); }
.vp-dash.play .vd-t { opacity: 1; transform: none; }
.vd-t.pr b { color: #1ED760; }
.vd-bars { background: #282828; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; padding: 12px 14px 10px; display: grid; grid-template-rows: auto 1fr; gap: 8px; min-height: 170px; }
.vd-bh { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; color: #a4a4a4; }
.vd-bh span { display: inline-flex; align-items: center; gap: 6px; }
.vd-bh i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
.vd-bh .ki { background: #1ED760; } .vd-bh .ko { background: #646464; margin-left: 6px; }
.vd-cols { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; align-items: end; border-bottom: 1px solid rgba(255,255,255,.1); }
.vd-cols > div { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 3px; height: 100%; min-height: 100px; padding-bottom: 20px; }
.vd-cols i { width: 38%; max-width: 16px; height: calc(var(--h) * 100%); border-radius: 4px 4px 1px 1px; background: #1ED760; transform-origin: bottom; transform: scaleY(0); transition: transform .9s cubic-bezier(.2,.8,.2,1) calc(.35s + var(--i) * .09s); }
.vd-cols i + i { background: #646464; }
.vd-cols small { position: absolute; bottom: 2px; left: 0; right: 0; text-align: center; font-size: 11px; color: #959595; }
.vp-dash.play .vd-cols i { transform: scaleY(1); }
.vd-rings { grid-template-columns: 1fr; }
.vd-r .fg { transition-delay: .6s; }
.vp-qb { aspect-ratio: 16 / 10; }
.vq-lines { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.vq-lines path { fill: none; stroke: rgba(255,255,255,.14); stroke-width: 1.2; stroke-dasharray: 4 6; animation: vDash 1.6s linear infinite; }
.vq-lines path:nth-child(n+4) { stroke: rgba(30,215,96,.35); animation-direction: normal; }
@keyframes vDash { to { stroke-dashoffset: -20; } }
.vq-col { position: absolute; top: 10%; bottom: 10%; width: 33%; overflow: hidden; z-index: 1; }
.vq-col::before, .vq-col::after { content: ""; position: absolute; left: 0; right: 0; height: 28%; z-index: 2; pointer-events: none; }
.vq-col::before { top: 0; background: linear-gradient(#1e1e1e, rgba(30,30,30,0)); }
.vq-col::after { bottom: 0; background: linear-gradient(rgba(30,30,30,0), #1e1e1e); }
.vq-in { left: 9%; } .vq-out { right: 9%; }
.vq-run { display: grid; gap: 8px; animation: vRun 12s linear infinite; }
.vq-out .vq-run { animation-duration: 10s; }
@keyframes vRun { to { transform: translateY(-50%); } }
.vq-in span { display: flex; justify-content: space-between; gap: 6px; padding: 6px 8px; border-radius: 7px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07); font: 500 10.5px/1.2 ui-monospace, "SF Mono", Menlo, monospace; color: #b7b7b7; white-space: nowrap; }
.vq-in em { font-style: normal; color: #eaeaea; }
.vq-out span { display: flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 99px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.14); color: #c9f5d8; font-size: 12px; font-weight: 600; justify-self: end; }
.vq-out svg { width: 13px; height: 13px; color: #1ED760; stroke-width: 3; }
.vq-core { position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; z-index: 3; display: grid; place-items: center; border-radius: 50%; animation: vGlowQ 3.2s ease-in-out infinite; }
.vq-core .lg { width: 64px; height: 64px; border-radius: 50%; box-shadow: 0 0 0 6px rgba(255,255,255,0.075); }
@keyframes vGlowQ { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(44,160,28,.4)); } 50% { transform: scale(1.06); filter: drop-shadow(0 0 26px rgba(44,160,28,.75)); } }
.vq-tag { position: absolute; left: 50%; bottom: 7%; transform: translateX(-50%); z-index: 3; font: 500 11px ui-monospace, "SF Mono", Menlo, monospace; color: #1ED760; letter-spacing: .04em; background: rgba(30,30,30,.9); padding: 3px 10px; border-radius: 99px; border: 1px solid rgba(255,255,255,0.15); }
.vcard li.no::before { background-color: #eeeeee !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23d93025' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") !important; }
.vc-top { background: #f8f8f8; border-bottom: 1px solid var(--line); }
.vc-top > span { padding: 16px; }
.vc-top .vc-what { font-family: var(--head); font-size: 17px; font-weight: 600; }
.vc-top > span + span { flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 14px 6px; }
.vc-top b { font-family: var(--head); font-size: 16px; font-weight: 600; }
.vc-top small { font-size: 13px; color: var(--text-3); }
.tready .tic { display: grid; place-items: center; background: #1ED760; color: #ffffff; box-shadow: none; }
.tready .tic svg { width: 15px; height: 15px; stroke-width: 3; }
.tready .tb > span { white-space: nowrap; }
@media (max-width: 640px) {
.vp-orbit { aspect-ratio: 5 / 4; --r1: 86px; --r2: 138px; }
.vorb > i > b { left: -14px; top: -14px; width: 28px; height: 28px; border-radius: 8px; }
.vmono { font-size: 9.5px; }
.vcore, .vcore .ic { width: 54px; height: 54px; } .vcore { margin: -27px 0 0 -27px; }
.vring.r1 { width: 78px; }
.vp-dash { grid-template-columns: 1fr 96px; }
.vd-t { padding: 9px 10px; }
.vd-t b { font-size: 16.5px; }
.vd-t small { font-size: 11.5px; }
.vd-bars { padding: 10px; min-height: 150px; }
.vd-cols { gap: 4px; }
.vd-r { padding: 8px 4px; }
.vd-r svg { width: 56px; }
.vd-r b { font-size: 13.5px; }
.vp-qb { aspect-ratio: 5 / 4; }
.vq-col { width: 36%; }
.vq-in { left: 4%; } .vq-out { right: 4%; }
.vq-in span { font-size: 9px; padding: 5px 6px; }
.vq-in span { flex-direction: column; gap: 2px; }
.vq-out span { font-size: 11px; }
.vq-core, .vq-core .lg { width: 52px; height: 52px; } .vq-core { margin: -26px 0 0 -26px; }
.vc-row { grid-template-columns: 1fr 78px 78px; }
.vc-top .vc-what { font-size: 15.5px; padding: 14px 12px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.vorb, .vorb > i > b, .vcore, .vq-core, .vq-run, .vq-lines path { animation: none !important; }
.vd-t, .vd-cols i { transition: none !important; opacity: 1; transform: none; }
}
.vp-orbit { --r1: 104px; --r2: 172px; }
@media (max-width: 640px) { .vp-orbit { aspect-ratio: 10 / 9; --r1: 80px; --r2: 126px; } }
html.night .nav { background: #000000; }
.vp-work .vq-col { top: 18%; bottom: 8%; }
.vw-core { animation: vGlow 3.2s ease-in-out infinite; border-radius: 18px; }
.vw-core .ic { width: 64px; height: 64px; border-radius: 18px; }
.vw-core::before, .vw-core::after { content: ""; position: absolute; inset: -14px; border-radius: 26px; border: 1px solid rgba(30,215,96,.35); animation: vRipple 2.6s ease-out infinite; }
.vw-core::after { animation-delay: 1.3s; }
@keyframes vRipple { from { transform: scale(.85); opacity: .9; } to { transform: scale(1.6); opacity: 0; } }
.vp-work .vq-in span { align-items: center; justify-content: flex-start; gap: 7px; }
.vp-work .vq-in span svg { width: 13px; height: 13px; flex: none; }
.vp-work .vq-in b { font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.vp-work .vq-in em { margin-left: auto; }
.vp-work .k-tx svg { color: #8fb7ff; } .vp-work .k-rc svg { color: #f5a524; } .vp-work .k-iv svg { color: #d36bd6; }
.vp-work .vq-out span.m { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); color: #fde3b5; }
.vp-work .vq-out span.m svg { color: #f5a524; }
.vp-work .vq-out span.p, .vp-work .vq-out span.r { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); color: #e9e9e9; }
.vp-work .vq-out span.p svg, .vp-work .vq-out span.r svg { color: #d36bd6; }
.vw-count { position: absolute; top: 5%; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; gap: 8px; white-space: nowrap; }
.vw-count span { padding: 5px 11px; border-radius: 99px; background: rgba(30,30,30,.92); border: 1px solid rgba(255,255,255,.12); font-size: 12px; color: #b7b7b7; }
.vw-count b { font-family: var(--head); font-weight: 600; color: #ffffff; font-size: 13px; }
.vw-count span:nth-child(1) b { color: #1ED760; } .vw-count span:nth-child(2) b { color: #f5a524; } .vw-count span:nth-child(3) b { color: #e08ae2; }
@media (max-width: 640px) {
.vp-work .vq-col { top: 20%; }
.vp-work .vq-in span { flex-direction: row; font-size: 8.5px; padding: 5px 6px; gap: 5px; }
.vp-work .vq-in em { display: none; }
.vw-core, .vw-core .ic { width: 52px; height: 52px; }
.vw-count { gap: 5px; }
.vw-count span { padding: 4px 8px; font-size: 10.5px; }
.vw-count b { font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .vw-core, .vw-core::before, .vw-core::after { animation: none !important; } .vw-core::before, .vw-core::after { opacity: 0; } }
.vq-tag { white-space: nowrap; }
.vq-out span { white-space: nowrap; }
@media (max-width: 640px) { .vp-work .vq-out span { font-size: 10px; padding: 5px 8px; gap: 4px; } .vp-work .vq-out svg { width: 11px; height: 11px; } .vq-tag { font-size: 10px; } }
.vp-work { aspect-ratio: auto; padding: 18px 22px 22px; display: grid; gap: 16px; }
.vp-work > * { position: relative; z-index: 1; }
.vw-top { display: flex; justify-content: flex-start; padding-left: 6%; }
.vw-live { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: 99px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); color: #c9f5d8; font: 500 12px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .02em; }
.vw-live i { width: 8px; height: 8px; border-radius: 50%; background: #1ED760; box-shadow: 0 0 10px #1ED760; animation: vBlink 1.4s ease-in-out infinite; }
@keyframes vBlink { 50% { opacity: .25; } }
.vw-badge { position: absolute !important; left: 50%; top: 12px; width: 44px; height: 44px; margin-left: -22px; z-index: 3 !important; filter: drop-shadow(0 0 16px rgba(30,215,96,.55)); }
.vw-badge .ic { width: 44px; height: 44px; border-radius: 13px; display: block; }
.vw-beam { position: absolute !important; left: 50%; top: 52px; bottom: 14px; width: 2px; margin-left: -1px; z-index: 2 !important; background: linear-gradient(rgba(30,215,96,.9), rgba(255,255,255,0.125)); box-shadow: 0 0 14px rgba(30,215,96,.6); overflow: hidden; }
.vw-beam::after { content: ""; position: absolute; left: -3px; width: 8px; height: 40px; border-radius: 4px; background: linear-gradient(transparent, #b6ffd0, transparent); animation: vScan 2.4s ease-in-out infinite; }
@keyframes vScan { from { transform: translateY(-40px); } to { transform: translateY(260px); } }
.wl { display: grid; gap: 7px; padding: 0 6%; }
.wl-h { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #b7b7b7; padding-right: 0; }
.wl-h svg { width: 15px; height: 15px; flex: none; }
.wl-h > b { font-weight: 600; color: #eaeaea; }
.wl-h > span { margin-left: auto; font-family: var(--head); font-size: 15px; }
.l1 .wl-h svg, .l1 .wl-h > span { color: #1ED760; } .l2 .wl-h svg, .l2 .wl-h > span { color: #f5a524; } .l3 .wl-h svg, .l3 .wl-h > span { color: #e08ae2; }
.wl-t { position: relative; height: 34px; border-radius: 10px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.07); }
.wl-c { position: absolute; top: 0; bottom: 0; width: 50%; overflow: hidden; }
.wl-l { left: 0; border-radius: 10px 0 0 10px; } .wl-r { left: 50%; border-radius: 0 10px 10px 0; }
.wl-run { position: absolute; top: 4px; left: 0; display: flex; animation: vLane 16s linear infinite; }
.wl-r .wl-run { left: -100%; }
.wl.l2 .wl-run { animation-duration: 19s; } .wl.l3 .wl-run { animation-duration: 23s; }
@keyframes vLane { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.wl-run i { flex: none; width: 136px; margin-right: 10px; height: 24px; border-radius: 7px; display: flex; align-items: center; gap: 6px; padding: 0 9px; font-style: normal; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
.wl-l i { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09); color: #959595; font: 500 10.5px ui-monospace, "SF Mono", Menlo, monospace; justify-content: space-between; }
.wl-l i em { font-style: normal; color: #d5d5d5; }
.wl-r i { font: 600 11.5px var(--body); justify-content: center; }
.wl-r i svg { width: 12px; height: 12px; stroke-width: 3; flex: none; }
.l1 .wl-r i { background: rgba(255,255,255,0.06); border: 1px solid rgba(30,215,96,.35); color: #c9f5d8; } .l1 .wl-r i svg { color: #1ED760; }
.l2 .wl-r i { background: rgba(255,255,255,0.06); border: 1px solid rgba(245,165,36,.35); color: #fde3b5; } .l2 .wl-r i svg { color: #f5a524; }
.l3 .wl-r i { background: rgba(255,255,255,0.06); border: 1px solid rgba(211,107,214,.35); color: #e9e9e9; } .l3 .wl-r i svg { color: #e08ae2; }
@media (max-width: 640px) {
.vp-work { padding: 16px 12px 18px; gap: 14px; }
.vw-top, .wl { padding-left: 2%; padding-right: 2%; }
.vw-badge, .vw-badge .ic { width: 38px; height: 38px; } .vw-badge { margin-left: -19px; top: 10px; }
.vw-beam { top: 48px; }
.wl-run i { width: 112px; margin-right: 8px; padding: 0 7px; }
.wl-l i { font-size: 9px; }
.wl-r i { font-size: 10.5px; }
.vw-live { font-size: 10.5px; padding: 4px 10px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wl-run, .vw-beam::after, .vw-live i { animation: none !important; } }
.vp-work { display: flex !important; flex-direction: column; gap: 16px; }
.vp-work .wl { padding: 0 7%; }
#vnight + section .sec-head h2, #vnight + section .sec-head .sub { transition: color .6s ease; }
html.night #vnight + section .sec-head h2 { color: #ffffff; }
html.night #vnight + section .sec-head .sub { color: #c1c1c1; }
.wopt { display: none !important; }
.wopt.on { display: block !important; }
.vp-work.wopt.on { display: flex !important; }
.wtabs2 { display: flex; gap: 6px; padding: 4px; border-radius: 99px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); width: max-content; max-width: 100%; margin-top: 4px; }
html:not(.night) .wtabs2 { background: #efefef; border-color: var(--line); }
.wtabs2 button { border: 0; background: none; padding: 8px 14px; border-radius: 99px; font: 600 13.5px var(--body); color: #a4a4a4; cursor: pointer; white-space: nowrap; }
.wtabs2 button.on { background: #1ED760; color: #000000; }
.vp-log { padding: 0; min-height: 360px; }
.vp-log > * { position: relative; z-index: 1; }
.lo-bar { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(15,15,15,.7); }
.lo-dots { display: flex; gap: 6px; } .lo-dots i { width: 10px; height: 10px; border-radius: 50%; background: #3e3e3e; }
.lo-bar b { font: 600 12.5px ui-monospace, "SF Mono", Menlo, monospace; color: #d5d5d5; }
.lo-st { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font: 500 12px ui-monospace, "SF Mono", Menlo, monospace; color: #1ED760; }
.lo-st i { width: 8px; height: 8px; border-radius: 50%; background: #1ED760; box-shadow: 0 0 10px #1ED760; animation: vBlink 1.4s ease-in-out infinite; }
.lo-cnt { display: flex; gap: 8px; padding: 12px 16px 4px; flex-wrap: wrap; }
.lo-cnt span { padding: 4px 10px; border-radius: 99px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); font-size: 12px; color: #b7b7b7; }
.lo-cnt b { font-family: var(--head); color: #ffffff; font-weight: 600; }
.lo-cnt span:nth-child(1) b { color: #1ED760; } .lo-cnt span:nth-child(2) b { color: #f5a524; } .lo-cnt span:nth-child(3) b { color: #e08ae2; }
.lo-win { position: relative; height: 230px; overflow: hidden; margin: 6px 0 0; }
.lo-win::before, .lo-win::after { content: ""; position: absolute; left: 0; right: 0; height: 60px; z-index: 2; pointer-events: none; }
.lo-win::before { top: 0; background: linear-gradient(#1e1e1e, rgba(30,30,30,0)); }
.lo-win::after { bottom: 0; background: linear-gradient(rgba(30,30,30,0), #1e1e1e); }
.lo-run { display: grid; animation: vRun 22s linear infinite; }
.lo-run .lo-l { display: grid; grid-template-columns: 48px 64px 1fr auto; align-items: center; gap: 10px; padding: 9px 16px 9px 8%; border-bottom: 1px dashed rgba(255,255,255,.06); font: 500 12.5px ui-monospace, "SF Mono", Menlo, monospace; color: #d5d5d5; }
.lo-run .lo-l > span { font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lo-run .lo-t { color: #797979; }
.lo-run .lo-a.lo-g { color: #1ED760; } .lo-run .lo-a.lo-o { color: #f5a524; } .lo-run .lo-a.lo-p { color: #e08ae2; }
.lo-run .lo-r { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 99px; font: 600 11.5px var(--body); }
.lo-run .lo-r svg { width: 11px; height: 11px; stroke-width: 3; }
.lo-run .lo-r.lo-g { background: rgba(255,255,255,0.06); color: #c9f5d8; } .lo-run .lo-r.lo-g svg { color: #1ED760; }
.lo-run .lo-r.lo-o { background: rgba(255,255,255,0.06); color: #fde3b5; } .lo-run .lo-r.lo-o svg { color: #f5a524; }
.lo-run .lo-r.lo-p { background: rgba(255,255,255,0.06); color: #e9e9e9; } .lo-run .lo-r.lo-p svg { color: #e08ae2; }
.lo-scan { position: absolute; left: 0; right: 0; top: 50%; height: 38px; margin-top: -19px; z-index: 1; background: linear-gradient(90deg, rgba(255,255,255,0.0), rgba(255,255,255,0.06) 30%, rgba(255,255,255,0.06) 70%, rgba(255,255,255,0.0)); border-top: 1px solid rgba(30,215,96,.35); border-bottom: 1px solid rgba(30,215,96,.35); }
.lo-cur { padding: 12px 16px 16px 8%; font: 500 12px ui-monospace, "SF Mono", Menlo, monospace; color: #959595; }
.lo-cur i { display: inline-block; width: 7px; height: 14px; margin-left: 4px; vertical-align: -2px; background: #1ED760; animation: vBlink 1s steps(1) infinite; }
.vp-sort { container-type: inline-size; aspect-ratio: 16 / 11; }
.so-core { position: absolute; left: 50%; top: 42%; width: 58px; height: 58px; margin: -29px 0 0 -29px; z-index: 2; filter: drop-shadow(0 0 18px rgba(30,215,96,.55)); }
.so-core .ic { width: 58px; height: 58px; border-radius: 17px; display: block; }
.so-core::before { content: ""; position: absolute; inset: -18px; border-radius: 50%; border: 1px dashed rgba(30,215,96,.4); animation: vSpin 14s linear infinite; }
.sc { position: absolute; left: 50%; top: 6%; width: 168px; margin-left: -84px; z-index: 3; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; column-gap: 8px; row-gap: 4px; padding: 9px 11px; border-radius: 12px; background: #2e2e2e; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 10px 24px rgba(0,0,0,.45); color: #eaeaea; opacity: 0; animation: 6s cubic-bezier(.5,0,.2,1) infinite both; }
.sc > svg { width: 18px; height: 18px; color: #b7b7b7; }
.sc b { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc em { font-style: normal; font: 500 11.5px ui-monospace, "SF Mono", Menlo, monospace; color: #d5d5d5; }
.sc small { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; opacity: 0; animation: inherit; animation-name: vTagIn; }
.sc small svg { width: 11px; height: 11px; stroke-width: 3; }
.sc0 small { color: #1ED760; } .sc1 small { color: #f5a524; } .sc2 small { color: #e08ae2; }
.sc0 { animation-name: vFlyL; animation-delay: 0s; } .sc1 { animation-name: vFlyM; animation-delay: 2s; } .sc2 { animation-name: vFlyR; animation-delay: 4s; }
.sc1 small { animation-delay: 2s; } .sc2 small { animation-delay: 4s; }
@keyframes vFlyL { 0% { opacity: 0; transform: translateY(-14px); } 10% { opacity: 1; transform: none; } 30% { transform: translateY(24cqw) scale(.9); } 45% { transform: translateY(24cqw) scale(.9); } 80% { opacity: 1; transform: translate(-31cqw, 45cqw) scale(.78); } 92%, 100% { opacity: 0; transform: translate(-31cqw, 48cqw) scale(.7); } }
@keyframes vFlyM { 0% { opacity: 0; transform: translateY(-14px); } 10% { opacity: 1; transform: none; } 30% { transform: translateY(24cqw) scale(.9); } 45% { transform: translateY(24cqw) scale(.9); } 80% { opacity: 1; transform: translate(0, 45cqw) scale(.78); } 92%, 100% { opacity: 0; transform: translate(0, 48cqw) scale(.7); } }
@keyframes vFlyR { 0% { opacity: 0; transform: translateY(-14px); } 10% { opacity: 1; transform: none; } 30% { transform: translateY(24cqw) scale(.9); } 45% { transform: translateY(24cqw) scale(.9); } 80% { opacity: 1; transform: translate(31cqw, 45cqw) scale(.78); } 92%, 100% { opacity: 0; transform: translate(31cqw, 48cqw) scale(.7); } }
@keyframes vTagIn { 0%, 38% { opacity: 0; } 46%, 100% { opacity: 1; } }
.so-piles { position: absolute; left: 6%; right: 6%; bottom: 6%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; z-index: 1; }
.so-piles span { display: grid; justify-items: center; gap: 2px; padding: 12px 6px 10px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px dashed rgba(255,255,255,.16); font-size: 12px; color: #b7b7b7; animation: vPileHit 6s ease-out infinite; }
.so-piles b { font-family: var(--head); font-size: 22px; font-weight: 600; }
.sp0 b { color: #1ED760; } .sp1 b { color: #f5a524; } .sp2 b { color: #e08ae2; }
.so-piles .sp0 { --pc: rgba(30,215,96,.5); animation-delay: 0s; } .so-piles .sp1 { --pc: rgba(245,165,36,.5); animation-delay: 2s; } .so-piles .sp2 { --pc: rgba(211,107,214,.5); animation-delay: 4s; }
@keyframes vPileHit { 0%, 76% { box-shadow: none; } 84% { box-shadow: 0 0 0 2px var(--pc), 0 0 26px var(--pc); } 100% { box-shadow: none; } }
@media (max-width: 640px) {
.wtabs2 button { padding: 7px 10px; font-size: 12px; }
.lo-run .lo-l { grid-template-columns: 50px 1fr auto; padding-left: 14px; padding-right: 12px; font-size: 10.5px; gap: 8px; }
.lo-run .lo-t { display: none; }
.lo-run .lo-r { font-size: 10px; padding: 3px 7px; }
.lo-cur { padding-left: 14px; font-size: 10.5px; }
.lo-cnt { padding-left: 14px; }
.vp-sort { aspect-ratio: 4 / 4.2; }
.sc { width: 150px; margin-left: -75px; padding: 8px 10px; }
.so-piles span { padding: 10px 4px 8px; font-size: 11px; }
.so-piles b { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.lo-run, .lo-st i, .lo-cur i, .so-core::before, .so-piles span { animation: none !important; }
.sc { animation: none !important; opacity: 1; } .sc small { animation: none !important; opacity: 1; }
.sc1 { transform: translate(-31cqw, 30cqw) scale(.8); } .sc0 { transform: translateY(14cqw) scale(.8); } .sc2 { transform: translate(31cqw, 30cqw) scale(.8); }
}
.vp-sort { --py: calc(25cqw + 36px); --pp: calc(60cqw - 52px); }
.sc { width: 200px; margin-left: -100px; }
.sc b { font-size: 12px; }
@keyframes vFlyL { 0% { opacity: 0; transform: translateY(-14px); } 10% { opacity: 1; transform: none; } 30%, 45% { transform: translateY(var(--py)) scale(.92); } 80% { opacity: 1; transform: translate(-29cqw, var(--pp)) scale(.72); } 92%, 100% { opacity: 0; transform: translate(-29cqw, var(--pp)) scale(.6); } }
@keyframes vFlyM { 0% { opacity: 0; transform: translateY(-14px); } 10% { opacity: 1; transform: none; } 30%, 45% { transform: translateY(var(--py)) scale(.92); } 80% { opacity: 1; transform: translate(0, var(--pp)) scale(.72); } 92%, 100% { opacity: 0; transform: translate(0, var(--pp)) scale(.6); } }
@keyframes vFlyR { 0% { opacity: 0; transform: translateY(-14px); } 10% { opacity: 1; transform: none; } 30%, 45% { transform: translateY(var(--py)) scale(.92); } 80% { opacity: 1; transform: translate(29cqw, var(--pp)) scale(.72); } 92%, 100% { opacity: 0; transform: translate(29cqw, var(--pp)) scale(.6); } }
.so-core { z-index: 4; }
@media (max-width: 640px) {
.vp-sort { --py: calc(38cqw + 34px); --pp: calc(92cqw - 52px); }
.sc { width: 180px; margin-left: -90px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.sc0 { transform: translate(-29cqw, var(--pp)) scale(.72); } .sc1 { transform: translateY(var(--py)) scale(.92); } .sc2 { transform: translate(29cqw, var(--pp)) scale(.72); }
}
.vfeat > * { min-width: 0; }
.lo-run .lo-l { grid-template-columns: 48px 64px minmax(0, 1fr) auto; }
@media (max-width: 640px) { .lo-run .lo-l { grid-template-columns: 50px minmax(0, 1fr) auto; } }
.vp-log { aspect-ratio: auto; }
@media (max-width: 640px) { .hero .arcglass { backdrop-filter: blur(14px) saturate(1.5) !important; -webkit-backdrop-filter: blur(14px) saturate(1.5) !important; background: rgba(255,255,255,.4); } }
.kdot { position: relative; flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid rgba(30,215,96,.45); background: #ffffff; }
.kdot::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #1ED760; box-shadow: 0 0 6px rgba(30,215,96,.55); }
.kdot { border: 0; background: transparent; }
.wm { color: #1ED760; }
@media (min-width: 821px) {
.wpanel .wpt { align-self: stretch; display: flex; flex-direction: column; align-items: flex-start; }
.wpanel .wpt h3 { margin-top: auto; }
.wpanel .wpt .wm { margin-top: auto; }
}
.cstrip { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.cstrip .cs { display: grid; gap: 4px; padding: 0 22px; border-left: 1px solid var(--line); }
.cstrip .cs:first-child { padding-left: 0; border-left: 0; }
.cstrip .csl { font-size: 13.5px; color: var(--text-3); }
.cstrip b { font-family: var(--head); font-size: clamp(28px, 3vw, 36px); font-weight: 500; letter-spacing: -.03em; line-height: 1.1; color: var(--text); font-variant-numeric: tabular-nums; }
.cstrip b small { font-family: var(--body, inherit); font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--text-3); }
.cstrip .csk { font-size: 13.5px; font-weight: 600; color: #0b8f3d; }
@media (max-width: 640px) {
.cstrip { grid-template-columns: 1fr; gap: 14px; padding-bottom: 18px; }
.cstrip .cs { padding: 0 0 14px; border-left: 0; border-bottom: 1px solid var(--line); }
.cstrip .cs:last-child { padding-bottom: 0; border-bottom: 0; }
}
.calc .seg-pick { width: max-content; max-width: 100%; justify-self: start; align-self: start; }
.calc .field label b { white-space: nowrap; }
@media (min-width: 1101px) { .cards:not(.three):not(.four) { grid-template-columns: repeat(7, 1fr); } }
@media (min-width: 721px) and (max-width: 1100px) { .cards:not(.three):not(.four) { grid-template-columns: repeat(4, 1fr); } }
.ccard p, .cards > .ccard p { font-size: 14px; line-height: 1.45; }
@media (min-width: 641px) {
.ccard { display: flex; flex-direction: column; gap: 10px; }
.ccard .more { margin-top: auto; padding-top: 6px; }
}
@media (min-width: 1101px) { .cards:not(.three):not(.four) { margin-inline: -20px; gap: 8px; } }
.tvis.torbit { padding: 0; overflow: hidden; gap: 0; background: #1e1e1e; border-color: #1e1e1e; }
.tvis.torbit small { padding: 8px 12px 10px; color: rgba(255,255,255,.7); background: #1e1e1e; }
.vpn.vp-orbit.tmini { aspect-ratio: auto; height: 190px; margin: 0; border-radius: 0; --r1: 50px; --r2: 82px; }
.vp-orbit.tmini .vorb.o1 { --r: var(--r1); } .vp-orbit.tmini .vorb.o2 { --r: var(--r2); }
.vp-orbit.tmini .vring.r1 { width: 44px; }
.vp-orbit.tmini .vorb > i > b { left: -12px; top: -12px; width: 24px; height: 24px; border-radius: 7px; font-size: 7px; }
.vp-orbit.tmini .vorb > i.dot::after { left: -3px; top: -3px; width: 6px; height: 6px; }
.vp-orbit.tmini .vcore { width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 11px; }
.vp-orbit.tmini .vcore .ic { width: 40px; height: 40px; border-radius: 11px; }
.tvis.torbit { background: #ffffff; border-color: var(--line); }
.vpn.vp-orbit.tmini { background: #ffffff; background-image: none; height: 236px; --r1: 74px; --r2: 132px; }
.vp-orbit.tmini::before, .vp-orbit.tmini::after { display: none; }
.vp-orbit.tmini .vring { border-color: rgba(18,18,18,.1); }
.vp-orbit.tmini .vring.r1 { width: 84px; border-color: rgba(30,215,96,.35); }
.vp-orbit.tmini .vring.r3 { border-color: rgba(18,18,18,.08); }
.vp-orbit.tmini .vorb > i > b { left: -17px; top: -17px; width: 34px; height: 34px; border-radius: 10px; font-size: 9px; box-shadow: 0 0 0 1px rgba(18,18,18,.06), 0 6px 14px rgba(27,27,27,.14); }
.vp-orbit.tmini .vorb > i.dot::after { left: -4px; top: -4px; width: 8px; height: 8px; }
.vp-orbit.tmini .vcore { width: 56px; height: 56px; margin: -28px 0 0 -28px; border-radius: 15px; }
.vp-orbit.tmini .vcore .ic { width: 56px; height: 56px; border-radius: 15px; }
.tvis.torbit .tcount { display: block; padding: 10px 12px 12px; text-align: center; font-size: 14px; color: var(--text-2); border-top: 1px solid var(--line); }
.tvis.torbit .tcount b { color: var(--text); font-weight: 600; }
.tvis.trev, .tvis.tai { background: #ffffff; position: relative; min-height: 278px; padding: 14px; gap: 10px; align-content: start; }
.trev-h { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 600; color: var(--text); }
.trev-h em { font-style: normal; font-weight: 500; font-size: 12px; color: var(--text-3); padding: 3px 9px; border-radius: 99px; background: #f4f4f4; }
.rq { position: absolute; left: 14px; right: 14px; top: 46px; display: grid; gap: 12px; padding: 14px; border-radius: 14px; border: 1px solid var(--line); background: #ffffff; box-shadow: 0 10px 24px -18px rgba(27,27,27,.35); opacity: 0; animation: rqCard 9s ease-in-out infinite; }
.rq1 { animation-delay: 3s; } .rq2 { animation-delay: 6s; }
.rqm { display: flex; align-items: center; gap: 10px; font-size: 14.5px; }
.rqm .lg { width: 30px; height: 30px; border-radius: 8px; flex: none; }
.rqm b { font-weight: 600; color: var(--text); }
.rqm span { margin-left: auto; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text); }
.rqa { font-size: 14px; color: var(--text-2); }
.rqb { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rqb span { text-align: center; padding: 9px 0; border-radius: 10px; font-size: 13.5px; font-weight: 600; border: 1px solid var(--line); color: var(--text-2); background: #ffffff; }
.rqb .yes { animation: rqTap 9s ease-in-out infinite; animation-delay: inherit; }
.rq1 .rqb .yes { animation-delay: 3s; } .rq2 .rqb .yes { animation-delay: 6s; }
.rqok { display: inline-flex; align-items: center; gap: 6px; justify-self: start; font-size: 13px; font-weight: 600; color: #0b8f3d; opacity: 0; animation: rqOk 9s ease-in-out infinite; }
.rq1 .rqok { animation-delay: 3s; } .rq2 .rqok { animation-delay: 6s; }
.rqok svg { width: 14px; height: 14px; }
@keyframes rqCard { 0% { opacity: 0; transform: translateY(12px); } 4%, 28% { opacity: 1; transform: none; } 32%, 100% { opacity: 0; transform: translateX(-24px); } }
@keyframes rqTap { 0%, 14% { background: #ffffff; color: var(--text-2); border-color: var(--line); transform: none; } 16% { transform: scale(.96); } 18%, 32% { background: #1ED760; color: #121212; border-color: #1ED760; transform: none; } 34%, 100% { background: #ffffff; color: var(--text-2); border-color: var(--line); } }
@keyframes rqOk { 0%, 18% { opacity: 0; } 21%, 29% { opacity: 1; } 32%, 100% { opacity: 0; } }
.tai-h { display: flex; }
.tai-live { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--text); padding: 5px 11px; border-radius: 99px; border: 1px solid var(--line); background: #ffffff; }
.tai-live i { width: 7px; height: 7px; border-radius: 50%; background: #1ED760; box-shadow: 0 0 0 3px rgba(255,255,255,0.1); animation: vBlink 1.4s ease-in-out infinite; }
.tai-r { position: relative; display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--line); font-size: 14px; }
.tai-r b { font-weight: 500; color: var(--text); }
.tai-r .sp, .tai-r .ok { position: absolute; left: 12px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; }
.tai-r .sp { border: 2px solid rgba(18,18,18,.12); border-top-color: #1ED760; animation: taiSpin .8s linear infinite, taiSp 9s steps(1) infinite; }
.tai-r .ok { display: grid; place-items: center; background: #1ED760; color: #ffffff; opacity: 0; animation: taiOk 9s ease infinite; }
.tai-r .ok svg { width: 11px; height: 11px; }
.tai-r b { margin-left: 28px; }
.tai-r.r1 .sp, .tai-r.r1 .ok { animation-delay: 0s, 1.8s; } .tai-r.r1 .ok { animation-delay: 1.8s; }
.tai-r.r2 .sp { animation-delay: 0s, 3.6s; } .tai-r.r2 .ok { animation-delay: 3.6s; }
.tai-r.r1, .tai-r.r2 { animation: taiRow 9s ease infinite; }
.tai-r.r1 { animation-delay: 1.8s; } .tai-r.r2 { animation-delay: 3.6s; }
@keyframes taiSpin { to { transform: rotate(360deg); } }
@keyframes taiSp { 0% { opacity: 1; } 22% { opacity: 0; } 92% { opacity: 1; } }
@keyframes taiOk { 0%, 20% { opacity: 0; transform: scale(.6); } 24%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; } }
@keyframes taiRow { 0% { opacity: .45; } 2%, 100% { opacity: 1; } }
.tai-bar { height: 6px; border-radius: 99px; background: #f4f4f4; overflow: hidden; margin-top: 2px; }
.tai-bar i { display: block; height: 100%; width: 100%; border-radius: 99px; background: #1ED760; transform-origin: left center; animation: taiBar 9s ease-in-out infinite; }
@keyframes taiBar { 0% { transform: scaleX(0); } 60%, 90% { transform: scaleX(1); } 96%, 100% { transform: scaleX(0); } }
.tai-done { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: #0b8f3d; opacity: 0; animation: taiDone 9s ease infinite; }
.tai-done svg { width: 14px; height: 14px; }
@keyframes taiDone { 0%, 60% { opacity: 0; transform: translateY(4px); } 64%, 90% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.rq, .rqb .yes, .rqok, .tai-r, .tai-r .sp, .tai-r .ok, .tai-bar i, .tai-done, .tai-live i { animation: none !important; }
.rq0 { opacity: 1; } .rq0 .rqok { opacity: 1; } .rq0 .rqb .yes { background: #1ED760; color: #121212; border-color: #1ED760; }
.tai-r .sp { display: none; } .tai-r .ok, .tai-done { opacity: 1; }
}
.tai-r, .tai-r.r1, .tai-r.r2 { animation: none; }
.tai-r .sp { animation: taiSpin .8s linear infinite, taiSpA 9s steps(1) infinite !important; }
.tai-r .ok { animation: taiOkA 9s ease infinite !important; }
.tai-r.r1 .sp { animation: taiSpin .8s linear infinite, taiSpB 9s steps(1) infinite !important; }
.tai-r.r1 .ok { animation: taiOkB 9s ease infinite !important; }
.tai-r.r2 .sp { animation: taiSpin .8s linear infinite, taiSpC 9s steps(1) infinite !important; }
.tai-r.r2 .ok { animation: taiOkC 9s ease infinite !important; }
@keyframes taiSpA { 0% { opacity: 1; } 20% { opacity: 0; } 94% { opacity: 1; } }
@keyframes taiSpB { 0% { opacity: 1; } 38% { opacity: 0; } 94% { opacity: 1; } }
@keyframes taiSpC { 0% { opacity: 1; } 56% { opacity: 0; } 94% { opacity: 1; } }
@keyframes taiOkA { 0%, 19% { opacity: 0; transform: scale(.6); } 22%, 90% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; } }
@keyframes taiOkB { 0%, 37% { opacity: 0; transform: scale(.6); } 40%, 90% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; } }
@keyframes taiOkC { 0%, 55% { opacity: 0; transform: scale(.6); } 58%, 90% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .tai-r .sp { display: none; animation: none !important; } .tai-r .ok { animation: none !important; opacity: 1; } }
.rq { top: 62px; animation: rqCard2 12s ease-in-out infinite; }
.rq1 { animation-delay: 4s; } .rq2 { animation-delay: 8s; }
.rqb .yes, .rq1 .rqb .yes, .rq2 .rqb .yes { animation-name: rqTap2; animation-duration: 12s; }
.rq1 .rqb .yes { animation-delay: 4s; } .rq2 .rqb .yes { animation-delay: 8s; }
.rqok, .rq1 .rqok, .rq2 .rqok { animation-name: rqOk2; animation-duration: 12s; }
.rq1 .rqok { animation-delay: 4s; } .rq2 .rqok { animation-delay: 8s; }
@keyframes rqCard2 { 0% { opacity: 0; transform: translateY(14px); } 3%, 27% { opacity: 1; transform: none; } 31%, 100% { opacity: 0; transform: translateX(-26px); } }
@keyframes rqTap2 { 0%, 13% { background: #ffffff; color: var(--text-2); border-color: var(--line); transform: none; } 15% { transform: scale(.95); } 17%, 31% { background: #121212; color: #ffffff; border-color: #121212; transform: none; } 33%, 100% { background: #ffffff; color: var(--text-2); border-color: var(--line); } }
@keyframes rqOk2 { 0%, 17% { opacity: 0; transform: translateY(4px); } 19%, 28% { opacity: 1; transform: none; } 31%, 100% { opacity: 0; } }
.trc { display: grid; }
.trc > span { grid-area: 1 / 1; display: inline-flex; align-items: center; justify-content: center; gap: 4px; opacity: 0; }
.trc .k3 { animation: trc3 12s ease infinite; } .trc .k2 { animation: trc2 12s ease infinite; }
.trc .k1 { animation: trc1 12s ease infinite; } .trc .k0 { animation: trc0 12s ease infinite; color: #0b8f3d; }
.trc .k0 svg { width: 11px; height: 11px; }
@keyframes trc3 { 0%, 18% { opacity: 1; transform: none; } 21%, 97% { opacity: 0; transform: translateY(-6px); } 100% { opacity: 1; transform: none; } }
@keyframes trc2 { 0%, 18% { opacity: 0; transform: translateY(6px) scale(.9); } 21% { opacity: 1; transform: scale(1.12); } 24%, 51% { opacity: 1; transform: none; } 54%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes trc1 { 0%, 51% { opacity: 0; transform: translateY(6px) scale(.9); } 54% { opacity: 1; transform: scale(1.12); } 57%, 85% { opacity: 1; transform: none; } 88%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes trc0 { 0%, 85% { opacity: 0; transform: translateY(6px) scale(.9); } 88% { opacity: 1; transform: scale(1.12); } 91%, 96% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
.trev-h em.trc { background: #f4f4f4; }
.tai-done { display: none; }
.tai-live { display: inline-grid; grid-template-columns: auto auto; }
.tai-live > .tl-w, .tai-live > .tl-d { grid-area: 1 / 2; }
.tl-w { animation: tlW 9s ease infinite; } .tl-d { opacity: 0; color: #0b8f3d; animation: tlD 9s ease infinite; }
@keyframes tlW { 0%, 60% { opacity: 1; } 63%, 94% { opacity: 0; } 97%, 100% { opacity: 1; } }
@keyframes tlD { 0%, 60% { opacity: 0; } 63%, 94% { opacity: 1; } 97%, 100% { opacity: 0; } }
.tai-fin { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: #f7f7f7; border: 1px solid rgba(30,215,96,.35); opacity: 0; animation: tfIn 9s ease infinite; }
.tf-ic { position: relative; flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #1ED760; color: #ffffff; animation: tfPop 9s ease infinite; }
.tf-ic svg { width: 17px; height: 17px; }
.tf-ic::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #1ED760; opacity: 0; animation: tfRing 9s ease-out infinite; }
.tf-t { display: grid; gap: 1px; }
.tf-t b { font-size: 14.5px; font-weight: 600; color: var(--text); }
.tf-t small { font-size: 12.5px; color: var(--text-3); }
@keyframes tfIn { 0%, 61% { opacity: 0; transform: translateY(8px); } 65%, 92% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
@keyframes tfPop { 0%, 63% { transform: scale(.4); } 67% { transform: scale(1.15); } 70%, 100% { transform: none; } }
@keyframes tfRing { 0%, 66% { opacity: 0; transform: scale(1); } 67% { opacity: .7; transform: scale(1); } 78%, 100% { opacity: 0; transform: scale(1.9); } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.trc > span, .tl-w, .tl-d, .tai-fin, .tf-ic, .tf-ic::after { animation: none !important; }
.trc .k0, .tl-d, .tai-fin { opacity: 1; } .trc .k3, .tl-w { opacity: 0; }
.rq0 .rqb .yes { background: #121212; color: #ffffff; border-color: #121212; }
}
.tgrid .tcard { grid-template-rows: auto 1fr; }
.tvis.torbit { grid-template-rows: 1fr auto; }
.vpn.vp-orbit.tmini { height: auto; min-height: 236px; }
.swline { margin: 26px auto 0; text-align: center; font-size: 15px; color: var(--text-2); }
.swline a { display: inline-flex; align-items: center; gap: 4px; margin-left: 4px; font-weight: 600; color: #0b8f3d; }
.swline a svg { width: 12px; height: 12px; }
.phero .wav { inset: auto 0 0 0; height: clamp(100px, 10vw, 140px); overflow: hidden; background: none !important; -webkit-mask-image: linear-gradient(90deg, transparent, #000000 14%, #000000 86%, transparent); mask-image: linear-gradient(90deg, transparent, #000000 14%, #000000 86%, transparent); }
.phero .wvs { position: absolute; left: 0; top: 0; width: 200%; height: 100%; animation: wvMove var(--ws, 20s) linear infinite var(--wd, normal); }
.phero .wvs path { stroke-linecap: round; fill: none; stroke-dasharray: 3000; stroke-dashoffset: 3000; animation: wvDraw 2.4s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes wvMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes wvDraw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .phero .wvs { animation: none; } .phero .wvs path { animation: none; stroke-dashoffset: 0; } }
.phero .wav { z-index: 4; transform-origin: 50% 51%; will-change: transform; }
.phero .pglass { position: absolute; left: 0; right: 0; bottom: 0; top: 100%; z-index: 3; pointer-events: none; opacity: 0;
background: rgba(255,255,255,.5); backdrop-filter: blur(26px) saturate(1.6); -webkit-backdrop-filter: blur(26px) saturate(1.6); }
@media (max-width: 640px) { .phero .pglass { backdrop-filter: blur(14px) saturate(1.5) !important; -webkit-backdrop-filter: blur(14px) saturate(1.5) !important; background: rgba(255,255,255,.4); } }
@media (max-width: 640px) { .phero .pglass { background: rgba(245,245,245,.55); } }
.shot:has(> .rofloat) { position: relative; overflow: visible; }
.rofloat { position: absolute; z-index: 5; right: -26px; top: 92px; width: min(270px, 70%); display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 16px;
background: rgba(255,255,255,.38); border: 1px solid rgba(255,255,255,.8);
backdrop-filter: blur(12px) saturate(1.6); -webkit-backdrop-filter: blur(12px) saturate(1.6);
box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 40px -20px rgba(27,27,27,.35);
animation: roFloat 5s ease-in-out infinite; }
.ro-ic { flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: #1ED760; color: #ffffff; }
.ro-ic svg { width: 16px; height: 16px; }
.ro-t { display: grid; gap: 2px; }
.ro-t b { font-size: 14px; font-weight: 600; color: var(--text); }
.ro-t small { font-size: 12.5px; line-height: 1.35; color: var(--text-2); }
@keyframes roFloat { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-8px) rotate(0deg); } }
@media (max-width: 640px) { .rofloat { right: 8px; top: 132px; width: 74%; backdrop-filter: blur(10px) saturate(1.5) !important; -webkit-backdrop-filter: blur(10px) saturate(1.5) !important; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .rofloat { animation: none; } }
@media (min-width: 1101px) {
.cards:not(.three):not(.four) { margin-inline: calc(-1 * clamp(20px, (100vw - 1204px) / 2 - 10px, 64px)); gap: 8px; }
.cards:not(.three):not(.four) > .ccard { padding-inline: 16px; }
}
@media (min-width: 1101px) {
.cards:not(.three):not(.four) { --cw: min(calc(100vw - 32px), 1480px); width: var(--cw); max-width: none; margin-inline: 0; margin-left: calc(50% - var(--cw) / 2); grid-template-columns: repeat(7, 1fr); gap: 10px; }
.cards:not(.three):not(.four) > .ccard { padding-inline: 18px; }
}
.vp-act, .vp-cv, .vp-acct { display: flex !important; flex-direction: column; gap: 12px; aspect-ratio: auto; min-height: 420px; padding: 22px 11%; color: #ffffff; font-size: 14px; }
.vp-act > *, .vp-cv > *, .vp-acct > * { position: relative; z-index: 1; }
.ac-bar { display: flex; align-items: center; gap: 10px; }
.ac-bar .ic { width: 26px; height: 26px; border-radius: 8px; }
.ac-bar b { font-weight: 600; }
.ac-st { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255,255,255,.6); }
.ac-st i { width: 7px; height: 7px; border-radius: 50%; background: #1ED760; box-shadow: 0 0 8px #1ED760; animation: vBlink 1.4s ease-in-out infinite; }
.ac-me { align-self: flex-end; max-width: 78%; padding: 10px 14px; border-radius: 16px 16px 4px 16px; background: #ffffff; color: #121212; font-weight: 500; animation: acMe 14s ease infinite; }
.ac-ai { max-width: 80%; color: rgba(255,255,255,.85); animation: acAi 14s ease infinite; }
.ac-card { display: grid; gap: 8px; padding: 14px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); animation: acCard 14s ease infinite; }
.ac-ttl { font-weight: 600; font-size: 14.5px; }
.ac-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 4px 12px; padding: 9px 11px; border-radius: 11px; background: rgba(255,255,255,.05); }
.ac-row b { font-weight: 500; } .ac-row em { font-style: normal; font-variant-numeric: tabular-nums; }
.ac-row small { grid-column: 1; color: rgba(255,255,255,.55); font-size: 12px; }
.ac-ok { grid-column: 2 / 4; grid-row: 2; justify-self: end; display: inline-flex; align-items: center; gap: 5px; font-style: normal; font-size: 12px; font-weight: 600; color: #1ED760; opacity: 0; }
.ac-ok svg { width: 12px; height: 12px; }
.ac-row.r0 .ac-ok { animation: acOk0 14s ease infinite; } .ac-row.r1 .ac-ok { animation: acOk1 14s ease infinite; } .ac-row.r2 .ac-ok { animation: acOk2 14s ease infinite; }
.ac-btns { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; margin-top: 2px; }
.ac-btns span { text-align: center; padding: 9px 0; border-radius: 99px; font-weight: 600; font-size: 13.5px; }
.ac-no { border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.8); }
.ac-go { background: #ffffff; color: #121212; animation: acGo 14s ease infinite; }
.ac-done { display: inline-flex; align-items: center; gap: 7px; color: #1ED760; font-weight: 600; opacity: 0; animation: acDone 14s ease infinite; }
.ac-done svg { width: 15px; height: 15px; }
@keyframes acMe { 0% { opacity: 0; transform: translateY(8px); } 4%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes acAi { 0%, 8% { opacity: 0; transform: translateY(6px); } 12%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes acCard { 0%, 14% { opacity: 0; transform: translateY(10px) scale(.98); } 19%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes acGo { 0%, 34% { background: #ffffff; color: #121212; transform: none; } 36% { transform: scale(.95); } 38%, 92% { background: #1ED760; color: #121212; transform: none; } 100% { background: #ffffff; color: #121212; } }
@keyframes acOk0 { 0%, 42% { opacity: 0; } 45%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes acOk1 { 0%, 50% { opacity: 0; } 53%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes acOk2 { 0%, 58% { opacity: 0; } 61%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes acDone { 0%, 64% { opacity: 0; transform: translateY(6px); } 68%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.cv-ask { align-self: flex-start; display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px 9px 9px; border-radius: 99px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); font-weight: 500; animation: cvAsk 12s ease infinite; }
.cv-ask .ic { width: 22px; height: 22px; border-radius: 7px; }
.cv-chart { position: relative; height: 220px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); overflow: hidden; }
.cv-chart svg { position: absolute; inset: 10px 10px 26px; width: calc(100% - 20px); height: calc(100% - 36px); }
.cv-grid line { stroke: rgba(255,255,255,.08); stroke-width: 1; vector-effect: non-scaling-stroke; }
.cv-grid .cv-now { stroke: rgba(255,255,255,.25); stroke-dasharray: 3 4; }
.cv-l { fill: none; stroke-width: 2.4; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1000; stroke-dashoffset: 1000; }
.cv-a { stroke: #7fb0ff; animation: cvA 12s ease infinite; }
.cv-b { stroke: #7fb0ff; stroke-dasharray: 6 6; stroke-dashoffset: 0; opacity: 0; animation: cvB 12s ease infinite; }
.cv-c { stroke: #1ED760; animation: cvC 12s ease infinite; filter: drop-shadow(0 0 6px rgba(30,215,96,.6)); }
.cv-band { fill: rgba(255,255,255,0.06); opacity: 0; animation: cvBand 12s ease infinite; }
.cv-dot { fill: #ffffff; opacity: 0; animation: cvDot 12s ease infinite; }
.cv-m { position: absolute; left: 10px; right: 10px; bottom: 6px; display: flex; justify-content: space-between; font-size: 11px; color: rgba(255,255,255,.45); }
.cv-m i { font-style: normal; }
.cv-tag { position: absolute; font-size: 11.5px; font-weight: 600; padding: 3px 8px; border-radius: 99px; opacity: 0; }
.cv-tag.t1 { right: 14px; top: 50%; color: #7fb0ff; background: rgba(255,255,255,0.07); animation: cvB 12s ease infinite; }
.cv-tag.t2 { right: 14px; top: 14px; color: #1ED760; background: rgba(255,255,255,0.07); animation: cvT2 12s ease infinite; }
.cv-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cv-t { display: grid; gap: 2px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); opacity: 0; animation: cvTile 12s ease infinite; }
.cv-t:nth-child(2) { animation-delay: .3s; } .cv-t:nth-child(3) { animation-delay: .6s; }
.cv-t small { font-size: 11.5px; color: rgba(255,255,255,.55); } .cv-t b { font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.cv-t.g b { color: #1ED760; }
@keyframes cvAsk { 0% { opacity: 0; transform: translateY(8px); } 5%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes cvA { 0%, 6% { stroke-dashoffset: 1000; } 24%, 92% { stroke-dashoffset: 0; opacity: 1; } 97%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes cvDot { 0%, 22% { opacity: 0; } 25%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes cvB { 0%, 25% { opacity: 0; } 32%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes cvBand { 0%, 30% { opacity: 0; } 38%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes cvC { 0%, 38% { stroke-dashoffset: 1000; opacity: 1; } 56%, 92% { stroke-dashoffset: 0; opacity: 1; } 97%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes cvT2 { 0%, 54% { opacity: 0; transform: translateY(4px); } 58%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes cvTile { 0%, 58% { opacity: 0; transform: translateY(8px); } 63%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.vp-acct { justify-content: center; }
.ka-card { position: relative; display: grid; gap: 8px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); min-height: 300px; align-content: start; }
.ka-h { font-weight: 600; font-size: 15px; margin-bottom: 4px; }
.ka-l { font-size: 13px; font-weight: 600; color: rgba(255,255,255,.85); }
.ka-in { position: relative; display: flex; align-items: center; height: 42px; padding: 0 14px; border-radius: 11px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); overflow: hidden; }
.ka-ty { position: absolute; left: 14px; white-space: nowrap; overflow: hidden; max-width: 0; }
.ka-ty.x1 { animation: kaT1 16s steps(22) infinite; } .ka-ty.x2 { animation: kaT2 16s steps(24) infinite; }
.ka-cur { display: none; }
.ka-hint { font-size: 12px; color: rgba(255,255,255,.45); }
.ka-think { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: rgba(255,255,255,.6); opacity: 0; animation: kaThink 16s ease infinite; }
.ka-think i { width: 5px; height: 5px; border-radius: 50%; background: #1ED760; animation: vBlink 1s ease-in-out infinite; }
.ka-think i:nth-child(2) { animation-delay: .15s; } .ka-think i:nth-child(3) { animation-delay: .3s; margin-right: 4px; }
.ka-ans { position: absolute; left: 18px; right: 18px; top: 168px; display: grid; gap: 8px; opacity: 0; }
.ka-ans.x1 { animation: kaA1 16s ease infinite; } .ka-ans.x2 { animation: kaA2 16s ease infinite; }
.ka-ans small { font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.7); }
.ka-acc { display: flex; align-items: center; gap: 8px; padding: 11px 13px; border-radius: 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(30,215,96,.4); }
.ka-acc b { font-weight: 600; } .ka-acc em { font-style: normal; font-size: 12.5px; color: rgba(255,255,255,.6); }
.ka-acc u { text-decoration: none; margin-left: auto; font-size: 11.5px; font-weight: 600; padding: 2px 8px; border-radius: 99px; background: #1ED760; color: #121212; }
.ka-note { font-size: 12.5px; color: rgba(255,255,255,.6); }
.ka-btn { justify-self: end; padding: 8px 16px; border-radius: 99px; background: #ffffff; color: #121212; font-weight: 600; font-size: 13px; }
@keyframes kaT1 { 0%, 3% { max-width: 0; } 14%, 44% { max-width: 22ch; } 47%, 100% { max-width: 0; } }
@keyframes kaT2 { 0%, 52% { max-width: 0; } 63%, 94% { max-width: 24ch; } 97%, 100% { max-width: 0; } }
@keyframes kaThink { 0%, 15% { opacity: 0; } 17%, 24% { opacity: 1; } 26%, 64% { opacity: 0; } 66%, 73% { opacity: 1; } 75%, 100% { opacity: 0; } }
@keyframes kaA1 { 0%, 25% { opacity: 0; transform: translateY(8px); } 28%, 44% { opacity: 1; transform: none; } 47%, 100% { opacity: 0; } }
@keyframes kaA2 { 0%, 74% { opacity: 0; transform: translateY(8px); } 77%, 94% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@media (max-width: 640px) {
.vp-act, .vp-cv, .vp-acct { padding: 18px 14px; min-height: 380px; font-size: 13.5px; }
.vgrid.vp-act::before, .vgrid.vp-act::after, .vgrid.vp-cv::before, .vgrid.vp-cv::after, .vgrid.vp-acct::before, .vgrid.vp-acct::after { display: none; }
.cv-chart { height: 180px; } .cv-t b { font-size: 15px; } .cv-tiles { gap: 6px; } .cv-t { padding: 8px 9px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.vp-act *, .vp-cv *, .vp-acct * { animation: none !important; }
.ac-ok, .ac-done, .cv-b, .cv-band, .cv-dot, .cv-tag, .cv-t, .ka-ans.x1 { opacity: 1; }
.cv-l { stroke-dashoffset: 0; } .ka-ty.x1 { max-width: 22ch; } .ac-go { background: #1ED760; color: #121212; }
}
@media (max-width: 640px) { .ka-card { min-height: 360px; } .vp-acct { min-height: 400px; } }
.ka-card { min-height: 0; }
.ka-think, .ka-ans { grid-row: 5; grid-column: 1; align-self: start; margin-top: 10px; }
.ka-ans { position: static; }
@media (max-width: 640px) { .ka-card { min-height: 0; } .vp-acct { min-height: 0; } }
.ac-me, .cv-me { align-self: flex-end; max-width: 80%; padding: 10px 14px; border-radius: 16px 4px 16px 16px; background: #ffffff; color: #121212; font-weight: 500; line-height: 1.45; }
.ac-ai, .cv-ai { max-width: 85%; color: #ffffff; line-height: 1.5; }
.kact { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.55); }
.kd { position: relative; width: 28px; height: 20px; flex: none; }
.kd-w { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 3px; }
.kd-w i { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.8); animation: kdWave 1s ease-in-out infinite; }
.kd-w i:nth-child(2) { animation-delay: .15s; } .kd-w i:nth-child(3) { animation-delay: .3s; }
.kd-g { position: absolute; left: 10px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: #1ED760; opacity: 0; }
.kt { position: relative; display: grid; } .kt > span { grid-area: 1 / 1; white-space: nowrap; }
.kt-d { opacity: 0; }
@keyframes kdWave { 0% { transform: none; } 30% { transform: translateY(-5px); } 60%, 100% { transform: none; } }
.ac-me { animation: acMe 14s ease infinite; }
.ac-th { animation: kRow1 14s ease infinite; } .ac-th .kd-w, .ac-th .kt-w { animation: kOff1 14s ease infinite; } .ac-th .kd-g, .ac-th .kt-d { animation: kOn1 14s ease infinite; }
.ac-th .kd-w i { animation: kdWave 1s ease-in-out infinite; }
.ac-ai { animation: acAi2 14s ease infinite; }
.ac-card { animation: acCard2 14s ease infinite; }
@keyframes acMe { 0%, 1% { opacity: 0; transform: translateY(10px); } 3%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes kRow1 { 0%, 4% { opacity: 0; transform: translateY(10px); } 6%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes kOff1 { 0%, 13% { opacity: 1; } 15%, 100% { opacity: 0; } }
@keyframes kOn1 { 0%, 13% { opacity: 0; transform: scale(.6); } 15%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes acAi2 { 0%, 15% { opacity: 0; transform: translateY(10px); } 17%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes acCard2 { 0%, 19% { opacity: 0; transform: translateY(10px); } 22%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.cv-me { animation: acMe 12s ease infinite; }
.cv-th { animation: kRow1 12s ease infinite; } .cv-th .kd-w, .cv-th .kt-w { animation: kOff1 12s ease infinite; } .cv-th .kd-g, .cv-th .kt-d { animation: kOn1 12s ease infinite; }
.cv-th .kd-w i { animation: kdWave 1s ease-in-out infinite; }
.cv-ai { animation: acAi2 12s ease infinite; }
.cv-chart { animation: acCard2 12s ease infinite; }
.cv-a { animation: cvA2 12s ease infinite; } .cv-dot { animation: cvDot2 12s ease infinite; }
.cv-b, .cv-tag.t1 { animation: cvB2 12s ease infinite; } .cv-band { animation: cvBand2 12s ease infinite; }
.cv-c { animation: cvC2 12s ease infinite; } .cv-tag.t2 { animation: cvT22 12s ease infinite; } .cv-t { animation: cvTile2 12s ease infinite; }
@keyframes cvA2 { 0%, 23% { stroke-dashoffset: 1000; } 38%, 92% { stroke-dashoffset: 0; opacity: 1; } 97%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes cvDot2 { 0%, 37% { opacity: 0; } 40%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes cvB2 { 0%, 40% { opacity: 0; } 46%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes cvBand2 { 0%, 44% { opacity: 0; } 50%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes cvC2 { 0%, 50% { stroke-dashoffset: 1000; opacity: 1; } 66%, 92% { stroke-dashoffset: 0; opacity: 1; } 97%, 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes cvT22 { 0%, 64% { opacity: 0; transform: translateY(4px); } 67%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes cvTile2 { 0%, 68% { opacity: 0; transform: translateY(8px); } 72%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.ac-card, .cv-chart, .ka-card { background: #1d1d1d; border-color: rgba(255,255,255,.12); }
.ac-row { background: #272727; }
.cv-t { background: #1d1d1d; border-color: rgba(255,255,255,.12); }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.kd-w { opacity: 0; } .kd-g, .kt-d { opacity: 1; } .kt-w { opacity: 0; }
}
@keyframes acGo2 { 0%, 34% { transform: none; } 36% { transform: scale(.94); } 39%, 100% { transform: none; } }
.ac-go { background: #ffffff !important; color: #121212 !important; animation: acGo2 14s ease infinite; }
.vp-cv .cv-tag.t1 { top: 28%; } .vp-cv .cv-tag.t2 { top: auto; bottom: 30px; }
.vp-fc { display: flex !important; flex-direction: column; gap: 12px; aspect-ratio: auto; padding: 22px 11%; color: #ffffff; font-size: 14px; }
.vp-fc > * { position: relative; z-index: 1; }
.fc-me { align-self: flex-end; max-width: 80%; padding: 10px 14px; border-radius: 16px 4px 16px 16px; background: #ffffff; color: #121212; font-weight: 500; line-height: 1.45; }
.fc-ai { max-width: 85%; color: #ffffff; line-height: 1.5; }
.fc-file, .fc-mail { border-radius: 14px; background: #1d1d1d; border: 1px solid rgba(255,255,255,.12); }
.fc-file { display: flex; align-items: center; gap: 12px; padding: 12px 14px; max-width: 340px; }
.fc-ic { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 10px; background: rgba(255,255,255,.08); color: #ffffff; }
.fc-ic svg { width: 20px; height: 20px; }
.fc-fn { display: grid; gap: 3px; min-width: 0; flex: 1; } .fc-fn b { font-weight: 600; font-size: 13.5px; }
.fc-sub { display: grid; font-size: 12px; color: rgba(255,255,255,.55); } .fc-sub > span { grid-area: 1 / 1; }
.fc-s2 { opacity: 0; }
.fc-bar { height: 3px; border-radius: 3px; background: rgba(255,255,255,.1); overflow: hidden; }
.fc-bar i { display: block; height: 100%; width: 100%; background: #1ED760; transform-origin: left; transform: scaleX(0); }
.fc-mail { display: grid; gap: 8px; padding: 14px; }
.fc-row { display: grid; grid-template-columns: 64px 1fr; align-items: baseline; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.08); }
.fc-row small { font-size: 12px; color: rgba(255,255,255,.5); } .fc-row b { font-weight: 500; font-size: 13.5px; overflow-wrap: anywhere; }
.fc-att { display: inline-flex; align-items: center; gap: 8px; justify-self: start; padding: 6px 10px 6px 6px; border-radius: 10px; background: rgba(255,255,255,.06); font-size: 12.5px; }
.fc-att .fc-ic { width: 26px; height: 26px; border-radius: 7px; } .fc-att .fc-ic svg { width: 15px; height: 15px; } .fc-att b { font-weight: 500; }
.fc-btns { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; margin-top: 2px; }
.fc-btns span { text-align: center; padding: 9px 0; border-radius: 99px; font-weight: 600; font-size: 13.5px; }
.fc-go { background: #ffffff; color: #121212; animation: fcGo 16s ease infinite; }
.fc-done { display: inline-flex; align-items: center; gap: 7px; color: #1ED760; font-weight: 600; opacity: 0; animation: fcDone 16s ease infinite; }
.fc-done svg { width: 15px; height: 15px; }
.fc-me.m1 { animation: fcM1 16s ease infinite; }
.fc-th.t1 { animation: fcT1 16s ease infinite; } .fc-th.t1 .kd-w, .fc-th.t1 .kt-w { animation: fcOff1 16s ease infinite; } .fc-th.t1 .kd-g, .fc-th.t1 .kt-d { animation: fcOn1 16s ease infinite; }
.fc-ai.a1 { animation: fcA1 16s ease infinite; }
.fc-file { animation: fcFile 16s ease infinite; } .fc-bar i { animation: fcBar 16s ease infinite; } .fc-s1 { animation: fcS1 16s ease infinite; } .fc-s2 { animation: fcS2 16s ease infinite; }
.fc-me.m2 { animation: fcM2 16s ease infinite; }
.fc-th.t2 { animation: fcT2 16s ease infinite; } .fc-th.t2 .kd-w, .fc-th.t2 .kt-w { animation: fcOff2 16s ease infinite; } .fc-th.t2 .kd-g, .fc-th.t2 .kt-d { animation: fcOn2 16s ease infinite; }
.fc-th .kd-w i { animation: kdWave 1s ease-in-out infinite; }
.fc-mail { animation: fcMail 16s ease infinite; }
@keyframes fcM1 { 0%, 1% { opacity: 0; transform: translateY(10px); } 3%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcT1 { 0%, 4% { opacity: 0; transform: translateY(10px); } 6%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcOff1 { 0%, 12% { opacity: 1; } 14%, 100% { opacity: 0; } }
@keyframes fcOn1 { 0%, 12% { opacity: 0; transform: scale(.6); } 14%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcA1 { 0%, 14% { opacity: 0; transform: translateY(10px); } 16%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcFile { 0%, 17% { opacity: 0; transform: translateY(10px) scale(.97); } 20%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcBar { 0%, 20% { transform: scaleX(0); opacity: 1; } 30% { transform: scaleX(1); opacity: 1; } 32%, 100% { transform: scaleX(1); opacity: 0; } }
@keyframes fcS1 { 0%, 30% { opacity: 1; } 32%, 100% { opacity: 0; } }
@keyframes fcS2 { 0%, 30% { opacity: 0; } 32%, 92% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes fcM2 { 0%, 36% { opacity: 0; transform: translateY(10px); } 38%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcT2 { 0%, 40% { opacity: 0; transform: translateY(10px); } 42%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcOff2 { 0%, 49% { opacity: 1; } 51%, 100% { opacity: 0; } }
@keyframes fcOn2 { 0%, 49% { opacity: 0; transform: scale(.6); } 51%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcMail { 0%, 51% { opacity: 0; transform: translateY(10px); } 54%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@keyframes fcGo { 0%, 64% { transform: none; } 66% { transform: scale(.94); } 69%, 100% { transform: none; } }
@keyframes fcDone { 0%, 70% { opacity: 0; transform: translateY(6px); } 73%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
@media (max-width: 640px) {
.vp-fc { padding: 18px 14px; font-size: 13.5px; }
.vgrid.vp-fc::before, .vgrid.vp-fc::after { display: none; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) {
.vp-fc * { animation: none !important; }
.fc-done, .fc-s2 { opacity: 1; } .fc-s1, .fc-bar { opacity: 0; } .fc-bar i { transform: none; }
.vp-fc .kd-w, .vp-fc .kt-w { opacity: 0; } .vp-fc .kd-g, .vp-fc .kt-d { opacity: 1; }
}
.vfeat { width: 100%; } .vfeat > .vpn { min-width: 0; }
.cp-sum { max-width: 380px; }
.cp-ck { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 50%; background: rgba(255,255,255,0.07); color: #1ED760; }
.cp-ck svg { width: 18px; height: 18px; }
.cp-l { font-size: 12.5px; color: rgba(255,255,255,.6); }
@media (max-width: 640px) {
.sec { padding-block: 38px; }
.sec-head { margin-bottom: 18px; gap: 8px; }
.sec-head h2 { font-size: 28px; line-height: 1.12; }
.sec-head .sub, .sec-head p { font-size: 15.5px; line-height: 1.45; }
.hero { padding-block: 26px 8px; }
.ccard { padding: 12px 16px; gap: 4px; }
.calc { padding: 16px; gap: 12px; }
.cstrip { gap: 10px; padding-bottom: 12px; }
.cstrip .cs { padding: 0 0 10px; gap: 2px; }
.calc .field { margin-top: 8px; }
.ch { padding-block: 14px; gap: 8px; }
.ch p { display: none; }
.ch h3 { font-size: 26px; }
.ch .scene-m { margin-top: 4px; }
.ch .sortlist > div:nth-child(n+5) { display: none; }
.ch .shot-b .trow:nth-child(n+4) { display: none; }
.ch .bigline { padding-block: 10px; }
.vfeat { margin-bottom: 34px; gap: 10px; }
.vfeat > p { display: none; }
.vfeat h2 { font-size: 27px; }
.vfeat .vlead { font-size: 16px; }
.vp-act, .vp-cv, .vp-fc { padding: 14px 12px; gap: 9px; min-height: 0; }
.ac-row { padding: 7px 10px; }
.ac-card, .fc-mail { padding: 12px; gap: 6px; }
.cv-chart { height: 150px; }
.fc-row { padding-bottom: 6px; }
.panel { display: grid !important; grid-template-columns: 1fr 1fr; }
.panel > .stat { padding: 16px 14px; gap: 6px; }
.panel > .stat + .stat { border-top: 0 !important; }
.panel > .stat:nth-child(n+3) { border-top: 1px solid #e7e7e7 !important; }
.panel > .stat:nth-child(even) { border-left: 1px solid #e7e7e7 !important; }
.panel .big { font-size: 34px; margin-top: 2px; }
.panel .stat p { font-size: 14px; line-height: 1.4; }
.panel .stat-k { font-size: 13.5px; min-height: 0; gap: 8px; }
.panel .stat-k .ki { width: 26px; height: 26px; }
.panel .stat-v { display: none; }
.vpn.vp-orbit.tmini { height: 160px; }
.tvis.trev, .tvis.tai { min-height: 0; padding: 12px; }
.tcard { padding: 16px; gap: 10px; }
}
.offs, .offs * { animation-play-state: paused !important; }
@media (max-width: 640px) { #vnight { padding-bottom: 90px; } .hero .wrap { gap: 14px; } }
@media (max-width: 640px) {
.hero .stage { padding-bottom: 70px; }
.whoab { margin-top: -18px; }
.whoA .snav { display: none; }
.whoA .wpt ul { display: none; }
.whoA .wpt h3 { font-size: 24px; }
.wpanel { padding: 16px; gap: 12px; }
}
@media (max-width: 640px) { .tvis.trev { min-height: 250px; } }
@media (max-width: 640px) {
.feat { gap: 14px; padding-block: 26px; }
.feat .fc .ticks { margin: 4px 0 0 !important; gap: 0; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0; }
.feat .fc .ticks li, .feat .fc .ticks li:nth-child(n+3) { padding: 7px 0; border-top: 0; font-size: 15.5px; }
.feat .fc .ticks li:nth-child(n+3) { display: none; }
.feat .fc h2 { margin-bottom: 8px; }
.feat .fc p { padding-top: 8px; }
}
@media (max-width: 640px) { .feat > :not(.fc) { margin-block: 4px; } }
@media (max-width: 640px) {
.vfeat { margin-bottom: 28px; gap: 8px; }
.vfeat .vlead { display: none; }
.vfeat h2 { font-size: 25px; }
.vp-act, .vp-cv, .vp-fc { padding: 12px 10px; gap: 8px; font-size: 13.5px; }
.ac-bar { display: none; }
.ac-me, .cv-me, .fc-me { padding: 8px 12px; max-width: 86%; }
.ac-card { gap: 5px; padding: 10px; }
.ac-ttl { font-size: 13.5px; }
.ac-row { grid-template-columns: 1fr auto auto; padding: 7px 10px; }
.ac-row small { display: none; }
.ac-ok { grid-row: 1; grid-column: 3; }
.ac-btns span, .fc-btns span { padding: 8px 0; font-size: 13px; }
.cv-chart { height: 132px; }
.cv-t:nth-child(3) { display: none; }
.cv-tiles { grid-template-columns: 1fr 1fr; }
.fc-file { padding: 9px 11px; } .fc-ic { width: 32px; height: 32px; }
.fc-mail { padding: 10px; gap: 5px; }
.fc-mail .fc-row:nth-child(2) { display: none; }
.vp-cpa .cp-sum { display: none; }
.kact { font-size: 12.5px; }
}
@media (max-width: 640px) {
.arcbox { width: 180vw; aspect-ratio: 2.4 / 1; bottom: 8px; }
.hero .stage { padding-bottom: 50px; }
.hero .ctas { gap: 10px; }
.hero .ctas .btn { min-height: 0; padding-block: 12px; font-size: 16px; }
.whoab { margin-top: -6px; }
}
@media (max-width: 640px) { .whoab { margin-top: 16px; } }
@media (max-width: 640px) { .hero .ctas .btn { height: 46px; min-height: 46px; padding-block: 0; } }
html.nk body, html.nk body::before { background-color: color-mix(in srgb, var(--night) calc(var(--nk, 0) * 100%), var(--day, #ffffff)) !important; transition: none !important; }
#vnight { padding-top: clamp(120px, 14vw, 200px); }
@media (max-width: 640px) { #vnight { padding-top: 110px; padding-bottom: 130px; } }
.vp-act:not(.play) *, .vp-cv:not(.play) *, .vp-fc:not(.play) * { animation: none !important; }
.vp-act:not(.play) .ac-ok, .vp-act:not(.play) .ac-done, .vp-cv:not(.play) .cv-b, .vp-cv:not(.play) .cv-band, .vp-cv:not(.play) .cv-dot,
.vp-cv:not(.play) .cv-tag, .vp-cv:not(.play) .cv-t, .vp-fc:not(.play) .fc-done, .vp-fc:not(.play) .fc-s2,
.vp-act:not(.play) .kd-g, .vp-act:not(.play) .kt-d, .vp-cv:not(.play) .kd-g, .vp-cv:not(.play) .kt-d, .vp-fc:not(.play) .kd-g, .vp-fc:not(.play) .kt-d { opacity: 1; }
.vp-act:not(.play) .kd-w, .vp-act:not(.play) .kt-w, .vp-cv:not(.play) .kd-w, .vp-cv:not(.play) .kt-w, .vp-fc:not(.play) .kd-w, .vp-fc:not(.play) .kt-w,
.vp-fc:not(.play) .fc-s1, .vp-fc:not(.play) .fc-bar { opacity: 0; }
.vp-cv:not(.play) .cv-l { stroke-dashoffset: 0; } .vp-fc:not(.play) .fc-bar i { transform: none; }
.vgrid.vp-act, .vgrid.vp-cv, .vgrid.vp-fc { background-image: none; }
.vgrid.vp-act::before, .vgrid.vp-act::after, .vgrid.vp-cv::before, .vgrid.vp-cv::after, .vgrid.vp-fc::before, .vgrid.vp-fc::after { display: none; }
@media (min-width: 641px) { .vp-act, .vp-cv, .vp-fc { padding-inline: 7%; } }
.vstage { position: relative; }
.vflt { display: none; }
@media (min-width: 1180px) {
.vflt { display: block; position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.vfc { position: absolute; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap;
background: #ffffff; color: #121212; font-size: 14px; font-weight: 600; letter-spacing: -.005em;
padding: 9px 15px 9px 9px; border-radius: 14px; box-shadow: 0 14px 34px rgba(0,0,0,.28), 0 2px 6px rgba(0,0,0,.12);
opacity: 1; transform: none; transition: opacity .6s ease, transform .7s cubic-bezier(.2,.8,.2,1);
animation: vfBob 5.4s ease-in-out infinite; }
.vfc.p1 { right: calc(100% - 40px); top: 12%; transition-delay: .5s; animation-delay: -1s; }
.vfc.p2 { left: calc(100% - 40px); top: 40%; transition-delay: .9s; animation-duration: 6.2s; animation-delay: -3s; }
.vfc.p3 { right: calc(100% - 24px); top: 72%; transition-delay: 1.3s; animation-duration: 5.8s; animation-delay: -2s; }
.vfc-i { width: 30px; height: 30px; border-radius: 9px; background: #efefef; color: #12a150; display: grid; place-items: center; flex: none; }
.vfc-i svg { width: 17px; height: 17px; }
.vfc-sp { width: 64px; height: 24px; margin-left: 2px; }
.vfc-sp path { fill: none; stroke: #12a150; stroke-width: 2.2; stroke-linecap: round; }
.vstage .vpn[data-play]:not(.play) + .vflt .vfc { opacity: 0; transform: translateY(14px) scale(.92); transition-delay: 0s; }
}
@keyframes vfBob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .vfc { animation: none !important; transition: none !important; } }
@media (min-width: 1180px) {
.vfc { background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(12px) saturate(1.4); backdrop-filter: blur(12px) saturate(1.4); border: 1px solid rgba(255,255,255,.55); }
.vfc-i { background: rgba(239,239,239,.8); }
}
#vnight { position: relative; }
#vnight > .wrap { position: relative; z-index: 1; }
.vbg { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; opacity: var(--nk, 1); }
.vbg > div { position: fixed; inset: 0; display: none; }
.vbg .s2 { display: block; }
@property --ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.s2 .orb { position: absolute; left: 50%; top: 50%; width: min(1100px, 120vw); aspect-ratio: 1; translate: -50% -50%; border-radius: 50%;
background: conic-gradient(from var(--ang), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #ff7ab6, #1ed760); filter: blur(110px); opacity: .34;
animation: orbSpin 18s linear infinite, orbBreathe 6s ease-in-out infinite; }
.s2 .orb.o2 { width: min(560px, 70vw); opacity: .28; filter: blur(70px); animation-duration: 11s, 4.5s; animation-direction: reverse, normal; }
@keyframes orbSpin { to { --ang: 360deg; } }
@keyframes orbBreathe { 0%, 100% { scale: .92; } 50% { scale: 1.06; } }
html.ai-flare .s2 .orb { animation: orbSpin 18s linear infinite, orbBreathe 6s ease-in-out infinite, orbFlare 1.4s ease-out 1; }
@keyframes orbFlare { 0% { opacity: .34; } 25% { opacity: .62; } 100% { opacity: .34; } }
.vstage::before { content: ""; position: absolute; inset: 6px -3px 4px; border-radius: 24px; z-index: 0; pointer-events: none;
background: conic-gradient(from var(--ang), #1ed760, #3b6cff, #8b5cf6, #ff7ab6, #1ed760); filter: blur(16px); opacity: 0; transition: opacity .8s ease; animation: orbSpin 6s linear infinite; }
.vstage > .vpn { z-index: 1; }
html[data-ai="act"] #vnight .vfeat:nth-child(1) .vstage::before, html[data-ai="cv"] #vnight .vfeat:nth-child(2) .vstage::before,
html[data-ai="fc"] #vnight .vfeat:nth-child(3) .vstage::before, html[data-ai="cpa"] #vnight .vfeat:nth-child(4) .vstage::before { opacity: .55; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .vbg *, .vstage::before { animation: none !important; } }
.vbg { opacity: clamp(0, calc((var(--nk, 1) - .7) * 3.4), 1); }
html.night .nav { background: rgba(0,0,0,.42) !important; -webkit-backdrop-filter: blur(22px) saturate(1.6) !important; backdrop-filter: blur(22px) saturate(1.6) !important; border-bottom-color: rgba(255,255,255,.08); }
#vnight { padding-bottom: clamp(240px, 26vw, 380px); }
@media (max-width: 640px) { #vnight { padding-bottom: 220px; } }
@media (min-width: 1180px) {
.vfc { background: rgba(255,255,255,.42); -webkit-backdrop-filter: blur(20px) saturate(1.8); backdrop-filter: blur(20px) saturate(1.8); border-color: rgba(255,255,255,.5); box-shadow: 0 14px 34px rgba(0,0,0,.22); }
.vfc-i { background: rgba(255,255,255,.7); }
}
html:not(.night) .vstage::before { opacity: 0 !important; }
.bgpick { display: none; }
@media (min-width: 1180px) {
.bgpick { position: fixed; left: 50%; bottom: 18px; translate: -50% 0; z-index: 60; display: flex; gap: 4px; align-items: center; padding: 5px; border-radius: 999px;
background: rgba(32,32,32,.7); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.14); color: #ffffff; font-size: 13px;
opacity: 0; pointer-events: none; transition: opacity .3s ease; }
html.night .bgpick { opacity: 1; pointer-events: auto; }
.bgpick span { padding: 0 8px 0 10px; color: #a4a4a4; }
.bgpick button { font: inherit; color: #ffffff; background: transparent; border: 0; padding: 7px 12px; border-radius: 999px; cursor: pointer; white-space: nowrap; }
.bgpick button.on { background: #ffffff; color: #121212; }
html.fc-1 .vfc { transition: opacity .5s ease, transform .9s cubic-bezier(.2,1.25,.3,1); transition-delay: 0s !important; }
html.fc-1 .vfc.p1, html.fc-1 .vfc.p3 { transform: translateX(300px) scale(.4); opacity: 0; }
html.fc-1 .vfc.p2 { transform: translateX(-300px) scale(.4); opacity: 0; }
html[data-ai="cv"] #vnight .vfeat:nth-child(2) .vfc,
html[data-ai="fc"] #vnight .vfeat:nth-child(3) .vfc,
html.fc-1[data-ai] #vnight .vfeat .vfc.on { transform: none; opacity: 1; }
html.fc-1 .vfc.on.p1 { transition-delay: .15s !important; } html.fc-1 .vfc.on.p2 { transition-delay: .35s !important; } html.fc-1 .vfc.on.p3 { transition-delay: .55s !important; }
html.fc-2 .vfc { animation: none; transition: opacity .6s ease; transform: none !important; }
html.fc-2 .vfc.p1 { translate: 0 calc(var(--py, 0) * -160px); scale: 1.08; }
html.fc-2 .vfc.p2 { translate: 0 calc(var(--py, 0) * 90px); scale: .86; filter: blur(1.6px); opacity: .7; }
html.fc-2 .vfc.p3 { translate: 0 calc(var(--py, 0) * -260px); scale: 1.16; }
html.fc-3 .vflt { z-index: auto; }
html.fc-3 .vfc { left: 50% !important; right: auto !important; top: 50% !important; transform: none !important; transition: opacity .7s ease; transition-delay: 0s !important;
animation: vfOrbit 27s linear infinite; opacity: 0; }
html.fc-3 .vfc.p2 { animation-delay: -9s; } html.fc-3 .vfc.p3 { animation-delay: -18s; }
html.fc-3 .vfc.on { opacity: 1; }
}
@keyframes vfOrbit { 0.00% { translate: calc(-50% + 520px) calc(-50% + 0px); z-index: 2; } 4.17% { translate: calc(-50% + 502px) calc(-50% + 66px); z-index: 2; } 8.33% { translate: calc(-50% + 450px) calc(-50% + 127px); z-index: 2; } 12.50% { translate: calc(-50% + 368px) calc(-50% + 180px); z-index: 2; } 16.67% { translate: calc(-50% + 260px) calc(-50% + 221px); z-index: 2; } 20.83% { translate: calc(-50% + 135px) calc(-50% + 246px); z-index: 2; } 25.00% { translate: calc(-50% + 0px) calc(-50% + 255px); z-index: 2; } 29.17% { translate: calc(-50% + -135px) calc(-50% + 246px); z-index: 2; } 33.33% { translate: calc(-50% + -260px) calc(-50% + 221px); z-index: 2; } 37.50% { translate: calc(-50% + -368px) calc(-50% + 180px); z-index: 2; } 41.67% { translate: calc(-50% + -450px) calc(-50% + 127px); z-index: 2; } 45.83% { translate: calc(-50% + -502px) calc(-50% + 66px); z-index: 2; } 50.00% { translate: calc(-50% + -520px) calc(-50% + 0px); z-index: 2; } 54.17% { translate: calc(-50% + -502px) calc(-50% + -39px); z-index: 0; } 58.33% { translate: calc(-50% + -450px) calc(-50% + -75px); z-index: 0; } 62.50% { translate: calc(-50% + -368px) calc(-50% + -106px); z-index: 0; } 66.67% { translate: calc(-50% + -260px) calc(-50% + -130px); z-index: 0; } 70.83% { translate: calc(-50% + -135px) calc(-50% + -145px); z-index: 0; } 75.00% { translate: calc(-50% + -0px) calc(-50% + -150px); z-index: 0; } 79.17% { translate: calc(-50% + 135px) calc(-50% + -145px); z-index: 0; } 83.33% { translate: calc(-50% + 260px) calc(-50% + -130px); z-index: 0; } 87.50% { translate: calc(-50% + 368px) calc(-50% + -106px); z-index: 0; } 91.67% { translate: calc(-50% + 450px) calc(-50% + -75px); z-index: 0; } 95.83% { translate: calc(-50% + 502px) calc(-50% + -39px); z-index: 0; } 100.00% { translate: calc(-50% + 520px) calc(-50% + -0px); z-index: 0; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { html.fc-3 .vfc { animation: none; } }
@media (min-width: 1180px) { html.fc-2 .vfc:not(.on) { opacity: 0 !important; } }
.vflt { display: none !important; }
.vside, .vswap { display: none; }
@media (min-width: 1180px) {
.vside { display: block; position: absolute; top: 50%; translate: 0 -50%; width: min(270px, calc((100vw - 760px) / 2 - 70px)); pointer-events: none; z-index: 2; }
.vside.s-l { right: calc(100% + 48px); text-align: right; }
.vside.s-r { left: calc(100% + 48px); }
.vside .vh, .vside .vl { display: none; }
html.tx-1 .vside .vh { display: block; margin: 0; font-size: clamp(26px, 2.5vw, 40px); line-height: 1.08; letter-spacing: -.02em; font-weight: 600; color: #ffffff;
opacity: 0; translate: 0 24px; filter: blur(6px); transition: opacity .5s ease, translate .5s ease, filter .5s ease; }
html.tx-1 .vstage.on .vside .vh { opacity: 1; translate: 0 0; filter: none; transition-duration: .9s; transition-delay: .2s; }
html.tx-3 .vside .vl { display: grid; gap: 16px; list-style: none; margin: 0; padding: 0; }
.vside .vl li { display: flex; align-items: center; gap: 12px; font-size: 17px; line-height: 1.3; color: #e7e7e7; font-weight: 500;
opacity: 0; translate: 0 12px; transition: opacity .35s ease, translate .35s ease; }
.vside.s-l .vl li { flex-direction: row-reverse; }
.vside .vl li i { width: 24px; height: 24px; flex: none; border-radius: 50%; background: #1ed760; color: #121212; display: grid; place-items: center; }
.vside .vl li i svg { width: 13px; height: 13px; }
html.tx-3 .vstage.on .vside .vl li { opacity: 1; translate: 0 0; transition-duration: .6s; }
html.tx-3 .vstage.on .vside .vl li:nth-child(1) { transition-delay: .3s; }
html.tx-3 .vstage.on .vside .vl li:nth-child(2) { transition-delay: 1.1s; }
html.tx-3 .vstage.on .vside .vl li:nth-child(3) { transition-delay: 1.9s; }
html.tx-2 .vswap { display: block; position: fixed; z-index: 3; top: 50%; translate: 0 -50%; left: max(28px, calc(50% - 380px - 330px)); width: min(290px, calc(50vw - 380px - 60px));
pointer-events: none; opacity: 0; transition: opacity .4s ease; }
html.tx-2.night .vswap { opacity: 1; }
.vswap span { display: block; font-size: 18px; color: #a4a4a4; margin-bottom: 8px; }
.vswap b { display: grid; font-weight: 600; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.08; letter-spacing: -.02em; color: #ffffff; }
.vswap i { grid-area: 1 / 1; font-style: normal; opacity: 0; translate: 0 40%; filter: blur(8px); transition: opacity .45s ease, translate .45s ease, filter .45s ease; }
.vswap i::first-letter { color: inherit; }
html[data-ai="act"] .vswap i[data-k="act"], html[data-ai="cv"] .vswap i[data-k="cv"], html[data-ai="fc"] .vswap i[data-k="fc"], html[data-ai="cpa"] .vswap i[data-k="cpa"] {
opacity: 1; translate: 0 0; filter: none; color: #1ed760; transition-duration: .7s; transition-delay: .15s; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .vside *, .vswap * { transition: none !important; } }
.s2 .orb { background: conic-gradient(from var(--ang), #1ed760, #19c98f, #2bd4c5, #2aa7ef, #3b6cff, #6a5cff, #8b5cf6, #b866f0, #ff7ab6, #ff9a8b, #7fdc7a, #1ed760);
filter: blur(120px) saturate(1.35); opacity: .4; }
.s2 .orb.o2 { background: radial-gradient(circle at 50% 50%, rgba(43,212,197,.9), rgba(59,108,255,.7) 35%, rgba(139,92,246,.5) 60%, transparent 75%); filter: blur(70px) saturate(1.3); opacity: .3; }
.s2 .orb { transform: translate(var(--mx, 0px), var(--my, 0px)); }
.s2 .orb.o2 { transform: translate(calc(var(--mx, 0px) * .7), calc(var(--my, 0px) * .7)); }
.s2::after { content: ""; position: absolute; inset: 0; opacity: .07; mix-blend-mode: overlay; pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
#vnight .vfeat > .slabel { justify-self: center; }
#vnight .vfeat > h2, #vnight .vfeat > .vlead { text-align: center; }
html.night #vnight .vlead { color: #ffffff; font-weight: 300; }
@property --nk { syntax: '<number>'; initial-value: 0; inherits: true; }
html.nk { transition: --nk .55s cubic-bezier(.4,0,.2,1); }
.vbg { opacity: var(--nk, 1); }
html.nkpre .vbg { opacity: .5; transition: opacity .6s ease; }
html.nkpre .vstage.on::before, html.nkpre #vnight .vfeat:first-child .vstage::before { opacity: .5 !important; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { html.nk { transition: none; } }
@media (min-width: 921px) { #vnight { margin-top: 260px; } }
@media (max-width: 920px) { #vnight { margin-top: 160px; } }
html.nkpost .vbg { opacity: .5; transition: opacity .6s ease; }
html.nkpost #vnight .vfeat:last-child .vstage::before { opacity: .5 !important; }
@media (min-width: 921px) { #vnight { margin-bottom: 260px; } }
@media (max-width: 920px) { #vnight { margin-bottom: 160px; } }
.sub, .vlead, .ch p, .sec-head p, .sec p:not(.small):not(.note):not(.srcnote) { font-weight: 300; }
.ch .num { color: #14b856; }
.shk-t { display: inline-flex; align-items: center; gap: 9px; }
.shk { width: 24px; height: 24px; border-radius: 7px; flex: none; box-shadow: 0 0 0 1px rgba(18,18,18,.08); }
.sortlist .srn { display: flex; align-items: center; gap: 0; min-width: 0; }
.sortlist .srn .lg.sm { width: 24px; height: 24px; border-radius: 7px; margin-right: 10px; }
.prog.thin { gap: 6px; padding: 4px 20px 12px; font-size: 12.5px; }
.prog.thin .cardbar { height: 5px; }
.desk { position: relative; height: 420px; background: radial-gradient(120% 90% at 30% 10%, #fbfbfb 0%, #f3f3f3 100%); }
.scene-m .desk { height: 340px; }
.dstmt { position: absolute; left: 6%; top: 7%; width: 56%; background: #ffffff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 14px 30px -16px rgba(27,27,27,.3); padding: 12px 14px 10px; transform: rotate(-2.5deg); display: grid; gap: 2px; }
.dsh { display: flex; align-items: center; gap: 2px; font-size: 12px; padding-bottom: 7px; margin-bottom: 3px; border-bottom: 1px solid var(--line); }
.dsh .lg.sm { width: 18px; height: 18px; border-radius: 5px; margin-right: 7px; }
.dsh b { font-weight: 600; color: var(--ink); } .dsh span { margin-left: auto; color: var(--text-3); font-size: 11px; }
.dl { display: grid; grid-template-columns: 42px 1fr auto 16px; gap: 6px; align-items: center; font-size: 10.5px; color: #555555; padding: 4px 4px; border-radius: 5px; font-variant-numeric: tabular-nums; }
.dl span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: .02em; }
.dl span:nth-child(3) { font-weight: 600; color: var(--ink); }
.dl em { font-style: normal; font-weight: 700; color: #d64545; text-align: center; }
.dl.hl { background: #fff1b8; }
.dmore { font-size: 10.5px; color: var(--text-3); padding: 4px 4px 0; }
.dbox { position: absolute; right: 6%; bottom: 9%; width: 36%; height: 46%; }
.dfront { position: absolute; left: 0; right: 0; bottom: 0; height: 58%; border-radius: 6px 6px 10px 10px; background: linear-gradient(180deg, #d8b98b, #c9a573); box-shadow: 0 16px 30px -14px rgba(90,60,20,.45), inset 0 2px 0 rgba(255,255,255,.35); display: grid; place-items: center; z-index: 2; }
.dfront span { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: #7a5a2c; background: rgba(255,255,255,.55); padding: 3px 8px; border-radius: 3px; transform: rotate(-2deg); }
.drc { position: absolute; width: 58%; background: #ffffff; border: 1px solid var(--line); border-radius: 6px 6px 0 0; padding: 8px 9px 22px; display: flex; align-items: center; gap: 0; font-size: 11px; box-shadow: 0 6px 14px -8px rgba(27,27,27,.3); z-index: 1; }
.drc .lg.sm { width: 18px; height: 18px; border-radius: 5px; margin-right: 6px; }
.drc b { margin-left: auto; font-weight: 600; color: var(--ink); }
.drc.r1 { left: 2%; top: 4%; transform: rotate(-10deg); }
.drc.r2 { left: 30%; top: 0; transform: rotate(4deg); }
.drc.r3 { right: -2%; top: 12%; transform: rotate(13deg); }
.dcal { position: absolute; left: 8%; bottom: 8%; width: 30%; background: #ffffff; border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px; display: grid; gap: 2px; font-size: 11.5px; box-shadow: 0 10px 22px -14px rgba(27,27,27,.3); transform: rotate(2deg); }
.dcal b { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #d64545; }
.dcal span { font-weight: 600; color: var(--ink); } .dcal s { color: var(--text-3); }
.desk .sticky { left: auto; right: 38%; bottom: auto; top: 58%; font-size: 12px; z-index: 3; }
@media (max-width: 560px) {
.dstmt { width: 70%; left: 4%; } .dl { grid-template-columns: 36px 1fr auto 12px; font-size: 10px; } .dl:nth-of-type(n+6) { display: none; }
.dbox { width: 44%; height: 40%; right: 3%; } .dcal { width: 38%; left: 4%; } .desk .sticky { right: 30%; top: 62%; font-size: 11px; }
}
.shot.solid { background: #ffffff !important; border: 1px solid var(--line); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 24px 50px -26px rgba(27,27,27,.22); }
.pf { margin: 16px 20px 6px; padding: 18px 18px 16px; border-radius: 16px; background: linear-gradient(160deg, #f5f5f5 0%, #fafafa 60%, #ffffff 100%); border: 1px solid #e3e3e3; display: grid; gap: 16px; }
.pf-top { display: grid; gap: 4px; }
.pf-l { font-size: 13px; font-weight: 600; color: var(--ok); }
.pf-n { display: flex; align-items: baseline; }
.pf-n b { font-family: var(--head); font-size: clamp(40px, 4.4vw, 54px); font-weight: 500; letter-spacing: -.035em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.pf-n small { font-family: var(--head); font-size: 22px; font-weight: 500; color: var(--text-3); margin-left: 2px; }
.pf-c { font-size: 13px; color: var(--text-2); font-weight: 300; }
.pf-bars { display: grid; gap: 9px; }
.pfb { display: grid; grid-template-columns: 76px 1fr 72px; align-items: center; gap: 10px; font-size: 12.5px; color: var(--text-2); }
.pfb b { text-align: right; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; }
.pft { height: 9px; border-radius: 99px; background: rgba(18,18,18,.06); overflow: hidden; }
.pft i { display: block; height: 100%; border-radius: inherit; transform-origin: left; }
.pft i.in { background: linear-gradient(90deg, #14b856, #1ED760); }
.pft i.out { background: #cdcdcd; }
.play .pft i { animation: grow 1.4s cubic-bezier(.2,.7,.2,1) both; }
.play .pft i.out { animation-delay: .25s; }
[data-play]:not(.play) .pft i { transform: scaleX(0); }
.scene-m .pf { margin: 12px 14px 4px; padding: 14px; gap: 12px; }
@media (max-width: 480px) { .pfb { grid-template-columns: 66px 1fr 64px; font-size: 12px; } }
.ac-logo { display: inline-flex; align-items: center; height: 22px; }
.ac-logo svg { height: 22px; width: auto; display: block; }
.ac-row { grid-template-columns: 1fr auto 74px; }
.ac-row b { grid-column: 1; grid-row: 1; } .ac-row em { grid-column: 2; grid-row: 1 / 3; align-self: center; font-weight: 600; }
.ac-row small { grid-column: 1; grid-row: 2; font-weight: 300; }
.ac-row .ac-ok { grid-column: 3; grid-row: 1 / 3; align-self: center; justify-self: end; padding: 4px 10px 4px 8px; border-radius: 99px; background: rgba(255,255,255,0.07); color: #1ED760; font-size: 12px; font-weight: 600; }
.cv-c { stroke: #F87171 !important; filter: drop-shadow(0 0 6px rgba(248,113,113,.55)) !important; }
.cv-tag.t2 { color: #F87171 !important; background: rgba(255,255,255,0.07) !important; }
.cv-t.g b { color: #F87171 !important; }
.scene .shot { height: auto; }
.shot .trow.t2 { grid-template-columns: 1fr auto; }
.ac-bar .ac-wm { height: 20px; }
.panel.solidw { background: #ffffff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid var(--line); }
.odo { display: inline-block; height: 1.08em; line-height: 1.08em; overflow: hidden; vertical-align: bottom; }
.odo-s { display: block; animation: odo 6s cubic-bezier(.3,.7,.2,1) infinite; }
.odo-s i { display: block; height: 1.08em; font-style: normal; color: #14b856; }
@keyframes odo { 0% { transform: translateY(0); } 30%, 88% { transform: translateY(-4.32em); opacity: 1; } 95% { transform: translateY(-4.32em); opacity: 0; } 96% { transform: translateY(0); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .odo-s { animation: none; transform: translateY(-4.32em); } }
.feat .fc p, .ch p, ul.ticks li, div.glass > ul > li, .plan ul li:not(.lead), .trust span, .glass.kept .grid2 span, .tier > span,
.stat p, .soonband p, .step p, .ccard p, .wpt li, .tcard p, .calc .field label, table td, .note, .srcnote, p.small, .calc-out small, .mps .small { font-weight: 300 !important; }
.feat .fc p, .ch p { font-size: 16px !important; line-height: 1.6 !important; }
.feat .fc p.small { font-size: 13.5px !important; }
ul.ticks li, div.glass > ul > li { font-size: 15px !important; }
.plan ul li { font-size: 14.5px !important; }
.stat p, .step p { font-size: 14.5px !important; }
.soonband p { font-size: 15px !important; }
@media (max-width: 560px) {
.feat .fc p, .ch p { font-size: 15px !important; }
ul.ticks li, div.glass > ul > li, .stat p, .step p, .soonband p { font-size: 14px !important; }
}
@media (max-width: 560px) {
.shot .trow.t2 .pill { grid-column: auto; justify-self: end; }
.drc { width: 40%; padding: 7px 7px 18px; } .drc b { display: none; }
.drc.r1 { left: 0; } .drc.r2 { left: 30%; } .drc.r3 { right: 0; }
}
.eyebrow, .feat .fc .eyebrow, .sec-head .eyebrow { color: #14b856 !important; }
.ticks li svg, .cando li svg { display: none !important; }
.ticks li::before, .cando li::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: #1ED760; margin-top: .62em; }
.shot-h { font-size: 15px; color: var(--ink); }
.shot-h b, .shot-h > span:not(.pill):not(.switch):not(.seg):not(.swap) { font-weight: 500; font-size: 15px; letter-spacing: -.01em; color: var(--ink); }
.shot-h > span:not(.pill):not(.switch):not(.seg):not(.swap):last-child { color: var(--text-2); font-weight: 400; font-variant-numeric: tabular-nums; }
.shot-h .switch { font-size: 14px; font-weight: 400; color: var(--text-2); }
.ksh { font-size: 14.5px; font-weight: 500; color: var(--ink); }
.ksh .kdots { margin-left: auto; font-weight: 400; color: var(--text-2); }
.bigline b { font-weight: 400; font-size: 46px; letter-spacing: -.035em; }
.bigline span { font-weight: 300; }
@media (max-width: 480px) { .bigline b { font-size: 36px; } }
.drop { background: rgba(255,255,255,.72) !important; backdrop-filter: blur(36px) saturate(1.8) !important; -webkit-backdrop-filter: blur(36px) saturate(1.8) !important; }
.drop .di2 { display: flex; gap: 3px; background: none !important; width: auto !important; }
.drop .di2 .ic { width: 22px; height: 22px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(18,18,18,.08); }
.rptlist .trow { grid-template-columns: 1fr auto 26px; }
.rpt { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ok-bg); color: var(--ok); }
.rpt svg { width: 14px; height: 14px; animation: rptSpin 3.2s linear infinite; }
@keyframes rptSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .rpt svg { animation: none; } }
.kchat .who i.tdots { width: auto; height: 14px; background: none; display: inline-flex; gap: 3px; align-items: center; }
.kchat .who i.tdots::after { content: none; }
.kchat .who i.tdots b { width: 5px; height: 5px; border-radius: 50%; background: #1ED760; animation: tdot 1.2s ease-in-out infinite; }
.kchat .who i.tdots b:nth-child(2) { animation-delay: .15s; } .kchat .who i.tdots b:nth-child(3) { animation-delay: .3s; }
@keyframes tdot { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-2px); } }
.soonband .textlink { margin-top: 14px; display: inline-flex; }
.sv-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; max-width: 900px; margin: 34px auto 0; }
.sv-facts > div { display: grid; gap: 4px; padding: 18px; border-radius: 16px; background: #ffffff; border: 1px solid var(--line); }
.svf-i { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--ok-bg); color: var(--ok); margin-bottom: 6px; }
.svf-i svg { width: 17px; height: 17px; }
.sv-facts b { font-weight: 500; font-size: 15px; color: var(--ink); } .sv-facts span:last-child { font-size: 14px; font-weight: 300; color: var(--text-2); }
@media (max-width: 720px) { .sv-facts { grid-template-columns: 1fr; } }
.plans { align-items: stretch; }
.plan { display: flex !important; flex-direction: column; padding-bottom: 26px !important; }
.plan ul { flex: 1; }
.plan .btn { margin-top: 22px; }
.plan hr, .plan .foot { display: none !important; }
.yn { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; vertical-align: middle; }
.yn svg { width: 13px !important; height: 13px !important; }
.yn.y { background: #1ED760; } .yn.y svg { color: #ffffff !important; }
.yn.n { background: #eeeeee; } .yn.n svg { color: #a1a1a1 !important; }
.iphone .rcpt { width: 74%; margin-top: 4%; transform: rotate(-2deg); padding: 16px 14px 20px; border-radius: 4px; gap: 7px; font-size: 11px;
-webkit-mask: linear-gradient(#000000 0 0) top / 100% calc(100% - 8px) no-repeat, radial-gradient(circle 5px at 7px 100%, transparent 98%, #000000) bottom / 14px 9px repeat-x;
mask: linear-gradient(#000000 0 0) top / 100% calc(100% - 8px) no-repeat, radial-gradient(circle 5px at 7px 100%, transparent 98%, #000000) bottom / 14px 9px repeat-x; }
.iphone .rcpt > b { letter-spacing: .12em; font-size: 12.5px; }
.rc-sub { text-align: center; color: #888888; font-size: 9.5px; padding-bottom: 6px; border-bottom: 1px dashed #cccccc; margin-bottom: 2px; }
.iphone .rcpt > div:last-child { border-top: 1px dashed #cccccc; padding-top: 7px; margin-top: 2px; }
.iphone .scan { height: 2px; background: rgba(255,255,255,.85) !important; box-shadow: 0 0 14px 3px rgba(255,255,255,.35) !important; }
.iphone .cambar { height: 18%; }
.iphone .cambar .shutter2 { width: 50px; height: 50px; border: 3px solid #ffffff; background: #ffffff; box-shadow: inset 0 0 0 3px #222222; }
.iphone .matchpop.mp3 { right: -78px; top: 9%; }
.iphone .matchpop.mp2 { display: grid; width: 196px; left: -82px; right: auto; top: auto; bottom: 22%; animation-delay: -2.5s; }
.mp2 .mps { display: grid; gap: 4px; } .mp2 .pill { justify-self: start; }
@media (max-width: 640px) { .iphone .matchpop.mp3 { right: -16px; top: 4%; } .iphone .matchpop.mp2 { left: -16px; bottom: 20%; width: 170px; } }
.bars .lab-k .wordmark { height: 15px; }
.tvis.trev { min-height: 318px; }
.tvis.trev .rq { top: 44px; bottom: 14px; gap: 16px; padding: 18px; align-content: start; }
.tvis.trev .rqm { font-size: 15.5px; } .tvis.trev .rqm .lg { width: 34px; height: 34px; }
.tvis.trev .rqa { font-size: 15px; font-weight: 300; }
.tvis.trev .rqb span { padding-block: 11px; }
.tvis.tflow { background: #ffffff; position: relative; min-height: 318px; padding: 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; overflow: hidden; }
.tf-in, .tf-out { position: relative; height: 210px; }
.tfc, .tfo { position: absolute; left: 0; right: 0; margin: auto; display: flex; align-items: center; gap: 6px; width: max-content; padding: 6px 9px; border-radius: 99px; background: #ffffff; border: 1px solid var(--line); box-shadow: 0 6px 14px -10px rgba(27,27,27,.35); font-size: 12px; font-weight: 500; color: var(--ink); opacity: 0; font-variant-numeric: tabular-nums; }
.tfc .lg { width: 18px; height: 18px; border-radius: 5px; }
.tfo { background: var(--ok-bg); border-color: #dddddd; color: var(--ok); }
.tfc { animation: tfIn 6s ease-in-out infinite; } .tfo { animation: tfOut 6s ease-in-out infinite; }
.tfc.c0, .tfo.o0 { top: 18%; } .tfc.c1, .tfo.o1 { top: 44%; } .tfc.c2, .tfo.o2 { top: 70%; }
.tfc.c1, .tfo.o1 { animation-delay: 2s; } .tfc.c2, .tfo.o2 { animation-delay: 4s; }
@keyframes tfIn { 0% { opacity: 0; transform: translateX(-30px); } 10% { opacity: 1; transform: translateX(-8px); } 32% { opacity: 1; transform: translateX(0); } 42% { opacity: 0; transform: translateX(34px) scale(.8); } 100% { opacity: 0; } }
@keyframes tfOut { 0%, 38% { opacity: 0; transform: translateX(-30px) scale(.8); } 48% { opacity: 1; transform: translateX(0) scale(1); } 74% { opacity: 1; transform: translateX(0); } 86%, 100% { opacity: 0; transform: translateX(20px); } }
.tf-core { position: relative; width: 66px; height: 66px; display: grid; place-items: center; }
.tf-core .ic { width: 52px; height: 52px; border-radius: 14px; position: relative; z-index: 1; box-shadow: 0 10px 24px -10px rgba(30,215,96,.7); }
.tf-ring { position: absolute; inset: 0; border-radius: 20px; border: 1.5px solid rgba(30,215,96,.5); animation: tfRing 2s ease-out infinite; }
.tf-ring.r2 { animation-delay: 1s; }
@keyframes tfRing { from { transform: scale(.8); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }
.tf-done { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 13.5px; font-weight: 500; color: var(--ok); padding: 9px; border-radius: 12px; background: var(--ok-bg); }
.tf-done svg { width: 14px; height: 14px; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .tfc, .tfo { animation: none; opacity: 1; } .tf-ring { animation: none; opacity: 0; } }
@media (min-width: 921px) { #vnight { margin-top: 140px; margin-bottom: 40px; } }
@media (max-width: 920px) { #vnight { margin-top: 90px; margin-bottom: 20px; } }
#vnight { padding-bottom: clamp(140px, 15vw, 210px); }
@media (max-width: 640px) { #vnight { padding-bottom: 130px; } }
@media (max-width: 640px) {
.iphone .matchpop.mp3 { right: -64px !important; left: auto !important; top: 6% !important; bottom: auto !important; width: 158px !important; padding: 8px 10px; font-size: 11.5px; }
.iphone .matchpop.mp2 { left: -64px !important; right: auto !important; bottom: 16% !important; top: auto !important; width: 150px !important; padding: 8px 10px; font-size: 11.5px; }
.iphone .matchpop .small { font-size: 10.5px; }
}
.iphone .matchpop.mp2 { width: 214px; }
.nav:has(.item.open) { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(255,255,255,.97) !important; }
html.night .nav:has(.item.open) { background: rgba(0,0,0,.96) !important; }
.tcard h3 { text-align: center; }
.tvis.trev { min-height: 336px; }
.tvis.trev .rq { top: 44px; bottom: 14px; display: flex; flex-direction: column; gap: 9px; padding: 16px; }
.tvis.trev .rqm .rqn { margin-left: 0; display: grid; gap: 1px; min-width: 0; font-weight: inherit; }
.tvis.trev .rqm .rqn b { font-size: 15px; }
.tvis.trev .rqm small { font-size: 11px; font-weight: 400; color: var(--text-3); letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rqd { font-size: 12.5px; font-weight: 300; color: var(--text-3); }
.rqamt { text-align: center; font-size: 30px; font-weight: 500; letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; line-height: 1.1; }
.rqp { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.rqp span { font-size: 12px; font-weight: 500; padding: 4px 10px; border-radius: 99px; }
.rqcat { background: #f4f4f4; color: var(--text); }
.rqbas { background: #f8f8f8; color: #5b47c4; }
.tvis.trev .rqa { text-align: center; font-size: 14px; }
.tvis.trev .rqb { margin-top: auto; }
.tvis.tflow { display: block; padding: 0; min-height: 318px; }
.tf-line { position: absolute; left: 50%; top: 12px; bottom: 12px; width: 1.5px; transform: translateX(-50%); z-index: 2; background: linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(30,215,96,.6) 18%, rgba(30,215,96,.6) 82%, rgba(255,255,255,0.0)); }
.tf-lanes { position: absolute; inset: 14px 0; display: grid; grid-template-rows: repeat(6, 1fr); }
.tfl { position: relative; }
.tfh { position: absolute; top: 0; bottom: 0; width: 50%; overflow: hidden; }
.tfh.ha { left: 0; } .tfh.hb { left: 50%; }
.tft { position: absolute; top: 0; bottom: 0; width: 200%; }
.tfh.ha .tft { left: 0; } .tfh.hb .tft { left: -100%; }
.tfm { position: absolute; inset: 0; display: flex; align-items: center; animation: tfPan 9s linear infinite; }
.tflow .tfc, .tflow .tfo { position: static; margin: 0; opacity: 1; animation: none; transform: translateX(-50%); flex: none; }
.tflow .tfo svg { width: 12px; height: 12px; }
.tfl.l1 .tfm { animation-delay: -4.8s; } .tfl.l2 .tfm { animation-delay: -1.7s; } .tfl.l3 .tfm { animation-delay: -6.6s; }
.tfl.l4 .tfm { animation-delay: -3.2s; } .tfl.l5 .tfm { animation-delay: -7.9s; }
@keyframes tfPan { from { transform: translateX(-12%); } to { transform: translateX(112%); } }
.tfh.ha { -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 22px), transparent); mask-image: linear-gradient(to right, #000000 calc(100% - 22px), transparent); }
.tfh.hb { -webkit-mask-image: linear-gradient(to right, transparent, #000000 22px); mask-image: linear-gradient(to right, transparent, #000000 22px); }
.tfm { animation-duration: 10.8s; }
.tfl.l0 .tfm { animation-delay: 0s; } .tfl.l1 .tfm { animation-delay: -5.4s; } .tfl.l2 .tfm { animation-delay: -1.8s; }
.tfl.l3 .tfm { animation-delay: -7.2s; } .tfl.l4 .tfm { animation-delay: -3.6s; } .tfl.l5 .tfm { animation-delay: -9s; }
.tflow .tf-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3; width: 78px; height: 78px; }
.tflow .tf-core::before { content: ""; position: absolute; inset: 6px; border-radius: 22px; background: #ffffff; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .tfm { animation-play-state: paused; } }
.sbpick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 16px; }
.sbpick > span { font-size: 12px; font-weight: 500; color: var(--text-3); margin-right: 4px; }
.sbpick button { font: inherit; font-size: 12.5px; font-weight: 500; padding: 6px 12px; border-radius: 99px; border: 1px solid var(--line); background: #ffffff; color: var(--text-2); cursor: pointer; }
.sbpick button.on { background: #121212; border-color: #121212; color: #ffffff; }
.sbx .sbv { display: none; }
.sbx[data-sbv="0"] .v0, .sbx[data-sbv="1"] .v1, .sbx[data-sbv="2"] .v2, .sbx[data-sbv="3"] .v3, .sbx[data-sbv="4"] .v4, .sbx[data-sbv="5"] .v5 { display: block; }
.sbv.v1, .sbv.v2, .sbv.v3, .sbv.v4, .sbv.v5 { height: 420px; overflow: hidden; padding: 16px 18px; background: radial-gradient(120% 90% at 30% 10%, #fbfbfb 0%, #f3f3f3 100%); }
.scene-m .sbv.v1, .scene-m .sbv.v2, .scene-m .sbv.v3, .scene-m .sbv.v4, .scene-m .sbv.v5 { height: 340px; padding: 12px; }
.sb1 { background: #ffffff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.sb1-h { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 14px; }
.sb1-h span { font-size: 12px; font-weight: 600; color: #b42318; background: #f6f6f6; padding: 3px 9px; border-radius: 99px; }
.sb1-r { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px dashed var(--line); }
.sb1-r:last-child { border-bottom: 0; }
.sb1-r .ud { width: 7px; height: 7px; border-radius: 99px; background: #2f6bff; flex: none; }
.sb1-t { display: grid; min-width: 0; flex: 1; } .sb1-t b { font-size: 13.5px; font-weight: 600; }
.sb1-t span { font-size: 12px; font-weight: 300; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sb1-r em { font-style: normal; font-size: 11.5px; color: var(--text-3); }
.scene-m .sb1-r { padding: 8px 12px; } .scene-m .sb1-r:nth-child(n+7) { display: none; }
.sb2 { position: relative; background: #ffffff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.sb2-f { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 12px; background: #107c41; color: #ffffff; font-size: 12.5px; }
.sb2-f span { font-size: 11px; opacity: .85; }
.sb2-g { display: grid; grid-template-columns: 54px 1.6fr 1fr 1fr; font-size: 12px; font-family: ui-monospace, Menlo, monospace; }
.sb2-g span { padding: 9px 8px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text); }
.sb2-g .h { background: #f4f4f4; font-weight: 600; font-family: inherit; color: var(--text-2); }
.sb2-g .sbq { color: #b54708; background: #f7f7f7; }
.sb2-x { position: absolute; right: 14px; bottom: 14px; font: 600 13px ui-monospace, Menlo, monospace; color: #b42318; background: #f6f6f6; border: 1px solid #fecdca; padding: 6px 10px; border-radius: 8px; transform: rotate(-4deg); }
.sb3 { background: #ffffff; border: 1px solid var(--line); border-radius: 16px; padding: 14px; }
.sb3-h { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; font-size: 15px; }
.sb3-h span { font-size: 12px; font-weight: 300; color: var(--text-3); }
.sb3-g { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.sb3-g span { position: relative; min-height: 52px; border-radius: 8px; background: #f8f8f8; font-size: 11.5px; padding: 5px 6px; color: var(--text-2); font-variant-numeric: tabular-nums; }
.sb3-g .dn { min-height: 0; background: none; text-align: center; font-weight: 600; color: var(--text-3); padding: 0 0 2px; }
.sb3-g .we { background: #f1f1f1; color: #9a5b00; }
.sb3-g .due { background: #f6f6f6; color: #b42318; font-weight: 600; }
.sb3-g i { display: block; margin-top: 4px; font-style: normal; font-size: 10px; font-weight: 600; }
.sb3-g i.r { color: #b42318; }
.scene-m .sb3-g span { min-height: 40px; font-size: 10.5px; padding: 4px; } .scene-m .sb3-g i { font-size: 8.5px; }
.sb4 { position: relative; height: 100%; }
.sb4-pile { position: absolute; inset: 0 0 92px 0; }
.sb4 .rc { position: absolute; width: 150px; padding: 12px 12px 14px; background: #ffffff; border: 1px solid #e9e9e9; border-radius: 4px; box-shadow: 0 10px 22px -14px rgba(27,27,27,.45); display: grid; gap: 6px; font-family: ui-monospace, Menlo, monospace; font-size: 11.5px; }
.sb4 .rc b { font-size: 12.5px; letter-spacing: .04em; }
.sb4 .rc i { display: block; height: 5px; border-radius: 3px; background: #efefef; } .sb4 .rc i:nth-of-type(2) { width: 70%; } .sb4 .rc i:nth-of-type(3) { width: 85%; }
.sb4 .rc span { justify-self: end; font-weight: 700; }
.sb4 .r0 { left: 6%; top: 8%; transform: rotate(-9deg); } .sb4 .r1 { left: 34%; top: 2%; transform: rotate(6deg); } .sb4 .r2 { left: 58%; top: 12%; transform: rotate(-4deg); }
.sb4 .r3 { left: 18%; top: 38%; transform: rotate(11deg); } .sb4 .r4 { left: 48%; top: 40%; transform: rotate(-12deg); }
.sb4-c { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: center; gap: 4px 10px; padding: 14px 16px; background: #ffffff; border: 1px solid var(--line); border-radius: 16px; }
.sb4-c b { font-size: 28px; font-weight: 500; letter-spacing: -.02em; } .sb4-c b:nth-of-type(2) { color: #b42318; }
.sb4-c span { font-size: 12.5px; font-weight: 300; color: var(--text-2); }
.scene-m .sb4 .rc { width: 124px; font-size: 10.5px; padding: 10px; }
.sb5 { background: #ffffff; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.sb5-h { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 600; }
.sb5-n { font-size: 12px; font-weight: 600; color: #9a5b00; background: #f1f1f1; padding: 3px 9px; border-radius: 99px; }
.sb5-r { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px dashed var(--line); font-size: 13.5px; }
.sb5-r .sbm { display: grid; font-weight: 500; } .sb5-r small { font-size: 11.5px; font-weight: 300; color: var(--text-3); }
.sb5-r .amt { font-variant-numeric: tabular-nums; font-weight: 500; min-width: 66px; text-align: right; }
.sb5-f { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 14px; font-size: 12.5px; color: var(--text-2); }
.sb5-bar { height: 6px; border-radius: 99px; background: #efefef; overflow: hidden; } .sb5-bar i { display: block; width: 2%; height: 100%; background: #f5a524; }
.sb5-f b { font-weight: 600; color: var(--text); }
@media (max-width: 640px) { .sb5-r .pill { display: none; } .sb5-r { padding: 9px 12px; } .scene-m .sb5-r:nth-child(n+6) { display: none; } }
.xl { --xg: #107c41; display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 12px; border: 1px solid #d6d6d6; background: #ffffff; box-shadow: 0 24px 50px -28px rgba(27,27,27,.45); font-family: "Segoe UI", system-ui, -apple-system, sans-serif; color: #242424; text-align: left; }
.scene-m .xl { height: 430px; }
.xl-top { flex: none; display: flex; align-items: center; gap: 12px; height: 40px; padding: 0 14px; background: var(--xg); color: #ffffff; font-size: 13px; }
.xl-waf { display: grid; grid-template-columns: repeat(3, 3px); gap: 2.5px; }
.xl-waf i { width: 3px; height: 3px; background: #ffffff; border-radius: 1px; }
.xl-app { font-weight: 600; font-size: 14px; }
.xl-file { display: flex; align-items: center; gap: 8px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.xl-file em { font-style: normal; font-size: 11.5px; opacity: .8; }
.xl-search { margin-left: auto; width: 34%; max-width: 260px; height: 26px; border-radius: 4px; background: rgba(255,255,255,.92); color: #616161; display: flex; align-items: center; padding: 0 10px; font-size: 12.5px; }
.xl-av { width: 26px; height: 26px; border-radius: 99px; background: #d6d6d6; color: #0b5a2f; display: grid; place-items: center; font-size: 11px; font-weight: 600; flex: none; }
.xl-tabs { flex: none; display: flex; gap: 2px; padding: 6px 10px 0; background: #f5f5f5; font-size: 13px; color: #424242; white-space: nowrap; overflow: hidden; }
.xl-tabs span { padding: 5px 9px 7px; position: relative; }
.xl-tabs span.on { font-weight: 600; color: #242424; }
.xl-tabs span.on::after { content: ""; position: absolute; left: 9px; right: 9px; bottom: 0; height: 3px; border-radius: 2px; background: var(--xg); }
.xl-rib { flex: none; display: flex; align-items: center; gap: 4px; margin: 6px 10px; padding: 4px 8px; border-radius: 8px; background: #ffffff; box-shadow: 0 0 0 1px #e6e6e6, 0 1px 2px rgba(0,0,0,.06); font-size: 12.5px; white-space: nowrap; overflow: hidden; }
.xl-rib .xi { min-width: 24px; height: 26px; display: grid; place-items: center; border-radius: 4px; color: #424242; padding: 0 4px; }
.xl-rib .xi.xw { padding: 0 8px; }
.xl-rib .xbd { font-weight: 700; } .xl-rib .xit { font-style: italic; font-family: Georgia, serif; } .xl-rib .xun { text-decoration: underline; }
.xl-rib .xfill { border-bottom: 3px solid #ffff00; height: 22px; font-weight: 600; }
.xl-rib .xdd { height: 24px; display: flex; align-items: center; padding: 0 22px 0 8px; border: 1px solid #d1d1d1; border-radius: 4px; color: #242424; position: relative; }
.xl-rib .xdd::after { content: ""; position: absolute; right: 8px; top: 9px; width: 5px; height: 5px; border-right: 1.3px solid #616161; border-bottom: 1.3px solid #616161; transform: rotate(45deg); }
.xl-rib .xf { width: 112px; } .xl-rib .xn { width: 86px; }
.xl-rib .xs { width: 1px; height: 18px; background: #e0e0e0; margin: 0 4px; flex: none; }
.xl-fb { flex: none; display: flex; align-items: center; height: 30px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: 13px; }
.xl-nb { width: 74px; height: 100%; display: flex; align-items: center; padding: 0 8px; border-right: 1px solid #e0e0e0; }
.xl-fx { display: flex; align-items: center; gap: 12px; padding: 0 12px; height: 100%; border-right: 1px solid #e0e0e0; color: #9e9e9e; font-size: 12px; }
.xl-fx b { font-style: italic; font-family: Georgia, serif; font-weight: 400; color: #424242; font-size: 14px; }
.xl-fv { padding: 0 10px; font-family: "Aptos Narrow", "Arial Narrow", Calibri, Arial, sans-serif; font-size: 14px; }
.xl-g { flex: 1; min-height: 0; overflow: hidden; display: grid; grid-template-columns: 36px 62px minmax(0,1.5fr) 78px 86px minmax(0,1fr) 54px; grid-auto-rows: 24px; align-content: start; font-family: "Aptos Narrow", "Arial Narrow", Calibri, Arial, sans-serif; font-size: 14px; background: #ffffff; }
.xc { position: relative; display: flex; align-items: center; padding: 0 5px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; white-space: nowrap; overflow: hidden; color: #000000; }
.xc.r { justify-content: flex-end; }
.xc.b { font-weight: 700; }
.xc0, .xh, .xr { background: #f5f5f5; color: #616161; font-family: "Segoe UI", system-ui, sans-serif; font-size: 12px; justify-content: center; border-color: #d6d6d6; }
.xh.on { background: #e5e5e5; color: var(--xg); font-weight: 600; box-shadow: inset 0 -2px 0 var(--xg); }
.xr.on { background: #e5e5e5; color: var(--xg); font-weight: 600; box-shadow: inset -2px 0 0 var(--xg); }
.xc.hy { background: #ffff00; }
.xc.tx, .xc.er { justify-content: flex-start; }
.xc.er { justify-content: flex-end; }
.xc.tx::before, .xc.er::before { content: ""; position: absolute; left: 0; top: 0; border-top: 6px solid var(--xg); border-right: 6px solid transparent; }
.xc.mu { color: #8a8a8a; font-style: italic; overflow: visible; }
.xc.sel { outline: 2px solid var(--xg); outline-offset: -1px; z-index: 1; overflow: visible; }
.xc.sel::after { content: ""; position: absolute; right: -4px; bottom: -4px; width: 6px; height: 6px; background: var(--xg); border: 1px solid #ffffff; }
.xl-sh { flex: none; display: flex; align-items: center; gap: 2px; height: 32px; padding: 0 8px; border-top: 1px solid #d6d6d6; background: #f5f5f5; font-size: 12.5px; color: #424242; white-space: nowrap; overflow: hidden; }
.xl-nav { color: #9e9e9e; letter-spacing: 4px; padding-right: 8px; font-size: 11px; }
.xl-st { padding: 6px 12px; border-radius: 4px 4px 0 0; position: relative; }
.xl-st.on { background: #ffffff; color: var(--xg); font-weight: 600; }
.xl-st.on::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background: var(--xg); }
.xl-plus { padding: 0 10px; font-size: 16px; color: #616161; }
.xl-sb { flex: none; display: flex; justify-content: space-between; align-items: center; height: 24px; padding: 0 12px; background: #f5f5f5; border-top: 1px solid #e6e6e6; font-size: 11.5px; color: #616161; }
.xl-sbr { display: flex; align-items: center; gap: 14px; }
.xl-sbr i { width: 60px; height: 3px; border-radius: 2px; background: #c8c8c8; }
@media (max-width: 640px) {
.xl-top { gap: 9px; padding: 0 10px; } .xl-search { display: none; } .xl-av { margin-left: auto; }
.xl-rib .xhide, .xl-rib .xn { display: none; } .xl-rib .xf { width: 96px; }
.xl-g { grid-template-columns: 26px 46px minmax(0,1.4fr) 60px 66px minmax(0,1fr); font-size: 12.5px; grid-auto-rows: 22px; }
.xl-g > span:nth-child(7n) { display: none; }
.xl-nb { width: 50px; } .xl-fx { gap: 8px; padding: 0 8px; }
}
.xl { width: 100%; max-width: 100%; min-width: 0; } .xl > * { min-width: 0; } .ch { min-width: 0; } .ch .scene-m { min-width: 0; max-width: 100%; }
.xl-rib .xw { margin-right: 2px; }
@media (max-width: 640px) { .xl-rib .xf { width: auto; } .xl-rib .xw { display: none; } }
.pts { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }
.pts li { display: flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 500; }
.pts i { flex: none; position: relative; width: 20px; height: 20px; border-radius: 99px; }
.pts.bad li { color: #b42318; }
.pts.bad i { background: #ececec; }
.pts.bad i::before, .pts.bad i::after { content: ""; position: absolute; left: 6px; right: 6px; top: 9.25px; height: 1.6px; border-radius: 2px; background: #b42318; transform: rotate(45deg); }
.pts.bad i::after { transform: rotate(-45deg); }
.pts.good li { color: var(--text); }
.pts.good i { width: 9px; height: 9px; margin: 0 5.5px; background: #1ED760; box-shadow: 0 0 0 4px rgba(255,255,255,0.08); }
.ch .pts { margin-bottom: 4px; }
.xl-g { grid-auto-rows: 27px; font-family: "Aptos Narrow", Aptos, "Segoe UI", Calibri, Arial, sans-serif; font-size: 13.5px; }
.xc { padding: 0 8px; color: #242424; font-variant-numeric: tabular-nums; }
.xc.b { font-weight: 600; }
.xl-fv { font-family: "Aptos Narrow", Aptos, "Segoe UI", Calibri, Arial, sans-serif; }
@media (max-width: 640px) { .xl-g { grid-auto-rows: 25px; font-size: 12.5px; } .xc { padding: 0 6px; } .pts li { font-size: 15px; } }
.xl.xl2 { font-family: inherit; border-radius: 22px; border: 1px solid var(--line); box-shadow: 0 24px 50px -34px rgba(27,27,27,.4); color: var(--text); }
.xl2 .xl-top { height: 44px; gap: 10px; padding: 0 16px; font-size: 13.5px; }
.xl2 .xl-top b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.xl2 .xl-x { flex: none; width: 22px; height: 22px; border-radius: 6px; background: #ffffff; color: var(--xg); display: grid; place-items: center; font-weight: 700; font-size: 12px; }
.xl2 .xl-ed { margin-left: auto; font-size: 12px; opacity: .8; white-space: nowrap; }
.xl2 .xl-g { font-family: inherit; font-size: 14px; grid-template-columns: 34px 64px minmax(0,1.4fr) 88px 96px minmax(0,1fr); grid-auto-rows: 36px; padding: 0 6px; }
.xl2 .xc { border-right: 0; border-bottom: 1px solid #f0f0f0; padding: 0 10px; color: var(--text); font-weight: 400; }
.xl2 .xc.b { font-weight: 500; color: var(--text-3); font-size: 12.5px; }
.xl2 .xc0, .xl2 .xh, .xl2 .xr { background: none; border-color: #f0f0f0; color: #aaaaaa; font-size: 11.5px; font-weight: 500; }
.xl2 .xh { height: 30px; align-self: end; }
.xl2 .xh.on, .xl2 .xr.on { background: none; box-shadow: none; color: var(--xg); font-weight: 600; }
.xl2 .xc.hy { background: none; }
.xl2 .xc.hy::after { content: ""; position: absolute; inset: 6px 4px; border-radius: 8px; background: #fff4b8; z-index: -1; }
.xl2 .xc.hy { z-index: 0; }
.xl2 .xc.sel { outline: none; }
.xl2 .xc.sel::before { content: ""; position: absolute; inset: 5px 3px; border-radius: 9px; border: 1.5px solid #1ED760; box-shadow: 0 0 0 3px rgba(255,255,255,0.07); }
.xl2 .xc.sel::after { content: none; }
.xl2 .xc.sel.hy::after { content: ""; }
.xl2 .xc.tx::before { content: none; }
.xl2 .xc.er { color: #b42318; font-weight: 500; }
.xl2 .xc.er::before { content: none; }
.xl2 .xc.mu { color: var(--text-3); font-style: normal; font-size: 13px; }
.xl2 .xl-sh { height: 44px; gap: 4px; padding: 0 12px; background: #fbfbfb; border-top: 1px solid #f0f0f0; font-size: 12.5px; }
.xl2 .xl-st { padding: 5px 12px; border-radius: 99px; color: var(--text-2); }
.xl2 .xl-st.on { background: #efefef; color: #0b8f3d; font-weight: 600; }
.xl2 .xl-st.on::after { content: none; }
.xl2 .xl-plus { color: #aaaaaa; }
@media (max-width: 640px) {
.xl2 .xl-ed { display: none; }
.xl2 .xl-g { grid-template-columns: 24px 48px minmax(0,1.3fr) 66px 72px minmax(0,1fr); grid-auto-rows: 32px; font-size: 12.5px; padding: 0 2px; }
.xl2 .xl-g > span:nth-child(7n) { display: flex; }
.xl2 .xc { padding: 0 6px; }
}
@media (max-width: 640px) {
.xl2 .xl-g { grid-template-columns: 24px 46px minmax(0,1fr) 66px 76px; }
.xl2 .xl-g > span:nth-child(6n) { display: none; }
}
.xl2 .xc.sel.hy::after { content: none !important; }
@media (min-width: 921px) { .story-home { margin-top: 88px; } }
@media (max-width: 640px) {
:root { --page: #ffffff; }
body, body::before { background: #ffffff; }
.hero { background: #ffffff; }
.scene-m > .shot, .scene-m > .xl, .wpanel, .calc, .panel .stat-v, .vstage, .appwin, .iphone, .feat .fc + .shot { zoom: .88; }
.scene-m > .xl { height: 400px; }
.ccard { padding: 11px 14px; border-radius: 16px; }
.ccard h3 { font-size: 16px; }
.ccard p { font-size: 13.5px; line-height: 1.4; }
.stat { padding: 14px !important; gap: 6px; }
.stat .big { font-size: 30px; }
.stat p { font-size: 13px; line-height: 1.4; }
.tcard { padding: 12px; gap: 8px; border-radius: 18px; }
.tcard h3 { font-size: 18px; }
.tvis.trev { min-height: 300px; } .tvis.tflow { min-height: 260px; }
.shot { border-radius: 18px; }
.shot-h { padding: 10px 14px; }
.pts li { font-size: 14.5px; } .pts { gap: 8px; margin-top: 14px; }
.ch h3 { font-size: 24px; } .ch p { font-size: 15px; }
.plan { padding: 18px; }
.vbg { display: none !important; }
.vstage::before { display: none !important; }
.vstage::after { content: ""; position: absolute; inset: 4px 0; border-radius: 18px; padding: 1.5px; pointer-events: none; z-index: 3;
background: conic-gradient(from var(--ang), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #1ed760);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box exclude, linear-gradient(#000000 0 0);
opacity: 0; transform: translateY(10px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); animation: orbSpin 5s linear infinite; }
html.night .vstage.on::after { opacity: 1; transform: none; }
html.night .vstage.on > .vpn { box-shadow: 0 0 22px -8px rgba(30,215,96,.55); transition: box-shadow .7s ease; }
.mobile { position: fixed; inset: 0; z-index: 120; display: flex; flex-direction: column; height: 100dvh; max-height: none; padding: 0; border: 0; background: #ffffff; overflow: hidden;
visibility: hidden; opacity: 0; transform: translateY(-14px); pointer-events: none; transition: opacity .28s ease, transform .34s cubic-bezier(.2,.7,.2,1), visibility 0s linear .34s; }
.mobile.open { visibility: visible; opacity: 1; transform: none; pointer-events: auto; background: #ffffff; transition: opacity .28s ease, transform .34s cubic-bezier(.2,.7,.2,1), visibility 0s; }
.mobile details[open] summary { background: #f4f4f4; }
.mobile summary svg { transition: transform .3s cubic-bezier(.2,.7,.2,1); }
}
@media (max-width: 640px) and (prefers-reduced-motion: reduce) and (max-width: 0px) { .mobile, .mobile.open { transition: none; transform: none; } .vstage::after { animation: none; } }
@media (max-width: 640px) {
.panel .stat-v { display: grid !important; padding-top: 10px; min-height: 0; gap: 6px; font-size: 11.5px; }
.panel .stat-v .blocks { gap: 3px; }
}
@media (max-width: 640px) {
.panel .stat-v .feed > div > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.panel .stat-v .feed > div { gap: 6px; }
.panel .stat-v .feed .p { font-size: 10.5px; padding: 2px 7px; flex: none; }
}
@media (max-width: 960px) {
.mobile summary { margin: 0; padding: 0 14px; border-radius: 14px; }
.mobile details[open] summary { margin: 6px 0 2px; }
.mobile details a, .mobile .mgrp { padding-left: 14px; padding-right: 14px; }
.mobile .mrow { padding: 0 14px; }
.mobile .mlogos { display: flex; gap: 3px; flex: none; }
.mobile .mlogos .ic { width: 19px; height: 19px; border-radius: 5px; box-shadow: 0 0 0 1px rgba(18,18,18,.08); }
}
.plan li.lead, .plan li.lead b { font-weight: 700; }
.plans .plan .btn { background: #ffffff !important; color: #161616 !important; border: 1px solid #dcdcdc !important; }
.plans .plan .btn:hover { background: #f3f3f3 !important; }
.duo.one { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.syncviz.sv-solo { grid-template-columns: minmax(0, 1fr); justify-items: center; max-width: none; }
.syncviz.sv-solo .sv-phone { zoom: 1 !important; width: auto; height: auto; }
.ph3d-stage { perspective: 1800px; padding: 30px 70px 70px; position: relative; }
.ph3d { --w: 340px; position: relative; width: var(--w); aspect-ratio: 796 / 1656; transform-style: preserve-3d; transform: rotateZ(-9deg) rotateY(30deg) rotateX(4deg); }
.ph3d .ly { position: absolute; inset: 0; border-radius: 56px; background: var(--c); transform: translateZ(calc(var(--z) * -1px)); }
.ph3d .pbtn { position: absolute; left: 0; width: 9px; border-radius: 3px; background: linear-gradient(90deg, #717171, #b7b7b7 50%, #717171); transform-origin: 0 50%; transform: translateX(-1.5px) translateZ(-12.5px) rotateY(-90deg); }
.ph3d .p1 { top: 15.5%; height: 4%; } .ph3d .p2 { top: 22.5%; height: 8%; } .ph3d .p3 { top: 32%; height: 8%; }
.ph3d .iphone.sv-iph { zoom: 1 !important; position: absolute; inset: 0; width: 100%; max-width: none; margin: 0; border-radius: 56px; padding: 9px; background: #000000; border: 3px solid #6f6f6f; box-shadow: inset 0 0 0 1px #2c2c2c; transform: translateZ(0); }
.ph3d .iphone::before, .ph3d .iphone::after { display: none; }
.ph3d .iphone .scr { border-radius: 46px; }
.ph3d .iphone.sv-iph .sv-scr { padding-top: 58px; }
.ph3d .iphone .island { top: 13px; height: 28px; border-radius: 15px; }
.ph3d .iphone.sv-iph .bar { height: 54px; padding: 0 30px; font-size: 14px; }
.ph3d .sv-iph .sv-ph { padding: 8px 16px; font-size: 15.5px; gap: 8px; }
.ph3d .sv-iph .sv-ph .appicon.sm { width: 24px; height: 24px; border-radius: 7px; }
.ph3d .sv-iph .sv-pb { padding: 14px 14px; gap: 12px; }
.ph3d .sv-iph .sv-q { font-size: 14.5px; padding: 9px 14px; border-radius: 18px; }
.ph3d .sv-iph .sv-card { padding: 14px; gap: 9px; font-size: 14px; border-radius: 16px; }
.ph3d .sv-iph .sv-card .kc-h { font-size: 12.5px; }
.ph3d .sv-iph .sv-card .kc-h .wordmark { height: 14px; }
.ph3d .sv-iph .sv-card .kc-b span, .ph3d .sv-iph .sv-sent { min-height: 38px; font-size: 13.5px; }
.ph3d .sv-iph .sv-sent svg { width: 15px; height: 15px; }
.ph3d .sv-in { position: absolute; left: 14px; right: 14px; bottom: 26px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #e5e5e5; border-radius: 999px; padding: 6px 6px 6px 16px; font-size: 14px; color: #9e9e9e; background: #ffffff; }
.ph3d .sv-in i { width: 32px; height: 32px; border-radius: 50%; background: #181818; color: #ffffff; display: grid; place-items: center; }
.ph3d .sv-in i svg { width: 15px; height: 15px; rotate: -90deg; }
.ph3d-shadow { position: absolute; left: 22%; right: 8%; bottom: 34px; height: 40px; border-radius: 50%; background: radial-gradient(closest-side, rgba(27,27,27,.28), transparent); filter: blur(6px); z-index: -1; }
@media (max-width: 640px) {
.ph3d { --w: 250px; }
.ph3d-stage { padding: 14px 34px 50px; perspective: 1300px; }
.ph3d .ly, .ph3d .iphone.sv-iph { border-radius: 42px; }
.ph3d .iphone .scr { border-radius: 34px; }
.ph3d .iphone.sv-iph .sv-scr { padding-top: 44px; }
.ph3d .iphone .island { top: 10px; height: 22px; }
.ph3d .iphone.sv-iph .bar { height: 42px; padding: 0 22px; font-size: 11.5px; }
.ph3d .sv-iph .sv-ph { font-size: 13px; padding: 6px 12px; }
.ph3d .sv-iph .sv-ph .appicon.sm { width: 20px; height: 20px; }
.ph3d .sv-iph .sv-pb { padding: 10px; gap: 9px; }
.ph3d .sv-iph .sv-q { font-size: 12px; padding: 7px 11px; }
.ph3d .sv-iph .sv-card { font-size: 12px; padding: 11px; gap: 7px; }
.ph3d .sv-iph .sv-card .kc-h { font-size: 11px; }
.ph3d .sv-iph .sv-card .kc-h .wordmark { height: 12px; }
.ph3d .sv-iph .sv-card .kc-b span, .ph3d .sv-iph .sv-sent { min-height: 32px; font-size: 12px; }
.ph3d .sv-in { left: 10px; right: 10px; bottom: 18px; font-size: 12px; padding: 4px 4px 4px 12px; }
.ph3d .sv-in i { width: 26px; height: 26px; }
.ph3d .pbtn { width: 7px; transform: translateX(-1.5px) translateZ(-10.5px) rotateY(-90deg); }
}
.ph3d .pbtn { width: 10px; background: linear-gradient(90deg, #919191, #d7d7d7 45%, #919191); box-shadow: 0 0 0 .5px #585858; transform: translateX(-3.5px) translateZ(-13px) rotateY(-90deg); }
@media (max-width: 640px) { .ph3d .pbtn { width: 8px; transform: translateX(-3px) translateZ(-12px) rotateY(-90deg); } }
.ph3d { --t: 1; transform-style: flat; transform: rotateZ(calc(var(--t) * -9deg)) rotateY(calc(var(--t) * 30deg)) rotateX(calc(var(--t) * 4deg)); will-change: transform; }
.ph3d .iphone.sv-iph { transform: none; box-shadow: inset 0 0 0 1px #2c2c2c, calc(var(--t) * -1.00px) calc(var(--t) * 0.32px) 0 #616161, calc(var(--t) * -2.00px) calc(var(--t) * 0.64px) 0 #7e7e7e, calc(var(--t) * -3.00px) calc(var(--t) * 0.96px) 0 #949494, calc(var(--t) * -4.00px) calc(var(--t) * 1.28px) 0 #a0a0a0, calc(var(--t) * -5.00px) calc(var(--t) * 1.60px) 0 #a6a6a6, calc(var(--t) * -6.00px) calc(var(--t) * 1.92px) 0 #a0a0a0, calc(var(--t) * -7.00px) calc(var(--t) * 2.24px) 0 #929292, calc(var(--t) * -8.00px) calc(var(--t) * 2.56px) 0 #7e7e7e, calc(var(--t) * -9.00px) calc(var(--t) * 2.88px) 0 #676767, calc(var(--t) * -10.00px) calc(var(--t) * 3.20px) 0 #4e4e4e, calc(var(--t) * -11.00px) calc(var(--t) * 3.52px) 0 #3d3d3d, calc(var(--t) * -15.00px) calc(var(--t) * 31.00px) 40px rgba(27,27,27,.22); }
.ph3d .pb { position: absolute; left: calc(var(--t) * -11px - 4px); width: 4px; border-radius: 2px; background: linear-gradient(90deg, #818181, #cccccc); z-index: -1; }
.ph3d .pb1 { top: 15.5%; height: 4%; } .ph3d .pb2 { top: 22.5%; height: 8%; } .ph3d .pb3 { top: 32%; height: 8%; }
.ph3d-shadow { opacity: calc(.4 + var(--t) * .6); }
.ph3d .iphone.sv-iph .bar span:last-child { display: none; }
@media (max-width: 640px) {
.ph3d .iphone.sv-iph { box-shadow: inset 0 0 0 1px #2c2c2c, calc(var(--t) * -0.90px) calc(var(--t) * 0.29px) 0 #7e7e7e, calc(var(--t) * -1.80px) calc(var(--t) * 0.58px) 0 #949494, calc(var(--t) * -2.70px) calc(var(--t) * 0.86px) 0 #a0a0a0, calc(var(--t) * -3.60px) calc(var(--t) * 1.15px) 0 #a6a6a6, calc(var(--t) * -4.50px) calc(var(--t) * 1.44px) 0 #a0a0a0, calc(var(--t) * -5.40px) calc(var(--t) * 1.73px) 0 #929292, calc(var(--t) * -6.30px) calc(var(--t) * 2.02px) 0 #7e7e7e, calc(var(--t) * -7.20px) calc(var(--t) * 2.30px) 0 #676767, calc(var(--t) * -8.10px) calc(var(--t) * 2.59px) 0 #4e4e4e, calc(var(--t) * -11.70px) calc(var(--t) * 26.10px) 40px rgba(27,27,27,.22); }
.ph3d .pb { left: calc(var(--t) * -8px - 3.5px); width: 3.5px; }
}
.ph3d { width: var(--w); height: calc(var(--w) * 2.0804); aspect-ratio: auto; }
.ph3d .iphone.sv-iph { position: absolute; left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; aspect-ratio: auto; box-sizing: border-box; padding: 0; margin: 0;
background: #ffffff; border: 10px solid #000000; border-radius: 56px; overflow: visible; isolation: isolate; box-shadow: 0 0 0 3px #6f6f6f, calc(var(--t) * -1.00px) calc(var(--t) * 0.32px) 0 3px #616161, calc(var(--t) * -2.00px) calc(var(--t) * 0.64px) 0 3px #7e7e7e, calc(var(--t) * -3.00px) calc(var(--t) * 0.96px) 0 3px #949494, calc(var(--t) * -4.00px) calc(var(--t) * 1.28px) 0 3px #a0a0a0, calc(var(--t) * -5.00px) calc(var(--t) * 1.60px) 0 3px #a6a6a6, calc(var(--t) * -6.00px) calc(var(--t) * 1.92px) 0 3px #a0a0a0, calc(var(--t) * -7.00px) calc(var(--t) * 2.24px) 0 3px #929292, calc(var(--t) * -8.00px) calc(var(--t) * 2.56px) 0 3px #7e7e7e, calc(var(--t) * -9.00px) calc(var(--t) * 2.88px) 0 3px #676767, calc(var(--t) * -10.00px) calc(var(--t) * 3.20px) 0 3px #4e4e4e, calc(var(--t) * -11.00px) calc(var(--t) * 3.52px) 0 3px #3d3d3d, calc(var(--t) * -15.00px) calc(var(--t) * 31.00px) 40px rgba(27,27,27,.22); }
.ph3d .iphone.sv-iph .scr.sv-scr { position: absolute; inset: 0; width: auto; height: auto; box-sizing: border-box; border-radius: 46px; overflow: hidden;
clip-path: inset(0 round 46px); -webkit-mask-image: -webkit-radial-gradient(white, black); background: #ffffff; padding-top: 50px; }
.ph3d .pb { left: calc(var(--t) * -11px - 17px); }
.ph3d .iphone .island { top: 4px; }
.ph3d .iphone.sv-iph .bar { height: 40px; }
.ph3d .sv-in { bottom: 16px; }
.ph3d .sv-card .kc-tot { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid #ededed; padding-top: 8px; }
.ph3d .sv-card .kc-tot b { font-size: 17px; }
@media (max-width: 640px) {
.ph3d .iphone.sv-iph { border-width: 8px; border-radius: 42px; box-shadow: 0 0 0 2.5px #6f6f6f, calc(var(--t) * -0.90px) calc(var(--t) * 0.29px) 0 2.5px #7e7e7e, calc(var(--t) * -1.80px) calc(var(--t) * 0.58px) 0 2.5px #949494, calc(var(--t) * -2.70px) calc(var(--t) * 0.86px) 0 2.5px #a0a0a0, calc(var(--t) * -3.60px) calc(var(--t) * 1.15px) 0 2.5px #a6a6a6, calc(var(--t) * -4.50px) calc(var(--t) * 1.44px) 0 2.5px #a0a0a0, calc(var(--t) * -5.40px) calc(var(--t) * 1.73px) 0 2.5px #929292, calc(var(--t) * -6.30px) calc(var(--t) * 2.02px) 0 2.5px #7e7e7e, calc(var(--t) * -7.20px) calc(var(--t) * 2.30px) 0 2.5px #676767, calc(var(--t) * -8.10px) calc(var(--t) * 2.59px) 0 2.5px #4e4e4e, calc(var(--t) * -11.70px) calc(var(--t) * 26.10px) 40px rgba(27,27,27,.22); }
.ph3d .iphone.sv-iph .scr.sv-scr { border-radius: 34px; clip-path: inset(0 round 34px); padding-top: 38px; }
.ph3d .iphone .island { top: 3px; }
.ph3d .iphone.sv-iph .bar { height: 30px; }
.ph3d .pb { left: calc(var(--t) * -8px - 13px); }
.ph3d .sv-in { bottom: 12px; }
.ph3d .sv-card .kc-tot b { font-size: 14.5px; }
}
.ph3d { will-change: auto; }
.ph3d .sv-card .kc-b { display: grid; grid-template-columns: 1fr 1.5fr; gap: 8px; }
.ph3d .sv-card .kc-b span { white-space: nowrap; padding: 0 10px; }
.ph3d.flat { transform: none; }
.ph3d .sv-card .kc-r span { font-weight: 400; color: var(--ink); }
.ph3d .sv-card .kc-r span:last-child { font-variant-numeric: tabular-nums; }
.ph3d .sv-card .kc-tot span { font-weight: 600; }
.ph3d .sv-card .kc-tot b { font-weight: 700; }
.ph3d .sv-sent { white-space: nowrap; }
.ph3d .sv-rep { font-size: 14px; line-height: 1.45; color: var(--ink); padding: 2px 4px; opacity: 0; }
.syncviz.play .ph3d .sv-rep { animation: svIn .45s ease 3.2s both; }
.ph3d .sv-iph .sv-pb { gap: 14px; padding-top: 16px; }
@media (max-width: 640px) {
.ph3d { --w: 292px; }
.ph3d-stage { padding: 14px 26px 50px; }
.ph3d .iphone.sv-iph { border-radius: 48px; }
.ph3d .iphone.sv-iph .scr.sv-scr { border-radius: 40px; clip-path: inset(0 round 40px); padding-top: 42px; }
.ph3d .iphone .island { height: 25px; width: 31%; }
.ph3d .iphone.sv-iph .bar { height: 34px; font-size: 12.5px; padding: 0 26px; }
.ph3d .sv-iph .sv-ph { font-size: 14px; padding: 6px 14px; }
.ph3d .sv-iph .sv-ph .appicon.sm { width: 22px; height: 22px; }
.ph3d .sv-iph .sv-pb { padding: 14px 12px; gap: 12px; }
.ph3d .sv-iph .sv-q { font-size: 13.5px; padding: 8px 13px; }
.ph3d .sv-iph .sv-card { font-size: 13px; padding: 12px 13px; gap: 8px; }
.ph3d .sv-iph .sv-card .kc-h { font-size: 11.5px; }
.ph3d .sv-iph .sv-card .kc-h .wordmark { height: 13px; }
.ph3d .sv-card .kc-tot b { font-size: 15.5px; }
.ph3d .sv-iph .sv-card .kc-b span, .ph3d .sv-iph .sv-sent { min-height: 34px; font-size: 12.5px; }
.ph3d .sv-rep { font-size: 13px; }
.ph3d .sv-in { font-size: 13px; bottom: 14px; }
.ph3d .sv-in i { width: 28px; height: 28px; }
}
[data-page="home"] .hero .arcbox, [data-page="home"] .hero .arcglass { visibility: hidden !important; }
@media (max-width: 640px) {
[data-page] .hero h1 { font-size: 32px !important; line-height: 1.06 !important; }
[data-page] .phero h1 { font-size: 29px !important; line-height: 1.08 !important; }
[data-page] h2 { font-size: 24px !important; line-height: 1.14 !important; }
[data-page] .sub, [data-page] p.sub { font-size: 15px !important; line-height: 1.5 !important; }
[data-page] .btn { min-height: 0 !important; height: 42px !important; padding: 0 20px !important; font-size: 15px !important; }
[data-page] .ctas { gap: 10px !important; margin-top: 22px !important; }
[data-page] > section + section { margin-top: 22px; }
[data-page] .sec-head { margin-bottom: 30px !important; }
[data-page] .sec-head h2 + .sub, [data-page] .phero h1 + .sub { margin-top: 12px !important; }
.scene-m > .shot, .scene-m > .xl, .wpanel, .calc, .panel .stat-v, .vstage, .appwin, .iphone:not(.sv-iph), .feat .fc + .shot, .tvis, .cvis, .bizdemo, .pricecmp { zoom: .8 !important; }
}
.iphone .bar span:last-child { display: none; }
.iphone .cambar small { display: none; }
.iphone .rcpt { width: 82%; gap: 6px; }
.iphone .rcpt > div { display: flex; justify-content: space-between; gap: 12px; white-space: nowrap; }
.iphone .rcpt > div span:last-child, .iphone .rcpt > div b:last-child { font-variant-numeric: tabular-nums; text-align: right; }
.iphone .matchpop.mp3 { right: -132px; top: 3%; width: 232px; }
.iphone .matchpop.mp3 .small { white-space: nowrap; }
@media (max-width: 640px) {
.shotpad:has(.mp3) { padding-bottom: 104px !important; }
.iphone .matchpop.mp3 { position: absolute; left: 50% !important; right: auto !important; top: calc(100% + 14px) !important; bottom: auto !important; translate: -50% 0; width: 250px !important; padding: 10px 12px; font-size: 13px; animation: none; }
.iphone .matchpop.mp3 .small { font-size: 12px; }
.iphone .rcpt { width: 84%; font-size: 10.5px; padding: 14px 12px 16px; }
}
@media (min-width: 641px) { .iphone .matchpop.mp3 { right: -158px; top: 1%; } }
.rc3.shotpad { padding: 10px 0 !important; }
.ph3d .rc-ph .scr.rc-scr { position: absolute; inset: 0; border-radius: 46px; overflow: hidden; clip-path: inset(0 round 46px); -webkit-mask-image: -webkit-radial-gradient(white, black);
display: block; background: radial-gradient(130% 90% at 50% 40%, #fbfbfb 0%, #eeeeee 55%, #dddddd 100%); }
.ph3d .rc-ph .scr.rc-scr::before { content: ""; position: absolute; inset: -12%; background: radial-gradient(38% 26% at 18% 84%, rgba(158,158,158,.32), transparent 70%), radial-gradient(34% 24% at 86% 18%, rgba(184,184,184,.34), transparent 70%), radial-gradient(30% 20% at 80% 70%, rgba(255,255,255,0.11), transparent 70%); filter: blur(14px); }
.ph3d .rc-ph .bar { color: #181818; height: 40px; padding: 0 30px; font-size: 14px; }
.ph3d .rc-ph .island { top: 4px; height: 28px; border-radius: 15px; }
.ph3d .rc-view { position: absolute; left: 50%; top: 45%; translate: -50% -50%; width: 72%; z-index: 1; }
.ph3d .rc-ph .rcpt { width: 100%; margin: 0; transform: none; border-radius: 6px; padding: 18px 16px 20px; gap: 8px; font-size: 12.5px; color: #2e2e2e; box-shadow: 0 18px 34px -14px rgba(27,27,27,.35), 0 0 0 1px rgba(27,27,27,.05);
-webkit-mask-image: none; }
.ph3d .rc-ph .rcpt > b { font-size: 14px; }
.ph3d .rc-ph .rc-sub { font-size: 11px; }
.ph3d .rc-view .corner { position: absolute; width: 26px; height: 26px; border: 3px solid #ffd60a; left: auto; right: auto; top: auto; bottom: auto; }
.ph3d .rc-view .corner.a1 { left: -14px; top: -14px; border-right: 0; border-bottom: 0; border-radius: 9px 0 0 0; }
.ph3d .rc-view .corner.a2 { right: -14px; top: -14px; border-left: 0; border-bottom: 0; border-radius: 0 9px 0 0; }
.ph3d .rc-view .corner.a3 { left: -14px; bottom: -14px; border-right: 0; border-top: 0; border-radius: 0 0 0 9px; }
.ph3d .rc-view .corner.a4 { right: -14px; bottom: -14px; border-left: 0; border-top: 0; border-radius: 0 0 9px 0; }
.ph3d .rc-view .scan { left: -6px; right: -6px; height: 2px; background: #ffd60a !important; box-shadow: 0 0 14px 3px rgba(255,214,10,.45) !important; }
.ph3d .rc-ph .cambar { height: auto; bottom: 30px; background: none; display: grid; place-items: center; }
.ph3d .rc-ph .cambar .shutter2 { width: 62px; height: 62px; border: 0; background: #ffffff; box-shadow: 0 0 0 4px rgba(255,255,255,.9), 0 0 0 5.5px rgba(27,27,27,.18), 0 8px 18px -6px rgba(27,27,27,.3); }
.ph3d .rc-ph .matchpop.mp3 { right: -122px; top: 2%; width: 236px; z-index: 5; }
@media (max-width: 640px) {
.ph3d .rc-ph .scr.rc-scr { border-radius: 40px; clip-path: inset(0 round 40px); }
.ph3d .rc-ph .bar { height: 34px; font-size: 12.5px; padding: 0 26px; }
.ph3d .rc-ph .island { top: 3px; height: 25px; width: 31%; }
.ph3d .rc-view { width: 74%; top: 44%; }
.ph3d .rc-ph .rcpt { font-size: 11.5px; padding: 14px 13px 16px; gap: 7px; }
.ph3d .rc-ph .rcpt > b { font-size: 13px; }
.ph3d .rc-ph .rc-sub { font-size: 10.5px; }
.ph3d .rc-view .corner { width: 22px; height: 22px; }
.ph3d .rc-view .corner.a1, .ph3d .rc-view .corner.a3 { left: -12px; } .ph3d .rc-view .corner.a2, .ph3d .rc-view .corner.a4 { right: -12px; }
.ph3d .rc-view .corner.a1, .ph3d .rc-view .corner.a2 { top: -12px; } .ph3d .rc-view .corner.a3, .ph3d .rc-view .corner.a4 { bottom: -12px; }
.ph3d .rc-ph .cambar { bottom: 22px; }
.ph3d .rc-ph .cambar .shutter2 { width: 52px; height: 52px; }
.rc3.shotpad { padding-bottom: 96px !important; }
.ph3d .rc-ph .matchpop.mp3 { top: calc(100% + 18px) !important; }
}
.protag { display: inline-block; margin-bottom: 14px; padding: 4px 12px; border-radius: 99px; background: var(--blue-soft); color: var(--blue-deep); font-size: 13px; font-weight: 600; }
.plan a.plink { color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); text-underline-offset: 3px; }
.plan a.plink:hover { text-decoration-color: #ffffff; }
.cnx-b { padding: 18px 20px 22px; display: grid; gap: 16px; }
.cnx-q { justify-self: end; background: #f0f0f0; border-radius: 18px; padding: 10px 16px; font-size: 14.5px; max-width: 92%; }
.cnx-g { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 16px; align-items: stretch; }
.cnx-chart { border: 1px solid var(--line); border-radius: 14px; padding: 14px 14px 12px; display: grid; gap: 10px; }
.cnx-t { font-size: 13px; color: var(--text-2); }
.cnx-bars { display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px; height: 190px; align-items: end; }
.cnb { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.cnb span { position: absolute; bottom: -20px; font-size: 11px; color: var(--text-3); }
.cnb i { position: absolute; bottom: 0; left: 12%; right: 12%; border-radius: 5px 5px 0 0; transform-origin: bottom; }
.cnb i.g { background: #e8e8e8; }
.cnb i.v { background: #7fb0ff; }
.cnb.act i.v { background: #2f6fe4; }
.cnx-bars { margin-bottom: 20px; }
.play .cnb i { animation: cvGrow .7s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--d) * 70ms); }
.play .cnb i.v { animation-delay: calc(var(--d) * 70ms + 260ms); }
@keyframes cvGrow { from { transform: scaleY(0); } to { transform: none; } }
.cnx-leg { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--text-2); }
.cnx-leg i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.cnx-leg i.v { background: #7fb0ff; } .cnx-leg i.g { background: #e8e8e8; } .cnx-leg i.a { background: #2f6fe4; }
.cnx-tiles { display: grid; gap: 12px; align-content: stretch; }
.cnx-tiles > div { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; display: grid; gap: 4px; align-content: center; }
.cnx-tiles small { font-size: 13px; color: var(--text-2); }
.cnx-tiles b { font-family: var(--head); font-weight: 500; font-size: 26px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.cnx-tiles span { font-size: 13px; color: var(--text-3); }
.play .cnx-tiles > div { animation: svIn .5s ease both; } .play .cnx-tiles > div:nth-child(1) { animation-delay: 1.2s; } .play .cnx-tiles > div:nth-child(2) { animation-delay: 1.4s; }
.cnr { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 10px; align-items: center; padding: 11px 20px; font-size: 14px; border-top: 1px solid rgba(230,230,230,.7); font-variant-numeric: tabular-nums; }
.cnr.h { border-top: 0; font-size: 12.5px; color: var(--text-2); padding-top: 12px; padding-bottom: 6px; }
.cnr span:not(:first-child) { text-align: right; }
.cnr .pill { margin-left: 6px; height: 20px; font-size: 11px; padding: 0 8px; font-style: normal; }
.cnr.add span:first-child { color: var(--blue-deep); font-weight: 500; }
.cns { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid rgba(230,230,230,.7); font-size: 14.5px; }
.cns:first-of-type { border-top: 0; }
.cns small { display: block; font-size: 12.5px; color: var(--text-3); margin-top: 2px; }
.cns b { font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cnc { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 20px 10px; }
.cnc > div { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; display: grid; gap: 4px; }
.cnc small { font-size: 13px; color: var(--text-2); }
.cnc b { font-family: var(--head); font-weight: 500; font-size: 24px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.cnc-d { margin: 0 20px; padding: 10px 14px; border-radius: 12px; background: var(--ok-bg); color: var(--ok); font-size: 14px; font-weight: 500; }
.cnc-x { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px 18px; }
.cnc-x span { border: 1px solid #dcdcdc; border-radius: 99px; padding: 6px 14px; font-size: 13px; font-weight: 500; }
.pjx .shot-h b small { display: block; font-weight: 400; color: var(--text-3); font-size: 12.5px; margin-top: 2px; }
.pjx-t { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 18px 20px 6px; }
.pjx-t > div { border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; display: grid; gap: 4px; }
.pjx-t small { font-size: 13px; color: var(--text-2); }
.pjx-t b { font-family: var(--head); font-weight: 500; font-size: 24px; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.pjx-t .pf { background: var(--ok-bg); border-color: transparent; }
.pjx-t .pf span { font-size: 13px; color: var(--ok); font-weight: 500; }
.play .pjx-t > div { animation: svIn .5s ease both; }
.play .pjx-t > div:nth-child(2) { animation-delay: .12s; } .play .pjx-t > div:nth-child(3) { animation-delay: .24s; } .play .pjx-t > div:nth-child(4) { animation-delay: .5s; }
.pjx-p { padding: 14px 20px 22px; display: grid; gap: 8px; }
.pjx-pl { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--text-2); }
.pjx-bar { height: 10px; border-radius: 99px; background: #f0f0f0; overflow: hidden; }
.pjx-bar i { display: block; height: 100%; width: 70%; border-radius: 99px; background: var(--blue); transform-origin: left; }
.play .pjx-bar i { animation: pjFill 1.2s cubic-bezier(.2,.7,.2,1) .4s both; }
@keyframes pjFill { from { transform: scaleX(0); } to { transform: none; } }
.trow .m small { display: block; font-size: 12.5px; color: var(--text-3); }
.pjinv .btnrow, .pjinv .btnrow .pri { justify-content: flex-end; }
.pjinv .btnrow { padding: 12px 20px 18px; display: flex; }
.pjsw { display: grid; } .pjsw > * { grid-area: 1 / 1; justify-self: start; }
.pjsw .pill.ok { opacity: 0; }
.play .pjsw .pill.gray { animation: svOut .3s ease 1.6s both; }
.play .pjsw .pill.ok { opacity: 1; animation: svIn .35s ease 1.8s both; }
.pjbd { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px; }
.pjc { display: grid; gap: 8px; align-content: start; background: #f7f7f7; border-radius: 14px; padding: 10px; }
.pjh { font-size: 12.5px; font-weight: 600; color: var(--text-2); padding: 2px 4px; }
.pjc > div { background: #ffffff; border: 1px solid var(--line); border-radius: 10px; padding: 10px; display: grid; gap: 2px; }
.pjc > div b { font-size: 13.5px; font-weight: 500; }
.pjc > div small { font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.pjc > div.on { border-color: #b7cdfa; box-shadow: 0 6px 16px -10px rgba(21,68,201,.4); }
@media (max-width: 640px) {
.cnx-b { padding: 14px; gap: 12px; }
.cnx-q { font-size: 13.5px; }
.cnx-g { grid-template-columns: 1fr; }
.cnx-bars { height: 150px; gap: 4px; }
.cnb span { font-size: 9.5px; }
.cnx-tiles { grid-template-columns: 1fr 1fr; gap: 10px; }
.cnx-tiles b { font-size: 19px; }
.cnr { padding: 10px 14px; font-size: 13px; grid-template-columns: 1.5fr 1fr 1fr; }
.cns { padding: 11px 14px; font-size: 14px; }
.cnc { padding: 14px 14px 10px; gap: 10px; }
.cnc b { font-size: 19px; }
.cnc-d { margin: 0 14px; font-size: 13.5px; }
.cnc-x { padding: 12px 14px 16px; }
.pjx-t { grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px 14px 4px; }
.pjx-t b { font-size: 19px; }
.pjx-p { padding: 12px 14px 18px; }
.pjbd { gap: 6px; padding: 10px; }
.pjc { padding: 7px; gap: 6px; }
.pjc > div { padding: 8px; }
.pjc > div b { font-size: 12px; } .pjc > div small { font-size: 11px; }
.protag { font-size: 12px; margin-bottom: 10px; }
}
.cnx-leg .sw { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.cnx-leg .s1 { background: #7fb0ff; } .cnx-leg .s2 { background: #e8e8e8; } .cnx-leg .s3 { background: #2f6fe4; }
@media (max-width: 640px) { .pjx-t > div { align-content: start; } .pjx-t .pf span { font-size: 12.5px; } }
.pjx-t .pf { border: 1px solid #dddddd; }
html.cnight body, html.cnight body::before { background: var(--night); }
html.cnight .nav { background: rgba(0,0,0,.72) !important; -webkit-backdrop-filter: blur(22px) saturate(1.6) !important; backdrop-filter: blur(22px) saturate(1.6) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
html.cnight .nav:has(.item.open) { background: rgba(0,0,0,.96) !important; }
html.cnight .nav .menu .top, html.cnight .nav .login, html.cnight .nav-right > a:not(.btn) { color: #f3f3f3; }
html.cnight .nav .menu .top svg { color: #f3f3f3; }
html.cnight .nav .btn-green, html.cnight .nav .btn-black { background: #ffffff; color: #121212; }
html.cnight .nav .wordmark { filter: brightness(0) invert(1); }
html.cnight .burger { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); color: #ffffff; }
html.cnight .preview { background: #171717; color: #e9d98a; border-color: #2d2d2d; }
.cvpart { color: #ebebeb; background: var(--night); }
.cvpart .wav { opacity: .12; filter: invert(1); }
.cvpart .glow { opacity: .35; }
.cvpart h1, .cvpart h2, .cvpart h3 { color: #ffffff; }
.cvpart .sub, .cvpart .fc p, .cvpart .ccard p, .cvpart .faq details p, .cvpart .ticks li { color: #c1c1c1; }
.cvpart .slabel { color: #989898; }
.cvpart .slabel::before, .cvpart .slabel::after { background: rgba(255,255,255,.14); }
.cvpart .feat + .feat, .cvpart .fc h2 { border-color: rgba(255,255,255,.1) !important; }
.cvpart .protag { background: rgba(255,255,255,0.07); color: #7ef0a8; }
.cvpart .btn-blue { background: #ffffff; color: #121212; }
.cvpart .btn-white { background: transparent; color: #ffffff; border-color: rgba(255,255,255,.28); }
.cvpart .faq details { border-color: rgba(255,255,255,.1); }
.cvpart .faq summary { color: #ffffff; }
.cvpart .shot, .cvpart .ccard, .cvpart .feat > div:not(.fc) { background: #171717 !important; border: 1px solid rgba(255,255,255,.08) !important; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6) !important; color: #ebebeb; -webkit-backdrop-filter: none; backdrop-filter: none; }
.cvpart .feat > div:not(.fc) > .shot { border: 0 !important; box-shadow: none !important; }
.cvpart .shot::after, .cvpart .ccard::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; z-index: 3; filter: none; left: 0; right: 0; bottom: 0; height: auto;
background: conic-gradient(from var(--ang), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #1ed760);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box exclude, linear-gradient(#000000 0 0);
opacity: 0; transform: translateY(8px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); animation: orbSpin 6s linear infinite; }
.cvpart .rv:not(.pre)::after { opacity: .9; transform: none; }
.cvpart .ccard:not(.pre) { box-shadow: 0 0 26px -10px rgba(30,215,96,.45) !important; transition: box-shadow .8s ease; }
.cvpart .shot.rv:not(.pre) { box-shadow: 0 0 30px -10px rgba(59,108,255,.45), 0 30px 60px -30px rgba(0,0,0,.6) !important; transition: box-shadow .8s ease; }
.cvpart .shot-h { border-color: rgba(255,255,255,.08); color: #a4a4a4; }
.cvpart .shot-h b { color: #ffffff; }
.cvpart .pill.gray { background: rgba(255,255,255,.08); color: #cecece; }
.cvpart .pill.info { background: rgba(255,255,255,0.09); color: #9cc2ff; }
.cvpart .cnx-q { background: #272727; color: #f3f3f3; }
.cvpart .cnx-chart, .cvpart .cnx-tiles > div, .cvpart .cnc > div { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.02); }
.cvpart .cnx-t, .cvpart .cnx-tiles small, .cvpart .cnc small, .cvpart .cnx-leg { color: #a4a4a4; }
.cvpart .cnx-tiles span, .cvpart .cnb span { color: #878787; }
.cvpart .cnb i.g, .cvpart .cnx-leg .s2 { background: #2f2f2f; }
.cvpart .cnb i.v, .cvpart .cnx-leg .s1 { background: linear-gradient(#7fb0ff, #4f86f0); }
.cvpart .cnb.act i.v, .cvpart .cnx-leg .s3 { background: linear-gradient(#1ed760, #13a84a); }
.cvpart .cnr, .cvpart .cns { border-color: rgba(255,255,255,.07); color: #ebebeb; }
.cvpart .cnr.h { color: #989898; }
.cvpart .cnr.add span:first-child { color: #7ef0a8; }
.cvpart .cns small { color: #878787; }
.cvpart .cnc-d { background: rgba(255,255,255,0.06); color: #7ef0a8; }
.cvpart .cnc-x span { border-color: rgba(255,255,255,.16); color: #ebebeb; }
.cvpart .cic { box-shadow: 0 0 22px -4px var(--c); }
.cvpart .play .cnr, .cvpart .play .cns { animation: svIn .5s ease both; }
.cvpart .play .cnr:nth-child(3), .cvpart .play .cns:nth-child(3) { animation-delay: .1s; }
.cvpart .play .cnr:nth-child(4), .cvpart .play .cns:nth-child(4) { animation-delay: .2s; }
.cvpart .play .cnr:nth-child(5), .cvpart .play .cns:nth-child(5) { animation-delay: .3s; }
.cvpart .play .cnr:nth-child(6) { animation-delay: .4s; } .cvpart .play .cnr:nth-child(7) { animation-delay: .5s; }
.cvpart .play .cnc > div:first-child { animation: cnFromL .7s cubic-bezier(.2,.7,.2,1) .15s both; }
.cvpart .play .cnc > div:last-child { animation: cnFromR .7s cubic-bezier(.2,.7,.2,1) .3s both; }
.cvpart .play .cnc-d { animation: svIn .5s ease 1.1s both; }
.cvpart .play .cnc-x span { animation: svIn .4s ease both; }
.cvpart .play .cnc-x span:nth-child(1) { animation-delay: 1.3s; } .cvpart .play .cnc-x span:nth-child(2) { animation-delay: 1.4s; } .cvpart .play .cnc-x span:nth-child(3) { animation-delay: 1.5s; } .cvpart .play .cnc-x span:nth-child(4) { animation-delay: 1.6s; }
@keyframes cnFromL { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
@keyframes cnFromR { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
.cvpart .play .cnx-q { animation: svIn .45s ease both; }
.cvpart .feat .shot-h, .cvpart .feat .shot-b, .cvpart .feat .trow { background: transparent !important; }
.cvpart .feat > div:not(.fc) > * { zoom: 1; }
.cvpart .feat .shot-h { border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
.cvpart .cnx.play::after { opacity: .9; transform: none; }
.cvpart .cnx.play { box-shadow: 0 0 34px -10px rgba(59,108,255,.5), 0 30px 60px -30px rgba(0,0,0,.6) !important; }
html.dk { --page: #000000; --white: #171717; --ink: #f3f3f3; --text: #ebebeb; --text-2: #c1c1c1; --text-3: #989898; --line: rgba(255,255,255,.1); --line-2: rgba(255,255,255,.06);
--blue-soft: rgba(255,255,255,0.07); --ok: #7ef0a8; --ok-bg: rgba(255,255,255,0.06); --charcoal: #1d1d1d; --night: #000000;
--glass: rgba(23,23,23,.82); --glass-2: rgba(27,27,27,.9); --glass-line: rgba(255,255,255,.08);
--shadow: 0 1px 2px rgba(0,0,0,.3), 0 18px 40px -18px rgba(0,0,0,.7); --shadow-lg: 0 30px 60px -30px rgba(0,0,0,.75); color-scheme: dark; }
html.dk, html.dk body, html.dk body::before { background: #000000; }
html.dk body { color: var(--text); }
html.dk .nav { background: #1b1b1b; border-bottom: 1px solid rgba(255,255,255,.1); background: #212121; }
html.dk .menu .top:hover { background: rgba(255,255,255,0.078); }
html.dk .menu .item.open .top { background: rgba(255,255,255,0.078); }
html.dk .drop { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); background: #1b1b1b !important; }
html.dk .drop a:hover { background: rgba(255,255,255,0.065); }
html.dk .burger { background: #1b1b1b; }
html.dk .dome { background: #1b1b1b; }
html.dk .made-h { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .made-row > a { color: #f1f1f1; }
html.dk .made-row > a:hover { background: #1b1b1b; }
html.dk .made-row > a + a { border-left: 1px solid rgba(255,255,255,.1); }
html.dk .made-row > a:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .ccard { border-color: color-mix(in srgb, var(--c) 35%, rgba(255,255,255,.1)); border-color: color-mix(in srgb, var(--c) 55%, rgba(255,255,255,.1)); }
html.dk .stat + .stat { border-left: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1); }
html.dk .stat-v { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .bars .t { background: rgba(255,255,255,0.091); }
html.dk .mtl::before { background: rgba(255,255,255,0.140); }
html.dk .mtl .tick { background: rgba(255,255,255,0.140); }
html.dk .stat:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .wvis { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .cmpbar .bar { background: rgba(255,255,255,0.078); }
html.dk .sortlist div { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .sortlist em { background: #212121; }
html.dk .pnode .pi { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .pcore { border: 1px solid rgba(255,255,255,.1); }
html.dk .pstep { border: 1px solid rgba(255,255,255,.1); }
html.dk .packet { background: #1b1b1b; }
html.dk .vcard { border: 1px solid rgba(255,255,255,.1); background: #1b1b1b; }
html.dk .ro { border: 1px solid rgba(255,255,255,.1); }
html.dk .shot-h { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .trow + .trow { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .q { background: #212121; }
html.dk .a .card { background: #1b1b1b; }
html.dk .fee .opt { background: #1b1b1b; }
html.dk .switch i::after { background: #1b1b1b; }
html.dk .yline::before { background: rgba(255,255,255,0.130); }
html.dk .ystop .yd { background: #1b1b1b; }
html.dk .math .mr + .mr { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .math .mr.tot { background: #1b1b1b; }
html.dk .cmp-t th { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .cmp-t td { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .cmp-t tr.grp td { background: #1b1b1b; }
html.dk .tier.top { border-color: rgba(255,255,255,.1); }
html.dk .cardbar { background: rgba(255,255,255,0.091); }
html.dk .seg { background: rgba(255,255,255,0.078); }
html.dk .seg span.on { background: #1b1b1b; }
html.dk .hero { background: #1b1b1b; }
html.dk .di { background: #212121; }
html.dk .stat-k .ki { background: #212121; }
html.dk .ba .nums div { background: rgba(255,255,255,0.052); }
html.dk .field input[type=range]::-moz-range-track { background: #212121; }
html.dk .field input[type=range]::-webkit-slider-thumb { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .field input[type=range]::-moz-range-thumb { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .seg-pick { background: rgba(255,255,255,0.078); }
html.dk .seg-pick button.on { background: #1b1b1b; }
html.dk .calc-out hr { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .draftflag { background: #212121; }
html.dk .trust > div + div { border-left: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1); }
html.dk .kcard { background: #1b1b1b; }
html.dk .link .node b.k { background: #1b1b1b; }
html.dk .feeflip.off .you { background: #212121; }
html.dk .taxv .tq { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .taxv .open { background: #1b1b1b; }
html.dk .canvas .kp div { background: rgba(255,255,255,0.052); }
html.dk .apps span { background: #1b1b1b; }
html.dk .twoway div { background: rgba(255,255,255,0.052); }
html.dk .kchat .t.typing::after { background: #1b1b1b; }
html.dk .conn.gpt .tile.app { background: #1b1b1b; }
html.dk .stagechat { background: #1b1b1b; }
html.dk .stagechat .q2 { background: #212121; }
html.dk .tier.top b { color: #f1f1f1; }
html.dk .tier.top span { color: #f1f1f1; }
html.dk .calc-out { color: #f1f1f1; }
html.dk .calc-out .row { color: #f1f1f1; }
html.dk .calc-out small { color: #f1f1f1; }
html.dk .calc-out .row b { color: #f1f1f1; }
html.dk .storycard { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .bd-h { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .bd-cur { background: #1b1b1b; }
html.dk .bd-menu { background: #1b1b1b; }
html.dk .bd-tiles > div { background: #1b1b1b; }
html.dk .link .node .nlogo { background: #1b1b1b; }
html.dk .bzpick { background: #1b1b1b; }
html.dk .bzi.plus { background: #212121; }
html.dk .bd-list { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .ten-bar { background: #212121; }
html.dk .swsteps > span { background: #1b1b1b; }
html.dk .kchat { background: #1b1b1b; }
html.dk .kchat .q { background: #212121; color: #f1f1f1; }
html.dk .kchat .canvas .kp div { background: rgba(255,255,255,0.052); }
html.dk .arcglass { background: #1b1b1b; }
html.dk .vbadge { color: #f1f1f1; }
html.dk .vcard li.no::before { background-color: #212121; background-color: #212121 !important; }
html.dk .vcard li.mid::before { background-color: #212121; }
html.dk .tcard { background: #1b1b1b; }
html.dk .tvis { background: #1b1b1b; }
html.dk .tb { background: #1b1b1b; }
html.dk .tb em { background: #212121; }
html.dk .tqs span { background: #1b1b1b; }
html.dk .pc-bar { background: #212121; }
html.dk .taxv .tq.q4:hover { background: rgba(255,255,255,0.039); }
html.dk .mobile.open { background: #1b1b1b; }
html.dk .ba .bachips span { background: rgba(255,255,255,0.065); }
html.dk .ba .after .bachips span { background: #212121; }
html.dk .ks { background: #1b1b1b; }
html.dk .kr { background: #1b1b1b; }
html.dk .kr .kx { background: #212121; }
html.dk .kr em { background: #212121; }
html.dk .kr em.g { background: #212121; }
html.dk .wtabs button { background: #1b1b1b; }
html.dk .wpanel { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .weyebrow { background: #1b1b1b; }
html.dk .wcmp { background: #1b1b1b; }
html.dk .wcmp-bar { background: #212121; }
html.dk .cost3 .cc { background: #1b1b1b; }
html.dk .cost3.cv .cc { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .cvis { background: #212121; }
html.dk .cvb { background: #212121; }
html.dk .cv.play .cvh i:not(:first-child) { background: #212121; }
html.dk .cvq i { background: #1b1b1b; }
html.dk .cv.play .cvq i { background: #212121; }
html.dk .cvcal { background: #1b1b1b; }
html.dk .cvst .w { background: #212121; }
html.dk .cvst .r { background: #212121; }
html.dk.tapplay .rpl { background: #1b1b1b; }
html.dk .mobile details { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .mobile details[open] summary { background: #212121; }
html.dk .mobile .mrow { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .mobile details a em { border: 1px solid rgba(255,255,255,.1); }
html.dk .mobile .mpromo { background: #212121; border: 1px solid rgba(255,255,255,.1); }
html.dk .mpromo .mpi { background: #212121; }
html.dk .mcta { background: #1b1b1b; }
html.dk .mout { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .feat { border: 1px solid rgba(255,255,255,.1) !important; background: #212121; }
html.dk .feat > .fc { background: #1b1b1b; border-top: 1px solid rgba(255,255,255,.1); }
html.dk .feat .fc .ticks li { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .feat .fc .ticks li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .cost3.cv { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .cost3.cv > .cc + .cc { border-top: 1px solid rgba(255,255,255,.1); border-top: 1px solid rgba(255,255,255,.1) !important; }
html.dk .cost3.cv .cvis { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .ba { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .ba > div + div { border-top: 1px solid rgba(255,255,255,.1) !important; }
html.dk .cards:has(> .ccard) { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .cards > .ccard + .ccard { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .panel { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .cost3.cv > .cc { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1) !important; }
html.dk .panel > .stat { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1) !important; }
html.dk .snav button { border: 1px solid rgba(255,255,255,.1); background: #1b1b1b; }
html.dk .glass { background: #1b1b1b; }
html.dk .feat .fc .eyebrow::after { background: #212121; }
html.dk .feat .fc .ticks { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .feat .fc .ticks li:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .feat > .shot { background: #212121 !important; }
html.dk .feat > .shotpad { background: #212121 !important; }
html.dk .feat > .duo { background: #212121 !important; }
html.dk .feat > .ks { background: #212121 !important; }
html.dk .feat > .bizdemo { background: #212121 !important; }
html.dk .feat > .pricecmp { background: #212121 !important; }
html.dk .feat > div:not(.fc) { background: #212121 !important; }
html.dk .feat .shot-h { background: #1b1b1b; }
html.dk .feat .shot-b { background: #1b1b1b; }
html.dk .feat .trow { background: #1b1b1b; }
html.dk .feat > .shot .shot-h { border: 1px solid rgba(255,255,255,.1); }
html.dk .feat > .shot .shot-b { border: 1px solid rgba(255,255,255,.1); }
html.dk .panel > .stat + .stat { border-top: 1px solid rgba(255,255,255,.1) !important; }
html.dk .steps { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .steps > .step + .step { border-top: 1px solid rgba(255,255,255,.1); }
html.dk .vring { border: 1px solid rgba(255,255,255,.1); }
html.dk .vring.r3 { border-color: rgba(255,255,255,.1); }
html.dk .vd-t { border: 1px solid rgba(255,255,255,.1); }
html.dk .vd-r { border: 1px solid rgba(255,255,255,.1); }
html.dk .vd-chart { border: 1px solid rgba(255,255,255,.1); }
html.dk .vtiles i { background: #1b1b1b; }
html.dk .vlist { background: #1b1b1b; }
html.dk .vrows { background: #1b1b1b; }
html.dk .vcmp { background: #1b1b1b; }
html.dk .vl-h { background: #1b1b1b; }
html.dk .vchev { background: #1b1b1b; }
html.dk .vaddon { background: #212121; }
html.dk .va-t em { background: #1b1b1b; }
html.dk .vc-h { background: #1b1b1b; }
html.dk .vc-i { background: #1b1b1b; }
html.dk .vd-bars { border: 1px solid rgba(255,255,255,.1); }
html.dk .vd-cols { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .vq-in span { border: 1px solid rgba(255,255,255,.1); }
html.dk .vq-out span { border: 1px solid rgba(255,255,255,.1); }
html.dk .vq-tag { border: 1px solid rgba(255,255,255,.1); }
html.dk .vc-top { background: #1b1b1b; }
html.dk .vw-count span { border: 1px solid rgba(255,255,255,.1); }
html.dk .vw-live { border: 1px solid rgba(255,255,255,.1); }
html.dk .wl-t { border: 1px solid rgba(255,255,255,.1); }
html.dk .wl-l i { border: 1px solid rgba(255,255,255,.1); }
html.dk .wtabs2 { border: 1px solid rgba(255,255,255,.1); }
html.dk .wtabs2 button.on { color: #f1f1f1; }
html.dk .lo-bar { border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .lo-cnt span { border: 1px solid rgba(255,255,255,.1); }
html.dk .lo-run .lo-l { border-bottom: 1px dashed rgba(255,255,255,.1); }
html.dk .sc { border: 1px solid rgba(255,255,255,.1); }
html.dk .so-piles span { border: 1px dashed rgba(255,255,255,.1); }
html.dk .kdot { background: #1b1b1b; }
html.dk .tvis.torbit { background: #1b1b1b; }
html.dk .tvis.trev { background: #1b1b1b; }
html.dk .tvis.tai { background: #1b1b1b; }
html.dk .trev-h em { background: #212121; }
html.dk .rq { background: #1b1b1b; }
html.dk .rqb span { background: #1b1b1b; }
html.dk .tai-live { background: #1b1b1b; }
html.dk .tai-r .sp { border: 2px solid rgba(255,255,255,.1); }
html.dk .tai-bar { background: #212121; }
html.dk .rq0 .rqb .yes { color: #f1f1f1; }
html.dk .trev-h em.trc { background: #212121; }
html.dk .tai-fin { background: #212121; }
html.dk .phero .pglass { background: #1b1b1b; background: #212121; }
html.dk .rofloat { border: 1px solid rgba(255,255,255,.1); }
html.dk .ka-card { border: 1px solid rgba(255,255,255,.1); border-color: rgba(255,255,255,.1); }
html.dk .ka-in { border: 1px solid rgba(255,255,255,.1); }
html.dk .ka-acc u { color: #f1f1f1; }
html.dk .ka-btn { background: #1b1b1b; color: #f1f1f1; }
html.dk .panel > .stat:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.1) !important; }
html.dk .panel > .stat:nth-child(even) { border-left: 1px solid rgba(255,255,255,.1) !important; }
html.dk .vfc { background: #1b1b1b; color: #f1f1f1; border: 1px solid rgba(255,255,255,.1); border-color: rgba(255,255,255,.1); }
html.dk .vfc-i { background: #212121; background: #1b1b1b; }
html.dk .bgpick { border: 1px solid rgba(255,255,255,.1); }
html.dk .bgpick button.on { background: #1b1b1b; color: #f1f1f1; }
html.dk .vside .vl li i { color: #f1f1f1; }
html.dk .dstmt { background: #1b1b1b; }
html.dk .dfront span { background: #1b1b1b; }
html.dk .drc { background: #1b1b1b; }
html.dk .dcal { background: #1b1b1b; }
html.dk .shot.solid { background: #1b1b1b !important; }
html.dk .pf { border: 1px solid rgba(255,255,255,.1); }
html.dk .pft { background: rgba(255,255,255,0.078); }
html.dk .panel.solidw { background: #1b1b1b !important; }
html.dk .yn.n { background: #212121; }
html.dk .tvis.tflow { background: #1b1b1b; }
html.dk .tfc { background: #1b1b1b; }
html.dk .tfo { background: #1b1b1b; border-color: rgba(255,255,255,.1); }
html.dk .nav:has(.item.open) { background: #1b1b1b !important; }
html.dk .rqcat { background: #212121; }
html.dk .rqbas { background: #1b1b1b; }
html.dk .tflow .tf-core::before { background: #1b1b1b; }
html.dk .sbpick button { background: #1b1b1b; }
html.dk .sb1 { background: #1b1b1b; }
html.dk .sb1-h span { background: #212121; }
html.dk .sb2 { background: #1b1b1b; }
html.dk .sb2-g span { border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
html.dk .sb2-g .h { background: #212121; }
html.dk .sb2-g .sbq { background: #212121; }
html.dk .sb2-x { background: #212121; }
html.dk .sb3 { background: #1b1b1b; }
html.dk .sb3-g span { background: #1b1b1b; }
html.dk .sb3-g .we { background: #212121; }
html.dk .sb3-g .due { background: #212121; }
html.dk .sb4 .rc { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); }
html.dk .sb4 .rc i { background: #212121; }
html.dk .sb4-c { background: #1b1b1b; }
html.dk .sb5 { background: #1b1b1b; }
html.dk .sb5-n { background: #212121; }
html.dk .sb5-bar { background: #212121; }
html.dk .pts.bad i { background: #212121; }
html.dk .mobile { background: #1b1b1b; }
html.dk .pjx-bar { background: #212121; }
html.dk .pjc { background: #212121; }
html.dk .pjc > div { background: #1b1b1b; }
html.dk .pjx-t .pf { border: 1px solid rgba(255,255,255,.1); }
html.dk .cvpart .feat + .feat { border-color: rgba(255,255,255,.1) !important; }
html.dk .cvpart .fc h2 { border-color: rgba(255,255,255,.1) !important; }
html.dk .cvpart .faq details { border-color: rgba(255,255,255,.1); }
html.dk .cvpart .shot { border: 1px solid rgba(255,255,255,.1) !important; }
html.dk .cvpart .ccard { border: 1px solid rgba(255,255,255,.1) !important; }
html.dk .cvpart .feat > div:not(.fc) { border: 1px solid rgba(255,255,255,.1) !important; }
html.dk .cvpart .shot-h { border-color: rgba(255,255,255,.1); }
html.dk .cvpart .feat .shot-h { border-bottom: 1px solid rgba(255,255,255,.1) !important; }
html.dk :is(.iphone, .appwin, .xl, .paper, .rcpt, .rc-ph, .sv-iph, .kc, .sv-desk, .sv-phone) { --page: #f8f8f8; --white: #ffffff; --ink: #121212; --text: #1e1e1e; --text-2: #545454; --text-3: #848484; --line: #e6e6e6; --line-2: #f1f1f1; --blue-soft: #efefef; --ok: #137a38; --ok-bg: #eeeeee; --charcoal: #1e1e1e; color-scheme: light; color: var(--text); }
html.dk .nav { background: rgba(0,0,0,.72) !important; -webkit-backdrop-filter: blur(22px) saturate(1.6) !important; backdrop-filter: blur(22px) saturate(1.6) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
html.dk .nav:has(.item.open) { background: rgba(0,0,0,.96) !important; }
html.dk .nav .menu .top, html.dk .nav .login, html.dk .nav-right > a:not(.btn), html.dk .nav .menu .top svg { color: #f3f3f3; }
html.dk .nav .wordmark, html.dk footer .wordmark { filter: brightness(0) invert(1); }
html.dk .burger { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); color: #ffffff; }
html.dk .drop { background: #171717 !important; border-color: rgba(255,255,255,.1) !important; box-shadow: 0 30px 60px -20px rgba(0,0,0,.8) !important; }
html.dk .preview { background: #171717; color: #e9d98a; border-color: #2d2d2d; }
html.dk .btn-green, html.dk .btn-blue, html.dk .btn-black, html.dk .theater .btn { background: #ffffff; color: #121212; text-shadow: none; }
html.dk .btn-green:hover, html.dk .btn-blue:hover, html.dk .btn-black:hover, html.dk .theater .btn:hover { background: #e7e7e7; color: #121212; box-shadow: 0 8px 24px -10px rgba(255,255,255,.35); }
html.dk .btn-white { background: transparent; color: #ffffff; border-color: rgba(255,255,255,.28); }
html.dk .btn-white:hover { border-color: rgba(255,255,255,.55); }
html.dk .btnrow span { background: rgba(255,255,255,.04); color: var(--text); }
html.dk .btnrow span.pri { background: #ffffff; color: #121212; border-color: #ffffff; }
html.dk h1, html.dk h2, html.dk h3, html.dk h4 { color: #ffffff; }
html.dk .slabel::before, html.dk .slabel::after { background: rgba(255,255,255,.14); }
html.dk :is(.shot, .ccard) { background: #171717 !important; border-color: rgba(255,255,255,.08) !important; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6) !important; color: var(--text); -webkit-backdrop-filter: none; backdrop-filter: none; }
html.dk :is(.shot, .ccard)::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; z-index: 3; filter: none; left: 0; right: 0; bottom: 0; height: auto;
background: conic-gradient(from var(--ang), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #1ed760);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box exclude, linear-gradient(#000000 0 0);
opacity: 0; transform: translateY(8px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); animation: orbSpin 6s linear infinite; }
html.dk :is(.shot, .ccard).rv:not(.pre)::after, html.dk .rv:not(.pre) :is(.shot, .ccard)::after, html.dk .shot.play::after { opacity: .9; transform: none; }
html.dk .ccard.rv:not(.pre), html.dk .rv:not(.pre) .ccard { box-shadow: 0 0 26px -10px rgba(30,215,96,.45) !important; transition: box-shadow .8s ease; }
html.dk .shot.rv:not(.pre), html.dk .rv:not(.pre) .shot { box-shadow: 0 0 30px -10px rgba(59,108,255,.45), 0 30px 60px -30px rgba(0,0,0,.6) !important; transition: box-shadow .8s ease; }
html.dk .shot-h { border-color: rgba(255,255,255,.08); color: #a4a4a4; }
html.dk .shot-h b { color: #ffffff; }
html.dk .pill.gray:not(:is(.iphone, .appwin, .xl, .paper, .kc, .sv-iph) *) { background: rgba(255,255,255,.08); color: #cecece; }
html.dk .pill.info:not(:is(.iphone, .appwin, .xl, .paper, .kc, .sv-iph) *) { background: rgba(255,255,255,0.09); color: #9cc2ff; }
html.dk .wav { opacity: .12; filter: invert(1); }
html.dk .glow { opacity: .35; }
html.dk .cic, html.dk .ic { box-shadow: 0 0 22px -4px var(--c, rgba(30,215,96,.6)); }
html.dk ::selection { background: rgba(30,215,96,.35); color: #ffffff; }
html.dk .hero { background: transparent; }
html.dk .field input[type=range]::-webkit-slider-runnable-track { background: linear-gradient(90deg, var(--kg2) var(--p, 50%), rgba(255,255,255,.14) var(--p, 50%)); }
html.dk .field input[type=range]::-moz-range-track { background: rgba(255,255,255,.14); }
html.dk .field input[type=range]::-webkit-slider-thumb { background: #ffffff; border-color: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,.5); }
html.dk .field input[type=range]::-moz-range-thumb { background: #ffffff; border-color: #ffffff; }
html.dk .tgrid::before { background: linear-gradient(90deg, #1ED760, #1ED760) left / 0% 100% no-repeat, rgba(255,255,255,.12); }
html.dk .feat { background: #111111 radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1.4px) 0 0 / 16px 16px; }
html.dk .desk { background: radial-gradient(120% 90% at 30% 10%, #1d1d1d 0%, #131313 100%); }
html.dk .pf { background: linear-gradient(160deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.025) 60%, rgba(255,255,255,.02) 100%); border-color: rgba(255,255,255,0.11); }
html.dk .pft { background: rgba(255,255,255,.08); }
html.dk .seg { background: rgba(255,255,255,.06); }
html.dk .seg span.on { background: #ffffff; color: #121212; }
html.dk .seg-pick button { color: var(--text-2); }
html.dk .seg-pick button.on { background: #ffffff; color: #121212; }
html.dk .pft i.out { background: #616161; }
html.dk footer { border-top: 1px solid rgba(255,255,255,.08); }
html.dk .hero .ctas .btn-white { background: transparent; color: #ffffff; border-color: rgba(255,255,255,.28); }
html.dk .pill.ok:not(:is(.iphone, .appwin, .xl, .paper, .kc, .sv-iph) *) { background: rgba(255,255,255,0.07); color: #7ef0a8; }
html.dk .pill.ask:not(:is(.iphone, .appwin, .xl, .paper, .kc, .sv-iph) *) { background: rgba(255,255,255,0.08); color: #ffc874; }
html.dk .pill.rec:not(:is(.iphone, .appwin, .xl, .paper, .kc, .sv-iph) *) { background: rgba(255,255,255,0.09); color: #9cc2ff; }
html.dk .sv-facts > div { background: #171717; border-color: rgba(255,255,255,.08); }
.lgl-hero { padding-bottom: 10px; }
.lgl-sec { padding-top: 10px; }
.lgl { max-width: 760px; margin: 0 auto; font-size: 15.5px; line-height: 1.7; color: #d0d0d0; font-weight: 300; }
.lgl p { margin: 0 0 16px; }
.lgl h2 { font-family: var(--head); font-size: 22px; font-weight: 500; letter-spacing: -.01em; color: #ffffff; margin: 40px 0 12px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.08); }
.lgl h2:first-child { margin-top: 0; }
.lgl ul { margin: 0 0 16px; padding-left: 20px; display: grid; gap: 8px; }
.lgl li { padding-left: 2px; }
.lgl li::marker { color: #1ed760; }
.lgl strong { color: #ffffff; font-weight: 500; }
.lgl a { color: #7ef0a8; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(126,240,168,.4); }
.lgl a:hover { text-decoration-color: #7ef0a8; }
@media (max-width: 700px) { .lgl { font-size: 15px; } .lgl h2 { font-size: 20px; margin-top: 32px; } }
.lgl-hero .chipline { padding: 6px 14px; }
html.dk .drop .di:not(.di2) { background: none; border: 0; box-shadow: none; width: 22px; color: #a4a4a4; transition: color .2s; }
html.dk .drop .di:not(.di2) svg { width: 19px; height: 19px; filter: none; }
html.dk .drop a:hover .di:not(.di2), html.dk .drop a:focus-visible .di:not(.di2) { color: #1ed760; }
html.dk .mobile details a > svg { color: #989898; filter: none; transition: color .15s; }
html.dk .mobile details a:hover > svg, html.dk .mobile details a:active > svg, html.dk .mobile details a:focus-visible > svg { color: #1ed760; }
html.dk .mobile details a:active { color: #ffffff; }
@media (max-width: 640px) {
.mobile summary { min-height: 46px; font-size: 17px; }
.mobile details[open] summary { margin: 4px 0 2px; }
.mobile details[open] { padding-bottom: 4px; }
.mobile .mrow { min-height: 46px; font-size: 17px; }
.mgrp { margin: 10px 0 2px; font-size: 11.5px; }
.mobile details a { min-height: 38px; gap: 12px; font-size: 15.5px; }
.mobile details a > svg { width: 17px; height: 17px; }
.mobile .mlogos .ic { width: 17px; height: 17px; }
.mcta { gap: 10px; padding-top: 12px; }
.mobile .mcta .btn { min-height: 46px; font-size: 16px; }
}
.vp-cv .cv-tags { position: absolute; left: 12px; top: 10px; display: flex; gap: 6px; z-index: 2; }
.vp-cv .cv-tags .cv-tag { position: static; }
@media (max-width: 640px) { .vp-cv .cv-tags { left: 8px; top: 7px; } .vp-cv .cv-tags .cv-tag { font-size: 10.5px; padding: 2px 7px; } }
.plan ul li.lead, .plan ul li.lead b { font-weight: 300 !important; color: inherit; }
.plan a.plink, .plan a.plink:hover { text-decoration: none; }
html.dk .glass { background: #171717; box-shadow: 0 20px 50px -24px rgba(0,0,0,.6); -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-page="projects"] .feat .shot-h, [data-page="projects"] .feat .shot-b, [data-page="projects"] .feat .trow { background: transparent !important; }
[data-page="projects"] .feat > div:not(.fc) > * { zoom: 1; }
[data-page="projects"] .feat .shot-h { border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; }
html.dk .shot.pjx.play::after { opacity: .9; transform: none; }
html.dk .pjx.play { box-shadow: 0 0 34px -10px rgba(30,215,96,.45), 0 30px 60px -30px rgba(0,0,0,.6) !important; }
html.dk .pjx-t > div { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.02); }
html.dk .pjx-t .pf { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); }
html.dk .pjx-t .pf b { color: #7ef0a8; }
html.dk .pjx-bar { background: rgba(255,255,255,.08); }
html.dk .pjx-bar i { background: linear-gradient(90deg, #13a84a, #1ed760); box-shadow: 0 0 14px rgba(30,215,96,.5); }
.pjx-chart { margin: 14px 20px 0; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; padding: 14px 14px 12px; display: grid; gap: 10px; background: rgba(255,255,255,.02); }
.pjx-ct { font-size: 13px; color: #a4a4a4; }
.pjx-bars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; height: 150px; align-items: end; margin-bottom: 20px; }
.pjb { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 6px; }
.pjb i { width: 34%; max-width: 46px; border-radius: 6px 6px 0 0; transform-origin: bottom; }
.pjb i.r { background: linear-gradient(#1ed760, #13a84a); }
.pjb i.c { background: linear-gradient(#7fb0ff, #4f86f0); }
.pjb span { position: absolute; bottom: -20px; font-size: 11.5px; color: #878787; }
.play .pjb i { animation: cvGrow .8s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--d) * 140ms + .2s); }
.play .pjb i.c { animation-delay: calc(var(--d) * 140ms + .32s); }
.pjx-leg { display: flex; gap: 16px; font-size: 12.5px; color: #a4a4a4; }
.pjx-leg .sw, .pjparts-l .sw { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 6px; vertical-align: 0; }
.pjx-leg .sw.r { background: #1ed760; } .pjx-leg .sw.c { background: #4f86f0; }
.pjparts { padding: 14px 20px 6px; display: grid; gap: 10px; }
.pjparts-bar { display: flex; gap: 3px; height: 12px; border-radius: 99px; overflow: hidden; background: rgba(255,255,255,.06); }
.pjparts-bar i { display: block; height: 100%; transform-origin: left; }
.pjparts-bar i.p1, .pjparts-l .sw.p1 { background: #1ed760; }
.pjparts-bar i.p2, .pjparts-l .sw.p2 { background: #4f86f0; }
.pjparts-bar i.p3, .pjparts-l .sw.p3 { background: rgba(255,255,255,.14); }
.pjparts-l { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12.5px; color: #a4a4a4; }
.play .pjparts-bar i { animation: pjFill .7s cubic-bezier(.2,.7,.2,1) both; }
.play .pjparts-bar i.p2 { animation-delay: .6s; } .play .pjparts-bar i.p3 { animation-delay: 1.2s; }
.play.pjinv .trow, .play.pjcost .trow { animation: svIn .5s ease both; }
.play.pjinv .trow:nth-of-type(2), .play.pjcost .trow:nth-of-type(2) { animation-delay: .5s; }
.play.pjinv .trow:nth-of-type(3), .play.pjcost .trow:nth-of-type(3) { animation-delay: .8s; }
.play.pjcost .trow:nth-of-type(4) { animation-delay: 1.1s; }
.play.pjinv .btnrow .pri { animation: svIn .5s ease 1.5s both; }
html.dk .pjinv .btnrow .pri { box-shadow: 0 0 22px -6px rgba(255,255,255,.45); }
html.dk .pjc { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); }
html.dk .pjc > div { background: #1e1e1e; border-color: rgba(255,255,255,.08); }
html.dk .pjc > div.on { border-color: rgba(30,215,96,.55); box-shadow: 0 0 18px -6px rgba(30,215,96,.6); }
.pjdn { position: relative; } .pjdn .pill { justify-self: start; margin-top: 4px; font-size: 11px; }
.pjc > div.pjmv { display: none; }
.play .pjc > div.pjmv { display: grid; animation: pjOut 2.4s cubic-bezier(.2,.7,.2,1) both; }
.play .pjc > div.on { animation: pjIn .6s cubic-bezier(.2,.7,.2,1) 1.3s both; }
.play .pjdn .pill { animation: svIn .4s ease 2.1s both; }
@keyframes pjOut { 0%, 45% { opacity: 1; transform: none; max-height: 80px; } 75% { opacity: 0; transform: translateX(40%); max-height: 80px; } 100% { opacity: 0; transform: translateX(40%); max-height: 0; padding-block: 0; border-width: 0; margin: 0; } }
@keyframes pjIn { from { opacity: 0; transform: translateX(-40%); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
.pjx-chart { margin: 12px 14px 0; padding: 12px 10px 10px; }
.pjx-bars { height: 120px; gap: 10px; }
.pjparts { padding: 12px 14px 4px; }
[data-page="projects"] .feat .shot { zoom: 1; }
}
.phero { padding-block: 140px 76px; }
.phero-in { gap: 22px; }
.sec-head { gap: 20px; margin-bottom: 56px; }
.hero { padding-top: 108px; padding-bottom: 32px; }
@media (max-width: 640px) {
.phero { padding-block: 60px 34px; }
.phero-in { gap: 18px; }
.sec-head { gap: 12px; } [data-page] .sec-head { margin-bottom: 38px !important; }
.hero { padding-top: 40px; padding-bottom: 16px; }
}
.pjx-t .pf { margin: 0 !important; padding: 14px 16px !important; gap: 4px !important; align-content: start; }
.wmh, .wdots, .wswipe { display: none; }
.wflip { display: contents; }
@media (max-width: 640px) {
.whoA .weyebrow, .whoA .wtabs { display: none !important; }
.wmh { display: block; text-align: center; margin-bottom: 2px; }
.wmh b { font: 500 22px/1.2 var(--head); letter-spacing: -.015em; color: #ffffff; }
.wflip { display: grid; perspective: 1200px; touch-action: pan-y; }
.wflip .wpanel { display: grid !important; grid-area: 1 / 1; visibility: hidden; align-self: stretch; align-content: start; }
.wflip .wpanel.on { visibility: visible; }
.wflip .wpanel.on { transform-origin: 50% 50%; backface-visibility: hidden; }
.wflip.fout-l .wpanel.on { animation: wfOutL .2s ease-in both; }
.wflip.fout-r .wpanel.on { animation: wfOutR .2s ease-in both; }
.wflip.fin-l .wpanel.on { animation: wfInL .34s cubic-bezier(.2,.7,.2,1) both; }
.wflip.fin-r .wpanel.on { animation: wfInR .34s cubic-bezier(.2,.7,.2,1) both; }
.wdots { display: flex; justify-content: center; gap: 2px; margin-top: 4px; }
.wdots button { width: 22px; height: 22px; border: 0; padding: 0; background: none; display: grid; place-items: center; cursor: pointer; }
.wdots button::after { content: ""; width: 7px; height: 7px; border-radius: 99px; background: rgba(255,255,255,.22); transition: width .25s ease, background .25s ease; }
.wdots button.on::after { width: 20px; background: #1ed760; }
.wswipe { display: block; text-align: center; font-size: 12.5px; color: #878787; margin-top: -4px; }
}
@keyframes wfOutL { to { transform: rotateY(-75deg) translateX(-8%); opacity: 0; } }
@keyframes wfOutR { to { transform: rotateY(75deg) translateX(8%); opacity: 0; } }
@keyframes wfInL { from { transform: rotateY(75deg) translateX(8%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes wfInR { from { transform: rotateY(-75deg) translateX(-8%); opacity: 0; } to { transform: none; opacity: 1; } }
.wpin { display: contents; }
@media (max-width: 640px) {
.hero { overflow: clip !important; }
.whoA { display: block !important; }
.wpin { display: grid; gap: 12px; position: sticky; top: 72px; z-index: 2; will-change: transform; }
.wflip { touch-action: auto; perspective: 1400px; }
.wflip.fout-l .wpanel.on, .wflip.fout-r .wpanel.on, .wflip.fin-l .wpanel.on, .wflip.fin-r .wpanel.on { animation: none; }
.wflip.fout-d .wpanel.on { animation: wfOutD .17s ease-in both; }
.wflip.fout-u .wpanel.on { animation: wfOutU .17s ease-in both; }
.wflip.fin-d .wpanel.on { animation: wfInD .3s cubic-bezier(.2,.7,.2,1) both; }
.wflip.fin-u .wpanel.on { animation: wfInU .3s cubic-bezier(.2,.7,.2,1) both; }
.wmh b { display: inline-block; }
.wdots button { pointer-events: auto; }
}
@keyframes wfOutD { to { transform: rotateX(70deg) translateY(-10%); opacity: 0; } }
@keyframes wfOutU { to { transform: rotateX(-70deg) translateY(10%); opacity: 0; } }
@keyframes wfInD { from { transform: rotateX(-70deg) translateY(10%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes wfInU { from { transform: rotateX(70deg) translateY(-10%); opacity: 0; } to { transform: none; opacity: 1; } }
.wmh button { all: unset; }
@media (max-width: 640px) {
.wmh { display: flex !important; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; margin: 0 0 6px 4px; }
.wmh button { display: block; cursor: pointer; font: 500 19px/1.3 var(--head); letter-spacing: -.012em; color: #666666; transform-origin: 0 50%; transform: scale(.9); transition: transform .38s cubic-bezier(.2,.7,.2,1), color .38s ease; -webkit-tap-highlight-color: transparent; }
.wmh button.on { color: #ffffff; transform: translateX(10px) scale(1.08); }
.wmh button:focus-visible { outline: 2px solid #1ed760; outline-offset: 2px; border-radius: 4px; }
.wdots { display: none !important; }
.wflip { perspective: none; }
.wflip.fout-d .wpanel.on, .wflip.fout-u .wpanel.on, .wflip.fin-d .wpanel.on, .wflip.fin-u .wpanel.on { animation: none; }
.wflip .wpanel > * { transition: opacity .15s ease, transform .15s ease; }
.wflip.cout .wpanel.on > * { opacity: 0; transform: translateY(-6px); }
.wflip.cin-d .wpanel.on > * { animation: wcInD .32s cubic-bezier(.2,.7,.2,1) both; }
.wflip.cin-u .wpanel.on > * { animation: wcInU .32s cubic-bezier(.2,.7,.2,1) both; }
.wflip.cin-d .wpanel.on > .wps, .wflip.cin-u .wpanel.on > .wps { animation-delay: .05s; }
}
@keyframes wcInD { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes wcInU { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wmh button { transition: none; } }
@media (max-width: 640px) {
.wmh { display: block !important; position: relative; overflow: hidden; margin: 0 -20px 8px; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000000 16%, #000000 84%, transparent); mask-image: linear-gradient(90deg, transparent, #000000 16%, #000000 84%, transparent); pointer-events: auto; }
.wtrk { display: inline-flex; align-items: center; gap: 22px; white-space: nowrap; padding: 0 50vw; transition: transform .5s cubic-bezier(.2,.7,.2,1); will-change: transform; }
.wmh button { transform-origin: 50% 60%; transform: scale(.88); font-size: 18px; white-space: nowrap; }
.wmh button.on { transform: scale(1.12); }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wtrk { transition: none; } }
.tch { visibility: hidden; }
.tch.on { visibility: visible; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .tch { visibility: visible; } }
.mcmp { max-width: 1160px; margin: 20px auto 0; border-radius: 24px; padding: 28px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 36px; align-items: center; position: relative; z-index: 1; }
.mcmp h3 { font-size: 24px; margin-bottom: 8px; }
.mcmp p { color: #afafaf; font-size: 16px; line-height: 1.5; max-width: 440px; }
.mcmp .kr { display: grid; gap: 6px; }
.mcmp .krt { display: flex; justify-content: space-between; gap: 10px; }
@media (max-width: 640px) { .mcmp { grid-template-columns: 1fr; gap: 18px; padding: 20px; } .mcmp h3 { font-size: 21px; } .mcmp p { font-size: 15px; } }
.pl { max-width: 1160px; margin: 0 auto; border-radius: 24px; padding: 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.pl h3 { font-size: 22px; margin-bottom: 6px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pl p { color: #afafaf; font-size: 16px; line-height: 1.5; }
.pl .btn { flex: none; }
@media (max-width: 640px) { .pl { flex-direction: column; align-items: flex-start; padding: 20px; gap: 16px; } .pl h3 { font-size: 20px; } .pl p { font-size: 15px; } }
@keyframes trc3 { 0%, 18% { opacity: 1; transform: none; } 19.5%, 97% { opacity: 0; transform: translateY(-6px); } 100% { opacity: 1; transform: none; } }
@keyframes trc2 { 0%, 19.5% { opacity: 0; transform: translateY(6px); } 21.5%, 51% { opacity: 1; transform: none; } 52.5%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes trc1 { 0%, 52.5% { opacity: 0; transform: translateY(6px); } 54.5%, 85% { opacity: 1; transform: none; } 86.5%, 100% { opacity: 0; transform: translateY(-6px); } }
@keyframes trc0 { 0%, 86.5% { opacity: 0; transform: translateY(6px); } 88.5%, 96% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
@media (max-width: 640px) { .tvis.trev { min-height: 324px !important; } }
@keyframes rqTap2 { 0%, 13% { background: #1b1b1b; color: #d0d0d0; border-color: rgba(255,255,255,.12); transform: none; } 15% { transform: scale(.95); } 17%, 31% { background: #ffffff; color: #121212; border-color: #ffffff; transform: none; } 33%, 100% { background: #1b1b1b; color: #d0d0d0; border-color: rgba(255,255,255,.12); transform: none; } }
@keyframes rqTap { 0%, 14% { background: #1b1b1b; color: #d0d0d0; border-color: rgba(255,255,255,.12); transform: none; } 16% { transform: scale(.96); } 18%, 32% { background: #1ED760; color: #121212; border-color: #1ED760; transform: none; } 34%, 100% { background: #1b1b1b; color: #d0d0d0; border-color: rgba(255,255,255,.12); transform: none; } }
@media (max-width: 640px) { .play .tcard, .play .tcard:nth-child(2), .play .tcard:nth-child(3) { animation-delay: 0s !important; } }
@media (max-width: 640px) { .mcmp { grid-template-columns: minmax(0, 1fr); } .mcmp > *, .mcmp .ks { min-width: 0; } .mcmp .kn { white-space: normal; min-width: 0; } .mcmp .ka { white-space: nowrap; } }
.ckb { position: fixed; z-index: 90; left: 16px; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); display: flex; justify-content: center; pointer-events: none; opacity: 0; transform: translateY(14px); transition: opacity .25s ease, transform .3s cubic-bezier(.2,.7,.2,1); }
.ckb.in { opacity: 1; transform: none; }
.ckb[hidden] { display: none; }
.ckb-main { pointer-events: auto; width: 100%; max-width: 560px; background: #171717; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 18px 18px 16px; box-shadow: 0 24px 60px -20px rgba(0,0,0,.7); display: grid; gap: 14px; }
.ckb-main p { margin: 0; font-size: 14.5px; line-height: 1.5; color: #d0d0d0; }
.ckb-main p b { color: #ffffff; font-weight: 600; margin-right: 6px; }
.ckb-main p a { color: #1ed760; text-decoration: none; }
.ckb-btns { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.ckb-b { appearance: none; border: 1px solid rgba(255,255,255,.16); background: transparent; color: #ffffff; font: 500 14.5px/1 var(--body, inherit); padding: 11px 16px; border-radius: 99px; cursor: pointer; }
.ckb-b.on { background: #ffffff; color: #121212; border-color: #ffffff; }
.ckb-b.ghost { border-color: transparent; color: #afafaf; margin-right: auto; padding-inline: 4px; }
.ckb-b:focus-visible, .flink:focus-visible { outline: 2px solid #1ed760; outline-offset: 2px; }
.ckb-set { display: grid; gap: 6px; }
.ckb-set[hidden] { display: none; }
.ckb-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 12px; background: #1e1e1e; }
.ckb-row b { display: block; color: #ffffff; font-size: 14px; font-weight: 600; }
.ckb-row small { display: block; color: #989898; font-size: 12.5px; margin-top: 2px; }
.ckb-row input { width: 20px; height: 20px; accent-color: #1ed760; flex: none; }
.flink { appearance: none; background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; opacity: inherit; text-align: left; }
@media (max-width: 640px) { .ckb { left: 10px; right: 10px; } .ckb-b { flex: 1 1 auto; } .ckb-b.ghost { flex: 0 0 auto; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .ckb { transition: none; } }
.fgrid .flink { color: #bcbcbc; font-size: 15px; font-weight: 300; display: inline-flex; min-height: 32px; align-items: center; }
.fgrid .flink:hover { color: #ffffff; }
@media (max-width: 640px) { .fgrid .flink { font-size: 14.5px; min-height: 30px; } }
.ckb { left: 0; right: 0; bottom: max(12px, env(safe-area-inset-bottom)); padding: 0 12px; }
.ckb-main { max-width: 760px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 8px 8px 16px; border-radius: 14px; background: rgba(23,23,23,.97); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-color: rgba(255,255,255,.1); box-shadow: 0 12px 30px -14px rgba(0,0,0,.7); }
.ckb-main p { flex: 1 1 260px; font-size: 13px; line-height: 1.4; color: #b6b6b6; }
.ckb-main p a { color: #ffffff; text-decoration: underline; text-underline-offset: 2px; text-decoration-color: rgba(255,255,255,.35); }
.ckb-set { flex: 1 1 100%; order: 2; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.ckb-btns { order: 3; gap: 6px; flex-wrap: nowrap; margin-left: auto; }
.ckb-b { font-size: 13px; padding: 7px 14px; min-width: 76px; }
.ckb-b#ckb-reject { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.08); }
.ckb-b.ghost { min-width: 0; padding: 7px 8px; margin-right: 0; color: #a3a3a3; }
.ckb-row { padding: 7px 10px; border-radius: 10px; }
.ckb-row b { font-size: 13px; }
.ckb-row small { font-size: 12px; margin-top: 1px; }
.ckb-row input { width: 17px; height: 17px; }
@media (max-width: 640px) {
.ckb { padding: 0 8px; }
.ckb-main { padding: 10px 10px 10px 14px; gap: 8px; }
.ckb-main p { flex-basis: 100%; font-size: 13.5px; }
.ckb-set { grid-template-columns: 1fr; }
.ckb-btns { width: 100%; justify-content: flex-end; }
.ckb-b { flex: 0 0 auto; font-size: 13.5px; }
.ckb-b.ghost { margin-right: auto; }
}
.hero .stage { padding-bottom: clamp(170px, 16vw, 250px); }
.hero canvas.dots { height: 74%; -webkit-mask-image: radial-gradient(ellipse 80% 52% at 50% 46%, #000000 40%, transparent 96%); mask-image: radial-gradient(ellipse 80% 52% at 50% 46%, #000000 40%, transparent 96%); }
@media (max-width: 640px) {
.hero .stage { padding-bottom: 170px; }
.hero canvas.dots { height: 62%; -webkit-mask-image: radial-gradient(ellipse 100% 50% at 50% 46%, #000000 42%, transparent 96%); mask-image: radial-gradient(ellipse 100% 50% at 50% 46%, #000000 42%, transparent 96%); }
}
@media (max-width: 640px) {
.whoA .wpt ul { display: grid; gap: 8px; margin: 2px 0 12px; }
.whoA .wpt h3 { margin-bottom: 10px; }
.whoA .wpt li { font-size: 15px; line-height: 1.35; align-items: flex-start; }
.whoA .wpt li .kdot { margin-top: 1px; }
.wflip .wpanel { visibility: hidden; transition: visibility 0s linear .45s; }
.wflip .wpanel.on { visibility: visible; transition: visibility 0s; z-index: 1; }
.wflip .wpanel > * { opacity: 0; transform: translateY(10px); transition: opacity .45s cubic-bezier(.4,0,.2,1), transform .45s cubic-bezier(.4,0,.2,1); }
.wflip.wup .wpanel > * { transform: translateY(-10px); }
.wflip .wpanel.on > * { opacity: 1; transform: none; transition-delay: .06s; }
.wflip .wpanel.on > .wps { transition-delay: .12s; }
.wflip.cout .wpanel.on > *, .wflip.cin-d .wpanel.on > *, .wflip.cin-u .wpanel.on > * { animation: none; }
.wtrk { transition: transform .6s cubic-bezier(.33,1,.68,1); }
.wmh button { transition: transform .6s cubic-bezier(.33,1,.68,1), color .45s ease; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wflip .wpanel > *, .wflip .wpanel { transition: none !important; } }
.msteps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 8px; }
.mstep { background: #171717; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; padding: 24px; }
.mnum { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 99px; background: rgba(255,255,255,.08); color: #ffffff; font: 600 14px/1 var(--body, inherit); }
.mstep h3 { margin: 14px 0 0; font-size: 22px; letter-spacing: -.01em; color: #ffffff; }
.mstep .pts { margin-top: 14px; }
.mstep .pts.bad li { color: #f19a92; }
.mstep .pts.bad i { background: rgba(255,255,255,0.08); }
.mstep .pts.bad i::before, .mstep .pts.bad i::after { background: #f19a92; }
@media (max-width: 820px) { .msteps { grid-template-columns: 1fr; gap: 12px; } .mstep { padding: 20px; } .mstep h3 { font-size: 20px; } }
@media (max-width: 640px) { .mwho .whoA .weyebrow { display: inline-flex !important; margin: 0 auto 10px; } .mwho .whoA { text-align: left; } }
.mwho .ks .kn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
#vnight .vbg { display: none !important; }
#vnight { overflow-x: clip; }
#vnight canvas.aipx { position: absolute; z-index: 0; pointer-events: none; display: block; opacity: 0; transition: opacity .6s ease; }
html.night #vnight .vstage.on > canvas.aipx { opacity: 1; }
#vnight .vstage > .vpn { position: relative; z-index: 1; }
#vnight .vfeat > .slabel, #vnight .vfeat > h2, #vnight .vfeat > .vlead { position: relative; z-index: 2; }
.kdot.kbad { border-color: rgba(240,82,72,.45); background: transparent; }
.kdot.kbad::after { background: #f05248; box-shadow: 0 0 6px rgba(240,82,72,.5); }
.vstage::before, html.night .vstage::before { display: none !important; }
#vnight .vstage > .vpn { transition: box-shadow .6s ease; }
html.night #vnight .vstage.on > .vpn { box-shadow: 0 0 0 1px rgba(255,255,255,.22) !important; }
@media (max-width: 640px) {
html.night .vstage::after { display: none !important; }
html.night .vstage.on > .vpn { box-shadow: 0 0 0 1px rgba(255,255,255,.22) !important; }
}
footer { padding-bottom: 0; overflow: hidden; }
footer .fpx { height: clamp(150px, 40vw, 600px); margin-top: 0; }
footer .fpx canvas { display: block; width: 100%; height: 100%; }
html.dk, html.dk body, html.dk body::before, html.dk footer, html.dk #vnight, html.dk .hero, html.dk .phero { background-color: #000000 !important; }
html.dk .orb, html.dk .glow, html.dk .vbg { display: none !important; }
html.dk :is(.shot, .ccard) { background: #111111 !important; border: 1px solid rgba(255,255,255,.08) !important; box-shadow: none !important; }
html.dk :is(.shot, .ccard)::after, html.dk .rv:not(.pre) :is(.shot, .ccard)::after, html.dk .shot.play::after { display: none !important; }
html.dk .ccard.rv:not(.pre), html.dk .rv:not(.pre) .ccard, html.dk .shot.rv:not(.pre), html.dk .rv:not(.pre) .shot { box-shadow: none !important; }
html.dk a.ccard { transition: background-color .25s ease, border-color .25s ease; }
html.dk a.ccard:hover { transform: none; background: #181818 !important; border-color: rgba(255,255,255,.16) !important; }
html.dk .cic { color: #d4d4d4 !important; background: none !important; box-shadow: none !important; }
html.dk .ccard .more { color: #a3a3a3; }
html.dk :is(.dot, .kdot)::after, html.dk .ic, html.dk .appicon { box-shadow: none !important; }
html.dk .pjc > div.on { box-shadow: none !important; border-color: rgba(255,255,255,.3) !important; background: #1a1a1a; }
html.dk .vstage::after { display: none !important; }
html.dk .theater .q.b { background: #1f1f1f; }
html.dk .nav, html.night .nav { background: rgba(0,0,0,.92) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.dk .drop, html.dk .btn-white, html.dk .arcglass { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.dk .drop { background: #000000 !important; }
html.dk .cards:has(> .ccard) { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; background: none !important; border: 0 !important; border-radius: 0; overflow: visible; box-shadow: none !important; padding: 0; }
html.dk .cards > .ccard { display: flex !important; flex-direction: column; gap: 8px; padding: 26px 24px 28px !important; border-radius: 18px !important; min-height: 210px; }
html.dk .cards > .ccard + .ccard { border-top: 1px solid rgba(255,255,255,.08) !important; }
html.dk .cards > .ccard .cic { margin: 0 0 18px !important; }
html.dk .cards > .ccard .cic svg { width: 20px !important; height: 20px !important; stroke-width: 1.6; }
html.dk .cards > .ccard h3 { font-size: 18px !important; color: #ffffff; margin: 0; }
html.dk .cards > .ccard p { font-size: 15px !important; color: #a3a3a3; margin: 0; line-height: 1.5; }
html.dk .cards > .ccard .more { display: none !important; }
@media (max-width: 1100px) { html.dk .cards:has(> .ccard) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
html.dk .cards:has(> .ccard) { grid-template-columns: 1fr; gap: 10px; }
html.dk .cards > .ccard { min-height: 0; padding: 20px 20px 22px !important; border-radius: 16px !important; }
html.dk .cards > .ccard .cic { margin-bottom: 12px !important; }
html.dk .cards > .ccard h3 { font-size: 17px !important; }
}
html.dk .cards:has(> .ccard) { margin: 0 !important; width: auto !important; max-width: none; overflow: visible !important; scroll-snap-type: none; }
html.dk .cards > .ccard { text-align: left !important; align-items: flex-start !important; width: auto !important; min-width: 0 !important; }
html.dk .cards > .ccard :is(h3, p) { text-align: left !important; }
html.dk .cards:has(> .ccard) ~ .dotstrip, html.dk .dotstrip { display: none !important; }
@media (min-width: 1101px) { html.dk .cards.three:has(> .ccard) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
[data-page="home"] .hero .stage { padding-bottom: clamp(56px, 5vw, 88px) !important; }
@media (max-width: 640px) { [data-page="home"] .hero .stage { padding-bottom: 44px !important; } }
#vnight canvas.aipx { display: none !important; }
html.dk #vnight .vstage > .vpn, html.night #vnight .vstage.on > .vpn { box-shadow: none !important; }
html.dk #vnight .vpn { position: relative; }
html.dk #vnight .vpn::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; z-index: 6;
background: conic-gradient(from var(--ang), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #ff7ab6, #1ed760);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box exclude, linear-gradient(#000000 0 0);
opacity: 0; transition: opacity .7s ease; animation: orbSpin 6s linear infinite; }
html.dk #vnight .vstage.on > .vpn::after { opacity: 1; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { html.dk #vnight .vpn::after { animation: none; } }
html.dk .shot::after, html.dk .shot.rv:not(.pre)::after, html.dk .rv:not(.pre) .shot::after, html.dk .shot.play::after { display: block !important; }
html.dk .feat { background: none !important; border-color: transparent !important; }
html.dk .feat > .fc, html.dk .feat .fc .ticks { background: transparent !important; border: 0 !important; }
html.dk .feat .fc :is(p, h2, h3, li, .ticks li, .ticks li:nth-child(n)) { border: 0 !important; }
html.dk .feat .fc .eyebrow::after { display: none !important; }
.calc-out .calc-base { margin: 0 0 6px; font-size: 13.5px; color: #a3a3a3; }
.mwho2 { padding-top: 28px !important; }
@media (max-width: 640px) { .mwho2 { padding-top: 12px !important; } }
.optpick { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin: 0 auto 22px; padding: 6px; border: 1px dashed rgba(255,255,255,.22); border-radius: 999px; width: max-content; max-width: 100%; }
.optpick span { font-size: 13px; color: #a3a3a3; padding: 0 8px; }
.optpick button { font: 500 13.5px var(--body); color: #d4d4d4; background: none; border: 1px solid transparent; border-radius: 999px; padding: 7px 14px; cursor: pointer; }
.optpick button.on { background: #ffffff; color: #000000; }
.wo-head { text-align: center; margin-bottom: 18px; }
.mwho2 .weyebrow { display: inline-flex !important; }
.mwho2 .wo { display: none; }
.mwho2[data-opt="a"] .wo-a, .mwho2[data-opt="b"] .wo-b, .mwho2[data-opt="c"] .wo-c { display: grid; }
.woc { background: #111111; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 24px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.woc h3 { font-size: 22px; color: #ffffff; margin: 0; letter-spacing: -.02em; }
.woc p { margin: 0; color: #a3a3a3; font-size: 15px; line-height: 1.5; }
.wol { align-self: flex-start; font-size: 12.5px; font-weight: 500; color: #a3a3a3; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 4px 10px; }
.wol.in { color: #ffffff; border-color: rgba(255,255,255,.3); }
.woc .ks { display: block; margin-top: 6px; background: #000000; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; overflow: hidden; }
.woc .ks .kr { display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto; gap: 10px; align-items: center; padding: 11px 14px; border-top: 1px solid rgba(255,255,255,.06); font-size: 14px; }
.woc .ks .kr:first-child { border-top: 0; }
.woc .ks .kn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e5e5e5; }
.woc .ks .ka { color: #e5e5e5; font-variant-numeric: tabular-nums; }
.woc .ks em { font-style: normal; font-size: 12px; color: #a3a3a3; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 2px 8px; }
.woc .ks em.g { color: #ffffff; border-color: rgba(255,255,255,.28); }
.woc .ks .ksf { display: flex; justify-content: space-between; padding: 11px 14px; border-top: 1px solid rgba(255,255,255,.08); font-size: 13.5px; color: #a3a3a3; }
.woc .ks .ksf b { color: #ffffff; font-weight: 500; }
.wo-a { gap: 14px; }
.wo-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wo-first { flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.wo-first > div:first-child { display: flex; flex-direction: column; gap: 10px; }
.wo-nums { display: flex; gap: 32px; flex-wrap: wrap; }
.wo-nums div { display: flex; flex-direction: column; gap: 2px; }
.wo-nums small { font-size: 13px; color: #a3a3a3; }
.wo-nums b { font-size: 22px; font-weight: 500; color: #ffffff; font-variant-numeric: tabular-nums; }
.wo-nums em { font-style: normal; font-size: 12px; color: #a3a3a3; }
.wo-b { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.woi { color: #d4d4d4; display: block; margin-bottom: 8px; } .woi svg { width: 20px; height: 20px; }
.wos { font-size: 12.5px; color: #a3a3a3; }
.wo-b .woc h3 { font-size: 19px; }
.wo-b .woc .ks { margin-top: auto; }
.wo-tbl { padding: 8px 24px; gap: 0; }
.wtr { display: grid; grid-template-columns: 1fr 1.2fr 1.4fr; gap: 16px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.08); align-items: center; font-size: 16px; }
.wtr:first-child { border-top: 0; }
.wth span { font-size: 13px; color: #a3a3a3; font-weight: 500; }
.wtr [role="rowheader"] { color: #ffffff; font-weight: 500; }
.wtr .wb { color: #8a8a8a; }
.wtr .wg { color: #ffffff; }
@media (max-width: 900px) { .wo-b { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
.optpick { border-radius: 18px; }
.wo-two { grid-template-columns: 1fr; gap: 10px; }
.wo-a, .wo-b { gap: 10px; }
.woc { padding: 20px; border-radius: 16px; }
.woc h3 { font-size: 19px; }
.wo-nums { gap: 18px; }
.wo-nums b { font-size: 19px; }
.woc .ks .kr { grid-template-columns: 26px minmax(0,1fr) auto; }
.woc .ks .kr em { grid-column: 2 / 4; justify-self: start; }
.wo-tbl { padding: 4px 18px; }
.wtr { grid-template-columns: 1fr 1fr; gap: 4px 14px; font-size: 15px; padding: 14px 0; }
.wtr [role="rowheader"] { grid-column: 1 / -1; }
.wtr.wth [role="columnheader"]:first-child { display: none; }
}
html.dk #vnight .vstage > .vpn::after { display: block !important; }
.calc-out .calc-base { grid-column: 1 / -1; color: rgba(255,255,255,.9); }
html.dk #vnight .vpn::after { grid-column: auto !important; grid-row: auto !important; grid-area: auto !important; width: auto !important; height: auto !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; }
html.dk .rpt { background: rgba(255,255,255,0.08) !important; color: #7aa2ff !important; }
html.dk .kchat .q { background: #ffffff !important; color: #111111 !important; }
.cvpart .cvhead { padding-top: 24px; padding-bottom: 0; }
.cvpart .cvhead .slabel { color: #a3a3a3; }
.brandinv .bi-h { display: flex; align-items: center; gap: 12px; padding: 4px 4px 14px; border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: 6px; }
.brandinv .bi-logo { width: 40px; height: 40px; border-radius: 10px; background: #ffffff; color: #111111; display: grid; place-items: center; font-weight: 700; font-size: 15px; letter-spacing: -.02em; flex: none; }
.brandinv .bi-n { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.brandinv .bi-n b { color: #ffffff; font-weight: 600; font-size: 16px; }
.brandinv .bi-n small { color: #a3a3a3; font-size: 13px; }
.taxpaid .tp-bar { height: 10px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; margin: 14px 4px 10px; }
.taxpaid .tp-bar i { display: block; height: 100%; border-radius: inherit; background: #1ed760; }
.taxpaid .tp-leg { display: flex; justify-content: space-between; gap: 12px; padding: 0 4px 10px; }
.taxpaid .tp-leg span { display: flex; flex-direction: column; font-size: 13px; color: #a3a3a3; }
.taxpaid .tp-leg span:last-child { text-align: right; }
.taxpaid .tp-leg b { color: #ffffff; font-size: 20px; font-weight: 500; font-variant-numeric: tabular-nums; }
.rcmatch .rcm { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 14px; align-items: center; padding: 6px; }
.rcmatch .rcp { background: #f4f4f4; color: #1b1b1b; border-radius: 10px; padding: 14px; font: 12.5px/1.5 ui-monospace, Menlo, monospace; display: flex; flex-direction: column; gap: 3px; }
.rcmatch .rcp b { font-size: 14px; letter-spacing: .04em; }
.rcmatch .rcp small { color: #6b6b6b; margin-bottom: 4px; }
.rcmatch .rcp div { display: flex; justify-content: space-between; gap: 8px; }
.rcmatch .rcp .t { border-top: 1px dashed #bdbdbd; margin-top: 4px; padding-top: 6px; font-weight: 700; }
.rcmatch .rcl { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.rcmatch .rcl i { width: 2px; height: 34px; background: repeating-linear-gradient(#5a5a5a 0 4px, transparent 4px 8px); }
.rcmatch .rcc { background: #1a1a1a; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 4px; }
.rcmatch .rcc small { color: #a3a3a3; font-size: 12.5px; }
.rcmatch .rcc b { display: flex; align-items: center; gap: 8px; color: #ffffff; font-weight: 600; font-size: 15px; }
.rcmatch .rcc b .lg { width: 22px; height: 22px; border-radius: 6px; flex: none; }
.rcmatch .rcc span { color: #e5e5e5; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
.rcmatch .rcm { grid-template-columns: 1fr; }
.rcmatch .rcl { flex-direction: row; justify-content: center; }
.rcmatch .rcl i { width: 34px; height: 2px; background: repeating-linear-gradient(90deg, #5a5a5a 0 4px, transparent 4px 8px); }
}
.feat.ss { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: stretch; padding: 24px 0 40px !important; margin: 0 auto; border: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; border-radius: 0 !important; }
.feat.ss > * { order: 0 !important; margin: 0 !important; }
.ss-text { display: flex; flex-direction: column; }
.ss-step { min-height: calc(var(--sv, 1vh) * 74); display: flex; align-items: center; opacity: .26; transition: opacity .55s ease; }
.ss-step:first-child { min-height: calc(var(--sv, 1vh) * 64); }
.ss-step:last-child { min-height: calc(var(--sv, 1vh) * 64); }
.ss-step.on { opacity: 1; }
.ss-step > .fc { width: 100%; opacity: 1 !important; transform: none !important; }
.ss-stage { position: relative; }
.ss-pin { position: sticky; top: 58px; height: calc(calc(var(--sv, 1vh) * 100) - 58px); display: grid; align-items: center; }
.ss-vis { grid-area: 1 / 1; min-width: 0; opacity: 0; transform: translateY(18px) scale(.985); transition: opacity .55s ease, transform .75s cubic-bezier(.2, .7, .2, 1); pointer-events: none; }
.ss-vis.on { opacity: 1; transform: none; pointer-events: auto; transition-delay: .08s; }
.ss-vis > * { margin: 0 !important; opacity: 1 !important; }
.ss-vis > * + * { margin-top: 14px !important; }
html.dk .feat.ss + .feat { border-top: 0 !important; }
@media (max-width: 920px) {
.feat.ss { display: flex !important; flex-direction: column; gap: 0; padding: 0 0 24px !important; }
.feat.ss > .ss-stage { order: -1 !important; position: sticky; top: calc(52px + env(safe-area-inset-top, 0px)); z-index: 4; }
.feat.ss > .ss-stage::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 28px; background: linear-gradient(#000000, rgba(0,0,0,0)); pointer-events: none; }
.ss-pin { position: relative; top: 0; height: auto; max-height: min(400px, calc(var(--sv, 1vh) * 50)); overflow: hidden; align-items: start; }
.ss-vis { transform: translateY(10px); }
.ss-vis .shot { max-height: none !important; -webkit-mask-image: none !important; mask-image: none !important; }
.ss-step { min-height: calc(var(--sv, 1vh) * 52); align-items: flex-start; padding-top: 18px; }
.ss-step:first-child { min-height: calc(var(--sv, 1vh) * 46); }
.ss-step:last-child { min-height: calc(var(--sv, 1vh) * 62); }
.ss-step .fc .ticks li:nth-child(n+3) { display: flex; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .ss-step, .ss-vis { transition: none; } .ss-vis { transform: none; } }
html.dk .feat.ss > div.ss-text.ss-text, html.dk .feat.ss > div.ss-stage.ss-stage { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; zoom: 1; }
@media (max-width: 920px) {
html.dk .feat.ss > div.ss-stage.ss-stage { background: #000000 !important; padding: 10px var(--gr, 16px) 6px var(--gl, 16px) !important; margin: 0 calc(-1 * var(--gr, 16px)) 0 calc(-1 * var(--gl, 16px)) !important; }
}
.frows { display: flex; flex-direction: column; gap: 6px; }
.frow { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 12px; background: #000000; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; }
.frow .fic { width: 26px; height: 30px; display: block; }
.frow .fn { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.frow .fn b { font-weight: 500; font-size: 14px; color: #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.frow .fn small { font-size: 12.5px; color: #8a8a8a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.woc .ks.fks { background: transparent; border: 0; border-radius: 0; overflow: visible; }
.woc .ks.fks .ksf { margin-top: 8px; border-radius: 12px; border: 1px solid rgba(255,255,255,.07); background: #000000; }
.wo-before .frow { opacity: 0; transform: translateY(8px); }
.wo-before.play .frow { animation: frIn .5s cubic-bezier(.2,.7,.2,1) forwards; animation-delay: calc(var(--i) * .22s + .15s); }
.wo-before:not(.play) .frow, .tapplay .wo-before .frow { opacity: 1; transform: none; }
@keyframes frIn { to { opacity: 1; transform: none; } }
.fc-file.cp-files { display: block; padding: 8px; max-width: 400px; }
.fc-file.cp-files .frow { background: #141414; }
@media (max-width: 640px) {
.vp-cpa .cp-sum.cp-files { display: block; padding: 6px; }
.fc-file.cp-files .frow { padding: 7px 9px; gap: 10px; }
.fc-file.cp-files .frow:nth-child(3) { display: none; }
.frow .fn b { font-size: 13.5px; } .frow .fn small { font-size: 12px; }
}
.kd-w i, .kchat .who i.tdots b { background: radial-gradient(circle at 35% 30%, #ffffff 0, rgba(255,255,255,.75) 45%, rgba(255,255,255,.32) 100%) !important; box-shadow: inset 0 0 0 .5px rgba(255,255,255,.7), 0 0 6px rgba(255,255,255,.18); }
.kd-w i { width: 7px; height: 7px; }
.ksh { background: linear-gradient(90deg, #7d7d7d 0%, #7d7d7d 35%, #f2f2f2 50%, #7d7d7d 65%, #7d7d7d 100%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: kshine 2.2s linear infinite; }
@keyframes kshine { from { background-position: 100% 0; } to { background-position: -150% 0; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .ksh { animation: none; color: #9a9a9a; } }
.skw { padding-top: 0; }
.skgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.skc { background: #111111; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; padding: 28px 28px 0; overflow: hidden; display: flex; flex-direction: column; }
.skc h3 { font-size: 19px; color: #ffffff; margin: 0 0 6px; font-weight: 500; letter-spacing: -.01em; }
.skc > p { margin: 0 0 22px; color: #a3a3a3; font-size: 16px; line-height: 1.5; }
.skwin { margin-top: auto; background: #1a1a1a; border: 1px solid rgba(255,255,255,.08); border-bottom: 0; border-radius: 14px 14px 0 0; padding: 12px 14px 0; }
.skhd { display: flex; align-items: center; justify-content: space-between; }
.skhd b { font-size: 14px; font-weight: 600; color: #ededed; }
.skchip { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #d4d4d4; background: rgba(255,255,255,.07); border-radius: 999px; padding: 3px 9px 3px 8px; }
.skchip i { width: 6px; height: 6px; border-radius: 50%; background: #1ed760; animation: skPulse 1.6s ease-in-out infinite; }
@keyframes skPulse { 50% { opacity: .35; } }
.sksub { margin: 4px 0 12px; color: #9a9a9a; font-size: 13px; }
.skscene { position: relative; aspect-ratio: 16 / 8.6; border-radius: 10px 10px 0 0; overflow: hidden;
background: radial-gradient(120% 70% at 20% 105%, hsl(53,32%,35%) 0%, transparent 55%), radial-gradient(90% 60% at 90% 100%, hsl(84,29%,29%) 0%, transparent 60%), radial-gradient(70% 50% at 75% 70%, hsl(79,18%,52%) 0%, transparent 70%), linear-gradient(hsl(201,25%,63%) 0%, hsl(172,13%,69%) 45%, hsl(62,16%,55%) 75%, hsl(49,29%,40%) 100%); }
.skscene.sk2 { background: radial-gradient(110% 70% at 85% 105%, hsl(38,41%,35%) 0%, transparent 55%), radial-gradient(80% 60% at 10% 95%, hsl(97,24%,29%) 0%, transparent 60%), radial-gradient(60% 45% at 30% 65%, hsl(86,17%,55%) 0%, transparent 70%), linear-gradient(hsl(200,24%,67%) 0%, hsl(150,12%,73%) 45%, hsl(51,21%,56%) 75%, hsl(42,36%,39%) 100%); }
.skapp { position: absolute; left: 17%; right: 17%; top: 9%; bottom: -12%; background: #000000; border: 1px solid rgba(255,255,255,.12); border-radius: 8px 8px 0 0; overflow: hidden; container-type: inline-size; box-shadow: 0 20px 40px -10px rgba(0,0,0,.5); }
.skbar { position: absolute; left: 0; right: 0; top: 0; height: 9%; border-bottom: 1px solid rgba(255,255,255,.07); display: flex; align-items: center; gap: 1.2cqw; padding-left: 2.4cqw; }
.skbar i { width: 1.4cqw; height: 1.4cqw; border-radius: 50%; background: #3a3a3a; }
.skbar span { position: absolute; left: 32%; right: 32%; top: 32%; bottom: 32%; background: #1e1e1e; border-radius: 3px; }
.skside { position: absolute; left: 0; top: 9%; bottom: 0; width: 20%; border-right: 1px solid rgba(255,255,255,.06); padding: 4cqw 2.6cqw; display: flex; flex-direction: column; gap: 3cqw; }
.skside i { height: 1.4cqw; border-radius: 2px; background: #262626; width: 70%; }
.skside i:nth-child(2n) { width: 55%; } .skside i.on { background: #5a5a5a; width: 80%; }
.skmain .skt { position: absolute; left: 25%; top: 15%; width: 24%; height: 2.2cqw; border-radius: 2px; background: #3a3a3a; }
.skmain .skt2 { position: absolute; left: 25%; top: 21.5%; width: 38%; height: 1.4cqw; border-radius: 2px; background: #222222; }
.skrow { position: absolute; left: 24%; right: 3%; height: 13%; border: 1px solid rgba(255,255,255,.07); border-radius: 1.4cqw; background: #141414; display: flex; align-items: center; gap: 2cqw; padding: 0 2cqw; }
.skrow.r1 { top: 30%; } .skrow.r2 { top: 46%; } .skrow.r3 { top: 62%; }
.skav { width: 4.4cqw; height: 4.4cqw; border-radius: 1cqw; background: #2c2c2c; flex: none; }
.skl { flex: 1; display: flex; flex-direction: column; gap: 1.2cqw; min-width: 0; }
.skl b { height: 1.6cqw; width: 52%; background: #3d3d3d; border-radius: 2px; }
.skl small { height: 1.2cqw; width: 34%; background: #242424; border-radius: 2px; }
.skpill { position: relative; width: 14cqw; height: 4.2cqw; flex: none; }
.skpill em { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 2.1cqw; border-radius: 999px; white-space: nowrap; }
.skpill .ska { background: hsla(37,91%,55%,.16); color: #f5b445; }
.skpill .skb { background: hsla(142,76%,48%,.16); color: #45d97f; opacity: 0; }
.skbtn { flex: none; font-size: 2.2cqw; font-weight: 600; color: #111111; background: #f2f2f2; border-radius: 999px; padding: .9cqw 2.2cqw; white-space: nowrap; }
.skdone { position: absolute; left: 24%; right: 3%; top: 34%; display: flex; align-items: center; justify-content: center; gap: 1.4cqw; font-size: 2.8cqw; color: #d8d8d8; opacity: 0; }
.skdone svg { width: 3.2cqw; height: 3.2cqw; color: #1ed760; }
.skcz { position: absolute; left: 70%; top: 92%; width: 0; height: 0; z-index: 5; }
.skcur { position: absolute; left: -.5cqw; top: -.4cqw; width: 4.6cqw; height: 4.6cqw; filter: drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.skclk { position: absolute; left: -2.4cqw; top: -2.4cqw; width: 4.8cqw; height: 4.8cqw; border-radius: 50%; border: .4cqw solid rgba(255,255,255,.85); opacity: 0; }
.skwin.play .skrev .skcz { animation: skRevCur 9s cubic-bezier(.45,0,.25,1) infinite; }
.skwin.play .skrev .skclk { animation: skRevClk 9s linear infinite; }
.skwin.play .skrev .r1 { animation: skR1 9s ease infinite; }
.skwin.play .skrev .r1 .skpill .skb { animation: skP1 9s ease infinite; } .skwin.play .skrev .r1 .skpill .ska { animation: skPa1 9s ease infinite; }
.skwin.play .skrev .r2 { animation: skR2 9s ease infinite; }
.skwin.play .skrev .r2 .skpill .skb { animation: skP2 9s ease infinite; } .skwin.play .skrev .r2 .skpill .ska { animation: skPa2 9s ease infinite; }
.skwin.play .skrev .r3 { animation: skR3 9s ease infinite; }
.skwin.play .skrev .r3 .skpill .skb { animation: skP3 9s ease infinite; } .skwin.play .skrev .r3 .skpill .ska { animation: skPa3 9s ease infinite; }
.skwin.play .skrev .skdone { animation: skDone 9s ease infinite; }
@keyframes skRevCur { 0% { left: 64%; top: 96%; } 14%, 22% { left: 90%; top: 36.5%; } 30% { left: 80%; top: 50%; } 38%, 46% { left: 90%; top: 36.5%; } 54% { left: 78%; top: 52%; } 62%, 70% { left: 90%; top: 36.5%; } 86% { left: 62%; top: 60%; } 100% { left: 64%; top: 96%; } }
@keyframes skRevClk { 0%, 17% { opacity: 0; transform: scale(.4); } 18% { opacity: 1; transform: scale(.5); } 22% { opacity: 0; transform: scale(1.4); } 41% { opacity: 0; transform: scale(.4); } 42% { opacity: 1; transform: scale(.5); } 46% { opacity: 0; transform: scale(1.4); } 65% { opacity: 0; transform: scale(.4); } 66% { opacity: 1; transform: scale(.5); } 70%, 100% { opacity: 0; transform: scale(1.4); } }
@keyframes skP1 { 0%, 18% { opacity: 0; } 20%, 96% { opacity: 1; } 100% { opacity: 0; } }
@keyframes skPa1 { 0%, 18% { opacity: 1; } 20%, 96% { opacity: 0; } 100% { opacity: 1; } }
@keyframes skR1 { 0%, 24% { opacity: 1; transform: none; } 30%, 94% { opacity: 0; transform: translateX(8%); } 100% { opacity: 1; transform: none; } }
@keyframes skP2 { 0%, 42% { opacity: 0; } 44%, 96% { opacity: 1; } 100% { opacity: 0; } }
@keyframes skPa2 { 0%, 42% { opacity: 1; } 44%, 96% { opacity: 0; } 100% { opacity: 1; } }
@keyframes skR2 { 0%, 28% { opacity: 1; transform: none; } 34%, 48% { opacity: 1; transform: translateY(-123%); } 54%, 94% { opacity: 0; transform: translate(8%, -123%); } 100% { opacity: 1; transform: none; } }
@keyframes skP3 { 0%, 66% { opacity: 0; } 68%, 96% { opacity: 1; } 100% { opacity: 0; } }
@keyframes skPa3 { 0%, 66% { opacity: 1; } 68%, 96% { opacity: 0; } 100% { opacity: 1; } }
@keyframes skR3 { 0%, 28% { opacity: 1; transform: none; } 34%, 52% { opacity: 1; transform: translateY(-123%); } 58%, 72% { opacity: 1; transform: translateY(-246%); } 78%, 94% { opacity: 0; transform: translate(8%, -246%); } 100% { opacity: 1; transform: none; } }
@keyframes skDone { 0%, 78% { opacity: 0; transform: translateY(6px); } 82%, 93% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.skinv .skfield { position: absolute; left: 25%; top: 28%; width: 44%; }
.skinv .skfield small { display: block; height: 1.2cqw; width: 30%; background: #2a2a2a; border-radius: 2px; margin-bottom: 1.2cqw; }
.skinv .skbox { display: flex; align-items: center; height: 5.4cqw; border: 1px solid rgba(255,255,255,.12); border-radius: 1.2cqw; padding: 0 1.8cqw; background: #121212; }
.skinv .skbox b { height: 1.6cqw; width: 0; background: #8a8a8a; border-radius: 2px; }
.skinv .skmenu { position: absolute; left: 25%; top: 44%; width: 44%; background: #1b1b1b; border: 1px solid rgba(255,255,255,.12); border-radius: 1.2cqw; padding: 1.4cqw; display: flex; flex-direction: column; gap: 1.2cqw; opacity: 0; transform: translateY(-4px); z-index: 3; }
.skinv .skmenu i { height: 3.6cqw; border-radius: .8cqw; background: #262626; }
.skinv .skmenu i.pick { background: #333333; }
.skinv .skline { position: absolute; left: 25%; right: 4%; height: 7%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.06); }
.skinv .skline.l1 { top: 50%; } .skinv .skline.l2 { top: 59%; }
.skinv .skline b, .skinv .sktot b { height: 1.5cqw; width: 0; background: #4a4a4a; border-radius: 2px; }
.skinv .skline em, .skinv .sktot em { height: 1.5cqw; width: 0; background: #4a4a4a; border-radius: 2px; }
.skinv .sktot { position: absolute; left: 55%; right: 4%; top: 70%; height: 6%; display: flex; align-items: center; justify-content: space-between; }
.skinv .sktot b { background: #6a6a6a; } .skinv .sktot em { background: #e0e0e0; }
.skinv .sksend { position: absolute; right: 4%; top: 80%; padding: 0; width: 13cqw; height: 5cqw; }
.skinv .sksend em { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: .8cqw; font-style: normal; border-radius: 999px; }
.skinv .sksend .ska { background: #f2f2f2; color: #111111; }
.skinv .sksend .skb { background: #1ed760; color: #111111; opacity: 0; }
.skinv .sksend .skb svg { width: 2.4cqw; height: 2.4cqw; }
.skwin.play .skinv .skcz { animation: skInvCur 9s cubic-bezier(.45,0,.25,1) infinite; }
.skwin.play .skinv .skclk { animation: skInvClk 9s linear infinite; }
.skwin.play .skinv .skmenu { animation: skMenu 9s ease infinite; }
.skwin.play .skinv .skbox b { animation: skFill 9s ease infinite; }
.skwin.play .skinv .l1 b { animation: skW1 9s ease infinite; } .skwin.play .skinv .l1 em { animation: skW2 9s ease infinite; }
.skwin.play .skinv .l2 b { animation: skW3 9s ease infinite; } .skwin.play .skinv .l2 em { animation: skW4 9s ease infinite; }
.skwin.play .skinv .sktot b { animation: skW5 9s ease infinite; } .skwin.play .skinv .sktot em { animation: skW6 9s ease infinite; }
.skwin.play .skinv .sksend .skb { animation: skSent 9s ease infinite; }
@keyframes skInvCur { 0% { left: 66%; top: 98%; } 12%, 17% { left: 50%; top: 34.5%; } 25%, 30% { left: 46%; top: 53.5%; } 40% { left: 70%; top: 64%; } 56%, 64% { left: 89%; top: 85%; } 82% { left: 74%; top: 72%; } 100% { left: 66%; top: 98%; } }
@keyframes skInvClk { 0%, 14% { opacity: 0; transform: scale(.4); } 15% { opacity: 1; transform: scale(.5); } 19% { opacity: 0; transform: scale(1.4); } 27% { opacity: 0; transform: scale(.4); } 28% { opacity: 1; transform: scale(.5); } 32% { opacity: 0; transform: scale(1.4); } 59% { opacity: 0; transform: scale(.4); } 60% { opacity: 1; transform: scale(.5); } 64%, 100% { opacity: 0; transform: scale(1.4); } }
@keyframes skMenu { 0%, 15% { opacity: 0; transform: translateY(-4px); } 17%, 29% { opacity: 1; transform: none; } 32%, 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes skFill { 0%, 29% { width: 0; } 32%, 94% { width: 50%; background: #d4d4d4; } 100% { width: 0; } }
@keyframes skW1 { 0%, 33% { width: 0; } 39%, 94% { width: 44%; } 100% { width: 0; } }
@keyframes skW2 { 0%, 35% { width: 0; } 40%, 94% { width: 14%; } 100% { width: 0; } }
@keyframes skW3 { 0%, 39% { width: 0; } 45%, 94% { width: 36%; } 100% { width: 0; } }
@keyframes skW4 { 0%, 41% { width: 0; } 46%, 94% { width: 12%; } 100% { width: 0; } }
@keyframes skW5 { 0%, 45% { width: 0; } 50%, 94% { width: 30%; } 100% { width: 0; } }
@keyframes skW6 { 0%, 47% { width: 0; } 52%, 94% { width: 34%; } 100% { width: 0; } }
@keyframes skSent { 0%, 60% { opacity: 0; } 62%, 94% { opacity: 1; } 100% { opacity: 0; } }
.offs .skcz, .offs .skclk, .offs .skrow, .offs .skpill em, .offs .skdone, .offs .skmenu, .offs .skinv b, .offs .skinv em { animation-play-state: paused !important; }
@media (max-width: 760px) {
.skgrid { grid-template-columns: minmax(0, 1fr); }
.skc { padding: 22px 18px 0; }
.skc > p { font-size: 15px; margin-bottom: 18px; }
.skapp { left: 9%; right: 9%; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .skwin.play .skapp * { animation: none !important; } }
.skpill em, .sksend em { top: 0; bottom: 0; left: 0; right: 0; height: auto !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; }
.sksend em { font-size: 2.2cqw !important; font-weight: 600; }
.skpill em { font-size: 2cqw !important; }
.mwho2 .wo-a { display: flex; flex-direction: column; gap: 14px; }
.woc.worow { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 32px; align-items: start; padding: 28px; }
.woc.worow.wflip > .wot { order: 2; }
.woc.worow .wot { display: flex; flex-direction: column; gap: 14px; padding-top: 4px; }
.woc.worow h3 { font-size: 28px; line-height: 1.15; }
.woc.worow .ks { margin-top: 0; }
.wol.kwl { display: inline-flex; align-items: center; gap: 7px; }
.wol.kwl .wordmark { height: 13px; display: inline-block; }
.woc .ks.kks { background: transparent; border: 0; border-radius: 0; overflow: visible; display: flex; flex-direction: column; gap: 6px; }
.woc .ks.kks .kr { background: #000000; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 12px; padding: 10px 12px; min-height: 52px; grid-template-columns: 30px minmax(0,1fr) auto auto; }
.woc .ks.fks .frow { min-height: 52px; }
.woc .ks .kr .lg { width: 30px; height: 30px; border-radius: 8px; }
.lg.kx.sbx { background: #00704a !important; color: #ffffff !important; font-weight: 700; }
@media (max-width: 760px) {
.woc.worow { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px 18px; }
.woc.worow.wflip > .wot { order: 0; }
.woc.worow h3 { font-size: 23px; }
}
.skchip.skwork { position: relative; min-width: 84px; justify-content: flex-start; }
.skwork .skw1, .skwork .skw2 { display: inline-flex; align-items: center; gap: 6px; }
.skwork .skw2 { position: absolute; left: 8px; top: 3px; opacity: 0; }
.skwork .skw2 i { width: 6px; height: 6px; border-radius: 50%; background: #1ed760; }
.skdots { display: inline-flex; gap: 3px; width: auto !important; height: auto !important; background: none !important; animation: none !important; }
.skdots b { width: 5px; height: 5px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffffff 0, rgba(255,255,255,.75) 45%, rgba(255,255,255,.32) 100%); animation: tdot 1.2s ease-in-out infinite; }
.skdots b:nth-child(2) { animation-delay: .15s; } .skdots b:nth-child(3) { animation-delay: .3s; }
.skcln .skrow { right: 3%; }
.skcln .skrow.c1 { top: 30%; } .skcln .skrow.c2 { top: 46%; } .skcln .skrow.c3 { top: 62%; } .skcln .skrow.c4 { top: 78%; }
.skcln .skpill { width: 17cqw; }
.skcln .skpill .ska { background: rgba(255,255,255,.07); color: #8f8f8f; }
.skcln .skpill .skb { background: hsla(142,76%,48%,.16); color: #45d97f; opacity: 0; }
.skscan { position: absolute; left: 21%; right: 0; height: 13%; top: 30%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent); opacity: 0; pointer-events: none; }
.skscene.sk3 { background: radial-gradient(110% 70% at 50% 108%, hsl(40,35%,36%) 0%, transparent 55%), radial-gradient(80% 60% at 0% 95%, hsl(92,22%,30%) 0%, transparent 60%), radial-gradient(60% 45% at 85% 70%, hsl(84,15%,54%) 0%, transparent 70%), linear-gradient(hsl(205,22%,64%) 0%, hsl(165,11%,71%) 45%, hsl(58,17%,55%) 75%, hsl(46,25%,40%) 100%); }
.skwin.play .skwork .skw1 { animation: skW1a 9s ease infinite; }
.skwin.play .skwork .skw2 { animation: skW2a 9s ease infinite; }
.skwin.play .skscan { animation: skScan 9s ease infinite; }
@keyframes skW1a { 0%, 62% { opacity: 1; } 65%, 94% { opacity: 0; } 98%, 100% { opacity: 1; } }
@keyframes skW2a { 0%, 62% { opacity: 0; } 65%, 94% { opacity: 1; } 98%, 100% { opacity: 0; } }
@keyframes skScan { 0%, 4% { opacity: 0; transform: translateY(0); } 8% { opacity: 1; transform: translateY(0); } 20% { opacity: 1; transform: translateY(0); } 30% { opacity: 1; transform: translateY(123%); } 34% { transform: translateY(123%); } 44% { opacity: 1; transform: translateY(246%); } 48% { transform: translateY(246%); } 58% { opacity: 1; transform: translateY(369%); } 62% { opacity: 0; transform: translateY(369%); } 100% { opacity: 0; transform: translateY(369%); } }
.skwin.play .skcln .c1 .skpill .ska { animation: skCa1 9s ease infinite; } .skwin.play .skcln .c1 .skpill .skb { animation: skCb1 9s ease infinite; }
@keyframes skCa1 { 0%, 16% { opacity: 1; } 18%, 95% { opacity: 0; } 99%, 100% { opacity: 1; } }
@keyframes skCb1 { 0%, 16% { opacity: 0; transform: scale(.9); } 18%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
.skwin.play .skcln .c2 .skpill .ska { animation: skCa2 9s ease infinite; } .skwin.play .skcln .c2 .skpill .skb { animation: skCb2 9s ease infinite; }
@keyframes skCa2 { 0%, 30% { opacity: 1; } 32%, 95% { opacity: 0; } 99%, 100% { opacity: 1; } }
@keyframes skCb2 { 0%, 30% { opacity: 0; transform: scale(.9); } 32%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
.skwin.play .skcln .c3 .skpill .ska { animation: skCa3 9s ease infinite; } .skwin.play .skcln .c3 .skpill .skb { animation: skCb3 9s ease infinite; }
@keyframes skCa3 { 0%, 44% { opacity: 1; } 46%, 95% { opacity: 0; } 99%, 100% { opacity: 1; } }
@keyframes skCb3 { 0%, 44% { opacity: 0; transform: scale(.9); } 46%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
.skwin.play .skcln .c4 .skpill .ska { animation: skCa4 9s ease infinite; } .skwin.play .skcln .c4 .skpill .skb { animation: skCb4 9s ease infinite; }
@keyframes skCa4 { 0%, 58% { opacity: 1; } 60%, 95% { opacity: 0; } 99%, 100% { opacity: 1; } }
@keyframes skCb4 { 0%, 58% { opacity: 0; transform: scale(.9); } 60%, 95% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
.offs .skw1, .offs .skw2, .offs .skscan, .offs .skcln em { animation-play-state: paused !important; }
.skdone { top: 30%; bottom: 0; align-items: flex-start; padding-top: 6cqw; }
.skdone .skck { width: 11cqw; height: 11cqw; border-radius: 50%; background: hsla(142,76%,48%,.16); color: #1ed760; display: flex; align-items: center; justify-content: center; }
.skdone .skck svg { width: 6cqw !important; height: 6cqw !important; color: #1ed760; }
@keyframes skDone { 0%, 78% { opacity: 0; transform: scale(.7); } 82%, 93% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
html.dk [data-page]:not([data-page="ai"]):not([data-page="home"]) .shot::after { display: none !important; }
.ss.ss-one .ss-frame { position: relative; display: grid; align-items: start; background: #111111; border: 1px solid rgba(255,255,255,.09); border-radius: 22px; overflow: hidden; }
.ss.ss-one .ss-vis { grid-area: 1 / 1; }
.ss.ss-one .ss-vis > .shot, .ss.ss-one .ss-vis > div { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.ss.ss-one .ss-vis > .shot::after, .ss.ss-one .ss-vis > .shot::before { display: none !important; }
@media (max-width: 920px) { .ss.ss-one .ss-pin { height: auto !important; max-height: none; } }
@media (max-width: 760px) {
.woc .ks.kks .kr { grid-template-columns: 30px minmax(0, 1fr) auto !important; grid-template-rows: auto auto; column-gap: 12px; row-gap: 4px; }
.woc .ks.kks .kr .lg { grid-row: 1 / 3; grid-column: 1; }
.woc .ks.kks .kr .kn { grid-row: 1 / 3; grid-column: 2; align-self: center; }
.woc .ks.kks .kr .ka { grid-row: 1; grid-column: 3; justify-self: end; }
.woc .ks.kks .kr em { grid-row: 2; grid-column: 3; justify-self: end; font-size: 11.5px; }
}
@media (min-width: 921px) {
.ss.ss-one .ss-pin { top: 96px; height: auto; align-items: start; }
.ss.ss-one .ss-step { align-items: flex-start; min-height: calc(var(--sv, 1vh) * 78); }
.ss.ss-one .ss-step:first-child { min-height: calc(var(--sv, 1vh) * 78); }
.ss.ss-one .ss-step:last-child { min-height: 0; }
}
.ss.ss-one .ss-vis { align-self: start; }
.shot-h span { color: #8a8a8a; font-size: 13px; }
.rvx .trow.rsq { transition: background .4s ease; }
.rvx .swap2 { display: inline-grid; justify-items: end; }
.rvx .swap2 > * { grid-area: 1 / 1; }
.rvx .swap2 > :last-child { opacity: 0; }
.rvx .rxp { max-height: 0; overflow: hidden; }
.rvx .rxp-in { margin: 0 14px 14px; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: #000000; display: flex; flex-direction: column; gap: 12px; }
.rvx .rxp-l { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rvx .rxp-l small { color: #8a8a8a; font-size: 12.5px; }
.rvx .rxsel { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: #ededed; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 6px 10px; }
.rvx .rxsel svg { width: 14px; height: 14px; color: #8a8a8a; }
.rvx .rxp-opts { display: flex; gap: 6px; flex-wrap: wrap; }
.rvx .rxp-opts span { font-size: 12.5px; color: #bdbdbd; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; padding: 4px 10px; }
.rvx .rxp-opts .o1 { color: #ffffff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.06); }
.rvx .rxp-ev { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #cfcfcf; }
.rvx .rxbox { width: 16px; height: 16px; border-radius: 4px; border: 1px solid rgba(255,255,255,.3); display: inline-flex; align-items: center; justify-content: center; }
.rvx .rxbox svg { width: 11px; height: 11px; color: #000000; opacity: 0; }
.rvx .rxp-b { display: flex; gap: 8px; flex-wrap: wrap; }
.rvx .rxp-b span { display: inline-flex; align-items: center; height: 32px; padding: 0 13px; border-radius: 99px; font-size: 13px; font-weight: 500; border: 1px solid rgba(255,255,255,.14); color: #e5e5e5; }
.rvx .rxp-b .pri { position: relative; background: #f2f2f2; color: #111111; border-color: #f2f2f2; margin-left: auto; min-width: 96px; justify-content: center; }
.rvx .rxp-b .pri em { font-style: normal; display: inline-flex; align-items: center; gap: 5px; }
.rvx .rxp-b .pri .rb { position: absolute; inset: 0; justify-content: center; opacity: 0; color: #111111; }
.rvx .rxp-b .pri .rb svg { width: 13px; height: 13px; }
.rvx.play .trow.rsq { animation: rxRow 8.5s ease forwards; }
.rvx.play .rxp { animation: rxOpen 8.5s cubic-bezier(.2,.7,.2,1) forwards; }
.rvx.play .rxp-opts .o1 { animation: rxPick 8.5s ease forwards; }
.rvx.play .rxbox { animation: rxBox 8.5s ease forwards; } .rvx.play .rxbox svg { animation: rxBoxI 8.5s ease forwards; }
.rvx.play .rxp-b .pri { animation: rxPress 8.5s ease forwards; }
.rvx.play .rxp-b .pri .rb { animation: rxDone 8.5s ease forwards; } .rvx.play .rxp-b .pri .ra { animation: rxDoneA 8.5s ease forwards; }
.rvx.play .swap2 > :first-child { animation: rxDoneA 8.5s ease forwards; } .rvx.play .swap2 > :last-child { animation: rxDone 8.5s ease forwards; }
@keyframes rxRow { 0%, 6% { background: transparent; } 10%, 100% { background: rgba(255,255,255,.05); } }
@keyframes rxOpen { 0%, 10% { max-height: 0; } 20%, 100% { max-height: 260px; } }
@keyframes rxPick { 0%, 26% { box-shadow: none; } 29% { box-shadow: 0 0 0 4px rgba(255,255,255,.12); } 34%, 100% { box-shadow: none; } }
@keyframes rxBox { 0%, 38% { background: transparent; border-color: rgba(255,255,255,.3); } 41%, 100% { background: #ffffff; border-color: #ffffff; } }
@keyframes rxBoxI { 0%, 38% { opacity: 0; } 41%, 100% { opacity: 1; } }
@keyframes rxPress { 0%, 50% { transform: none; } 53% { transform: scale(.93); } 56% { transform: none; background: #f2f2f2; border-color: #f2f2f2; } 58%, 100% { background: #1ed760; border-color: #1ed760; } }
@keyframes rxDone { 0%, 56% { opacity: 0; } 59%, 100% { opacity: 1; } }
@keyframes rxDoneA { 0%, 56% { opacity: 1; } 59%, 100% { opacity: 0; } }
.rvx:not(.play) .rxp { max-height: 260px; }
.bpx .trow { opacity: 0; transform: translateY(8px); }
.bpx .trow .pill { opacity: 0; transform: scale(.8); }
.bpx.play .trow { animation: frIn .45s cubic-bezier(.2,.7,.2,1) forwards; animation-delay: calc(var(--i) * .38s + .1s); }
.bpx.play .trow .pill { animation: bpPop .35s cubic-bezier(.2,.9,.3,1.3) forwards; animation-delay: calc(var(--i) * .38s + .75s); }
.bpx:not(.play) .trow, .bpx:not(.play) .trow .pill { opacity: 1; transform: none; }
@keyframes bpPop { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .rvx.play *, .bpx.play * { animation-duration: .01s !important; animation-delay: 0s !important; } }
.ssmeasure .rxp, .ssmeasure .rxp * { max-height: 260px !important; animation: none !important; }
.woc.wo-one { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 0; }
.wo-half { padding: 24px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.wo-half + .wo-half { border-left: 1px solid rgba(255,255,255,.08); }
.wo-half h3 { font-size: 22px; color: #ffffff; margin: 0; letter-spacing: -.02em; }
.wo-half .ks { margin-top: 4px; }
.wo-half .ks.fks .frow, .wo-half .ks.kks .kr { min-height: 50px; padding-top: 8px; padding-bottom: 8px; }
.wo-half .ks.kks { background: transparent; border: 0; border-radius: 0; overflow: visible; display: flex; flex-direction: column; gap: 6px; }
.wo-half .ks.kks .kr { background: #000000; border: 1px solid rgba(255,255,255,.07) !important; border-radius: 12px; padding-left: 12px; padding-right: 12px; grid-template-columns: 30px minmax(0,1fr) auto auto; }
.wo-half .ks .kr .lg { width: 30px; height: 30px; border-radius: 8px; }
@media (max-width: 860px) {
.woc.wo-one { grid-template-columns: minmax(0, 1fr); }
.wo-half + .wo-half { border-left: 0; border-top: 1px solid rgba(255,255,255,.08); }
.wo-half { padding: 20px 16px; }
.wo-half .ks.kks .kr { grid-template-columns: 30px minmax(0, 1fr) auto !important; grid-template-rows: auto auto; column-gap: 12px; row-gap: 4px; }
.wo-half .ks.kks .kr .lg { grid-row: 1 / 3; grid-column: 1; }
.wo-half .ks.kks .kr .kn { grid-row: 1 / 3; grid-column: 2; align-self: center; }
.wo-half .ks.kks .kr .ka { grid-row: 1; grid-column: 3; justify-self: end; }
.wo-half .ks.kks .kr em { grid-row: 2; grid-column: 3; justify-self: end; font-size: 11.5px; }
}
.skgrid { row-gap: 16px; }
.skrc .skrcpt { position: absolute; left: 25%; top: 16%; width: 20%; height: 66%; background: #f0f0f0; border-radius: 1cqw; padding: 2.4cqw 2cqw; display: flex; flex-direction: column; gap: 1.6cqw; box-shadow: 0 1cqw 3cqw rgba(0,0,0,.4); opacity: 0; transform: translateY(14%); }
.skrc .skrcpt b { height: 1.8cqw; width: 70%; background: #3a3a3a; border-radius: 2px; }
.skrc .skrcpt i { height: 1.1cqw; width: 100%; background: #c3c3c3; border-radius: 2px; }
.skrc .skrcpt i:nth-child(odd) { width: 80%; }
.skrc .skrcpt em { margin-top: auto; height: 1.6cqw; width: 50%; align-self: flex-end; background: #3a3a3a; border-radius: 2px; }
.skrc .skrow { left: 52%; right: 3%; }
.skrc .skrow.t1 { top: 20%; } .skrc .skrow.t2 { top: 40%; } .skrc .skrow.t3 { top: 60%; }
.skrc .skpill { width: 13cqw; }
.skrc .skpill .skb { opacity: 0; background: hsla(142,76%,48%,.16); color: #45d97f; }
.skrc .sklink { position: absolute; left: 45%; top: 46.5%; width: 7%; height: 0; border-top: .35cqw dashed rgba(255,255,255,.55); transform-origin: left center; transform: scaleX(0); }
.skwin.play .skrc .skrcpt { animation: rcIn 9s ease infinite; }
.skwin.play .skrc .sklink { animation: rcLink 9s ease infinite; }
.skwin.play .skrc .t2 { animation: rcRow 9s ease infinite; }
.skwin.play .skrc .skpill .skb { animation: rcPill 9s ease infinite; }
@keyframes rcIn { 0%, 6% { opacity: 0; transform: translateY(14%); } 16%, 94% { opacity: 1; transform: none; } 99%, 100% { opacity: 0; } }
@keyframes rcLink { 0%, 30% { transform: scaleX(0); } 40%, 94% { transform: scaleX(1); } 99%, 100% { transform: scaleX(0); } }
@keyframes rcRow { 0%, 38% { border-color: rgba(255,255,255,.07); } 42%, 94% { border-color: rgba(69,217,127,.55); } 99%, 100% { border-color: rgba(255,255,255,.07); } }
@keyframes rcPill { 0%, 42% { opacity: 0; } 46%, 94% { opacity: 1; } 99%, 100% { opacity: 0; } }
.skpj .skpbar { position: absolute; left: 25%; right: 4%; top: 22%; height: 2.4cqw; border-radius: 99px; background: #1f1f1f; overflow: hidden; }
.skpj .skpbar i { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 99px; }
.skpj .pb1 { background: #e6e6e6; width: 0; } .skpj .pb2 { background: #1ed760; width: 0; }
.skpj .skrow { left: 24%; right: 3%; }
.skpj .skrow.p1 { top: 32%; } .skpj .skrow.p2 { top: 48%; } .skpj .skrow.p3 { top: 64%; }
.skpj .skrow { opacity: 0; transform: translateY(8px); }
.skpj .skamt { height: 1.6cqw; width: 10cqw; background: #4a4a4a; border-radius: 2px; flex: none; }
.skpj .skprof { position: absolute; right: 4%; top: 13.5%; font-size: 2.2cqw; font-weight: 600; color: #45d97f; background: hsla(142,76%,48%,.16); border-radius: 99px; padding: .7cqw 1.8cqw; opacity: 0; }
.skwin.play .skpj .pb1 { animation: pjB1 9s ease infinite; } .skwin.play .skpj .pb2 { animation: pjB2 9s ease infinite; }
.skwin.play .skpj .p1 { animation: pjR1 9s ease infinite; } .skwin.play .skpj .p2 { animation: pjR2 9s ease infinite; } .skwin.play .skpj .p3 { animation: pjR3 9s ease infinite; }
.skwin.play .skpj .skprof { animation: pjProf 9s ease infinite; }
@keyframes pjB1 { 0%, 6% { width: 0; } 30%, 94% { width: 78%; } 100% { width: 0; } }
@keyframes pjB2 { 0%, 32% { width: 0; } 56%, 94% { width: 38%; } 100% { width: 0; } }
@keyframes pjR1 { 0%, 12% { opacity: 0; transform: translateY(8px); } 18%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes pjR2 { 0%, 22% { opacity: 0; transform: translateY(8px); } 28%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes pjR3 { 0%, 32% { opacity: 0; transform: translateY(8px); } 38%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes pjProf { 0%, 56% { opacity: 0; transform: scale(.8); } 62%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.sktx .skq { position: absolute; top: 28%; width: 16%; height: 30%; border: 1px solid rgba(255,255,255,.08); border-radius: 1.4cqw; background: #141414; padding: 1.8cqw; display: flex; flex-direction: column; gap: 1.4cqw; }
.sktx .q1 { left: 25%; } .sktx .q2 { left: 43%; } .sktx .q3 { left: 61%; } .sktx .q4 { left: 79%; }
.sktx .skq small { font-size: 2cqw; color: #9a9a9a; }
.sktx .skq b { height: 2cqw; width: 80%; background: #4a4a4a; border-radius: 2px; }
.sktx .skq em { font-style: normal; font-size: 1.8cqw; border-radius: 99px; padding: .4cqw 1.2cqw; align-self: flex-start; white-space: nowrap; }
.sktx .skq em.ok { color: #45d97f; background: hsla(142,76%,48%,.16); }
.sktx .skq em.due { color: #f5b445; background: hsla(37,91%,55%,.16); }
.sktx .skq em.up { color: #bdbdbd; background: rgba(255,255,255,.07); }
.sktx .q3 { border-color: rgba(255,255,255,.22); }
.sktx .q3 em { position: absolute; left: 1.8cqw; bottom: 2cqw; }
.sktx .q3 em.ok { opacity: 0; }
.sktx .skrec { position: absolute; left: 61%; top: 64%; }
.skwin.play .sktx .skcz { animation: txCur 9s cubic-bezier(.45,0,.25,1) infinite; }
.skwin.play .sktx .skclk { animation: txClk 9s linear infinite; }
.skwin.play .sktx .q3 em.ok { animation: txOk 9s ease infinite; } .skwin.play .sktx .q3 em.due { animation: txDue 9s ease infinite; }
@keyframes txCur { 0% { left: 50%; top: 96%; } 22%, 34% { left: 69%; top: 67%; } 54% { left: 66%; top: 80%; } 100% { left: 50%; top: 96%; } }
@keyframes txClk { 0%, 27% { opacity: 0; transform: scale(.4); } 28% { opacity: 1; transform: scale(.5); } 33%, 100% { opacity: 0; transform: scale(1.4); } }
@keyframes txOk { 0%, 31% { opacity: 0; } 34%, 94% { opacity: 1; } 100% { opacity: 0; } }
@keyframes txDue { 0%, 31% { opacity: 1; } 34%, 94% { opacity: 0; } 100% { opacity: 1; } }
.offs .skrcpt, .offs .sklink, .offs .skrc .skrow, .offs .skrc em, .offs .skpj i, .offs .skpj .skrow, .offs .skprof, .offs .sktx em { animation-play-state: paused !important; }
.skwin:not(.play) .skpj .skrow, .skwin:not(.play) .skrc .skrcpt { opacity: 1; transform: none; }
.skwin:not(.play) .skpj .pb1 { width: 78%; } .skwin:not(.play) .skpj .pb2 { width: 38%; }
.skwin:not(.play) .skpj .skprof, .skwin:not(.play) .skrc .skpill .skb { opacity: 1; }
.skwin:not(.play) .skrc .sklink { transform: none; }
@media (min-width: 921px) { .feat.ss.ss-one { padding-top: 74px !important; } }
@media (max-width: 920px) { .feat.ss.ss-one { padding-top: 34px !important; } }
.feat.ss.ss-auto > .ss-stage, .feat.ss.ss-auto .ss-pin { position: relative !important; top: 0 !important; }
.feat.ss.ss-auto .ss-pin { height: auto !important; max-height: none !important; overflow: visible; }
.feat.ss.ss-auto .ss-step, .feat.ss.ss-auto .ss-step:first-child, .feat.ss.ss-auto .ss-step:last-child { min-height: 0 !important; padding: 16px 0; cursor: pointer; }
.feat.ss.ss-auto .ss-text { justify-content: center; }
.feat.ss.ss-auto > .ss-stage::after { display: none; }
@media (max-width: 920px) { .feat.ss.ss-auto .ss-text { margin-top: 14px !important; } .feat.ss.ss-auto .ss-step { padding: 12px 0; } }
.skw { overflow-x: hidden; overflow-x: clip; }
.skgrid { display: flex !important; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; position: relative;
margin: 0 calc(50% - 50vw) !important; padding: 0 calc(50vw - 50%) 6px !important; }
.skgrid::-webkit-scrollbar { display: none; }
.skgrid > .skc { flex: 0 0 clamp(340px, 31vw, 430px); scroll-snap-align: start; opacity: 1 !important; transform: none !important; }
.skgrid.drag { scroll-snap-type: none; cursor: grabbing; user-select: none; }
.skgrid.drag * { pointer-events: none; }
@media (hover: hover) and (pointer: fine) { .skgrid { cursor: grab; } }
.sknav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 22px; }
.skpg { display: flex; justify-content: center; gap: 6px; }
.skpg i { width: 6px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.22); cursor: pointer; transition: width .3s ease, background .3s ease; }
.skpg i.on { width: 18px; background: #ffffff; }
.skar { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); background: #111111; color: #ffffff; display: grid; place-items: center; cursor: pointer; transition: background .2s ease, opacity .2s ease; padding: 0; }
.skar:hover { background: #1c1c1c; }
.skar:disabled { opacity: .3; cursor: default; }
.skar svg { width: 18px; height: 18px; }
@media (min-width: 761px) { .skc { padding: 24px 22px 0; } .skc > p { font-size: 15px; margin-bottom: 18px; } .skapp { left: 9%; right: 9%; } }
@media (max-width: 760px) {
.skgrid { gap: 12px; }
.skgrid > .skc { flex-basis: 84%; }
.skar { display: none; }
.sknav { margin-top: 14px; }
}
.ss.ss-one .ss-vis { align-self: center; }
[data-page="banking"] .ss.ss-one .ss-vis { align-self: start; }
.ss.ss-one .bizdemo .bview > .trow:nth-of-type(n+2) { display: none; }
.shot .shot-b.ssfill { margin-top: 14px; }
.rcmatch .shot-b.ssfill { padding: 0 6px 6px; }
.bizdemo .bd-h .wordmark { filter: brightness(0) invert(1); opacity: .9; }
@media (max-width: 920px) { .rcmatch .shot-b.ssfill { display: none; } }
.wo-sl { display: none; }
@media (max-width: 860px) {
.woc.wo-one.wsl { --p: 100%; --q: 100%; position: relative; overflow: hidden; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.woc.wo-one.wsl > .wo-half { grid-area: 1 / 1; background: transparent; }
.woc.wo-one.wsl > .wo-half + .wo-half { border-top: 0; }
.woc.wo-one.wsl > .wo-before { z-index: 1; pointer-events: none; }
.woc.wo-one.wsl > .wo-half:not(.wo-before) .wol { align-self: flex-end; }
.woc.wo-one.wsl > .wo-half h3 { min-height: 2.5em; transition: opacity .25s ease; }
.woc.wo-one.wsl > .wo-half:not(.wo-before) h3 { opacity: 0; }
.woc.wo-one.wsl.aft > .wo-before h3 { opacity: 0; }
.woc.wo-one.wsl.aft > .wo-half:not(.wo-before) h3 { opacity: 1; }
.woc.wo-one.wsl > .wo-half .ks { display: flex !important; flex-direction: column; gap: 6px; margin-top: 4px; }
.woc.wo-one.wsl > .wo-half .ks .frow, .woc.wo-one.wsl > .wo-half .ks .kr { height: 62px; min-height: 0; margin: 0 !important; box-sizing: border-box; }
.woc.wo-one.wsl > .wo-before .ks { clip-path: inset(-2px calc(100% - var(--q)) -2px -2px); -webkit-clip-path: inset(-2px calc(100% - var(--q)) -2px -2px); }
.woc.wo-one.wsl > .wo-half:not(.wo-before) .ks { clip-path: inset(-2px -2px -2px var(--qa, 100%)); -webkit-clip-path: inset(-2px -2px -2px var(--qa, 100%)); }
.woc.wo-one.wsl .wo-sl { display: block; position: absolute; top: 0; bottom: 0; left: var(--p); width: 0; z-index: 2; }
.woc.wo-one.wsl .wo-sl::before { content: ""; position: absolute; top: 0; bottom: 0; left: -.5px; width: 1px; background: rgba(255,255,255,.7); }
.woc.wo-one.wsl .wo-knob { position: absolute; top: 50%; left: clamp(calc(20px - var(--p)), 0px, calc(var(--w, 9999px) - 20px - var(--p))); width: 32px; height: 32px; margin: -16px 0 0 -16px; border-radius: 50%; background: #ffffff; color: #121212; display: grid; place-items: center; box-shadow: 0 4px 12px rgba(0,0,0,.45); cursor: grab; touch-action: none; }
.woc.wo-one.wsl .wo-knob svg { width: 16px; height: 16px; }
.woc.wo-one.wsl .wo-knob:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px; }
.woc.wo-one.wsl.dragging .wo-knob { cursor: grabbing; transform: scale(1.08); }
}
@media (min-width: 861px) {
.woc.wo-one > .wo-half { position: relative; }
.woc.wo-one > .wo-half > .wol { position: absolute; top: 20px; right: 20px; margin: 0; }
.woc.wo-one > .wo-half > h3 { padding-right: 150px; min-height: 34px; display: flex; align-items: center; }
}
@media (min-width: 861px) and (max-width: 1180px) { .woc.wo-one > .wo-half > h3 { min-height: 2.5em; align-items: flex-start; } }
.wo-win { margin-top: 6px; background: #000000; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; overflow: hidden; }
.wo-win .wo-bar { position: relative; height: 34px; display: flex; align-items: center; gap: 6px; padding: 0 12px; background: #161616; border-bottom: 1px solid rgba(255,255,255,.07); }
.wo-win .wo-bar i { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.wo-win .wo-bar i:nth-child(1) { background: hsl(3, 100%, 67%); }
.wo-win .wo-bar i:nth-child(2) { background: hsl(40, 99%, 59%); }
.wo-win .wo-bar i:nth-child(3) { background: hsl(128, 66%, 47%); }
.wo-win .wo-bar span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 38%; padding: 0 12px; height: 20px; border-radius: 6px; background: #222222; color: #8a8a8a; font-size: 11px; line-height: 20px; text-align: center; white-space: nowrap; }
.wo-win > .ks { margin: 0 !important; padding: 10px; }
@media (max-width: 860px) {
.woc.wo-one.wsl > .wo-half .wo-win > .ks { clip-path: none !important; -webkit-clip-path: none !important; }
.woc.wo-one.wsl > .wo-before .wo-win { clip-path: inset(-2px calc(100% - var(--q)) -2px -2px); -webkit-clip-path: inset(-2px calc(100% - var(--q)) -2px -2px); }
.woc.wo-one.wsl > .wo-half:not(.wo-before) .wo-win { clip-path: inset(-2px -2px -2px var(--qa, 100%)); -webkit-clip-path: inset(-2px -2px -2px var(--qa, 100%)); }
.woc.wo-one.wsl .wo-win .wo-bar span { display: none; }
.wo-win > .ks { padding: 8px; }
}
@media (min-width: 861px) { .wo-win .ks .frow, .wo-win .ks.kks .kr { height: 58px; min-height: 0; box-sizing: border-box; padding-top: 0 !important; padding-bottom: 0 !important; } .wo-win .ks.fks { display: flex; flex-direction: column; gap: 6px; } }
.wo-half > .wo-sub { margin: -4px 0 4px; color: #a3a3a3; font-size: 15px; line-height: 1.5; min-height: 3em; max-width: 46ch; }
@media (max-width: 860px) {
.wo-half > .wo-sub { font-size: 15px; min-height: 4.5em; transition: opacity .25s ease; }
.woc.wo-one.wsl > .wo-half:not(.wo-before) .wo-sub { opacity: 0; }
.woc.wo-one.wsl.aft > .wo-before .wo-sub { opacity: 0; }
.woc.wo-one.wsl.aft > .wo-half:not(.wo-before) .wo-sub { opacity: 1; }
}
.whosec .whoab { margin-top: 0 !important; }
html .whoA .wtabs button.on { background: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; }
@media (max-width: 640px) {
.whoA .wmh button { padding: 7px 14px; border-radius: 99px; font-size: 16px; transform: scale(.94); transition: transform .6s cubic-bezier(.33,1,.68,1), color .45s ease, background-color .45s ease; }
.whoA .wmh button.on { background: #ffffff; color: #000000; transform: none; }
.whoA .wtrk { gap: 6px; }
}
.whoA .kr em.g { color: hsl(141, 76%, 48%) !important; background: hsla(141, 76%, 48%, .14) !important; }
@media (min-width: 641px) {
.whoA .wflip { display: grid; }
.whoA .wflip > .wpanel { display: grid !important; grid-area: 1 / 1; visibility: hidden; }
.whoA .wflip > .wpanel.on { visibility: visible; }
}
.whoA .wps { align-self: stretch; display: flex; }
.whoA .wps > .ks { flex: 1; align-content: space-between; }
.sktx .skqs { display: grid; align-self: flex-start; }
.sktx .skqs > em { grid-area: 1 / 1; position: static !important; }
#vnight { margin-top: 0 !important; padding-top: clamp(56px, 6vw, 88px) !important; }
@media (max-width: 640px) { #vnight { padding-top: 44px !important; } }
html.dk #vnight .vpn::after { background: conic-gradient(from var(--ang) at var(--mx, 50%) var(--my, 50%), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #ff7ab6, #1ed760); }
html.dk #vnight .vglow { position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; z-index: 7; opacity: var(--mg, 0); border-radius: 24px;
filter: drop-shadow(0 0 7px hsla(150, 90%, 60%, .9)) drop-shadow(0 0 20px hsla(185, 90%, 60%, .5)); }
html.dk #vnight .vglow > b { position: absolute; inset: 0; border-radius: inherit; padding: 3px; box-sizing: border-box;
background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), hsl(141, 95%, 82%) 0%, hsl(141, 85%, 62%) 20%, hsl(185, 85%, 60%) 42%, hsl(230, 90%, 68%) 64%, transparent 84%);
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box exclude, linear-gradient(#000000 0 0); }
html.dk .nav { transition: background-color .3s ease, -webkit-backdrop-filter .3s ease, backdrop-filter .3s ease; }
html.dk:not(.mopen) .nav.scrd { background: rgba(0,0,0,.22) !important; -webkit-backdrop-filter: blur(14px) saturate(1.6) !important; backdrop-filter: blur(14px) saturate(1.6) !important; border-bottom-color: rgba(255,255,255,.1) !important; }
.whoA .kr em { min-width: 84px; box-sizing: border-box; text-align: center; }
.whoA .kr .kx { font-size: 15px; font-weight: 600; }
.whoA .ksf span { font-size: 14px; }
.whoA .ksf b { font-size: 18px; }
.whoA .wps.wopts { flex-direction: column; gap: 8px; }
.wpick { display: flex; align-items: center; gap: 6px; justify-content: flex-end; font-size: 12.5px; color: #8a8a8a; }
.wpick span { margin-right: 4px; }
.wpick button { all: unset; cursor: pointer; width: 26px; height: 26px; border-radius: 99px; display: grid; place-items: center; font-size: 12.5px; font-weight: 600; color: #cfcfcf; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); }
.wpick button.on { background: #ffffff; color: #000000; border-color: #ffffff; }
.wpick button:focus-visible { outline: 2px solid hsl(141, 76%, 48%); outline-offset: 2px; }
.whoA .wopt { display: none; flex: 1; }
.whoA .wopt.on { display: flex; }
.whoA .wopt > .ks { flex: 1; }
.wprog { display: grid; gap: 8px; padding: 6px 4px 4px; }
.wprog-t { display: flex; justify-content: space-between; font-size: 13.5px; color: #a3a3a3; }
.wprog-t b { color: #ffffff; font-weight: 500; }
.wprog-b { height: 8px; border-radius: 99px; background: rgba(255,255,255,.08); overflow: hidden; }
.wprog-b i { display: block; height: 100%; width: 75%; border-radius: 99px; background: hsl(141, 76%, 48%); transform-origin: left center; }
.wpanel.on .wopt.on .wprog-b i { animation: wGrow 1.1s cubic-bezier(.3,.8,.3,1) both .3s; }
@keyframes wGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.whoA .wstep .wck { width: 26px; height: 26px; border-radius: 99px; flex: none; display: grid; place-items: center; background: hsla(141, 76%, 48%, .16); color: hsl(141, 76%, 48%); font-style: normal; }
.whoA .wstep .wck svg { width: 14px; height: 14px; }
.whoA .wstep.now .wck { background: transparent; border: 2px solid rgba(255,255,255,.28); box-sizing: border-box; animation: wRing 1.8s ease-in-out infinite; }
.whoA .wstep .ka { color: #a3a3a3; font-weight: 400; font-size: 13px; }
.whoA .wstep.now .kn { color: #ffffff; }
@keyframes wRing { 50% { border-color: hsl(141, 76%, 48%); } }
.wtiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wtile { display: grid; gap: 4px; padding: 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
.wtile small { font-size: 12.5px; color: #9a9a9a; }
.wtile b { font: 500 17px/1.1 var(--head); color: #ffffff; letter-spacing: -.01em; white-space: nowrap; }
.wtile.g b { color: hsl(141, 76%, 48%); }
.wbars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; height: 120px; padding: 6px 8px 0; align-items: end; }
.wbars > span { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px; padding-bottom: 18px; }
.wbars i { width: 34%; max-width: 22px; height: var(--h); border-radius: 5px 5px 2px 2px; background: hsl(141, 76%, 48%); transform-origin: bottom; }
.wbars i.o { background: rgba(255,255,255,.22); }
.wbars em { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-style: normal; font-size: 11.5px; color: #8a8a8a; }
.wpanel.on .wopt.on .wbars i { animation: wUp .9s cubic-bezier(.3,.8,.3,1) both; }
.wpanel.on .wopt.on .wbars > span:nth-child(2) i { animation-delay: .1s; } .wpanel.on .wopt.on .wbars > span:nth-child(3) i { animation-delay: .2s; } .wpanel.on .wopt.on .wbars > span:nth-child(4) i { animation-delay: .3s; }
@keyframes wUp { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.winv-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 4px 4px 6px; }
.winv-h > span:first-child { display: grid; gap: 2px; }
.winv-h b { font-size: 16px; font-weight: 500; color: #ffffff; }
.winv-h small { font-size: 12.5px; color: #9a9a9a; }
.winv-st { display: grid; }
.winv-st em { grid-area: 1 / 1; font-style: normal; font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 99px; min-width: 84px; box-sizing: border-box; text-align: center; color: #cfcfcf; background: rgba(255,255,255,.08); opacity: 0; }
.winv-st em.g { color: hsl(141, 76%, 48%); background: hsla(141, 76%, 48%, .14); }
.wpanel.on .wopt.on .winv-st .s1 { animation: wSt1 7s ease infinite; }
.wpanel.on .wopt.on .winv-st .s2 { animation: wSt2 7s ease infinite; }
.wpanel.on .wopt.on .winv-st .s3 { animation: wSt3 7s ease infinite; }
.wpanel.on .wopt.on .winv-paid { animation: wSt3 7s ease infinite; }
@keyframes wSt1 { 0%, 26% { opacity: 1; } 30%, 100% { opacity: 0; } }
@keyframes wSt2 { 0%, 28% { opacity: 0; } 32%, 54% { opacity: 1; } 58%, 100% { opacity: 0; } }
@keyframes wSt3 { 0%, 56% { opacity: 0; } 60%, 96% { opacity: 1; } 100% { opacity: 0; } }
.winv .kr .kn { color: #d4d4d4; }
.winv-paid { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: hsla(141, 76%, 48%, .1); color: hsl(141, 76%, 48%); font-size: 13.5px; opacity: 0; }
.winv-paid svg { width: 16px; height: 16px; flex: none; }
.ks.ktl { position: relative; }
.ktl .kr.ktr { position: relative; padding-left: 40px; }
.ktl .kr.ktr::before { content: ""; position: absolute; left: 14px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 99px; background: hsl(141, 76%, 48%); box-shadow: 0 0 0 4px hsla(141, 76%, 48%, .16); z-index: 1; }
.ktl .kr.ktr.now::before { background: #141414; border: 2px solid hsl(141, 76%, 48%); box-sizing: border-box; box-shadow: none; animation: wDot 1.8s ease-in-out infinite; }
.ktl .kr.ktr::after { content: ""; position: absolute; left: 19px; top: 50%; height: calc(100% + 8px); width: 2px; background: hsla(141, 76%, 48%, .45); }
.ktl .kr.ktr.now::after, .ktl .kr.ktr:last-child::after { display: none; }
.ktl .kr.ktr:has(+ .ktr.now)::after { background: linear-gradient(hsla(141, 76%, 48%, .45), rgba(255,255,255,.14)); }
@keyframes wDot { 50% { box-shadow: 0 0 0 6px hsla(141, 76%, 48%, .18); } }
.wpanel.on .ktl .kr.ktr::before { animation: wPopDot .45s ease both; }
.wpanel.on .ktl .kr.ktr.now::before { animation: wPopDot .45s ease both, wDot 1.8s ease-in-out infinite .9s; }
.wpanel.on .ktl .kr.ktr:nth-child(3)::before { animation-delay: .15s; } .wpanel.on .ktl .kr.ktr:nth-child(4)::before { animation-delay: .3s; } .wpanel.on .ktl .kr.ktr:nth-child(5)::before { animation-delay: .45s; } .wpanel.on .ktl .kr.ktr:nth-child(6)::before { animation-delay: .6s; } .wpanel.on .ktl .kr.ktr:nth-child(7)::before { animation-delay: .75s, 1.6s; }
@keyframes wPopDot { from { transform: scale(0); } to { transform: none; } }
.wtx-big { display: grid; gap: 4px; padding: 8px 6px 4px; }
.wtx-big small { font-size: 13px; color: #9a9a9a; }
.wtx-big b { font: 500 34px/1.1 var(--head); letter-spacing: -.02em; color: #ffffff; }
.wtx-big span { font-size: 13px; color: #9a9a9a; }
.wqs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.wq { display: grid; gap: 6px; padding: 12px 10px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
.wq.on { border-color: rgba(255,255,255,.24); }
.wq small { font-size: 12.5px; color: #9a9a9a; }
.wq b { font-size: 14px; font-weight: 500; color: #ffffff; white-space: nowrap; }
.wq em { justify-self: start; font-style: normal; font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 99px; }
.wq em.g { color: hsl(141, 76%, 48%); background: hsla(141, 76%, 48%, .14); }
.wq em.due { color: hsl(37, 91%, 60%); background: hsla(37, 91%, 55%, .16); }
.wcl .ksh { display: flex; justify-content: space-between; }
.wcl .wct { min-width: 84px; text-align: right; font-variant-numeric: tabular-nums; font-size: 13.5px; color: hsl(37, 91%, 64%); }
.wbs { position: relative; display: block; height: 290px; border-radius: 12px; overflow: hidden; background: radial-gradient(110% 70% at 85% 105%, hsl(38,41%,35%) 0%, transparent 55%), radial-gradient(80% 60% at 10% 95%, hsl(97,24%,29%) 0%, transparent 60%), linear-gradient(hsl(200,24%,67%) 0%, hsl(150,14%,40%) 100%); }
.wbs-app { position: absolute; left: 7%; top: 9%; width: 150%; height: 160%; background: #000000; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; box-shadow: 0 20px 40px -10px rgba(0,0,0,.5); }
.wbs-bar { position: absolute; left: 0; right: 0; top: 0; height: 30px; border-bottom: 1px solid rgba(255,255,255,.07); display: flex; align-items: center; gap: 7px; padding-left: 14px; }
.wbs-bar i { width: 9px; height: 9px; border-radius: 50%; background: #3a3a3a; }
.wbs-side { position: absolute; left: 0; top: 30px; bottom: 0; width: 220px; border-right: 1px solid rgba(255,255,255,.06); padding: 14px 12px; display: flex; flex-direction: column; gap: 14px; }
.wbs-side > i { height: 9px; border-radius: 3px; background: #262626; width: 70%; }
.wbs-side > i:nth-child(2n) { width: 55%; }
.wbs-sw { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 9px; background: #181818; border: 1px solid rgba(255,255,255,.1); color: #9a9a9a; }
.wbs-sw svg { width: 16px; height: 16px; flex: none; margin-left: auto; }
.wbs-av { position: relative; width: 24px; height: 24px; flex: none; border-radius: 7px; display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #000000; background: hsl(141, 76%, 48%); }
.wbs-av b { grid-area: 1 / 1; font-weight: 700; }
.wbs-nm { display: grid; min-width: 0; }
.wbs-nm b { grid-area: 1 / 1; font-size: 13.5px; font-weight: 500; color: #ffffff; white-space: nowrap; }
.wbs-sw .a2, .wbs-sw .n2 { opacity: 0; }
.wbs-main { position: absolute; left: 244px; right: 24px; top: 52px; display: grid; gap: 14px; }
.wbs-main i { height: 10px; border-radius: 3px; background: #1f1f1f; width: 60%; transition: width .4s ease; }
.wbs-main i.t { height: 14px; width: 30%; background: #3a3a3a; }
.wbs-dd { position: absolute; left: 12px; top: 84px; width: 210px; padding: 6px; border-radius: 12px; background: #1b1b1b; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 18px 36px -12px rgba(0,0,0,.7); display: grid; gap: 2px; opacity: 0; transform: translateY(-6px) scale(.98); transform-origin: top left; z-index: 3; }
.wbs-it { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; font-size: 13px; color: #d4d4d4; white-space: nowrap; }
.wbs-it .wbs-av { width: 20px; height: 20px; font-size: 11px; border-radius: 6px; }
.wbs-it.i2 .wbs-av, .wbs-av .a2 { }
.wbs-it.i2 .wbs-av { background: hsl(200, 80%, 62%); } .wbs-it.i3 .wbs-av { background: hsl(270, 70%, 70%); } .wbs-it.i4 .wbs-av { background: hsl(30, 90%, 62%); }
.wbs-cz { position: absolute; left: 330px; top: 170px; width: 0; height: 0; z-index: 5; }
.wbs-cur { position: absolute; left: -3px; top: -3px; width: 22px; height: 22px; filter: drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.wbs-clk { position: absolute; left: -12px; top: -12px; width: 24px; height: 24px; border-radius: 50%; border: 2px solid rgba(255,255,255,.85); opacity: 0; }
.wpanel.on .wbs-cz { animation: wbsCur 8s cubic-bezier(.45,0,.25,1) infinite; }
.wpanel.on .wbs-clk { animation: wbsClk 8s linear infinite; }
.wpanel.on .wbs-dd { animation: wbsDd 8s ease infinite; }
.wpanel.on .wbs-it.i2 { animation: wbsHi 8s ease infinite; }
.wpanel.on .wbs-sw .a1, .wpanel.on .wbs-sw .n1 { animation: wbsOut 8s ease infinite; }
.wpanel.on .wbs-sw .a2, .wpanel.on .wbs-sw .n2 { animation: wbsIn 8s ease infinite; }
.wpanel.on .wbs-sw .wbs-av { animation: wbsAv 8s ease infinite; }
.wpanel.on .wbs-main i:not(.t) { animation: wbsRow 8s ease infinite; }
.wpanel.on .wbs-main i:nth-child(3) { animation-delay: .08s; } .wpanel.on .wbs-main i:nth-child(4) { animation-delay: .16s; }
@keyframes wbsCur { 0%, 6% { transform: translate(0, 0); } 18%, 30% { transform: translate(-180px, -112px); } 42%, 52% { transform: translate(-200px, -26px); } 64%, 100% { transform: translate(0, 0); } }
@keyframes wbsClk { 0%, 19% { opacity: 0; transform: translate(-180px, -112px) scale(.4); } 21% { opacity: 1; transform: translate(-180px, -112px) scale(.6); } 25% { opacity: 0; transform: translate(-180px, -112px) scale(1.2); } 25.1%, 49% { opacity: 0; transform: translate(-200px, -26px) scale(.4); } 51% { opacity: 1; transform: translate(-200px, -26px) scale(.6); } 55%, 100% { opacity: 0; transform: translate(-200px, -26px) scale(1.2); } }
@keyframes wbsDd { 0%, 21% { opacity: 0; transform: translateY(-6px) scale(.98); } 25%, 51% { opacity: 1; transform: none; } 55%, 100% { opacity: 0; transform: translateY(-6px) scale(.98); } }
@keyframes wbsHi { 0%, 38% { background: transparent; } 42%, 54% { background: rgba(255,255,255,.08); } 58%, 100% { background: transparent; } }
@keyframes wbsOut { 0%, 52% { opacity: 1; } 55%, 93% { opacity: 0; } 97%, 100% { opacity: 1; } }
@keyframes wbsIn { 0%, 52% { opacity: 0; } 55%, 93% { opacity: 1; } 97%, 100% { opacity: 0; } }
@keyframes wbsAv { 0%, 52% { background: hsl(141, 76%, 48%); } 55%, 93% { background: hsl(200, 80%, 62%); } 97%, 100% { background: hsl(141, 76%, 48%); } }
@keyframes wbsRow { 0%, 53% { opacity: 1; } 56% { opacity: .2; } 62%, 100% { opacity: 1; } }
@media (max-width: 640px) {
.whoA .kr em { min-width: 72px; }
.wbs { height: 250px; }
.wbs-app { left: 5%; width: 190%; }
.wtile { padding: 10px 8px; } .wtile b { font-size: 14px; }
.wtx-big b { font-size: 28px; }
.wqs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wbars { height: 90px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wbs *, .wprog-b i, .wbars i, .ktl .kr::before { animation: none !important; } .winv-st .s3, .winv-paid { opacity: 1; } .wbs-dd { opacity: 0; } }
.whoA .wcard { display: flex; flex-direction: column; gap: 10px; }
.whoA .wcard .wbs { height: 300px; flex: none; }
.wz .wbs-app { left: 18px; top: 18px; right: -18px; bottom: -18px; width: auto; height: auto; }
.wz-rail { position: absolute; left: 0; top: 30px; bottom: 0; width: 48px; border-right: 1px solid rgba(255,255,255,.06); display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 14px; }
.wz-rail i { width: 20px; height: 20px; border-radius: 6px; background: #1f1f1f; }
.wz-rail i.on { background: hsla(141, 76%, 48%, .22); box-shadow: inset 0 0 0 1px hsla(141, 76%, 48%, .5); }
.wz-main { position: absolute; left: 64px; right: 34px; top: 44px; display: flex; flex-direction: column; gap: 5px; }
.wz-t { font-size: 12.5px; color: #8a8a8a; padding: 0 2px 3px; }
.wz-r { position: relative; display: flex; align-items: center; gap: 10px; padding: 5px 8px; border-radius: 9px; background: rgba(255,255,255,.035); font-size: 13.5px; color: #e5e5e5; min-height: 34px; box-sizing: border-box; }
.wz-r .lg { width: 24px; height: 24px; border-radius: 6px; }
.wz-r .kx { display: grid; place-items: center; font-style: normal; font-size: 13px; font-weight: 600; color: #d4d4d4; background: #262626; box-shadow: none; }
.wz-n { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-a { margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wz-a.m { color: #9a9a9a; font-size: 12.5px; }
.wz-p { display: inline-block; min-width: 84px; box-sizing: border-box; text-align: center; font-style: normal; font-size: 11.5px; font-weight: 600; padding: 3px 9px; border-radius: 99px; white-space: nowrap; color: #cfcfcf; background: rgba(255,255,255,.08); }
.wz-p.g { color: hsl(141, 76%, 48%); background: hsla(141, 76%, 48%, .14); }
.wz-p.a { color: hsl(37, 91%, 62%); background: hsla(37, 91%, 55%, .16); }
.wz-p.w { color: #000000; background: #ffffff; }
.wz-sw { position: relative; display: grid; flex: none; }
.wz-sw > .wa, .wz-sw > .wb, .wz-sw2 > .wa, .wz-sw2 > .wb { grid-area: 1 / 1; }
.wz-sw2 { display: inline-grid; }
.wz-sw > .wb, .wz-sw2 > .wb { opacity: 0; }
.wz-cz { position: absolute; left: 55%; top: 60%; width: 0; height: 0; z-index: 5; opacity: 0; pointer-events: none; }
.wpanel.on .wz .wz-sw > .wa, .wpanel.on .wz .wz-sw2 > .wa { animation: wzA 8s ease infinite; }
.wpanel.on .wz .wz-sw > .wb, .wpanel.on .wz .wz-sw2 > .wb { animation: wzB 8s ease infinite; }
.wpanel.on .wz .wz-cz { animation: wzCur 8s cubic-bezier(.45,0,.25,1) infinite; }
.wpanel.on .wz .wz-cz .wbs-clk { animation: wzClk 8s linear infinite; }
@keyframes wzA { 0%, 38% { opacity: 1; } 42%, 90% { opacity: 0; } 95%, 100% { opacity: 1; } }
@keyframes wzB { 0%, 38% { opacity: 0; } 42%, 90% { opacity: 1; } 95%, 100% { opacity: 0; } }
@keyframes wzCur { 0% { transform: translate(120px, 90px); opacity: 0; } 8% { opacity: 1; } 32%, 42% { transform: translate(0, 0); opacity: 1; } 68% { transform: translate(60px, 50px); opacity: 1; } 76%, 100% { transform: translate(60px, 50px); opacity: 0; } }
@keyframes wzClk { 0%, 35% { opacity: 0; transform: scale(.4); } 37% { opacity: 1; transform: scale(.6); } 43%, 100% { opacity: 0; transform: scale(1.3); } }
.wz-prog { display: grid; gap: 7px; padding: 2px 2px 6px; }
.wz-pt { display: flex; justify-content: space-between; font-size: 13px; color: #a3a3a3; }
.wz-pt b { color: #ffffff; font-weight: 500; }
.wz-pb { height: 7px; border-radius: 99px; background: rgba(255,255,255,.08); overflow: hidden; }
.wz-pb i { display: block; height: 100%; width: 75%; border-radius: 99px; background: hsl(141, 76%, 48%); }
.wpanel.on .wz .wz-pb i { animation: wzBar 8s ease infinite; }
@keyframes wzBar { 0%, 38% { width: 75%; } 46%, 90% { width: 100%; } 96%, 100% { width: 75%; } }
.wz-ck { width: 24px; height: 24px; flex: none; border-radius: 99px; display: grid; place-items: center; font-style: normal; color: hsl(141, 76%, 48%); background: hsla(141, 76%, 48%, .16); box-sizing: border-box; }
.wz-ck svg { width: 13px; height: 13px; }
.wz-ck.wz-ring { background: transparent; border: 2px solid rgba(255,255,255,.3); }
.wz-tl { padding-left: 34px; background: transparent; }
.wz-dot { position: absolute; left: 10px; top: 50%; width: 12px; height: 12px; margin-top: -6px; border-radius: 99px; background: hsl(141, 76%, 48%); box-shadow: 0 0 0 4px hsla(141, 76%, 48%, .16); z-index: 1; }
.wz-tl.now .wz-dot { background: #000000; border: 2px solid hsl(141, 76%, 48%); box-sizing: border-box; box-shadow: none; }
.wz-tl::after { content: ""; position: absolute; left: 15px; top: 50%; width: 2px; height: calc(100% + 5px); background: hsla(141, 76%, 48%, .45); }
.wz-tl.now::after { display: none; }
.wpanel.on .wz .wz-tl .wz-dot { animation: wPopDot .45s ease both; }
.wpanel.on .wz .wz-tl:nth-child(2) .wz-dot { animation-delay: .12s; } .wpanel.on .wz .wz-tl:nth-child(3) .wz-dot { animation-delay: .24s; } .wpanel.on .wz .wz-tl:nth-child(4) .wz-dot { animation-delay: .36s; } .wpanel.on .wz .wz-tl:nth-child(5) .wz-dot { animation-delay: .48s; } .wpanel.on .wz .wz-tl:nth-child(6) .wz-dot { animation-delay: .6s; }
.wz-big { display: grid; gap: 3px; padding: 0 2px 6px; }
.wz-big small, .wz-big span { font-size: 12.5px; color: #9a9a9a; }
.wz-big b { font: 500 32px/1.1 var(--head); letter-spacing: -.02em; color: #ffffff; }
.wz-qs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.wz-q { display: grid; gap: 5px; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); justify-items: start; }
.wz-q.on { border-color: rgba(255,255,255,.24); }
.wz-q small { font-size: 12px; color: #9a9a9a; }
.wz-q b { font-size: 14px; font-weight: 500; color: #ffffff; white-space: nowrap; }
.wz-q .wz-p { min-width: 64px; }
.wz-tot { display: flex; justify-content: space-between; align-items: baseline; padding: 8px 8px 0; border-top: 1px dashed rgba(255,255,255,.12); margin-top: 3px; font-size: 14px; color: #a3a3a3; }
.wz-tot b { font: 500 18px/1.1 var(--head); color: #ffffff; }
.wz-tot .wz-sw2 { text-align: right; }
@media (max-width: 640px) {
.whoA .wcard .wbs { height: 272px; }
.wz .wbs-app { left: 12px; top: 12px; }
.wz-rail { width: 36px; } .wz-rail i { width: 16px; height: 16px; }
.wz-main { left: 46px; right: 26px; top: 40px; gap: 4px; }
.wz-r { font-size: 12.5px; gap: 8px; padding: 4px 6px; min-height: 31px; }
.wz-r .lg { width: 20px; height: 20px; border-radius: 5px; }
.wz-p { min-width: 66px; font-size: 11px; padding: 2px 7px; }
.wz-a.m { font-size: 11.5px; }
.wz-ck { width: 20px; height: 20px; }
.wz-tl { padding-left: 28px; } .wz-dot { left: 7px; } .wz-tl::after { left: 12px; }
.wz-big b { font-size: 25px; }
.wz-qs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.wz-q { padding: 6px 8px; gap: 3px; grid-template-columns: auto 1fr; align-items: center; }
.wz-q small { grid-column: 1; } .wz-q b { grid-column: 2; justify-self: end; font-size: 12.5px; } .wz-q > .wz-p, .wz-q > .wz-sw { grid-column: 1 / 3; }
.wz-tot { font-size: 13px; } .wz-tot b { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .wz *, .wz { animation: none !important; } .wz .wz-cz { opacity: 0; } }
.whoA .wcard .wbs { background: none !important; }
.whoA .wcard .wbs-app { box-shadow: none; }
.whoA .wbsk .wbs-app { left: 18px; top: 18px; }
@media (max-width: 640px) { .whoA .wbsk .wbs-app { left: 12px; top: 12px; } }
.vp-act { gap: 16px; }
.vp-act .ac-card { gap: 12px; padding: 18px; }
.vp-act .ac-row { padding: 12px 14px; }
.vp-act .ac-btns { gap: 10px; margin-top: 8px; }
.vp-act .ac-btns span { padding: 11px 0; }
@media (max-width: 640px) {
.vp-act { gap: 12px; }
.vp-act .ac-card { gap: 8px; padding: 12px; }
.vp-act .ac-row { padding: 9px 11px; }
.vp-act .ac-btns { gap: 8px; margin-top: 6px; }
.vp-act .ac-btns span { padding: 9px 0; }
}
.vp-cv .cv-tags .cv-tag { font-size: 10.5px; padding: 2px 8px; line-height: 1.4; }
@media (max-width: 640px) { .vp-cv .cv-tags .cv-tag { font-size: 10px; padding: 2px 7px; } }
.vp-cpa .fc-done { animation-name: cpDone; }
@keyframes cpDone { 0%, 43% { opacity: 0; transform: translateY(6px); } 46%, 92% { opacity: 1; transform: none; } 97%, 100% { opacity: 0; } }
.wo-half .ks.kks .kr .ka { text-align: right; font-variant-numeric: tabular-nums; }
.wo-half .ks.kks .kr em { min-width: 82px; box-sizing: border-box; text-align: center; justify-self: end; }
@media (max-width: 640px) { .wo-half .ks.kks .kr em { min-width: 74px; } }
html .ten2 .tvis, html.dk .ten2 .tvis, html .ten2 .tvis.torbit, html.dk .ten2 .tvis.torbit { background: #000000 !important; }
html .ten2 .vpn.vp-orbit.tmini { background: #000000 !important; }
.ten2 .vp-orbit.tmini .vring { border-color: rgba(255,255,255,.12); }
.ten2 .vp-orbit.tmini .vring.r3 { border-color: rgba(255,255,255,.09); }
.ten2 .vp-orbit.tmini .vring.r1 { border-color: rgba(30,215,96,.4); }
.ten2 .vp-orbit.tmini .vorb > i > b { box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
.ten2 .tvis.torbit .tcount { background: #000000; }
html .ten2 .tvis.trev .rq, html.dk .ten2 .tvis.trev .rq { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.whoA .wz-tot b { font-size: 16px; }
@media (max-width: 640px) { .whoA .wz-tot b { font-size: 15px; } }
@media (max-width: 640px) { .wpanel[data-who-panel="multi"] .wpt li:nth-child(4) { display: flex; } }
.ten2 .tvis.trev .rq0 { animation: none; opacity: 1; justify-content: center; gap: 12px; }
.ten2 .tvis.trev .rqm { justify-content: center; }
.ten2 .tvis.trev .rqamt { font-size: 34px; }
.ten2 .tvis.trev .rqb { margin-top: 6px; }
.ten2 .trc .k3, .ten2 .trc .k2 { display: none; }
.ten2 .trc .k1 { animation: trcOne 12s ease infinite; }
.ten2 .trc .k0 { animation: trcZero 12s ease infinite; }
@keyframes trcOne { 0%, 15% { opacity: 1; transform: none; } 17%, 31% { opacity: 0; transform: translateY(-6px); } 33%, 100% { opacity: 1; transform: none; } }
@keyframes trcZero { 0%, 15% { opacity: 0; transform: translateY(6px); } 17%, 31% { opacity: 1; transform: none; } 33%, 100% { opacity: 0; } }
.odo-s i { color: hsl(141, 76%, 48%) !important; }
.ten2 { max-width: 1204px; }
.dark-grid > article { display: flex; flex-direction: column; }
.dark-grid > article > .bluelink { margin-top: auto; }
.ss.ss-one .ss-frame { background: #1b1b1b !important; border: 1px solid rgba(255,255,255,.1) !important; padding: 14px; }
.ss.ss-one .ss-vis { align-self: stretch !important; display: flex; flex-direction: column; }
.ss.ss-one .ss-vis > .shot, .ss.ss-one .ss-vis > div { flex: 1 1 auto; background: #000000 !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 14px !important; overflow: hidden; }
.ss.ss-one .shot-h, .ss.ss-one .shot-b, .ss.ss-one .trow { background: transparent !important; }
.ss.ss-one .shot-h { border-bottom: 1px solid rgba(255,255,255,.08) !important; }
.ss.ss-one .trow + .trow { border-top: 1px solid rgba(255,255,255,.07) !important; }
.ss.ss-one .trow { grid-template-columns: minmax(0,1fr) auto 104px; }
.ss.ss-one .trow:has(> .amt) > .pill { grid-column: 2; }
.ss.ss-one .trow > .amt { grid-column: 3; justify-self: end; text-align: right; font-variant-numeric: tabular-nums; }
.ss.ss-one .pill { min-width: 84px; justify-content: center; text-align: center; box-sizing: border-box; }
@media (max-width: 640px) {
.ss.ss-one .ss-frame { padding: 10px; }
.ss.ss-one .trow { grid-template-columns: minmax(0,1fr) auto 84px; }
.ss.ss-one .pill { min-width: 72px; }
}
.ss.ss-one .kchat { background: transparent !important; }
.ss.ss-one .kc { background: #1b1b1b !important; border-color: rgba(255,255,255,.1) !important; color: #f3f3f3 !important; }
.ss.ss-one .kc .wordmark { filter: brightness(0) invert(1) !important; }
.ss.ss-one .kc-h, .ss.ss-one .kc-sub, .ss.ss-one .kc-r.m span:first-child, .ss.ss-one .kc-who small, .ss.ss-one .kc-note { color: #a2a2a2 !important; }
.ss.ss-one .kc hr { border-top-color: rgba(255,255,255,.1) !important; }
.ss.ss-one .kc-who i { background: #2a2a2a !important; color: #ffffff !important; }
.ss.ss-one .kc-b span { border-color: rgba(255,255,255,.18) !important; color: #f3f3f3 !important; }
.ss.ss-one .kc-b span.go { background: #ffffff !important; color: #111111 !important; border-color: #ffffff !important; }
.ss.ss-one .shot:not(:has(.amt)) .trow { grid-template-columns: minmax(0,1fr) auto; }
.ss.ss-one .trow:not(:has(> .amt)) { display: flex; align-items: center; gap: 10px; }
.ss.ss-one .trow:not(:has(> .amt)) > .m { flex: 1 1 auto; }
.ss.ss-one .rptlist .trow { grid-template-columns: minmax(0,1fr) 104px auto !important; }
.ss.ss-one .rptlist .trow > .amt { grid-column: 2; }
.ss.ss-one .ss-vis > .shot:has(> .shot-b), .ss.ss-one .ss-vis > .shot:has(> .trow) { display: flex !important; flex-direction: column; }
.ss.ss-one .ss-vis > .shot > .shot-b { flex: 1 1 auto; display: flex; flex-direction: column; }
.ss.ss-one .ss-vis > .shot > .shot-b > .trow, .ss.ss-one .ss-vis > .shot > .trow { flex: 1 0 auto; }
.ss.ss-one .taxpaid .tp-bar { margin: 16px 20px 10px; }
.ss.ss-one .taxpaid .tp-leg { padding: 0 20px 10px; }
.ss.ss-one .ss-vis > .shot.kskel { display: flex !important; flex-direction: column; }
.kskel .ska-bar { display: flex; gap: 6px; align-items: center; height: 30px; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.08); flex: none; }
.kskel .ska-bar i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.18); }
.kskel .ska-in { flex: 1 1 auto; display: flex; min-height: 0; }
.kskel .ska-rail { flex: none; width: 46px; border-right: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; align-items: center; gap: 12px; padding-top: 16px; }
.kskel .ska-rail i { width: 18px; height: 18px; border-radius: 6px; background: rgba(255,255,255,.1); }
.kskel .ska-rail i.on { background: hsla(141, 76%, 48%, .5); }
.kskel .ska-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.kskel .ska-main > .shot-b { flex: 1 1 auto; display: flex; flex-direction: column; }
.kskel .ska-main > .shot-b > .trow, .kskel .ska-main > .trow { flex: 1 0 auto; }
@media (max-width: 640px) { .kskel .ska-rail { width: 34px; gap: 10px; } .kskel .ska-rail i { width: 14px; height: 14px; border-radius: 5px; } }
.ss.ss-one .bizdemo .bzp-cur { box-shadow: none !important; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); padding: 6px 12px; background: #141414; }
.ss.ss-one .bizdemo .bd-h { border-bottom: 0 !important; }
.ss.ss-one .bizdemo .bd-list { margin: 0 14px 4px; padding: 6px; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 12px; background: #141414; }
.ss.ss-one .bizdemo .bz { border-radius: 8px; }
.ss.ss-one .bizdemo .bd-views { border-top: 0; }
.ss.ss-one .pjbd .pill { justify-self: start; width: auto !important; min-width: 84px; }
.kskel .ska-in { flex: 1 0 auto !important; min-height: auto !important; }
.kskel .ska-main { min-height: auto; }
.ss.ss-one .ss-vis > .shot { flex-shrink: 0 !important; }
.ss.ss-one .feeflip { display: flex !important; flex-direction: column; }
.ss.ss-one .feeflip .fee { flex: 1 0 auto; display: flex; flex-direction: column; padding: 0; gap: 0; }
.ss.ss-one .feeflip .fee > div { flex: 1 0 auto; align-content: center; background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 16px 20px !important; margin: 0 !important; }
.ss.ss-one .feeflip .fee > div + div { border-top: 1px solid rgba(255,255,255,.07) !important; }
.ss.ss-one .feeflip .fee .you { display: flex; justify-content: space-between; align-items: center; font-weight: 600; }
.ss.ss-one .kchat .canvas .kp div { background: #141414 !important; border: 1px solid rgba(255,255,255,.08); }
.ss.ss-one .kchat .canvas .kp b { color: #ffffff !important; }
.ss.ss-one .kchat .canvas .kp span { color: #a2a2a2 !important; }
.ss.ss-one .bizdemo .bd-tiles > div { background: transparent !important; border: 1px solid rgba(255,255,255,.1) !important; }
.accphero { position: relative; overflow: hidden; }
.accphero canvas.dots { background: none !important; position: absolute; left: 0; right: 0; top: 8%; width: 100%; height: 84%; display: block; pointer-events: none; -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 46%, #000000 40%, transparent 96%); mask-image: radial-gradient(ellipse 80% 60% at 50% 46%, #000000 40%, transparent 96%); }
.accphero .phero-in { position: relative; z-index: 1; }
.acfr { background: #1b1b1b; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; padding: 14px; }
.acfr .bizdemo { background: #000000 !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 14px !important; box-shadow: none !important; overflow: hidden; }
.acfr .bizdemo::before, .acfr .bizdemo::after { display: none !important; }
.acfr .bizdemo .bzp-cur { box-shadow: none !important; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); padding: 6px 12px; background: #141414; }
.acfr .bizdemo .bd-h { border-bottom: 0 !important; }
.acfr .bizdemo .bd-list { margin: 0 14px 4px; padding: 6px; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 12px; background: #141414; }
.acfr .bizdemo .bz { border-radius: 8px; }
.acfr .bizdemo .bzv { color: #a2a2a2; font-weight: 500; }
.acfr .bizdemo .bd-views { border-top: 0; }
.acfr .bizdemo .bd-tiles > div { background: transparent !important; border: 1px solid rgba(255,255,255,.1) !important; }
.acfr .bizdemo .trow { background: transparent !important; }
#b5b5b5lc .calc-out .row .rt { font-weight: 500; font-size: inherit; opacity: .92; }
[data-page="accountants"] .steps { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 12px; }
[data-page="accountants"] .steps .step { border-radius: 16px !important; }
.accphero .sub { text-wrap: balance; }
html.embedph .rpl { display: none !important; }
@media (max-width: 860px) {
.woc.wo-one.wsl > .wo-half > .wol { transition: opacity .25s ease; }
.woc.wo-one.wsl > .wo-half:not(.wo-before) > .wol { opacity: 0; }
.woc.wo-one.wsl.aft > .wo-before > .wol { opacity: 0; }
.woc.wo-one.wsl.aft > .wo-half:not(.wo-before) > .wol { opacity: 1; }
}
@media (max-width: 860px) {
.woc.wo-one.wsl > .wo-half > h3, .woc.wo-one.wsl > .wo-half > .wo-sub, .woc.wo-one.wsl > .wo-half > .wol { transition: opacity .14s ease; }
.woc.wo-one.wsl:not(.aft) > .wo-before > h3, .woc.wo-one.wsl:not(.aft) > .wo-before > .wo-sub, .woc.wo-one.wsl:not(.aft) > .wo-before > .wol,
.woc.wo-one.wsl.aft > .wo-half:not(.wo-before) > h3, .woc.wo-one.wsl.aft > .wo-half:not(.wo-before) > .wo-sub, .woc.wo-one.wsl.aft > .wo-half:not(.wo-before) > .wol { transition: opacity .22s ease .14s; }
}
@media (max-width: 860px) {
.woc.wo-one.wsl .wo-knob { width: 24px; height: 24px; margin: -12px 0 0 -12px; left: clamp(calc(16px - var(--p)), 0px, calc(var(--w, 9999px) - 16px - var(--p))); }
.woc.wo-one.wsl .wo-knob svg { width: 12px; height: 12px; }
}
@media (max-width: 920px) {
.feat.ss:not(.ss-auto) .ss-step, .feat.ss:not(.ss-auto) .ss-step:first-child { min-height: calc(var(--sv, 1vh) * 40); }
.feat.ss:not(.ss-auto) .ss-step:last-child { min-height: 0; padding-bottom: 8px; }
}
html.dk #vnight .vpn::after { left: -1.25px !important; right: -1.25px !important; top: -1.25px !important; bottom: -1.25px !important; }
html.dk #vnight .vstage.on > .vpn { border-color: transparent !important; }
@media (max-width: 920px) {
.ss.ss-one .ss-vis:has([data-chat]) { justify-content: flex-end; min-height: 0; overflow: hidden; }
.ss.ss-one .ss-vis:has([data-chat]) > * { flex: 0 0 auto !important; }
}
@media (max-width: 640px) { .kskel .trow .m.wl { overflow: visible; text-overflow: clip; white-space: normal; min-width: 0; } .kskel .trow .m.wl * { white-space: normal; } }
.pjsw { grid-template-columns: auto !important; } .pjsw > * { grid-area: 1 / 1 !important; }
.csoon { display: inline-block; vertical-align: middle; margin: -2px 2px 0; padding: 3px 9px; border-radius: 99px; background: #2a2a2a; border: 1px solid rgba(255,255,255,.1); color: #c4c4c4; font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: 0; text-transform: none; white-space: nowrap; font-family: inherit; }
h1 .csoon { font-size: 14px; line-height: 18px; padding: 4px 11px; margin: -6px 4px 0; }
@media (max-width: 640px) { h1 .csoon { font-size: 12px; line-height: 16px; padding: 3px 9px; margin-top: -4px; } }
.menu a.soon .csoon, #mobile a .csoon { margin-left: auto; flex: none; align-self: center; }
.menu a.soon { display: flex; align-items: center; }
#mobile a:has(> .csoon) { display: flex; align-items: center; }
.csoon.csoon-top { display: table; margin: 0 auto 16px; font-size: 13px; line-height: 16px; padding: 4px 12px; }
.cnp { display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 14px; padding: 16px 18px 18px; }
.cnp-chart { border: 1px solid rgba(255,255,255,.09); border-radius: 14px; padding: 16px 14px 30px; }
.cnp-plot { position: relative; height: 170px; }
.cnp-bars { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; align-items: end; }
.cpb { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.cpb i { position: absolute; bottom: 0; left: 14%; right: 14%; border-radius: 6px 6px 0 0; background: linear-gradient(#7fb0ff, #4f86f0); transform-origin: bottom; }
.cpb span { position: absolute; bottom: -22px; font-size: 11px; color: #878787; }
.cnp-line { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; clip-path: inset(0 100% 0 0); }
.cnp-line polyline { fill: none; stroke: #7fb0ff; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.cpd { position: absolute; width: 9px; height: 9px; margin: 0 0 -4.5px -4.5px; border-radius: 50%; background: #000000; border: 2px solid #7fb0ff; opacity: 0; transform: scale(.4); }
.cnp-side { display: grid; gap: 12px; align-content: start; }
.cnp-f { position: relative; display: grid; gap: 6px; }
.cnp-f small { font-size: 12px; color: #a4a4a4; }
.cnp-sel { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 38px; padding: 0 10px 0 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; font-size: 13.5px; color: #f3f3f3; }
.cnp-sel svg { width: 14px; height: 14px; color: #a4a4a4; flex: none; }
.cnp-v { position: relative; display: grid; }
.cnp-v > span { grid-area: 1 / 1; }
.cnp-v .v2 { opacity: 0; }
.cnp-menu { position: absolute; z-index: 4; left: 0; right: 0; top: calc(100% + 4px); display: grid; padding: 4px; border-radius: 10px; background: #161616; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 16px 32px -12px rgba(0,0,0,.8); opacity: 0; transform: translateY(-4px); pointer-events: none; }
.cnp-menu span { display: flex; align-items: center; justify-content: space-between; padding: 7px 9px; border-radius: 7px; font-size: 13px; color: #e6e6e6; }
.cnp-menu .o1 i { width: 6px; height: 6px; border-radius: 50%; background: #1ed760; }
.play .cpb i { animation: cvGrow .7s cubic-bezier(.2,.7,.2,1) calc(var(--d) * 70ms) both, cnpFade .4s 2.85s both; }
.play .cnp-menu { animation: cnpMenu 1.5s ease 1.2s both; }
.play .cnp-menu .o2 { animation: cnpHi .2s ease 1.95s both; }
.play .cnp-open .cnp-sel { animation: cnpRing 1.5s ease 1.2s both; }
.play .cnp-v .v1 { animation: cnpFade .2s ease 2.6s both; }
.play .cnp-v .v2 { animation: cnpShow .2s ease 2.7s both; }
.play .cnp-line { animation: cnpDraw .9s cubic-bezier(.4,0,.2,1) 2.9s both; }
.play .cpd { animation: cnpDot .3s ease calc(2.95s + var(--d) * 140ms) both; }
@keyframes cnpFade { to { opacity: 0; } }
@keyframes cnpShow { from { opacity: 0; } to { opacity: 1; } }
@keyframes cnpMenu { 0% { opacity: 0; transform: translateY(-4px); } 14%, 86% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(-4px); } }
@keyframes cnpHi { to { background: rgba(255,255,255,.1); } }
@keyframes cnpRing { 0%, 100% { border-color: rgba(255,255,255,.14); } 14%, 86% { border-color: rgba(255,255,255,.4); } }
@keyframes cnpDraw { to { clip-path: inset(0 0 0 0); } }
@keyframes cnpDot { to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
.cnp { grid-template-columns: minmax(0, 1fr) 118px; gap: 10px; padding: 14px 12px 14px; }
.cnp-chart { padding: 12px 8px 26px; }
.cnp-plot { height: 140px; }
.cnp-bars { gap: 5px; }
.cpb span { font-size: 9.5px; bottom: -20px; }
.cnp-side { gap: 10px; }
.cnp-f small { font-size: 11px; }
.cnp-sel { height: 34px; padding: 0 7px 0 9px; font-size: 12.5px; }
.cnp-sel svg { width: 12px; height: 12px; }
.cnp-menu span { padding: 6px 7px; font-size: 12px; }
}
.plan .mpop { position: absolute; top: 26px; right: 26px; padding: 4px 11px; border-radius: 99px; background: #ffffff; color: #121212; font-size: 12px; font-weight: 600; line-height: 16px; }
.xfeat { max-width: 900px; margin: 24px auto 0; display: grid; gap: 14px; }
.xfeat h3 { margin: 0; color: #ffffff; font-family: var(--body); font-weight: 500; font-size: 22px; letter-spacing: -.01em; }
.xf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.xf { background: var(--charcoal, #1c1c1c); border-radius: 12px; padding: 18px 20px; display: grid; gap: 6px; align-content: start; }
.xf b { color: #ffffff; font-weight: 500; font-size: 16px; }
.xf .xp { color: #cdcdcd; font-size: 14.5px; font-weight: 300; }
.xf .xs { justify-self: start; margin-top: 2px; padding: 2px 9px; border-radius: 99px; background: rgba(255,255,255,.08); color: #cecece; font-size: 12px; }
@media (max-width: 760px) { .xf-grid { grid-template-columns: 1fr; gap: 10px; } .plan .mpop { top: 20px; right: 20px; } }
.krow { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto 24px; gap: 12px; align-items: center; min-height: 50px; padding: 8px 12px; background: #000000; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; box-sizing: border-box; }
.krow .fic { width: 26px; height: 30px; display: block; }
.kic { width: 30px; height: 30px; border-radius: 8px; background: #1c1c1c; display: grid; place-items: center; }
.kic svg { width: 17px; height: 17px; fill: none; stroke: #e6e6e6; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.kn2 { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kn2 b { font-weight: 500; font-size: 14px; color: #ededed; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kn2 small { font-size: 12.5px; color: #9a9a9a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.kst { grid-column: 3; font-size: 11.5px; font-weight: 600; color: #1ED760; background: rgba(255,255,255,0.06); padding: 3px 9px; border-radius: 99px; white-space: nowrap; }
.kck { width: 24px; height: 24px; grid-column: 4; }
.kc-r { fill: none; stroke: #1ED760; stroke-width: 1.8; stroke-dasharray: 1; stroke-dashoffset: 0; }
.kc-f { fill: #1ED760; transform-origin: 12px 12px; transform-box: view-box; }
.kc-t { fill: none; stroke: #000000; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.woc:not(.kgo) .krow { opacity: 0; transform: translateY(8px); }
.woc:not(.kgo) .kc-r, .woc:not(.kgo) .kc-t { stroke-dashoffset: 1; }
.woc:not(.kgo) .kc-f, .woc:not(.kgo) .kst { opacity: 0; }
@keyframes kIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes kDraw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes kFill { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@keyframes kShow { from { opacity: 0; } to { opacity: 1; } }
.woc.kgo .krow { animation: kIn .45s cubic-bezier(.2,.7,.2,1) calc(var(--i) * .45s + .15s) both; }
.woc.kgo .kc-r { animation: kDraw .45s ease calc(var(--i) * .45s + .5s) both; }
.woc.kgo .kc-f { animation: kFill .25s ease calc(var(--i) * .45s + .9s) both; }
.woc.kgo .kc-t { animation: kDraw .3s ease calc(var(--i) * .45s + 1s) both; }
.woc.kgo .kst { animation: kShow .3s ease calc(var(--i) * .45s + 1s) both; }
@media (max-width: 860px) {
.woc.wo-one.wsl > .wo-half .ks .krow { height: 62px; min-height: 0; margin: 0 !important; }
.krow { grid-template-columns: 30px minmax(0, 1fr) auto 22px; gap: 10px; }
.kck { width: 22px; height: 22px; }
.kn2 b { font-size: 13.5px; } .kn2 small { font-size: 12px; }
.kst { font-size: 10.5px; padding: 2px 7px; }
}
@media (max-width: 860px) {
.krow { gap: 8px; padding: 6px 10px; }
.kn2 { gap: 1px; }
.kn2 b { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.15; font-size: 13px; }
}
.krow { grid-template-columns: 30px minmax(0, 1fr) auto; }
.krow .kck { display: none; }
.kst { background: rgba(255,255,255,.1); color: #1ED760; font-weight: 600; }
.frow.fst-on { grid-template-columns: 30px minmax(0, 1fr) auto; }
.fst { font-size: 11.5px; font-weight: 600; color: #F5C542; background: rgba(255,255,255,.1); padding: 3px 9px; border-radius: 99px; white-space: nowrap; }
@media (max-width: 860px) {
.krow { grid-template-columns: 30px minmax(0, 1fr) auto; }
.frow.fst-on { gap: 8px; padding-left: 10px; padding-right: 10px; }
.fst { font-size: 10.5px; padding: 2px 7px; }
}
.wz-rail i.on { background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
.kskel .ska-rail i.on { background: rgba(255,255,255,.22); box-shadow: none; }
@media (max-width: 860px) {
.whoA .wcard .ksh { font-size: 13.5px; padding-right: 2px; min-width: 0; }
.whoA .wcard .ksh .kdots { flex: none; font-size: 12.5px; letter-spacing: .02em; }
.whoA .wcard .wz .wbs-app { right: 12px; }
.whoA .wcard .wz-r { gap: 7px; }
.whoA .wcard .wz-a { font-size: 12px; min-width: 50px; text-align: right; }
.whoA .wcard .wz-p { width: 64px; min-width: 64px; font-size: 10px; padding: 2px 4px; }
.whoA .wcard .wz-sw { justify-items: end; }
.whoA .wcard .wz-q .wz-p { width: 58px; min-width: 58px; }
}
.whoA .wcard .wz .wbs-app { right: 12px; bottom: 12px; }
.whoA .wcard.wbsk .wbs-app { right: 12px; bottom: 12px; width: auto; height: auto; overflow: hidden; }
@media (min-width: 861px) { .whoA .wcard .wz .wbs-app, .whoA .wcard.wbsk .wbs-app { right: 18px; bottom: 18px; } }
.whoA .wcard .wz .wbs-app { overflow: hidden; }
.whoA .wcard .wbs { height: 312px; }
@media (min-width: 861px) { .whoA .wcard .wbs { height: 340px; } }
.skc { padding-bottom: 22px; }
.skwin { border-radius: 14px; border-bottom: 1px solid rgba(255,255,255,.08); padding-bottom: 14px; }
.skscene { border-radius: 10px; }
.skapp { bottom: 9%; border-radius: 8px; }
@media (max-width: 760px) { .skc { padding-bottom: 18px; } }
html.dk #vnight .vpn::after { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; border-radius: 17px; }
@media (min-width: 641px) { .ten2 .tcard, .play .tcard, .play .tcard:nth-child(2), .play .tcard:nth-child(3) { animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; } }
.st30 .st-s { display: none; }
@media (max-width: 860px) {
.st30 { display: flex !important; flex-direction: column; gap: 10px; background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; overflow: visible !important; }
.st30::before, .st30::after { display: none !important; }
.st30 > .stat { background: #141414 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 16px !important; padding: 18px 18px 16px !important; margin: 0 !important; box-shadow: none !important; outline: 0 !important; }
.st30 > .stat::before, .st30 > .stat::after { display: none !important; }
.st30 .st-l { display: none; }
.st30 .st-s { display: block; margin: 4px 0 0; }
}
@keyframes seqIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes seqOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes seqShow { from { opacity: 0; } to { opacity: 1; } }
@keyframes seqPress { 0% { transform: none; } 40% { transform: scale(.95); } 100% { transform: none; } }
@keyframes cvbGrow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
#vnight .vp-act .ac-me, #vnight .vp-act .ac-th, #vnight .vp-act .ac-ai, #vnight .vp-act .ac-card,
#vnight .vp-cv .cv-me, #vnight .vp-cv .cv-th, #vnight .vp-cv .cv-ai, #vnight .vp-cv .cv-chart, #vnight .vp-cv .cv-t,
#vnight .vp-fc .fc-me, #vnight .vp-fc .fc-th, #vnight .vp-fc .fc-ai, #vnight .vp-fc .fc-file {
opacity: 0; animation: seqIn .6s cubic-bezier(.2,.7,.2,1) var(--sd, 0s) both !important; animation-play-state: paused !important; }
#vnight .vpn.play .ac-me, #vnight .vpn.play .ac-th, #vnight .vpn.play .ac-ai, #vnight .vpn.play .ac-card,
#vnight .vpn.play .cv-me, #vnight .vpn.play .cv-th, #vnight .vpn.play .cv-ai, #vnight .vpn.play .cv-chart, #vnight .vpn.play .cv-t,
#vnight .vpn.play .fc-me, #vnight .vpn.play .fc-th, #vnight .vpn.play .fc-ai, #vnight .vpn.play .fc-file { animation-play-state: running !important; }
#vnight .ac-me, #vnight .cv-me, #vnight .fc-me.m1 { --sd: .3s; }
#vnight .ac-th, #vnight .cv-th, #vnight .fc-th.t1 { --sd: 1.3s; }
#vnight .ac-ai, #vnight .cv-ai, #vnight .fc-ai.a1 { --sd: 4.1s; }
#vnight .ac-card, #vnight .cv-chart, #vnight .fc-file { --sd: 5.1s; }
#vnight .cv-t { --sd: 7.4s; }
#vnight .cv-t:nth-child(2) { --sd: 7.8s; }
#vnight .cv-t:nth-child(3) { --sd: 8.2s; }
#vnight .fc-me.m2 { --sd: 7.2s; }
#vnight .vpn .kact .kd-w, #vnight .vpn .kact .kt-w { opacity: 1; animation: seqOut .35s ease 3.5s both !important; animation-play-state: paused !important; }
#vnight .vpn .kact .kd-g, #vnight .vpn .kact .kt-d { opacity: 0; animation: seqShow .35s ease 3.6s both !important; animation-play-state: paused !important; }
#vnight .vpn.play .kact .kd-w, #vnight .vpn.play .kact .kt-w, #vnight .vpn.play .kact .kd-g, #vnight .vpn.play .kact .kt-d { animation-play-state: running !important; }
#vnight .vpn .kact .kd-w i { animation: kdWave 1s ease-in-out infinite !important; }
#vnight .vpn .kact .kd-w i:nth-child(2) { animation-delay: .15s !important; }
#vnight .vpn .kact .kd-w i:nth-child(3) { animation-delay: .3s !important; }
#vnight .vp-act .ac-go { animation: seqPress .4s ease 6.5s both !important; animation-play-state: paused !important; }
#vnight .vp-act .ac-ok { opacity: 0; animation: seqShow .4s ease var(--sd) both !important; animation-play-state: paused !important; }
#vnight .vp-act .ac-row.r0 .ac-ok { --sd: 7s; }
#vnight .vp-act .ac-row.r1 .ac-ok { --sd: 7.5s; }
#vnight .vp-act .ac-row.r2 .ac-ok { --sd: 8s; }
#vnight .vpn.play .ac-go, #vnight .vpn.play .ac-ok { animation-play-state: running !important; }
#vnight .cv-bars { position: relative; padding: 14px 14px 10px; }
#vnight .cv-bars svg { display: block; position: static !important; inset: auto !important; width: 100% !important; height: 150px !important; overflow: visible; }
#vnight .cv-bars .cv-grid line { stroke: rgba(255,255,255,.08); stroke-width: 1; vector-effect: non-scaling-stroke; }
#vnight .cv-bars .cvbar { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(0);
animation: cvbGrow .55s cubic-bezier(.2,.7,.2,1) calc(5.6s + var(--k) * .12s) both !important; animation-play-state: paused !important; }
#vnight .vpn.play .cv-bars .cvbar { animation-play-state: running !important; }
#vnight .cv-bars .cvb-a { fill: #7fb0ff; }
#vnight .cv-bars .cvb-v { fill: #1ED760; }
#vnight .cv-bars .cv-m { display: grid; grid-template-columns: repeat(6, 1fr); text-align: center; margin-top: 6px; position: static; }
#vnight .cv-bars .cv-m i { font-style: normal; font-size: 11.5px; color: rgba(255,255,255,.5); }
#vnight .cv-bars .cvb-key { display: flex; gap: 14px; justify-content: flex-end; font-size: 11.5px; color: rgba(255,255,255,.7); margin-top: 6px; }
#vnight .cv-bars .cvb-key span { display: inline-flex; align-items: center; gap: 6px; }
#vnight .cv-bars .cvb-key i { width: 9px; height: 9px; border-radius: 3px; }
#vnight .cv-bars .cvb-key .ka { background: #7fb0ff; }
#vnight .cv-bars .cvb-key .kv { background: #1ED760; }
#vnight .cv-chart.cv-bars { height: auto !important; padding: 12px 14px 10px; }
#vnight .cv-bars svg { height: 120px !important; }
@media (max-width: 860px) { #vnight .cv-bars svg { height: 92px !important; } #vnight .cv-chart.cv-bars { padding: 10px 10px 8px; } }
html.dk #vnight .vpn { border: 1.5px solid transparent !important; background: linear-gradient(#1e1e1e, #1e1e1e) padding-box, conic-gradient(from var(--ang, 0deg) at var(--mx, 50%) var(--my, 50%), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #ff7ab6, #1ed760) border-box !important; background-size: auto !important; }
html.dk #vnight .vpn::after, html.dk #vnight .vstage > .vpn::after { display: none !important; }
#vnight .vpn, .ss-frame, .shot.kchat, .skc, .skscene, .skapp, .whoA .wcard .wz .wbs-app, .whoA .wcard.wbsk .wbs-app { -webkit-mask-image: linear-gradient(#000000, #000000); mask-image: linear-gradient(#000000, #000000); }
[data-page="banking"] .trow:has(> .amt) { grid-template-columns: minmax(0, 1fr) auto auto !important; }
[data-page="banking"] .trow > .amt { grid-column: 2 !important; justify-self: end; text-align: right; font-variant-numeric: tabular-nums; }
[data-page="banking"] .trow > .pill, [data-page="banking"] .trow > .rvst { grid-column: 3 !important; justify-self: end; min-width: 84px; justify-content: center; text-align: center; }
[data-page="banking"] .trow > .amt { min-width: 76px; }
.lg-regions { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' fill='%23ffffff'/%3E%3Cpath d='M24 9 L39 37 H9 Z' fill='%23529e2e'/%3E%3Cpath d='M24 21 L31 34 H17 Z' fill='%23ffffff'/%3E%3C/svg%3E"); }
.shot-h .bkh { display: inline-flex; align-items: center; gap: 7px; }
.shot-h .bkh .lg { position: static !important; translate: none !important; width: 18px !important; height: 18px !important; border-radius: 5px !important; }
.rvdd2 .rvf { position: relative; }
.rvdd2 .rvst { display: inline-grid; }
.rvdd2 .rvst > .pill { grid-area: 1 / 1; justify-content: center; }
.rvdd2 .rvst > .b { opacity: 0; }
.rvdd2 .rvbar { position: relative; display: flex; align-items: flex-end; gap: 10px; padding: 12px 12px 14px; border-top: 1px solid rgba(255,255,255,.07); }
.rvdd2 .rvdd { position: relative; flex: 1 1 auto; min-width: 0; display: grid; gap: 5px; }
.rvdd2 .rvdd small { font-size: 11.5px; color: #9a9a9a; }
.rvdd2 .rvsel { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 36px; padding: 0 12px; border-radius: 10px; background: #161616; border: 1px solid rgba(255,255,255,.14); color: #ededed; font-size: 13px; }
.rvdd2 .rvsel svg { width: 14px; height: 14px; opacity: .6; flex: none; }
.rvdd2 .rvv { display: grid; }
.rvdd2 .rvv b { grid-area: 1 / 1; font-weight: 500; white-space: nowrap; }
.rvdd2 .rvv .v2 { opacity: 0; }
.rvdd2 .rvlist { position: absolute; left: 0; right: 0; bottom: 42px; display: grid; gap: 2px; padding: 5px; border-radius: 12px; background: #1c1c1c; border: 1px solid rgba(255,255,255,.14); opacity: 0; transform: translateY(6px); pointer-events: none; z-index: 3; }
.rvdd2 .rvlist i { font-style: normal; font-size: 13px; color: #d4d4d4; padding: 7px 10px; border-radius: 8px; }
.rvdd2 .rvap { position: relative; flex: none; display: inline-grid; height: 36px; padding: 0 16px; border-radius: 99px; background: #ffffff; color: #111111; font-size: 13px; font-weight: 600; align-items: center; }
.rvdd2 .rvap em { grid-area: 1 / 1; font-style: normal; display: inline-flex; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
.rvdd2 .rvap .b { opacity: 0; color: #1ED760; }
.rvdd2 .rvap .b svg { width: 13px; height: 13px; }
.rvdd2 .rvcur { position: absolute; width: 18px; height: 18px; left: 70%; top: 140%; opacity: 0; z-index: 4; pointer-events: none; }
@keyframes rvCur {
0% { left: 70%; top: 130%; opacity: 0; }
6% { opacity: 1; }
16% { left: 30%; top: 62%; }
22% { left: 30%; top: 62%; transform: scale(.85); }
25% { left: 30%; top: 62%; transform: none; }
38% { left: 34%; top: -38%; }
44% { left: 34%; top: -38%; transform: scale(.85); }
47% { left: 34%; top: -38%; transform: none; }
64% { left: 88%; top: 62%; }
70% { left: 88%; top: 62%; transform: scale(.85); }
73% { left: 88%; top: 62%; transform: none; }
90% { left: 88%; top: 62%; opacity: 1; }
100% { left: 88%; top: 62%; opacity: 0; }
}
@keyframes rvOpen { 0% { opacity: 0; transform: translateY(6px); } 8% { opacity: 1; transform: none; } 92% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(4px); } }
@keyframes rvPick { 0%, 40% { background: transparent; } 50%, 100% { background: rgba(255,255,255,.1); } }
@keyframes rvGone { to { opacity: 0; } }
@keyframes rvShow { to { opacity: 1; } }
@keyframes rvFocus { 0%, 100% { border-color: rgba(255,255,255,.14); } 20%, 80% { border-color: rgba(255,255,255,.4); } }
@keyframes rvPress { 0% { transform: none; } 40% { transform: scale(.94); } 100% { transform: none; } }
.rvdd2.play .rvcur { animation: rvCur 6.4s ease-in-out .6s both; }
.rvdd2.play .rvsel { animation: rvFocus 1.5s ease 1.9s both; }
.rvdd2.play .rvlist { animation: rvOpen 1.5s ease 2.05s both; }
.rvdd2.play .rvlist .pk { animation: rvPick 1.4s ease 2.05s both; }
.rvdd2.play .rvv .v1 { animation: rvGone .25s ease 3.55s both; }
.rvdd2.play .rvv .v2 { animation: rvShow .25s ease 3.6s both; }
.rvdd2.play .rvf small { transition: none; }
.rvdd2.play .rvap { animation: rvPress .35s ease 5.1s both; }
.rvdd2.play .rvap .a { animation: rvGone .2s ease 5.3s both; }
.rvdd2.play .rvap .b { animation: rvShow .25s ease 5.35s both; }
.rvdd2.play .rvst .a { animation: rvGone .25s ease 5.4s both; }
.rvdd2.play .rvst .b { animation: rvShow .3s ease 5.45s both; }
html.dk #vnight .vpn { border-width: 2px !important; border-radius: 20px !important; }
#vnight .ac-bar { justify-content: flex-end; }
.st30 { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; overflow: visible !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.st30::before, .st30::after { display: none !important; }
@media (min-width: 861px) { .st30 { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px !important; } }
.st30 > .stat { background: #141414 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 18px !important; box-shadow: none !important; margin: 0 !important; }
.st30 > .stat::before, .st30 > .stat::after { display: none !important; }
@keyframes cspSweep { 0% { clip-path: inset(-6px 100% -6px 0); } 45% { clip-path: inset(-6px 55% -6px 0); } 58% { clip-path: inset(-6px 55% -6px 0); } 100% { clip-path: inset(-6px -6px -6px 0); } }
@keyframes cspPop { 0% { opacity: 0; transform: translate(-50%,-50%) scale(.2); } 70% { opacity: 1; transform: translate(-50%,-50%) scale(1.25); } 100% { opacity: 1; transform: translate(-50%,-50%) scale(1); } }
@keyframes cspRing { 0% { opacity: .7; transform: translate(-50%,-50%) scale(1); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(3.2); } }
#vnight .cv-chart.cv-split { height: auto !important; padding: 14px 16px 12px; background: #141414; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; overflow: visible; }
#vnight .cv-split .csp-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; color: rgba(255,255,255,.55); margin-bottom: 10px; }
#vnight .cv-split .csp-head > span:first-child { font-weight: 500; color: rgba(255,255,255,.75); }
#vnight .cv-split .csp-key { display: flex; gap: 12px; }
#vnight .cv-split .csp-key span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#vnight .cv-split .csp-key i { width: 14px; height: 2.5px; border-radius: 2px; }
#vnight .cv-split .csp-key .ka { background: #7fb0ff; }
#vnight .cv-split .csp-key .kv { background: #1ED760; }
#vnight .cv-split .csp-plot { position: relative; aspect-ratio: 3 / 1; }
#vnight .cv-split .csp-plot svg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: visible; display: block; }
#vnight .cv-split .csp-grid line { stroke: rgba(255,255,255,.07); stroke-width: 1; vector-effect: non-scaling-stroke; }
#vnight .cv-split .csp-now { stroke: rgba(255,255,255,.3); stroke-width: 1; stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; }
#vnight .cv-split .csp-l { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
#vnight .cv-split .csp-past { stroke: rgba(255,255,255,.85); }
#vnight .cv-split .csp-a { stroke: #7fb0ff; stroke-dasharray: 6 5; }
#vnight .cv-split .csp-v { stroke: #1ED760; }
#vnight .cv-split .csp-data { clip-path: inset(-6px 100% -6px 0); animation: cspSweep 2.4s cubic-bezier(.45,.05,.35,1) 5.5s both !important; animation-play-state: paused !important; }
#vnight .cv-split .csp-dot { position: absolute; width: 9px; height: 9px; border-radius: 50%; transform: translate(-50%,-50%); opacity: 0; animation: cspPop .45s cubic-bezier(.2,.7,.2,1) var(--dd) both !important; animation-play-state: paused !important; }
#vnight .cv-split .csp-dot.d0 { --dd: 6.5s; background: #ffffff; box-shadow: 0 0 0 3px #141414; }
#vnight .cv-split .csp-dot.d0::after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.7); opacity: 0; animation: cspRing .9s ease-out 6.75s both; animation-play-state: inherit; }
#vnight .cv-split .csp-dot.da { --dd: 7.85s; background: #7fb0ff; box-shadow: 0 0 0 3px #141414; }
#vnight .cv-split .csp-dot.dv { --dd: 7.95s; background: #1ED760; box-shadow: 0 0 0 3px #141414; }
#vnight .cv-split .csp-tag { position: absolute; transform: translate(12px, -50%); font-size: 12.5px; font-weight: 600; line-height: 1; white-space: nowrap; opacity: 0; animation: seqShow .4s ease var(--dd) both !important; animation-play-state: paused !important; }
#vnight .cv-split .csp-tag.ta { --dd: 8.05s; color: #9fc2ff; }
#vnight .cv-split .csp-tag.tv { --dd: 8.2s; color: #1ED760; }
#vnight .cv-split .csp-split { position: absolute; top: 0; transform: translate(-50%, -2px); font-size: 10.5px; font-weight: 500; color: rgba(255,255,255,.8); background: #2a2a2a; border-radius: 6px; padding: 3px 7px; opacity: 0; --dd: 6.6s; animation: seqShow .4s ease var(--dd) both !important; animation-play-state: paused !important; }
#vnight .cv-split .csp-x { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11px; color: rgba(255,255,255,.45); }
#vnight .cv-split .csp-x i { font-style: normal; }
#vnight .cv-split .csp-x i:nth-child(2) { visibility: hidden; }
#vnight .vpn.play .cv-split .csp-data, #vnight .vpn.play .cv-split .csp-dot, #vnight .vpn.play .cv-split .csp-tag, #vnight .vpn.play .cv-split .csp-split { animation-play-state: running !important; }
#vnight .cv-t { --sd: 8.5s; }
#vnight .cv-t:nth-child(2) { --sd: 8.75s; }
#vnight .cv-t:nth-child(3) { --sd: 9s; }
@media (max-width: 860px) {
#vnight .cv-chart.cv-split { padding: 12px 12px 10px; }
#vnight .cv-split .csp-plot { aspect-ratio: 2.3 / 1; }
#vnight .cv-split .csp-head { font-size: 11px; }
#vnight .cv-split .csp-key { gap: 9px; }
#vnight .cv-split .csp-tag { font-size: 11px; transform: translate(9px, -50%); }
#vnight .cv-split .csp-x { font-size: 10.5px; }
}
#vnight .cv-split .csp-x i:nth-child(3) { margin-right: 15.3%; transform: translateX(50%); }
.rvdd2 .rvap { place-items: center; align-content: center; justify-content: center; line-height: 1; }
.rvdd2 .rvap em { line-height: 1; }
[data-page="banking"] .rvdd2 .trow > .pill, [data-page="banking"] .rvdd2 .trow > .rvst { width: 92px; min-width: 92px !important; }
.rvdd2 .rvst > .pill { width: 100%; min-width: 0 !important; }
.rvdd2 .rvst > .pill.a, .rvdd2 .rvst > .pill.b { font-size: 12.5px !important; padding: 0 10px !important; height: 24px; line-height: 24px; }
[data-page="invoicing"] .trow:has(> .amt) { grid-template-columns: minmax(0, 1fr) auto auto !important; }
[data-page="invoicing"] .trow > .amt { grid-column: 2 !important; justify-self: end; text-align: right; font-variant-numeric: tabular-nums; }
[data-page="invoicing"] .trow > .pill { grid-column: 3 !important; justify-self: end; min-width: 84px; justify-content: center; text-align: center; }
.mhost { position: relative; }
.kcur { position: absolute; left: 0; top: 0; width: 18px; height: 18px; margin: -2px 0 0 -3px; opacity: 0; z-index: 5; pointer-events: none; transform-origin: 3px 2px; }
.ktg { position: relative; display: inline-block; flex: none; width: 34px; height: 20px; border-radius: 99px; background: rgba(255,255,255,.16); }
.ktg i { position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #ffffff; }
.ktg.on { background: #1ED760; }
.ktg.on i { transform: translateX(14px); }
@keyframes ktgBgOn { from { background: rgba(255,255,255,.16); } to { background: #1ED760; } }
@keyframes ktgBgOff { from { background: #1ED760; } to { background: rgba(255,255,255,.16); } }
@keyframes ktgKOn { from { transform: none; } to { transform: translateX(14px); } }
@keyframes ktgKOff { from { transform: translateX(14px); } to { transform: none; } }
@keyframes kcurPress { 0%, 100% { scale: 1; } 50% { scale: .82; } }
@keyframes kType { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes kBlink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.play .kcur, .play .ivb-ty, .play .ivb-caret, .play .ktg, .play .ktg i, .play .ivb-line, .play .ivb-sum, .play .ivb-v > span, .play .ivb-send em, .play .ivb-send,
.play .brd-sw i, .play .brd-top, .play .brd-logo, .play .brd-pay, .play .brd-tot b { animation-play-state: running !important; }
.ivb .ska-main { display: flex; flex-direction: column; }
.ivb-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; padding: 16px 18px 18px; }
.ivb-f { display: grid; gap: 6px; }
.ivb-f small, .brd-pick small { font-size: 11.5px; color: rgba(255,255,255,.5); }
.ivb-in { display: flex; align-items: center; height: 38px; padding: 0 12px; border-radius: 10px; background: #000000; border: 1px solid rgba(255,255,255,.14); font-size: 14px; color: #ededed; }
.ivb-ty { display: inline-block; white-space: nowrap; overflow: hidden; max-width: 0; vertical-align: bottom; animation: kTypeW .9s steps(14, end) 1.3s both; animation-play-state: paused; }
@keyframes kTypeW { from { max-width: 0; } to { max-width: 8.6em; } }
.ivb-caret { width: 1.5px; height: 17px; margin-left: 2px; background: #ffffff; opacity: 0; animation: kBlink .5s 1.2s 3 both, seqOut .1s 2.7s both; animation-play-state: paused; }
.ivb-line { display: flex; justify-content: space-between; align-items: center; padding: 11px 12px; border-radius: 10px; background: rgba(255,255,255,.04); font-size: 14px; color: #ededed; opacity: 0; animation: seqIn .5s cubic-bezier(.2,.7,.2,1) 2.4s both; animation-play-state: paused; }
.ivb-line small { display: block; font-size: 11.5px; color: rgba(255,255,255,.5); margin-top: 2px; }
.ivb-line b, .ivb-r b { font-weight: 500; font-variant-numeric: tabular-nums; }
.ivb-sw { display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #ededed; }
.ivb-tg { animation: ktgBgOn .25s ease 4s both; animation-play-state: paused; }
.ivb-tg i { animation: ktgKOn .25s ease 4s both; animation-play-state: paused; }
.ivb-sum { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.08); opacity: 0; animation: seqIn .5s cubic-bezier(.2,.7,.2,1) 2.7s both; animation-play-state: paused; }
.ivb-r { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: rgba(255,255,255,.6); }
.ivb-r b { color: #ededed; }
.ivb-v { display: inline-grid; justify-items: end; }
.ivb-v > span { grid-area: 1 / 1; white-space: nowrap; }
.ivb-v > .v1 { animation: seqOut .3s ease 4.25s both; animation-play-state: paused; }
.ivb-v > .v2 { opacity: 0; animation: seqIn .45s cubic-bezier(.2,.7,.2,1) 4.35s both; animation-play-state: paused; }
.ivb-you { margin-top: 2px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.05); color: #ededed; font-size: 14px; }
.ivb-you b { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.ivb-you .v1 { color: #F5C542; }
.ivb-you .v2 { color: #1ED760; }
.ivb-foot { display: flex; justify-content: flex-end; margin-top: auto; }
.ivb-send { display: inline-grid; height: 36px; padding: 0 18px; border-radius: 99px; background: #ffffff; color: #111111; font-size: 13px; font-weight: 600; place-items: center; animation: rvPress .35s ease 5.5s both; animation-play-state: paused; }
.ivb-send em { grid-area: 1 / 1; font-style: normal; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; line-height: 1; }
.ivb-send .a { animation: rvGone .2s ease 5.65s both; animation-play-state: paused; }
.ivb-send .b { opacity: 0; color: #12a74a; animation: rvShow .25s ease 5.7s both; animation-play-state: paused; }
.ivb-send .b svg { width: 13px; height: 13px; }
@keyframes ivbCur {
0% { transform: translate(calc(var(--x1, 100px) + 140px), calc(var(--y1, 40px) + 110px)); opacity: 0; }
5% { opacity: 1; }
14% { transform: translate(var(--x1, 100px), var(--y1, 40px)); }
44% { transform: translate(var(--x1, 100px), var(--y1, 40px)); }
54% { transform: translate(var(--x2, 300px), var(--y2, 150px)); }
68% { transform: translate(var(--x2, 300px), var(--y2, 150px)); }
78% { transform: translate(var(--x3, 300px), var(--y3, 300px)); opacity: 1; }
94% { transform: translate(var(--x3, 300px), var(--y3, 300px)); opacity: 1; }
100% { transform: translate(var(--x3, 300px), var(--y3, 300px)); opacity: 0; }
}
.ivb .kcur { animation: ivbCur 7s ease-in-out .3s both, kcurPress .25s ease 1.1s, kcurPress .25s ease 3.85s, kcurPress .25s ease 5.45s; animation-play-state: paused; }
.rpts .ska-main { display: flex; flex-direction: column; }
.brd .ska-main { display: flex; flex-direction: column; }
.brd-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 14px; padding: 14px 18px 18px; }
.brd-pick { display: flex; justify-content: space-between; align-items: center; }
.brd-sw { display: flex; gap: 10px; }
.brd-sw i { width: 22px; height: 22px; border-radius: 50%; box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px transparent; }
.brd-sw .s0 { background: #1ED760; } .brd-sw .s1 { background: #4C8DFF; } .brd-sw .s2 { background: #FF8A3D; } .brd-sw .s3 { background: #B07CFF; }
@keyframes brdRing0 { 0%, 38% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px #ffffff; } 40%, 100% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px transparent; } }
@keyframes brdRing1 { 0%, 38% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px transparent; } 40%, 70% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px #ffffff; } 72%, 100% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px transparent; } }
@keyframes brdRing2 { 0%, 70% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px transparent; } 72%, 100% { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px #ffffff; } }
.brd-sw .s0 { animation: brdRing0 5s linear .3s both; animation-play-state: paused; }
.brd-sw .s1 { animation: brdRing1 5s linear .3s both; animation-play-state: paused; }
.brd-sw .s2 { animation: brdRing2 5s linear .3s both; animation-play-state: paused; }
.brd-sw .s0.on { box-shadow: 0 0 0 2px #141414, 0 0 0 3.5px #ffffff; }
.brd-inv { flex: 1 1 auto; display: flex; flex-direction: column; border-radius: 12px; background: #f5f5f5; color: #1a1a1a; overflow: hidden; }
.brd-top { height: 8px; background: #1ED760; }
.brd-h { display: flex; align-items: center; gap: 10px; padding: 12px 14px 8px; }
.brd-logo { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #1ED760; color: #ffffff; font-size: 12px; font-weight: 700; }
.brd-n { display: grid; }
.brd-n b { font-size: 13.5px; font-weight: 600; }
.brd-n small { font-size: 11px; color: #777777; }
.brd-rows { display: grid; gap: 6px; padding: 6px 14px 4px; font-size: 12.5px; color: #333333; }
.brd-rows > div { display: flex; justify-content: space-between; }
.brd-tot { padding-top: 6px; border-top: 1px solid #e2e2e2; font-weight: 600; color: #111111; }
.brd-tot b { color: #1ED760; }
.brd-pay { margin: auto 14px 14px; padding-top: 10px; }
.brd-pay span { display: block; text-align: center; padding: 9px 0; border-radius: 99px; background: #1ED760; color: #ffffff; font-size: 12.5px; font-weight: 600; }
@keyframes brdBg { 0%, 38% { background-color: #1ED760; } 41%, 70% { background-color: #4C8DFF; } 73%, 100% { background-color: #FF8A3D; } }
@keyframes brdFg { 0%, 38% { color: #1ED760; } 41%, 70% { color: #4C8DFF; } 73%, 100% { color: #FF8A3D; } }
.brd-top, .brd-logo, .brd-pay span { animation: brdBg 5s ease .3s both !important; animation-play-state: paused !important; }
.brd-tot b { animation: brdFg 5s ease .3s both; animation-play-state: paused; }
.play .brd-pay span { animation-play-state: running !important; }
@keyframes brdCur {
0% { transform: translate(calc(var(--x1, 200px) - 80px), calc(var(--y1, 40px) + 160px)); opacity: 0; }
8% { opacity: 1; }
32% { transform: translate(var(--x1, 200px), var(--y1, 40px)); }
50% { transform: translate(var(--x1, 200px), var(--y1, 40px)); }
64% { transform: translate(var(--x2, 230px), var(--y2, 40px)); }
90% { transform: translate(var(--x2, 230px), var(--y2, 40px)); opacity: 1; }
100% { transform: translate(calc(var(--x2, 230px) + 20px), calc(var(--y2, 40px) + 40px)); opacity: 0; }
}
.brd .kcur { animation: brdCur 5.4s ease-in-out .1s both, kcurPress .25s ease 2.1s, kcurPress .25s ease 3.65s; animation-play-state: paused; }
.rmd .ska-main { display: flex; flex-direction: column; }
.rmd .trow { grid-template-columns: minmax(0, 1fr) auto !important; }
.rmd .shot-h .ktg { transform: scale(.9); }
.rmd .ktg.ton { animation: ktgBgOn .25s ease 1.55s both; animation-play-state: paused; }
.rmd .ktg.ton i { animation: ktgKOn .25s ease 1.55s both; animation-play-state: paused; }
.rmd .ktg.toff { animation: ktgBgOff .25s ease 3.35s both; animation-play-state: paused; }
.rmd .ktg.toff i { animation: ktgKOff .25s ease 3.35s both; animation-play-state: paused; }
@keyframes rmdCur {
0% { transform: translate(calc(var(--x1, 300px) - 120px), calc(var(--y1, 150px) + 100px)); opacity: 0; }
8% { opacity: 1; }
24% { transform: translate(var(--x1, 300px), var(--y1, 150px)); }
40% { transform: translate(var(--x1, 300px), var(--y1, 150px)); }
56% { transform: translate(var(--x2, 300px), var(--y2, 100px)); }
88% { transform: translate(var(--x2, 300px), var(--y2, 100px)); opacity: 1; }
100% { transform: translate(calc(var(--x2, 300px) - 30px), calc(var(--y2, 100px) + 50px)); opacity: 0; }
}
.rmd .kcur { animation: rmdCur 5.6s ease-in-out .3s both, kcurPress .25s ease 1.45s, kcurPress .25s ease 3.25s; animation-play-state: paused; }
@media (max-width: 640px) {
.ivb-body { padding: 12px 12px 14px; gap: 10px; }
.ivb-in { height: 34px; font-size: 13px; }
.ivb-line, .ivb-sw { font-size: 13px; }
.ivb-r { font-size: 12px; }
.ivb-you b { font-size: 18px; }
.brd-body { padding: 12px 12px 14px; gap: 10px; }
.brd-sw { gap: 8px; } .brd-sw i { width: 18px; height: 18px; }
}
.brd-note { margin: 10px 14px 0; font-size: 11.5px; color: #8a8a8a; }
html .panel.glass.solidw.st30, html.dk .panel.glass.solidw.st30 { background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 0 !important; overflow: visible !important; }
html .panel.st30::before, html .panel.st30::after { display: none !important; }
html.dk #vnight .vpn { border-width: 2px !important; }
.trow:has(> .amt) { grid-template-columns: minmax(0, 1fr) auto var(--pw, 100px) !important; }
.trow:has(> .amt) > .m { grid-column: 1 !important; grid-row: 1 !important; }
.trow:has(> .amt) > .amt { grid-column: 2 !important; grid-row: 1 !important; justify-self: end; text-align: right; font-variant-numeric: tabular-nums; min-width: 0 !important; }
.trow:has(> .amt) > :not(.m):not(.amt) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end; }
.trow:has(> .amt) > .pill, .trow:has(> .amt) > .rvst { min-width: 0 !important; width: auto !important; }
.trow:has(> .amt) > span:empty { display: block !important; }
.shot:not(:has(.trow > .pill)):not(:has(.trow > .rvst)) .trow:has(> .amt) { grid-template-columns: minmax(0, 1fr) auto !important; }
.shot:not(:has(.trow > .pill)):not(:has(.trow > .rvst)) .trow:has(> .amt) > span:empty { display: none !important; }
.trow:not(:has(> .amt)) > .pill { margin-left: auto; justify-self: end; }
@media (max-width: 640px) { .trow:has(> .amt) { --pw: 84px; } }
.rptlist .trow:has(> .amt) { grid-template-columns: minmax(0,1fr) auto 26px !important; }
.shot .rptlist .trow.trow.trow:has(> .amt):not(.zz):not(.zy) { grid-template-columns: minmax(0,1fr) auto 26px !important; }
.taxq-pp, .rcup-pp { display: inline-grid; justify-items: end; }
.taxq-pp > .pill, .rcup-pp > .pill { grid-area: 1 / 1; white-space: nowrap; }
.taxq .ska-main, .rcup .ska-main, .finx .ska-main, .accx .ska-main, .pjdep .ska-main { display: flex; flex-direction: column; }
.taxq-foot { display: flex; justify-content: flex-end; padding: 10px 16px 16px; margin-top: auto; }
.taxq-btn, .accx-send { display: inline-grid; place-items: center; height: 34px; padding: 0 16px; border-radius: 99px; background: #ffffff; color: #111111; font-size: 13px; font-weight: 600; white-space: nowrap; }
.taxq-toast { position: absolute; left: 50%; top: 12px; z-index: 4; translate: -50% 0; opacity: 0; }
.taxq-toast span { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: 99px; background: #ffffff; color: #111111; font-size: 13px; font-weight: 600; white-space: nowrap; box-shadow: 0 6px 20px rgba(0,0,0,.45); }
.taxq-toast svg { width: 14px; height: 14px; color: #12a74a; }
.taxq-pp .x1 { animation: seqOut .25s ease 1.55s both; animation-play-state: paused; }
.taxq-pp .x2 { opacity: 0; animation: rvShow .3s ease 1.6s both; animation-play-state: paused; }
.taxq-btn { animation: rvPress .35s ease 1.4s both; animation-play-state: paused; }
.taxq-toast { animation: seqIn .45s cubic-bezier(.2,.7,.2,1) 1.75s both; animation-play-state: paused; }
@keyframes taxqCur {
0% { transform: translate(calc(var(--x1, 300px) - 140px), calc(var(--y1, 250px) - 90px)); opacity: 0; }
8% { opacity: 1; }
38% { transform: translate(var(--x1, 300px), var(--y1, 250px)); }
58% { transform: translate(var(--x1, 300px), var(--y1, 250px)); opacity: 1; }
100% { transform: translate(calc(var(--x1, 300px) - 40px), calc(var(--y1, 250px) + 40px)); opacity: 0; }
}
.taxq .kcur { animation: taxqCur 3s ease-in-out .2s both, kcurPress .25s ease 1.35s; animation-play-state: paused; }
.rcup .ska-main { position: relative; }
.rcup .trow { opacity: 0; animation: seqIn .45s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--i) * .35s + .2s); animation-play-state: paused; }
.rcup-pp .x1 { animation: seqOut .2s ease both; animation-delay: calc(var(--i) * .35s + 1.2s); animation-play-state: paused; }
.rcup-pp .x2 { opacity: 0; animation: bpPop .35s cubic-bezier(.2,.9,.3,1.3) both; animation-delay: calc(var(--i) * .35s + 1.25s); animation-play-state: paused; }
.rcup .shot-b { transition: none; animation: rcupDim .5s ease 2.9s both; animation-play-state: paused; }
@keyframes rcupDim { to { opacity: .05; } }
.rcup-zoom { position: absolute; inset: 44px 12px 12px; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 14px; opacity: 0; transform: scale(.4); transform-origin: 50% 40%; animation: rcupZoom .6s cubic-bezier(.2,.8,.2,1) 3s both; animation-play-state: paused; }
@keyframes rcupZoom { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
.rcup-paper { width: 168px; flex: none; background: #f1f1f1; color: #222222; border-radius: 6px; padding: 12px 12px 10px; font: 500 11px/1.35 ui-monospace, Menlo, monospace; box-shadow: 0 10px 30px rgba(0,0,0,.5); rotate: -2deg; }
.rcup-paper > b { display: block; font-size: 12.5px; letter-spacing: .04em; }
.rcup-paper > small { display: block; color: #777777; margin-bottom: 8px; font-size: 10px; }
.rcup-paper > div { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }
.rcup-paper > .t { border-top: 1px dashed #aaaaaa; margin-top: 6px; padding-top: 6px; font-weight: 700; }
.rcup-card { display: grid; gap: 4px; justify-items: start; font-size: 13px; color: #ededed; }
.rcup-card small { color: rgba(255,255,255,.5); font-size: 11.5px; margin-top: 6px; }
.rcup-card b { font-weight: 500; font-size: 15px; }
.rcup-card > span:last-child { color: rgba(255,255,255,.7); font-variant-numeric: tabular-nums; }
.rcup-card .pill { opacity: 0; animation: bpPop .4s cubic-bezier(.2,.9,.3,1.3) 3.6s both; animation-play-state: paused; display: inline-flex; align-items: center; gap: 4px; }
.rcup-card .pill svg { width: 12px; height: 12px; }
.finx-top { padding: 14px 18px 4px; display: grid; gap: 2px; }
.finx-top small { font-size: 12px; color: rgba(255,255,255,.55); }
.finx-top b { font-family: var(--head); font-size: 28px; font-weight: 500; letter-spacing: -.02em; color: #1ED760; font-variant-numeric: tabular-nums; }
.finx-bars { display: flex; align-items: flex-end; gap: 6px; height: 64px; padding: 6px 18px 10px; }
.finx-bars i { flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: #4E86F5; transform-origin: bottom; transform: scaleY(0); animation: finxBar .6s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(var(--i) * .08s + .3s); animation-play-state: paused; }
@keyframes finxBar { to { transform: none; } }
.finx .shot-b .trow { opacity: 0; animation: seqIn .45s cubic-bezier(.2,.7,.2,1) both; animation-play-state: paused; }
.finx .shot-b .trow:nth-child(1) { animation-delay: 1.2s; } .finx .shot-b .trow:nth-child(2) { animation-delay: 1.45s; } .finx .shot-b .trow:nth-child(3) { animation-delay: 1.7s; }
.accx .shot-h { align-items: center; }
.accx-inv { display: inline-grid; place-items: center; height: 30px; padding: 0 14px; border-radius: 99px; background: #ffffff; color: #111111 !important; font-size: 12.5px; font-weight: 600; animation: rvPress .35s ease 1.15s both; animation-play-state: paused; }
.accx-new { opacity: 0; animation: seqIn .5s cubic-bezier(.2,.7,.2,1) 3.6s both; animation-play-state: paused; }
.accx-form { position: absolute; left: 12px; right: 12px; bottom: 12px; z-index: 3; display: grid; gap: 10px; padding: 14px; border-radius: 12px; background: #111111; border: 1px solid rgba(255,255,255,.12); opacity: 0; animation: seqIn .4s cubic-bezier(.2,.7,.2,1) 1.3s both, seqOut .3s ease 3.4s forwards; animation-play-state: paused; }
.accx-form small { font-size: 11.5px; color: rgba(255,255,255,.55); }
.accx-ty { display: inline-block; white-space: nowrap; overflow: hidden; max-width: 0; vertical-align: bottom; animation: accxType 1s steps(18, end) 1.6s both; animation-play-state: paused; }
@keyframes accxType { from { max-width: 0; } to { max-width: 12em; } }
.accx-caret { width: 1.5px; height: 17px; margin-left: 2px; background: #ffffff; opacity: 0; animation: kBlink .5s 1.5s 3 both, seqOut .1s 2.7s both; animation-play-state: paused; }
.accx-role { display: flex; gap: 8px; }
.accx-role span { height: 30px; padding: 0 12px; display: inline-grid; place-items: center; border-radius: 99px; font-size: 12.5px; color: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.14); }
.accx-role .on { color: #ffffff; border-color: rgba(255,255,255,.45); }
.accx-foot { display: flex; justify-content: flex-end; }
.accx-send { height: 32px; animation: rvPress .35s ease 3.05s both; animation-play-state: paused; }
@keyframes accxCur {
0% { transform: translate(calc(var(--x1, 300px) - 120px), calc(var(--y1, 30px) + 140px)); opacity: 0; }
6% { opacity: 1; }
22% { transform: translate(var(--x1, 300px), var(--y1, 30px)); }
30% { transform: translate(var(--x1, 300px), var(--y1, 30px)); }
62% { transform: translate(var(--x2, 300px), var(--y2, 280px)); }
76% { transform: translate(var(--x2, 300px), var(--y2, 280px)); opacity: 1; }
100% { transform: translate(calc(var(--x2, 300px) - 40px), calc(var(--y2, 280px) + 30px)); opacity: 0; }
}
.accx .kcur { animation: accxCur 4.2s ease-in-out .2s both, kcurPress .25s ease 1.1s, kcurPress .25s ease 3s; animation-play-state: paused; }
.play .taxq-pp > .pill, .play .taxq-btn, .play .taxq-toast, .play.rcup .trow, .play .rcup-pp > .pill, .play.rcup .shot-b, .play .rcup-zoom, .play .rcup-card .pill,
.play .finx-bars i, .play.finx .shot-b .trow, .play .accx-inv, .play .accx-new, .play .accx-form, .play .accx-ty, .play .accx-caret, .play .accx-send, .play .pcs2-ring .fg { animation-play-state: running !important; }
.pc-save.pcs2 { background: transparent !important; border-radius: 0; border-top: 1px solid rgba(255,255,255,.1); padding: 18px 0 0; margin-top: 4px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; }
.pcs2-ring { position: relative; width: 72px; height: 72px; }
.pcs2-ring svg { width: 100%; height: 100%; rotate: -90deg; }
.pcs2-ring circle { fill: none; stroke-width: 7; }
.pcs2-ring .bg { stroke: rgba(255,255,255,.1); }
.pcs2-ring .fg { stroke: #1ED760; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; animation: pcsRing 1.3s cubic-bezier(.2,.7,.2,1) .8s forwards; animation-play-state: paused; }
@keyframes pcsRing { to { stroke-dashoffset: 17; } }
.pcs2-ring b { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; font-size: 16px; font-weight: 600; color: #ffffff; line-height: 1.05; font-family: var(--head); letter-spacing: 0; }
.pcs2-ring b small { font-size: 10.5px; font-weight: 500; color: rgba(255,255,255,.55); font-family: var(--body, inherit); }
.pcs2-t { display: grid; gap: 4px; }
.pcs2-t span, .pcs2-y span { font-size: 13.5px; color: rgba(255,255,255,.6); }
.pcs2-t b { font-family: var(--head); font-size: clamp(34px, 4.6vw, 48px); font-weight: 500; letter-spacing: -.04em; line-height: 1; color: #1ED760; }
.pcs2-t b small { font-size: .4em; color: #ffffff; letter-spacing: 0; }
.pcs2-y { display: grid; gap: 4px; text-align: right; }
.pcs2-y b { font-family: var(--head); font-size: 24px; font-weight: 500; letter-spacing: -.02em; color: #ffffff; }
@media (max-width: 560px) { .pc-save.pcs2 { grid-template-columns: auto minmax(0, 1fr); gap: 14px 16px; } .pcs2-y { grid-column: 1 / -1; text-align: left; grid-auto-flow: column; justify-content: start; align-items: baseline; gap: 8px; } .pcs2-ring { width: 64px; height: 64px; } }
[data-page="existing"] .steps, html.dk [data-page="existing"] .steps { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 12px; }
@media (max-width: 640px) {
.rcup-zoom { gap: 10px; inset: 40px 8px 8px; }
.rcup-paper { width: 132px; padding: 9px 9px 8px; font-size: 9.5px; }
.rcup-paper > b { font-size: 11px; }
.rcup-card { font-size: 12px; } .rcup-card b { font-size: 13.5px; }
.finx-top b { font-size: 24px; } .finx-bars { height: 52px; gap: 4px; padding: 4px 14px 8px; }
.accx-form { left: 8px; right: 8px; bottom: 8px; padding: 12px; gap: 8px; }
.taxq-foot { padding: 8px 12px 12px; }
}
.taxq-pp > .pill, .rcup-pp > .pill { grid-column: 1 !important; grid-row: 1 !important; justify-self: end !important; }
.trow:not(:has(> .amt)) > span:empty { display: none !important; }
.cnr:has(> span:nth-child(4)) { grid-template-columns: 1fr 1fr 1fr 92px; }
.cnr > span:nth-child(4) { text-align: right; }
.cnr > span:nth-child(4) .pill { margin-left: 0; }
@media (max-width: 640px) { .cnr:has(> span:nth-child(4)) { grid-template-columns: .8fr 1fr 1fr 76px; gap: 8px; } }
.rcmatch .rcm > .rcl { order: 3; }
.rcmatch .rcm > .rcc { order: 2; }
@media (max-width: 640px) { .rcmatch .rcl { justify-content: flex-end !important; } }
.pjc > div:has(> .pill) { grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; align-items: center; }
.pjc > div:has(> .pill) > b { grid-column: 1; grid-row: 1; }
.pjc > div:has(> .pill) > small { grid-column: 1; grid-row: 2; }
.pjc > div:has(> .pill) > .pill { grid-column: 2; grid-row: 1 / span 2; justify-self: end; align-self: center; margin-top: 0 !important; }
.kc-tp { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.kc-tp .pill { flex: none; }
.rcup-l { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.rcup-card { justify-items: stretch; min-width: 0; flex: 1 1 auto; max-width: 220px; }
.rqrow { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
.rqrow .rqamt { text-align: left; }
.rqrow .rqp { justify-content: flex-end; flex-wrap: nowrap; }
.rcmatch .rcm { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important; }
@media (max-width: 640px) { .rcmatch .rcm { grid-template-columns: 1fr !important; } }
html.dk .pill.pur:not(:is(.iphone, .appwin, .xl, .paper, .kc, .sv-iph) *) { background: rgba(255,255,255,0.08); color: #c8b6ff; }
.rfilter { display: flex; justify-content: center; margin: 0 0 26px; }
.rgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.rcard { display: flex; flex-direction: column; gap: 0; padding: 12px; background: #111111; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; color: var(--text); text-decoration: none; transition: background-color .25s ease, border-color .25s ease; min-width: 0; }
a.rcard:hover { background: #181818; border-color: rgba(255,255,255,.16); }
.rcard[hidden] { display: none !important; }
.rc-b { display: flex; flex-direction: column; gap: 10px; padding: 16px 8px 8px; flex: 1 1 auto; }
.rc-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; color: #a3a3a3; }
.rcard h3 { font-family: var(--body); font-size: 19px; line-height: 1.3; font-weight: 500; letter-spacing: -.01em; color: #ffffff; margin: 0; }
.rcard p { font-size: 15px; line-height: 1.5; color: #a3a3a3; margin: 0; }
.rcard .bluelink { margin-top: auto; padding-top: 4px; }
.rcard.soon h3 { color: #d6d6d6; }
.rth { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: linear-gradient(140deg, #0b8f3d, #1ED760); display: grid; place-items: center; container-type: inline-size; }
.rth .rwin { width: 80%; height: 76%; display: flex; flex-direction: column; border-radius: 3cqw; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.34); overflow: hidden; }
.rth .rwb { flex: none; display: flex; align-items: center; gap: 1.4cqw; height: 7cqw; padding: 0 2.6cqw; border-bottom: 1px solid rgba(255,255,255,.22); }
.rth .rwb i { width: 1.7cqw; height: 1.7cqw; border-radius: 50%; background: rgba(255,255,255,.55); }
.rth .rwi { flex: 1 1 auto; display: flex; min-height: 0; }
.rth .rwr { flex: none; width: 9cqw; display: flex; flex-direction: column; align-items: center; gap: 2.2cqw; padding-top: 3cqw; border-right: 1px solid rgba(255,255,255,.22); }
.rth .rwr i { width: 3.4cqw; height: 3.4cqw; border-radius: 1cqw; background: rgba(255,255,255,.28); }
.rth .rwr i.on { background: #ffffff; }
.rth .rwm { position: relative; flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 3cqw 4cqw; }
.rth.big { aspect-ratio: 16 / 8; border-radius: 18px; }
.rth.big .rwin { width: 74%; height: 78%; }
.rv-brk { display: flex; flex-direction: column; gap: 1.3cqw; }
.rv-brk > span { display: grid; grid-template-columns: 7cqw minmax(0, 1fr); align-items: center; gap: 1.6cqw; }
.rv-brk b { font: 600 2.5cqw/1 var(--body); color: #ffffff; }
.rv-brk i { display: block; height: 2.4cqw; width: var(--w); border-radius: 99px; background: #ffffff; transform-origin: left center; }
.rv-brk em { display: none; }
.rth.big .rv-brk > span { grid-template-columns: 6cqw minmax(0, 1fr) 15cqw; }
.rth.big .rv-brk b { font-size: 2.1cqw; }
.rth.big .rv-brk i { height: 2cqw; }
.rth.big .rv-brk em { display: block; font: 500 1.8cqw/1 var(--body); font-style: normal; color: #ffffff; text-align: right; white-space: nowrap; }
.rv-brk i { animation: rsGrowX .7s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .14s) both; animation-play-state: paused; }
.rv-brk b, .rv-brk em { animation: rsFade .4s ease calc(.3s + var(--i) * .14s) both; animation-play-state: paused; }
.rv-est { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2cqw; }
.rv-est > span { position: relative; display: flex; flex-direction: column; align-items: center; gap: .6cqw; padding: 2.4cqw 0 2.8cqw; border-radius: 2cqw; background: rgba(255,255,255,.18); color: #ffffff; }
.rv-est small { font: 500 2.4cqw/1 var(--body); opacity: .85; }
.rv-est b { font: 600 6cqw/1 var(--body); letter-spacing: -.02em; }
.rv-est em { position: absolute; right: -1cqw; top: -1cqw; width: 4.2cqw; height: 4.2cqw; border-radius: 50%; background: #ffffff; color: #0b8f3d; display: grid; place-items: center; }
.rv-est em svg { width: 2.8cqw; height: 2.8cqw; }
.rv-est .nx em { display: none; }
.rv-estl { display: flex; justify-content: space-between; align-items: center; margin-top: 3cqw; padding-top: 2.4cqw; border-top: 1px solid rgba(255,255,255,.28); color: #ffffff; font: 500 2.5cqw/1 var(--body); }
.rv-estl b { font-weight: 700; }
.rv-est > span { animation: rsUp .5s cubic-bezier(.2,.7,.2,1) calc(.25s + var(--i) * .15s) both; animation-play-state: paused; }
.rv-est em { animation: rsPop .35s cubic-bezier(.3,1.6,.5,1) calc(1.1s + var(--i) * .3s) both; animation-play-state: paused; }
.rv-est .nx { animation: rsUp .5s cubic-bezier(.2,.7,.2,1) .7s both, rsNext .5s ease 2.2s both; animation-play-state: paused; }
.rv-estl { animation: rsFade .5s ease 2.4s both; animation-play-state: paused; }
.rv-num { height: 100%; display: flex; align-items: flex-end; justify-content: space-around; gap: 3cqw; padding-top: 1cqw; }
.rv-num > span { height: 100%; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 1cqw; color: #ffffff; }
.rv-num b { font: 600 3.2cqw/1 var(--body); }
.rv-num i { display: block; width: 62%; height: calc(var(--h) * .62); border-radius: 1.4cqw 1.4cqw .5cqw .5cqw; background: #ffffff; transform-origin: bottom center; }
.rv-num > span:not(:first-child) i { background: rgba(255,255,255,.82); }
.rv-num small { font: 500 2.3cqw/1 var(--body); opacity: .85; }
.rv-num i { animation: rsGrowY .8s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .25s) both; animation-play-state: paused; }
.rv-num b { animation: rsFade .4s ease calc(.75s + var(--i) * .25s) both; animation-play-state: paused; }
.rv-bank { display: flex; align-items: center; justify-content: center; gap: 2.4cqw; height: 100%; }
.rv-bank .rb1, .rv-bank .rb2 { position: relative; width: 15cqw; height: 15cqw; border-radius: 50%; display: grid; place-items: center; flex: none; }
.rv-bank .rb1 { background: rgba(255,255,255,.22); color: #ffffff; }
.rv-bank .rb1 svg { width: 7cqw; height: 7cqw; }
.rv-bank .rb2 { background: #ffffff; }
.rv-bank .rbk { display: grid; place-items: center; width: 8cqw; height: 8cqw; }
.rv-bank .rbk svg { width: 100%; height: 100%; }
.rv-bank .rb2 em { position: absolute; right: -.6cqw; top: -.6cqw; width: 4.6cqw; height: 4.6cqw; border-radius: 50%; background: #0b8f3d; border: .6cqw solid #ffffff; color: #ffffff; display: grid; place-items: center; }
.rv-bank .rb2 em svg { width: 2.6cqw; height: 2.6cqw; }
.rv-bank .rbd { display: flex; gap: 1.4cqw; }
.rv-bank .rbd i { width: 1.6cqw; height: 1.6cqw; border-radius: 50%; background: #ffffff; }
.rv-bank .rbd i { animation: rsFade .25s ease calc(.4s + var(--d, 0s)) both; animation-play-state: paused; }
.rv-bank .rbd i:nth-child(2) { --d: .15s; } .rv-bank .rbd i:nth-child(3) { --d: .3s; } .rv-bank .rbd i:nth-child(4) { --d: .45s; } .rv-bank .rbd i:nth-child(5) { --d: .6s; }
.rv-bank .rb2 { animation: rsPop .45s cubic-bezier(.3,1.5,.5,1) .2s both; animation-play-state: paused; }
.rv-bank .rb2 em { animation: rsPop .35s cubic-bezier(.3,1.6,.5,1) 1.25s both; animation-play-state: paused; }
.rv-app { display: grid; place-items: center; height: 100%; }
.rv-app .rph { position: relative; width: 20cqw; height: 34cqw; max-height: 100%; border-radius: 3.6cqw; border: .5cqw solid rgba(255,255,255,.85); display: flex; flex-direction: column; gap: 2cqw; padding: 5cqw 2.6cqw 0; }
.rv-app .rph i { display: block; height: 3cqw; border-radius: 99px; background: rgba(255,255,255,.8); }
.rv-app .rph i.r2 { width: 74%; } .rv-app .rph i.r3 { width: 52%; }
.rv-app .rph em { position: absolute; left: 50%; bottom: 3.6cqw; translate: -50% 0; width: 6cqw; height: 6cqw; border-radius: 50%; background: #ffffff; color: #0b8f3d; display: grid; place-items: center; }
.rv-app .rph em svg { width: 3.6cqw; height: 3.6cqw; }
.rv-app .rph i { animation: rsLeft .45s cubic-bezier(.2,.7,.2,1) both; animation-play-state: paused; }
.rv-app .rph i.r1 { animation-delay: .35s; } .rv-app .rph i.r2 { animation-delay: .55s; } .rv-app .rph i.r3 { animation-delay: .75s; }
.rv-app .rph em { animation: rsPop .4s cubic-bezier(.3,1.6,.5,1) 1.15s both; animation-play-state: paused; }
.rv-mile { position: relative; height: 100%; display: grid; place-items: center; }
.rv-mile svg { width: 100%; height: auto; overflow: visible; }
.rv-mile .rd0, .rv-mile .rd1 { fill: none; stroke-linecap: round; }
.rv-mile .rd0 { stroke: rgba(255,255,255,.28); stroke-width: 4; stroke-dasharray: 2 7; }
.rv-mile .rd1 { stroke: #ffffff; stroke-width: 4; stroke-dasharray: 100; stroke-dashoffset: 100; }
.rv-mile .rdot { fill: #ffffff; }
.rv-mile .rml { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; gap: .6cqw; color: #ffffff; }
.rv-mile .rml b { font: 600 4.4cqw/1 var(--body); }
.rv-mile .rml small { font: 500 2.3cqw/1 var(--body); opacity: .85; }
.rv-mile .rd1 { animation: rsDraw 1.6s ease-in-out .3s both; animation-play-state: paused; }
.rv-mile .rdot { animation: rsPop .35s cubic-bezier(.3,1.6,.5,1) 1.8s both; animation-play-state: paused; transform-box: fill-box; transform-origin: center; }
.play.rth :is(.rv-brk i, .rv-brk b, .rv-brk em, .rv-est > span, .rv-est em, .rv-estl, .rv-num i, .rv-num b, .rv-bank .rbd i, .rv-bank .rb2, .rv-bank .rb2 em, .rv-app .rph i, .rv-app .rph em, .rv-mile .rd1, .rv-mile .rdot) { animation-play-state: running; }
@keyframes rsGrowX { from { transform: scaleX(0); } to { transform: none; } }
@keyframes rsGrowY { from { transform: scaleY(0); } to { transform: none; } }
@keyframes rsFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes rsUp { from { opacity: 0; transform: translateY(14%); } to { opacity: 1; transform: none; } }
@keyframes rsLeft { from { opacity: 0; transform: translateX(-20%); } to { opacity: 1; transform: none; } }
@keyframes rsPop { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: none; } }
@keyframes rsNext { from { background: rgba(255,255,255,.18); color: #ffffff; } to { background: #ffffff; color: #0b8f3d; } }
@keyframes rsDraw { to { stroke-dashoffset: 0; } }
.rhero .phero-in { gap: 14px; }
.rhero h1 { max-width: 20ch; font-size: clamp(34px, 5.2vw, 62px); }
.rback { display: inline-flex; align-items: center; gap: 4px; color: #a3a3a3; font-size: 14.5px; font-weight: 500; text-decoration: none; }
.rback:hover { color: #ffffff; }
.rback svg { width: 15px; height: 15px; }
.rmeta { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #a3a3a3; }
section.rart-top { padding-top: 0 !important; padding-bottom: 0 !important; }
section.rbody { padding-top: 34px !important; }
.rart { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 22px; }
.rtldr, .rkept { background: #111111; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 24px; }
.rart h2 { font-family: var(--body); font-size: 22px; line-height: 1.3; font-weight: 500; letter-spacing: -.01em; color: #ffffff; margin: 0; }
.rtldr ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
.rtldr li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; color: #d4d4d4; font-size: 16px; line-height: 1.55; }
.rtldr li svg { width: 18px; height: 18px; color: #1ED760; margin-top: 3px; }
.rtx { margin-top: 10px; }
.rtx p { color: #c4c4c4; font-size: 17px; line-height: 1.65; margin: 10px 0 0; }
.rtab .trow { padding: 13px 20px; font-size: 15px; }
.rtab .trow .m { white-space: normal; overflow: visible; }
.rtab .trow .m small { display: block; margin-top: 3px; color: #9a9a9a; font-size: 13px; }
.rtab .trow:not(:has(> .amt)) { grid-template-columns: minmax(0, 1fr) auto !important; }
.rtab .trow .amt { font-weight: 600; color: #ffffff; white-space: nowrap; }
.rbr .rfs { padding: 2px 16px 10px; }
.rbr .seg-pick button { min-height: 32px; padding: 0 14px; font-size: 13.5px; }
.rbset { display: none; }
.rbset.on { display: block; }
.rbset .trow + .trow { border-top: 1px solid rgba(255,255,255,.07); }
.rbset .trow { animation: rsFade .3s ease both; }
.rkept { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: start; }
.rk-ic { width: 44px; height: 44px; border-radius: 12px; background: #1ED760; display: grid; place-items: center; }
.rk-ic svg { width: 24px; height: 24px; }
.rkept p { color: #c4c4c4; font-size: 16px; line-height: 1.6; margin: 8px 0 12px; }
.rsrc { margin-top: 6px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); }
.rsrc ul { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 10px; }
.rsrc a { color: #7fb0ff; font-size: 15px; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(127,176,255,.4); overflow-wrap: anywhere; }
.rsrc p { color: #8a8a8a; font-size: 13.5px; line-height: 1.5; margin: 14px 0 0; }
@media (max-width: 900px) { .rgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
.rgrid { grid-template-columns: minmax(0, 1fr); }
.rfilter .seg-pick button { padding: 0 12px; font-size: 13.5px; }
.rth.big { aspect-ratio: 16 / 10; border-radius: 14px; }
.rth.big .rwin { width: 88%; height: 80%; }
.rth.big .rv-brk > span { grid-template-columns: 7cqw minmax(0, 1fr) 20cqw; }
.rth.big .rv-brk b { font-size: 2.6cqw; } .rth.big .rv-brk em { font-size: 2.3cqw; }
.rtx p { font-size: 16px; }
.rtldr, .rkept { padding: 20px; }
.rtab .trow { padding: 12px 16px; font-size: 14.5px; }
.rbr .rfs { padding: 2px 12px 10px; }
.rbr .seg-pick { display: flex; width: 100%; }
.rbr .seg-pick button { flex: 1 1 0; padding: 0 6px; font-size: 12.5px; }
}
.rth, .rth * { letter-spacing: normal; }
section.rhero { padding-bottom: 40px !important; }
section.rbody { margin-top: 0 !important; }
section.rmore { padding-top: 64px !important; margin-top: 0 !important; }
.rtab .trow:not(:has(> .amt)) > .pill { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; }
.rtab .trow:not(:has(> .amt)) > .m { grid-column: 1 !important; grid-row: 1 !important; }
@media (max-width: 640px) { .rbr .seg-pick button { flex: 1 1 auto; white-space: nowrap; padding: 0 8px; font-size: 12.5px; } }
.rfilter .seg-pick button { white-space: nowrap; flex: none; }
@media (max-width: 640px) { .rfilter .seg-pick { max-width: 100%; overflow-x: auto; scrollbar-width: none; } .rfilter .seg-pick button { padding: 0 10px; font-size: 12.5px; } }
.rv-bank .rb2 { background: none; border-radius: 4cqw; }
.rv-bank .rb2 .ic { width: 100%; height: 100%; border-radius: 4cqw; border: .6cqw solid rgba(255,255,255,.9); box-sizing: border-box; }
.rkept .rk-ic { display: block; width: 44px; height: 44px; border-radius: 12px; background-color: #1ED760; }
.phero.rhero .sub { font-size: 16px !important; line-height: 1.55 !important; max-width: 52ch; }
@media (max-width: 640px) { .phero.rhero .sub { font-size: 14.5px !important; } }
.rtldr li { grid-template-columns: 22px minmax(0, 1fr); }
.rtldr li svg { width: 20px; height: 20px; padding: 4px; box-sizing: border-box; border-radius: 50%; background: #ffffff; color: #111111; margin-top: 2px; stroke-width: 3; }
.rkept { grid-template-columns: 46px minmax(0, 1fr); }
.rkept .rk-ic { width: 46px; height: 46px; border-radius: 13px; box-shadow: 0 0 0 1px rgba(18,18,18,.08), 0 8px 18px -10px rgba(27,27,27,.35); }
.rsrc ul { gap: 8px; }
.rsrc a { font-size: 13.5px !important; text-decoration: none !important; }
.rsrc a:hover { color: #a9c9ff; }
.rsrc p { font-size: 12px !important; color: #7a7a7a; }
.rsrc a { line-height: 1.4 !important; display: inline-block; }
.rtx a.rin { color: #7fb0ff; text-decoration: none; white-space: nowrap; }
.rv-1099 { display: flex; flex-direction: column; gap: 2.4cqw; color: #ffffff; }
.rv-1099 .r9f { display: flex; align-items: baseline; gap: 2cqw; }
.rv-1099 .r9f small { font: 500 2.4cqw/1 var(--body); opacity: .8; }
.rv-1099 .r9f b { font: 700 4.6cqw/1 var(--body); }
.rv-1099 .r9r { display: flex; justify-content: space-between; align-items: center; gap: 2cqw; padding: 2.2cqw 2.6cqw; border-radius: 2cqw; background: rgba(255,255,255,.16); font: 500 2.5cqw/1.2 var(--body); }
.rv-1099 .r9v { display: inline-flex; align-items: center; gap: 1.8cqw; }
.rv-1099 .r9v s { opacity: .75; text-decoration-thickness: .4cqw; }
.rv-1099 .r9v b { display: inline-grid; place-items: center; padding: 1cqw 2cqw; border-radius: 99px; background: #ffffff; color: #0b8f3d; font: 700 2.6cqw/1 var(--body); }
.rv-1099 .r9f, .rv-1099 .r9r { animation: rsUp .5s cubic-bezier(.2,.7,.2,1) both; animation-play-state: paused; }
.rv-1099 .r9r { animation-delay: .35s; } .rv-1099 .r9r.k { animation-delay: .55s; }
.rv-1099 .r9v s { animation: rsStrike .4s ease 1.1s both; animation-play-state: paused; }
.rv-1099 .r9v b { animation: rsPop .4s cubic-bezier(.3,1.6,.5,1) 1.4s both; animation-play-state: paused; }
.rv-1099 .k .r9v b { animation-delay: 1.7s; }
.rv-late { height: 100%; display: flex; flex-direction: column; gap: 2cqw; color: #ffffff; }
.rv-late .rlt { display: flex; align-items: baseline; gap: 1.6cqw; }
.rv-late .rlt b { font: 700 4.4cqw/1 var(--body); }
.rv-late .rlt small { font: 500 2.4cqw/1 var(--body); opacity: .85; }
.rv-late .rlb { flex: 1 1 auto; display: flex; align-items: flex-end; gap: 2.4cqw; }
.rv-late .rlb > span { flex: 1 1 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 1cqw; }
.rv-late .rlb i { display: block; width: 100%; height: var(--h); border-radius: 1.2cqw 1.2cqw .4cqw .4cqw; background: #ffffff; transform-origin: bottom center; }
.rv-late .rlb small { font: 500 2.1cqw/1 var(--body); opacity: .85; }
.rv-late .rlt { animation: rsFade .4s ease .2s both; animation-play-state: paused; }
.rv-late .rlb i { animation: rsGrowY .55s cubic-bezier(.2,.7,.2,1) calc(.4s + var(--i) * .22s) both; animation-play-state: paused; }
.rv-dep { height: 100%; display: flex; align-items: center; gap: 4cqw; color: #ffffff; }
.rv-dep .rdi { flex: none; width: 15cqw; height: 15cqw; border-radius: 3.4cqw; background: rgba(255,255,255,.22); display: grid; place-items: center; }
.rv-dep .rdi svg { width: 8cqw; height: 8cqw; }
.rv-dep .rdb { flex: 1 1 auto; display: flex; flex-direction: column; gap: 1.8cqw; }
.rv-dep .rdb small { font: 500 2.5cqw/1 var(--body); }
.rv-dep .rdt { display: block; height: 3.4cqw; border-radius: 99px; background: rgba(255,255,255,.25); overflow: hidden; }
.rv-dep .rdt i { display: block; height: 100%; width: 100%; border-radius: 99px; background: #ffffff; transform-origin: left center; animation: rsGrowX 1.2s cubic-bezier(.2,.7,.2,1) .4s both; animation-play-state: paused; }
.rv-apps { height: 100%; display: flex; align-items: center; justify-content: center; gap: 2.4cqw; }
.rv-apps .ic { flex: none; width: 11cqw; height: 11cqw; border-radius: 3cqw; box-shadow: 0 0 0 .5cqw rgba(255,255,255,.9); }
.rv-apps .ra2 { width: 14cqw; height: 14cqw; border-radius: 3.6cqw; }
.rv-apps .rbd { display: flex; gap: 1.2cqw; }
.rv-apps .rbd i { width: 1.4cqw; height: 1.4cqw; border-radius: 50%; background: #ffffff; animation: rsFade .25s ease calc(.5s + var(--d, 0s)) both; animation-play-state: paused; }
.rv-apps .rbd i:nth-child(2) { --d: .15s; } .rv-apps .rbd i:nth-child(3) { --d: .3s; }
.rv-apps .ra1, .rv-apps .ra3 { animation: rsPop .4s cubic-bezier(.3,1.5,.5,1) .15s both; animation-play-state: paused; }
.rv-apps .ra2 { animation: rsPop .45s cubic-bezier(.3,1.5,.5,1) 1s both; animation-play-state: paused; }
.rv-rcpt { height: 100%; display: flex; align-items: center; gap: 3cqw; }
.rv-rcpt .rrp { flex: none; width: 17cqw; display: flex; flex-direction: column; gap: 1.4cqw; padding: 2.4cqw 2cqw; border-radius: 1.4cqw; background: #ffffff; color: #222222; }
.rv-rcpt .rrp b { font: 700 1.9cqw/1 var(--body); letter-spacing: .05em; }
.rv-rcpt .rrp i { display: block; height: 1.3cqw; border-radius: 99px; background: #dedede; }
.rv-rcpt .rrp i:nth-of-type(2) { width: 70%; }
.rv-rcpt .rrp em { font: 700 2.2cqw/1 var(--body); font-style: normal; text-align: right; color: #0b8f3d; }
.rv-rcpt .rrc { flex: 1 1 auto; min-width: 0; display: flex; justify-content: space-between; align-items: center; gap: 2cqw; padding: 2.4cqw 2.6cqw; border-radius: 2cqw; background: rgba(255,255,255,.16); color: #ffffff; }
.rv-rcpt .rrc > span:first-child { display: flex; flex-direction: column; gap: 1cqw; font: 500 2.2cqw/1 var(--body); }
.rv-rcpt .rrc b { font: 700 2.8cqw/1 var(--body); }
.rv-rcpt .rrc .pill { height: auto; padding: 1cqw 2cqw; font-size: 2.3cqw; background: #ffffff !important; color: #0b8f3d !important; }
.rv-rcpt .rrp { animation: rsLeft .55s cubic-bezier(.2,.7,.2,1) .25s both; animation-play-state: paused; }
.rv-rcpt .rrc { animation: rsFade .4s ease .6s both; animation-play-state: paused; }
.rv-rcpt .rrc .pill { animation: rsPop .4s cubic-bezier(.3,1.6,.5,1) 1.3s both; animation-play-state: paused; }
.rv-pkt { height: 100%; display: flex; align-items: center; justify-content: center; gap: 3cqw; }
.rv-pkt .rpf { width: 11cqw; animation: rsUp .45s cubic-bezier(.2,.7,.2,1) calc(.25s + var(--i) * .2s) both; animation-play-state: paused; }
.rv-pkt .rpf svg { width: 100%; height: auto; display: block; }
.rv-pkt .rps { width: 11cqw; height: 11cqw; border-radius: 50%; background: #ffffff; color: #0b8f3d; display: grid; place-items: center; margin-left: 1cqw; animation: rsPop .4s cubic-bezier(.3,1.6,.5,1) 1.1s both; animation-play-state: paused; }
.rv-pkt .rps svg { width: 5.4cqw; height: 5.4cqw; }
.rv-paid { display: flex; flex-direction: column; gap: 2cqw; }
.rv-paid .rpr { display: flex; justify-content: space-between; align-items: center; gap: 2cqw; padding: 2.4cqw 2.6cqw; border-radius: 2cqw; background: rgba(255,255,255,.16); color: #ffffff; }
.rv-paid .rpr > span:first-child { display: flex; flex-direction: column; gap: 1cqw; font: 600 2.5cqw/1 var(--body); }
.rv-paid .rpr small { font: 500 2cqw/1 var(--body); opacity: .85; }
.rv-paid .pill { height: auto; padding: 1cqw 2cqw; font-size: 2.3cqw; }
.rv-paid .pill.ok { background: #ffffff !important; color: #0b8f3d !important; }
.rv-paid .pill.ask { background: rgba(255,200,116,.95) !important; color: #5a3a00 !important; }
.rv-paid .rpp { display: inline-grid; justify-items: end; }
.rv-paid .rpp > .pill { grid-area: 1 / 1; }
.rv-paid .rpr { animation: rsUp .45s cubic-bezier(.2,.7,.2,1) .25s both; animation-play-state: paused; }
.rv-paid .rpr + .rpr { animation-delay: .45s; }
.rv-paid .x1 { animation: rsOut .3s ease 1.4s both; animation-play-state: paused; }
.rv-paid .x2 { animation: rsPop .35s cubic-bezier(.3,1.6,.5,1) 1.5s both; animation-play-state: paused; }
.rv-cost { height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 8cqw; color: #ffffff; }
.rv-cost > span { height: 100%; width: 16cqw; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 1.4cqw; }
.rv-cost i { display: block; width: 100%; height: calc(var(--h) * .8); border-radius: 1.6cqw 1.6cqw .5cqw .5cqw; background: rgba(255,255,255,.5); transform-origin: bottom center; animation: rsGrowY .8s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .3s) both; animation-play-state: paused; }
.rv-cost > span:last-child i { background: #ffffff; }
.rv-cost small { font: 600 2.4cqw/1 var(--body); }
.play.rth :is(.rv-1099 .r9f, .rv-1099 .r9r, .rv-1099 .r9v s, .rv-1099 .r9v b, .rv-late .rlt, .rv-late .rlb i, .rv-dep .rdt i, .rv-apps .rbd i, .rv-apps .ic, .rv-rcpt .rrp, .rv-rcpt .rrc, .rv-rcpt .rrc .pill, .rv-pkt .rpf, .rv-pkt .rps, .rv-paid .rpr, .rv-paid .x1, .rv-paid .x2, .rv-cost i) { animation-play-state: running; }
@keyframes rsStrike { from { text-decoration-color: transparent; } to { text-decoration-color: #ffffff; } }
@keyframes rsOut { from { opacity: 1; } to { opacity: 0; } }
.rtab .trow.rtot { border-top: 1px solid rgba(255,255,255,.14); }
.rtab .trow.rtot .m, .rtab .trow.rtot .amt { color: #ffffff; font-weight: 600; }
.rsteps { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 12px; }
.rsteps li { display: flex; align-items: flex-start; gap: 14px; color: #c4c4c4; font-size: 17px; line-height: 1.55; }
.rsteps .rsn { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #ffffff; color: #111111; font-size: 14px; font-weight: 600; display: grid; place-items: center; margin-top: 1px; }
@media (max-width: 700px) { .rsteps li { font-size: 16px; } }
.rtab .trow.rtot .m small { color: #8a8a8a; font-weight: 400; }
.mph { padding: 0 !important; }
.mpstage { position: relative; height: 470px; display: flex; justify-content: center; align-items: flex-start; padding-top: 36px; overflow: hidden; }
.mpstage::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64px; background: linear-gradient(rgba(0,0,0,0), #000000); pointer-events: none; z-index: 3; }
.mphone { font-size: 16px; position: relative; z-index: 2; width: 17.5em; height: 34em; flex: none; border-radius: 2.7em; background: #000000; border: 1px solid rgba(255,255,255,.16); box-shadow: 0 0 0 .42em #151515, 0 0 0 calc(.42em + 1px) rgba(255,255,255,.1), 0 30px 60px -20px rgba(0,0,0,.8); overflow: hidden; color: #ffffff; letter-spacing: normal;
animation: mpUp .9s cubic-bezier(.2,.7,.2,1) both; animation-play-state: paused; }
.mpisl { position: absolute; top: .55em; left: 50%; width: 5.4em; height: 1.45em; margin-left: -2.7em; border-radius: 1em; background: #000000; border: 1px solid rgba(255,255,255,.07); z-index: 4; }
.mpsb { display: flex; justify-content: space-between; align-items: center; padding: .8em 1.5em 0; font-size: .7em; font-weight: 600; height: 2.6em; }
.mpsi { display: flex; gap: .45em; align-items: center; } .mpsi svg { height: .85em; width: auto; fill: currentColor; }
.mpscr { padding: .55em .8em 0; display: flex; flex-direction: column; gap: .62em; position: relative; }
.mptop { display: flex; justify-content: space-between; align-items: center; }
.mptop.c { justify-content: space-between; }
.mpr { display: flex; gap: .4em; align-items: center; }
.mpbtn { width: 2.1em; height: 2.1em; border-radius: 50%; background: #161616; border: 1px solid rgba(255,255,255,.1); display: grid; place-items: center; }
.mpbtn svg { width: 1.05em; height: 1.05em; } .mpbtn.ghost { visibility: hidden; }
.mpinb { height: 2.1em; padding: 0 .8em 0 .6em; border-radius: 1.1em; background: #161616; border: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; gap: .35em; font-size: .78em; }
.mpinb svg { width: 1.1em; height: 1.1em; }
.mpcard { background: #161616; border: 1px solid rgba(255,255,255,.07); border-radius: 1.15em; padding: .8em .95em; position: relative; }
.mpcard small { display: block; color: #8d8d8d; font-size: .7em; }
.mphealth { overflow: hidden; min-height: 9.6em; }
.mpbig { font-size: 2.6em; font-weight: 600; line-height: 1.05; margin-top: .1em; letter-spacing: -.02em; }
.mpbig span { font-size: .3em; color: #8d8d8d; font-weight: 400; margin-left: .3em; letter-spacing: 0; }
.mphealth p { font-size: .76em; line-height: 1.35; margin: .45em 0 .7em; max-width: 12em; color: #e6e6e6; }
.mpsee { display: inline-block; font-size: .7em; font-weight: 600; background: #e9e9e9; color: #111111; border-radius: 1em; padding: .45em 1em; }
.mparc { position: absolute; right: -.4em; bottom: -.2em; width: 7.4em; }
.mparc path { fill: none; stroke-width: 9; stroke-linecap: round; }
.mparc .bg { stroke: #262626; }
.mparc .fg { stroke: #1ED760; stroke-dasharray: 100; stroke-dashoffset: 100; animation: mpArc 1.4s cubic-bezier(.2,.7,.2,1) .7s both; animation-play-state: paused; }
.mpmoney { padding: .2em .95em; }
.mprow { display: flex; justify-content: space-between; align-items: center; padding: .62em 0; font-size: .8em; }
.mprow + .mprow { border-top: 1px solid rgba(255,255,255,.07); }
.mprow small { font-size: .82em; margin-top: .15em; }
.mprow b { font-weight: 600; font-variant-numeric: tabular-nums; } .mprow b.g { color: #1ED760; } .mprow b.n { font-weight: 500; color: #cfcfcf; }
.mpmoney .mprow { animation: mpIn .5s ease both; animation-delay: calc(1.3s + var(--i) * .25s); animation-play-state: paused; }
.mpstage.two { justify-content: flex-end; padding-right: 7%; }
.mpdesk { position: absolute; left: 5%; top: 64px; width: 66%; border-radius: 14px; background: #101010; border: 1px solid rgba(255,255,255,.1); overflow: hidden; z-index: 1;
animation: mpIn .8s ease both; animation-play-state: paused; }
.mpdbar { display: flex; gap: 6px; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.07); } .mpdbar i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.18); }
.mpdin { display: flex; min-height: 300px; }
.mpdrail { width: 44px; border-right: 1px solid rgba(255,255,255,.07); padding: 12px 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.mpdrail i { width: 18px; height: 18px; border-radius: 5px; background: rgba(255,255,255,.08); } .mpdrail i.on { background: rgba(255,255,255,.75); }
.mpdmain { flex: 1; padding: 16px 18px; min-width: 0; }
.mpdmain b { display: block; font-size: 15px; font-weight: 600; } .mpdmain small { display: block; color: #8d8d8d; font-size: 12px; margin-top: 2px; }
.mpdbars { display: flex; align-items: flex-end; gap: 7px; height: 120px; margin: 16px 0 14px; padding-right: 34%; }
.mpdbars i { flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: #4f86f7; transform-origin: bottom; animation: mpGrow .6s cubic-bezier(.2,.7,.2,1) both; animation-delay: calc(.3s + var(--d) * 70ms); animation-play-state: paused; }
.mpdl { display: flex; justify-content: space-between; padding: 9px 34% 9px 0; border-top: 1px solid rgba(255,255,255,.06); }
.mpdl span { height: 8px; border-radius: 4px; background: rgba(255,255,255,.1); width: 38%; } .mpdl span + span { width: 18%; }
.mphone.dim .mptop { opacity: .35; }
.mpsheet { background: #111111; border: 1px solid rgba(255,255,255,.08); border-radius: 1.4em; padding: .5em; display: flex; flex-direction: column; gap: .5em; }
.mptiles { display: grid; grid-template-columns: 1fr 1fr; gap: .5em; }
.mptile { background: #1c1c1c; border-radius: 1.1em; padding: .85em .4em .75em; display: flex; flex-direction: column; align-items: center; gap: .5em; font-size: .78em; font-weight: 500; text-align: center; }
.mpico { width: 3.1em; height: 3.1em; border-radius: .95em; background: #2a2a2a; display: grid; place-items: center; }
.mpico svg { width: 2.1em; height: 2.1em; }
.mptile.snap { animation: mpTap .7s ease .9s both; animation-play-state: paused; }
.mplist { background: #1c1c1c; border-radius: 1.1em; padding: 0 .75em; }
.mplist > div { display: flex; align-items: center; gap: .6em; padding: .55em 0; font-size: .78em; }
.mplist > div + div { border-top: 1px solid rgba(255,255,255,.07); }
.mplist span { flex: 1; } .mpch { width: 1em; height: 1em; color: #6d6d6d; }
.mpli { width: 1.9em; height: 1.9em; border-radius: .6em; background: #2a2a2a; color: var(--k); display: grid; place-items: center; } .mpli svg { width: 1.15em; height: 1.15em; }
.mprc { position: absolute; left: .8em; right: .8em; top: 13.6em; background: #1c1c1c; border: 1px solid rgba(255,255,255,.12); border-radius: 1.15em; padding: .7em; display: flex; align-items: center; gap: .65em; box-shadow: 0 -10px 30px rgba(0,0,0,.6); z-index: 3;
animation: mpSlide .6s cubic-bezier(.2,.7,.2,1) 1.5s both; animation-play-state: paused; }
.mprcp { width: 3.2em; flex: none; background: #ffffff; color: #111111; border-radius: .4em; padding: .4em .35em; display: flex; flex-direction: column; gap: .22em; }
.mprcp b { font-size: .42em; letter-spacing: .06em; } .mprcp i { height: .22em; border-radius: .1em; background: #d6d6d6; } .mprcp em { font-style: normal; font-size: .46em; font-weight: 700; color: #0b8f3d; text-align: right; }
.mprct { flex: 1; min-width: 0; font-size: .8em; } .mprct b { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mprct small { display: block; color: #8d8d8d; font-size: .85em; margin-top: .15em; }
.mpsw { display: grid; } .mpsw > * { grid-area: 1 / 1; justify-self: end; }
.mph .pill { font-size: .66em; }
.mpsw .a { animation: mpOut .3s ease 2.6s both; animation-play-state: paused; }
.mpsw .b { animation: mpIn .35s ease 2.75s both; animation-play-state: paused; }
.mpgrab { width: 2.6em; height: .3em; border-radius: .2em; background: #3a3a3a; align-self: center; }
.mpttl { text-align: center; font-size: .9em; font-weight: 600; margin-top: -.2em; }
.mpfl { font-size: .7em; color: #8d8d8d; margin: .1em 0 -.35em .3em; }
.mpline { display: flex; justify-content: space-between; align-items: center; font-size: .8em; padding: .75em .9em; }
.mpline small { font-size: .82em; margin-top: .15em; } .mpline b { font-weight: 600; }
.mptot { padding: .1em .9em; }
.mpsend { display: grid; height: 2.7em; border-radius: 1.4em; background: #ffffff; color: #111111; font-size: .85em; font-weight: 600; place-items: center; animation: mpTap .6s ease 1s both; animation-play-state: paused; }
.mpsend > span { grid-area: 1 / 1; }
.mpsend .b { opacity: 0; animation: mpIn .3s ease 1.45s both; animation-play-state: paused; }
.mpsend .a { animation: mpOut .25s ease 1.3s both; animation-play-state: paused; }
.mptoast { position: absolute; left: .8em; right: .8em; top: .9em; background: #1c1c1c; border: 1px solid rgba(255,255,255,.12); border-radius: 1.1em; padding: .65em .85em; display: flex; justify-content: space-between; align-items: center; gap: .6em; box-shadow: 0 12px 30px rgba(0,0,0,.6); z-index: 3;
animation: mpDrop .55s cubic-bezier(.2,.7,.2,1) 1.9s both; animation-play-state: paused; }
.mptoast span:first-child { font-size: .78em; } .mptoast b { display: block; font-weight: 600; } .mptoast small { display: block; color: #8d8d8d; font-size: .85em; margin-top: .1em; }
.mpch-t { font-size: .9em; font-weight: 600; }
.mpq { align-self: flex-end; max-width: 78%; background: #e9e9e9; color: #111111; font-size: .8em; padding: .6em .85em; border-radius: 1.1em 1.1em .3em 1.1em; margin-top: .6em; animation: mpIn .45s ease .4s both; animation-play-state: paused; }
.mpty { display: flex; gap: .3em; padding: .2em .4em; height: 1.2em; align-items: center; animation: mpOut .2s ease 1.9s both; animation-play-state: paused; }
.mpty i { width: .45em; height: .45em; border-radius: 50%; background: #6d6d6d; animation: mpDot .8s ease-in-out .5s 2 both; animation-play-state: paused; }
.mpty i:nth-child(2) { animation-delay: .15s; } .mpty i:nth-child(3) { animation-delay: .3s; }
.mpa { display: flex; gap: .55em; align-items: flex-start; margin-top: -1.6em; animation: mpIn .5s ease 2s both; animation-play-state: paused; }
.mpav { width: 1.9em; height: 1.9em; flex: none; border-radius: .55em; }
.mpab { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .5em; }
.mpab p { margin: 0; font-size: .8em; line-height: 1.45; color: #e6e6e6; } .mpab p b { color: #ffffff; font-weight: 600; }
.mpmini { display: flex; justify-content: space-between; align-items: center; background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: .9em; padding: .55em .75em; font-size: .76em; animation: mpIn .45s ease 2.6s both; animation-play-state: paused; }
.mpmini small { display: block; color: #8d8d8d; font-size: .85em; } .mpmini b { font-weight: 600; }
.mpask { margin-top: 1.1em; display: flex; justify-content: space-between; align-items: center; background: #161616; border: 1px solid rgba(255,255,255,.1); border-radius: 1.4em; padding: .45em .45em .45em 1em; font-size: .8em; color: #8d8d8d; }
.mpmic { width: 2.1em; height: 2.1em; border-radius: 50%; background: #ffffff; color: #111111; display: grid; place-items: center; } .mpmic svg { width: 1.1em; height: 1.1em; }
.play .mphone, .play .mphone *, .play .mpdesk, .play .mpdesk * { animation-play-state: running !important; }
@keyframes mpUp { from { opacity: 0; transform: translateY(46px); } to { opacity: 1; transform: none; } }
@keyframes mpIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes mpOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes mpArc { to { stroke-dashoffset: 15; } }
@keyframes mpGrow { from { transform: scaleY(0); } to { transform: none; } }
@keyframes mpTap { 0%, 100% { transform: none; } 40% { transform: scale(.93); box-shadow: 0 0 0 .25em rgba(255,255,255,.18); } }
@keyframes mpSlide { from { opacity: 0; transform: translateY(3em); } to { opacity: 1; transform: none; } }
@keyframes mpDrop { from { opacity: 0; transform: translateY(-2em); } to { opacity: 1; transform: none; } }
@keyframes mpDot { 0%, 100% { opacity: .35; transform: none; } 50% { opacity: 1; transform: translateY(-.2em); } }
@media (max-width: 700px) {
.mpstage { height: 320px; padding-top: 20px; }
.mphone { font-size: 14px; }
.mpstage.two { padding-right: 5%; }
.mpdesk { left: 4%; top: 52px; width: 70%; }
.mpdbars { height: 84px; } .mpdin { min-height: 240px; } .mpdrail { width: 32px; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .mphone, .mphone *, .mpdesk, .mpdesk * { animation-duration: .01s !important; animation-delay: 0s !important; } }
@media (max-width: 920px) { .feat .shot.mph, .ss-vis .shot.mph { zoom: 1 !important; } }
.ss.ss-one .mph .pill, .mph .pill { min-width: 0 !important; }
.mprcp { width: 2.7em; }
.mpline .mpsw .a { animation-delay: 1.45s; } .mpline .mpsw .b { animation-delay: 1.6s; }
.mpsend { line-height: 1; }
.menu .drop.dsoon { width: 340px; grid-template-columns: 1fr; }
.menu .top, .nav-right .login { white-space: nowrap; }
@media (max-width: 1180px) { .menu .top { padding-left: 9px !important; padding-right: 9px !important; font-size: 14px !important; } .menu { gap: 0 !important; } }
@media (max-width: 1180px) { .menu .top { display: inline-flex !important; align-items: center; height: 36px; line-height: 1 !important; } }
.rsteps { gap: 10px; }
.rsteps li { font-size: 15.5px; gap: 12px; }
.rsteps .rsn { width: 23px; height: 23px; font-size: 12px; margin-top: 0; }
.rart > .rtab { margin-bottom: 18px !important; }
@media (max-width: 700px) { .rsteps li { font-size: 14.5px; } .rart > .rtab { margin-bottom: 16px !important; } }
.drop .dfull { grid-column: 1 / -1; margin-top: 4px; border-top: 1px solid var(--line); border-radius: 0 0 12px 12px; padding-top: 14px; }
.drop .dgrp { grid-column: 1 / -1; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #8a8a8a; padding: 10px 12px 0; }
.menu .drop a.soon2 { display: flex; align-items: center; grid-column: 1 / -1; }
.menu .drop a.soon2 .csoon { margin-left: auto; flex: none; align-self: center; }
.nav-right .login { white-space: nowrap; }
.plan-tag { background: rgba(255,255,255,.08) !important; color: #b5b5b5 !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
@media (min-width: 861px) { .whoA .wpt h3 { margin-bottom: 18px !important; } }
html.dk #vnight .vpn { border-width: 3px !important; }
html.dk #vnight .vstage { filter: drop-shadow(0 0 7px rgba(56,232,140,.55)) drop-shadow(0 0 20px rgba(255,255,255,0.14)); }
html.dk #vnight .vglow { display: none !important; }
.trev .rq > .rqm, .trev .rq > .rqb { margin-top: auto; }
.ivb .kcur { display: none !important; }
.ivb .ivb-ty.ivb-static { max-width: none !important; animation: none !important; }
.ivb .ivb-line, .ivb .ivb-sum { opacity: 1 !important; animation: none !important; }
.ivb .ivb-tg, .ivb .ivb-tg i { animation-delay: 1.2s !important; }
.ivb .ivb-v > .v1 { animation-delay: 1.45s !important; }
.ivb .ivb-v > .v2 { animation-delay: 1.55s !important; }
.ivb .ivb-you { padding: 9px 12px; font-size: 13px; }
.ivb .ivb-you b { font-size: 15px !important; letter-spacing: 0; }
.eyebrow .plan-tag { vertical-align: 1px; letter-spacing: 0; }
.estx .shot-b { flex: 0 0 auto !important; display: block !important; height: auto !important; }
.estx .shot-b .trow { padding-top: 11px !important; padding-bottom: 11px !important; min-height: 0 !important; flex: none !important; }
.estx .pjparts { padding-bottom: 6px !important; }
.v6sw { display: inline-grid; justify-self: end; } .v6sw > * { grid-area: 1 / 1; justify-self: end; }
.v6sw .a { animation: mpOut .3s ease var(--sd, 1.6s) both; animation-play-state: paused; }
.v6sw .b { opacity: 0; animation: mpIn .35s ease calc(var(--sd, 1.6s) + .15s) both; animation-play-state: paused; }
.play .v6sw > * { animation-play-state: running !important; }
.rcsnap .rcs-body { display: grid; grid-template-columns: 132px 1fr; gap: 18px; padding: 18px; align-items: start; }
.rcs-pic { background: #f1f1f1; color: #222222; border-radius: 10px; padding: 14px 12px; display: grid; gap: 8px; transform: rotate(-2deg); box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.rcs-pic b { font-size: 11px; letter-spacing: .06em; }
.rcs-pic i { display: block; height: 5px; border-radius: 3px; background: #d3d3d3; }
.rcs-pic i.s { width: 60%; }
.rcs-pic em { font-style: normal; display: flex; justify-content: space-between; font-size: 10.5px; font-weight: 600; border-top: 1px dashed #b5b5b5; padding-top: 7px; }
.rcs-info { display: grid; gap: 4px; }
.rcs-r { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 38px; padding: 0 2px; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 14px; }
.rcs-r:last-child { border-bottom: 0; }
.rcs-r > span:first-child { color: rgba(255,255,255,.55); font-size: 13px; }
.rcs-r b { font-weight: 500; color: #ededed; font-variant-numeric: tabular-nums; }
.rcsnap .v6sw { --sd: 1.4s; }
.rcmx .v6sw, .rcyr .v6sw { --sd: 1.2s; }
@media (max-width: 700px) { .rcsnap .rcs-body { grid-template-columns: 96px 1fr; gap: 12px; padding: 12px; } .rcs-r { min-height: 32px; font-size: 13px; } }
.v6sw > .pill { min-width: 0 !important; width: auto !important; }
.tpcpa .v6sw { --sd: 1.3s; }
.rpx-top { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px 6px; }
.rpx-top small { display: block; font-size: 12px; color: rgba(255,255,255,.5); margin-bottom: 4px; }
.rpx-top b { font-size: 26px; font-weight: 600; letter-spacing: -.02em; color: #ffffff; font-variant-numeric: tabular-nums; }
.rpx-chart { position: relative; height: 150px; margin: 8px 18px 0; }
.rpx-grid { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; }
.rpx-grid i { display: block; height: 1px; background: rgba(255,255,255,.07); }
.rpx-bars { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; }
.rpx-bars > span { flex: 1; height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 3px; }
.rpx-bars i { display: block; width: 38%; max-width: 12px; height: var(--h); border-radius: 4px 4px 1px 1px; transform-origin: bottom; transform: scaleY(0); animation: rpxGrow .7s cubic-bezier(.2,.7,.2,1) calc(.3s + var(--i) * .06s) both; animation-play-state: paused; }
.rpx-bars i.in { background: #1ED760; } .rpx-bars i.out { background: rgba(255,255,255,.28); }
.play .rpx-bars i { animation-play-state: running; }
@keyframes rpxGrow { to { transform: scaleY(1); } }
.rpx-x { display: flex; justify-content: space-between; margin: 8px 18px 0; font-size: 11px; color: rgba(255,255,255,.4); }
.rpx-x span { flex: 1; text-align: center; }
.rpx-leg { display: flex; gap: 22px; padding: 14px 18px 18px; margin-top: 10px; border-top: 1px solid rgba(255,255,255,.07); font-size: 12.5px; color: rgba(255,255,255,.55); }
.rpx-leg span { display: flex; align-items: center; gap: 7px; }
.rpx-leg b { color: #ededed; font-weight: 500; margin-left: 4px; font-variant-numeric: tabular-nums; }
.rpx-leg i { width: 9px; height: 9px; border-radius: 3px; display: block; }
.rpx-leg i.in { background: #1ED760; } .rpx-leg i.out { background: rgba(255,255,255,.28); }
.rgx-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 26px 18px 24px; }
.rgx { display: grid; justify-items: center; gap: 10px; position: relative; }
.rgx svg { width: 100%; max-width: 128px; transform: rotate(-90deg); }
.rgx circle { fill: none; stroke-width: 8; }
.rgx .bg { stroke: rgba(255,255,255,.08); }
.rgx .fg { stroke: var(--c); stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; animation: rgxFill 1.3s cubic-bezier(.3,.7,.2,1) calc(.3s + var(--i) * .2s) both; animation-play-state: paused; }
.play .rgx .fg { animation-play-state: running; }
@keyframes rgxFill { to { stroke-dashoffset: calc(100 - var(--p)); } }
.rgx-in { position: absolute; top: 0; left: 0; right: 0; aspect-ratio: 1; max-width: 128px; margin: 0 auto; display: grid; place-content: center; text-align: center; }
.rgx-in b { font-size: 20px; font-weight: 600; color: #ffffff; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.rgx-in small { font-size: 11px; color: rgba(255,255,255,.5); }
.rgx-l { font-size: 12.5px; color: rgba(255,255,255,.7); text-align: center; }
@media (max-width: 700px) { .rgx-row { gap: 8px; padding: 18px 10px; } .rgx-in b { font-size: 15px; } .rgx-in small { font-size: 10px; } .rgx-l { font-size: 11.5px; } .rpx-top b { font-size: 21px; } .rpx-chart { height: 120px; } .rpx-leg { gap: 14px; font-size: 11.5px; flex-wrap: wrap; } }
.rgw .ska-main { display: flex; flex-direction: column; }
.rgw .rgx-row { flex: 1 1 auto; align-content: center; }
@media (min-width: 701px) { .rgx svg, .rgx-in { max-width: 156px; } .rgx-in b { font-size: 23px; } }
.pja-f { display: grid; gap: 2px; padding: 12px 18px 4px; }
.pja-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px 18px; margin-top: auto; border-top: 1px solid rgba(255,255,255,.07); }
.pjadd .ska-main { display: flex; flex-direction: column; }
.pja-tot small { display: block; font-size: 11.5px; color: rgba(255,255,255,.5); margin-bottom: 3px; }
.pja-tot b { font-size: 18px; font-weight: 600; color: #ffffff; font-variant-numeric: tabular-nums; justify-self: start; }
.pja-tot .v6sw > * { justify-self: start; }
.pja-btn { height: 34px; }
.pja-btn > span { display: inline-flex; align-items: center; gap: 5px; height: 34px; padding: 0 16px; border-radius: 99px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.pja-btn .a { background: #ffffff; color: #111111; } .pja-btn .b { background: rgba(255,255,255,0.07); color: #1ED760; }
.pja-btn .b svg { width: 13px; height: 13px; }
.pjadd .v6sw { --sd: 1.4s; }
.pjk-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 16px 18px 18px; }
.pjk-c { display: grid; gap: 8px; align-content: start; }
.pjk-h { font-size: 12px; color: rgba(255,255,255,.5); padding: 0 2px 2px; }
.pjk-card { background: #161616; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 12px; display: grid; gap: 4px; opacity: 0; animation: pjkUp .45s cubic-bezier(.2,.7,.2,1) .3s both; animation-play-state: paused; }
.pjk-c:nth-child(2) .pjk-card { animation-delay: .45s; } .pjk-c:nth-child(3) .pjk-card { animation-delay: .6s; }
@keyframes pjkUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.pjk-card b { font-size: 13.5px; font-weight: 500; color: #ededed; }
.pjk-card span { font-size: 12.5px; color: rgba(255,255,255,.55); font-variant-numeric: tabular-nums; }
.play .pjk-card { animation-play-state: running; }
@media (max-width: 700px) { .pjk-cols { gap: 7px; padding: 12px 10px; } .pjk-card { padding: 9px; } .pjk-card b { font-size: 12px; } .pjk-card span { font-size: 11px; } .pja-f { padding: 8px 12px 2px; } .pja-foot { padding: 12px; } }
.pjx .pjx-t > div { background: none !important; border: 0 !important; box-shadow: none !important; padding: 4px 18px !important; border-left: 1px solid rgba(255,255,255,.08) !important; border-radius: 0 !important; }
.pjx .pjx-t > div:first-child { border-left: 0 !important; padding-left: 0 !important; }
.pjx .pjx-t b { font-size: 22px !important; }
.pjx .pjx-t small { font-size: 12px !important; }
@media (max-width: 700px) { .pjx .pjx-t > div { border-left: 0 !important; padding: 6px 0 !important; } .pjx .pjx-t b { font-size: 18px !important; } }
.kchs .kc { max-width: 410px; margin-left: 0 !important; margin-right: auto !important; padding: 14px 16px !important; }
.kchs .kc-tot b { font-size: 18px !important; }
.kchs .kc-tot span, .kchs .kc-r, .kchs .kc-sub, .kchs .kc-ttl { font-size: 13px !important; }
.kchs .kc-b > span { height: 34px !important; font-size: 13px !important; }
.kchs .a .t, .kchs .q { font-size: 13.5px !important; }
.kchs .kc-b > span { padding: 0 14px !important; white-space: nowrap; }
.conn3 .cdots i { background: radial-gradient(circle, #ffffff 0 45%, rgba(255,255,255,.35) 75%, rgba(255,255,255,0) 100%) !important; animation: none !important; width: 8px; height: 8px; }
.sv-facts .svf-i, .sv-facts .svf-i svg { color: #cfcfcf !important; }
.sv-facts .svf-i { background: rgba(255,255,255,.07) !important; }
.mphone { display: flex; flex-direction: column; }
.mphone > .mpsb { flex: none; }
.mphone > .mpscr { flex: 1 1 auto; min-height: 0; font-size: .86em; }
.mpscr > .mpask { margin-top: auto !important; margin-bottom: 1.5em; }
.mpstage.full::after { display: none; }
.mphone.full { height: 414px; }
@media (max-width: 920px) { .mphone.full { height: 290px; } }
[data-page="realtors"] .finx-top b, .finx-top b { color: #ffffff !important; }
.ivb.ivbc .kcur { display: block !important; animation: ivbCur2 1.6s ease-in-out .1s both, kcurPress .25s ease 1.05s !important; animation-play-state: paused !important; }
.ivb.ivbc.play .kcur { animation-play-state: running !important; }
@keyframes ivbCur2 { 0% { transform: translate(calc(var(--x2, 300px) + 120px), calc(var(--y2, 150px) + 90px)); opacity: 0; } 15% { opacity: 1; } 65%, 100% { transform: translate(var(--x2, 300px), var(--y2, 150px)); opacity: 1; } }
.pcx { display: grid; gap: 18px; }
.pcx .pc-l small { display: block; font-size: 12px; color: rgba(255,255,255,.5); font-weight: 400; margin-top: 2px; }
.pcx-save { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); font-size: 15px; color: rgba(255,255,255,.7); }
.pcx-save b { color: #ffffff; font-weight: 600; font-size: 18px; }
.pcx-save span:last-child { color: rgba(255,255,255,.55); font-size: 14px; }
.mbsk .ska-main { display: flex; flex-direction: column; }
.mbsk .bizdemo.mbz { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; zoom: 1 !important; padding: 0 !important; }
.mbsk .bizdemo.mbz::before, .mbsk .bizdemo.mbz::after { display: none !important; }
.mbsk .mbz .bd-h { border-bottom: 0 !important; padding: 14px 16px 10px !important; }
.mbsk .mbz-l { font-size: 14px; font-weight: 600; color: #ffffff; }
.mbsk .mbz .bzp-cur { box-shadow: none !important; border-radius: 10px; border: 1px solid rgba(255,255,255,.16); padding: 6px 12px; background: #141414; font-size: 13px; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.mbsk .mbz .bd-list { margin: 0 14px 14px; padding: 6px; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 12px; background: #141414; }
.mbsk .mbz .bz { border-radius: 8px; }
.mbsk .mbz .bzv { color: #a2a2a2; font-weight: 500; }
.mbsk .mbz .bz .pill { justify-self: end; }
@media (max-width: 640px) { .mbsk .mbz .bd-h { padding: 12px 10px 8px !important; } .mbsk .mbz .bd-list { margin: 0 8px 10px; } .mbsk .mbz .bz { gap: 8px; padding: 7px 6px; font-size: 13px; } }
.xfeat.xft { margin-top: 72px; }
.xfeat.xft > h3 { text-align: center; margin-bottom: 18px; }
.xft .cmp-wrap { max-width: 900px; }
.xft .cmp-t td small { display: block; font-size: 12.5px; color: #a2a2a2; font-weight: 400; margin-top: 2px; }
.xft .cmp-t td + td { font-weight: 500; }
@media (max-width: 640px) { .xfeat.xft { margin-top: 48px; } }
.acsc .ska-main { display: flex; flex-direction: column; }
.acsc .trow { grid-template-columns: minmax(0,1fr) auto 104px !important; }
.acsc .trow > :last-child { justify-self: end; }
.acs-big { padding: 14px 18px 8px; display: grid; gap: 2px; }
.acs-big small { font-size: 12.5px; color: #a2a2a2; }
.acs-big b { font-size: 28px; font-weight: 600; color: #ffffff; letter-spacing: -.01em; }
.acs-big span { font-size: 13px; color: #a2a2a2; }
@media (max-width: 640px) { .acsc .trow { grid-template-columns: minmax(0,1fr) auto 92px !important; } .acs-big b { font-size: 24px; } }
.stage .scene:not(.play) .v6sw > * { animation-play-state: paused !important; }
.acsc .shot-b > .trow { display: grid !important; grid-template-columns: minmax(0,1fr) auto auto !important; column-gap: 16px; }
.acsc .shot-b > .trow > :last-child { justify-self: end !important; margin-left: auto; }
html.dk #vnight .vpn { border-color: transparent !important; }
html.dk #vnight .vpn::after, html.dk #vnight .vstage > .vpn::after { display: block !important; opacity: 1 !important; padding: 3px !important;
background: conic-gradient(from var(--ang), hsl(141, 95%, 82%), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #ff7ab6, hsl(141, 95%, 82%)) !important; }
html.dk #vnight .vstage { filter: drop-shadow(0 0 7px hsla(150, 90%, 60%, .75)) drop-shadow(0 0 20px hsla(185, 90%, 60%, .4)) !important; }
.skb { display: inline-block; vertical-align: middle; height: 9px; width: 72px; border-radius: 99px; background: rgba(255,255,255,.14); }
.skb.sm { height: 7px; background: rgba(255,255,255,.08); }
.skb.w60 { width: 60px; } .skb.w64 { width: 64px; } .skb.w90 { width: 90px; } .skb.w100 { width: 100px; } .skb.w110 { width: 110px; }
.bzn .skb { display: block; margin: 3px 0 6px; } .bzn small .skb { display: block; margin: 0; }
.bzv .skb { width: 56px; background: rgba(255,255,255,.1); }
.bzp-cur .skb { margin-right: 4px; }
.acfr .bizdemo .bzv .pill { min-width: 0 !important; }
.ss.ss-one .trow > .amt { grid-column: auto; }
.mphone.chatp .mpscr { padding-bottom: 12.5em; }
.mphone.chatp .mpa2 { display: block; margin-top: -1.6em; }
.mphone.chatp .mpmini2 { margin-top: .6em; animation: mpIn .45s ease 2.6s both; animation-play-state: paused; }
@media (max-width: 920px) { .mphone.chatp .mpscr { padding-bottom: 19.5em; } }
.kwave { display: inline-flex; gap: 3px; align-items: center; }
.kwave i, .mphone .mpty i, .kchat .who i.tdots b { width: 6px !important; height: 6px !important; border-radius: 50%;
background: radial-gradient(circle at 35% 30%, #ffffff 0, rgba(255,255,255,.75) 45%, rgba(255,255,255,.32) 100%) !important;
box-shadow: inset 0 0 0 .5px rgba(255,255,255,.7), 0 0 6px rgba(255,255,255,.18); animation: kdWave 1s ease-in-out infinite !important; }
.kwave i:nth-child(2), .mphone .mpty i:nth-child(2), .kchat .who i.tdots b:nth-child(2) { animation-delay: .15s !important; }
.kwave i:nth-child(3), .mphone .mpty i:nth-child(3), .kchat .who i.tdots b:nth-child(3) { animation-delay: .3s !important; }
.kchat.answered .who i.tdots { display: none; }
:is(.appwin, .sv-phone) .kwave i { background: #a0a0a0 !important; box-shadow: none; }
.appwin .kwait { display: none; padding: 6px 2px; } .appwin .body.wait .kwait { display: flex; }
.sv-dots { position: relative; display: flex; padding: 4px 6px; height: 22px; overflow: hidden; opacity: 0; }
.syncviz.play .sv-dots { animation: svDotsShow 1s ease .7s both; }
@keyframes svDotsShow { 0% { opacity: 0; height: 22px; } 15% { opacity: 1; } 80% { opacity: 1; height: 22px; } 100% { opacity: 0; height: 0; padding: 0; } }
.syncviz.play .sv-card { animation: svIn .5s ease 1.7s both !important; }
.syncviz.play .sv-card .go { animation: svPress .35s ease 2.9s both !important; }
.syncviz.play .sv-card .sv-a { animation: svOut .3s ease 3.3s both !important; }
.syncviz.play .sv-card .sv-b { animation: svIn .35s ease 3.45s both !important; }
.syncviz.play .ph3d .sv-rep { animation: svIn .45s ease 3.9s both !important; }
.kchat { display: flex !important; flex-direction: column; }
.kchat .kc, .kchat.kchs .kc { max-width: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; align-self: stretch; }
.kcbar { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 7px 7px 16px; border-radius: 999px; background: #141414; border: 1px solid rgba(255,255,255,.12); color: #8a8a8a; font-size: 13px; }
.kchat > .kc + .kcbar, .kchat > * + .kcbar { margin-top: auto; }
.kcbar i { width: 28px; height: 28px; flex: none; border-radius: 50%; background: #ffffff; color: #111111; display: grid; place-items: center; }
.kcbar svg { width: 15px; height: 15px; }
html.dk .shot.kchat { position: relative; border-color: transparent !important; filter: drop-shadow(0 0 7px hsla(150, 90%, 60%, .75)) drop-shadow(0 0 20px hsla(185, 90%, 60%, .4)); }
html.dk .shot.kchat::after { content: "" !important; display: block !important; position: absolute; inset: -1.25px; border-radius: inherit; padding: 3px !important; pointer-events: none; z-index: 6; opacity: 1 !important;
background: conic-gradient(from var(--ang), hsl(141, 95%, 82%), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #ff7ab6, hsl(141, 95%, 82%)) !important;
-webkit-mask: linear-gradient(#000000 0 0) content-box, linear-gradient(#000000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000000 0 0) content-box exclude, linear-gradient(#000000 0 0);
animation: orbSpin 6s linear infinite !important; }
[data-page="connect"] .appwin .body { min-height: 360px; }
.kchat .kcbar { margin-top: auto; } .kchat > :nth-last-child(2) { margin-bottom: 14px; }
html.dk .ss.ss-one .ss-vis > .shot.kchat::after, html.dk .shot.kchat::after { display: block !important; inset: 0 !important; }
html.dk .shot.kchat { box-shadow: inset 0 0 22px -6px hsla(150, 90%, 60%, .45) !important; }
.kchat > .q { align-self: flex-end; }
.kchat > .a, .kchat > .kc { align-self: stretch; }
.appwin .kwait { justify-self: start; }
.kwave { position: static !important; inset: auto !important; justify-content: flex-start !important; height: 18px; }
.sv-dots.kwave { height: 22px; padding: 4px 6px; }
[data-page="connect"] .conn3 .appicon { width: 44px !important; height: 44px !important; border-radius: 11px !important; }
[data-page="connect"] .conn3 .appicon.kept { width: 52px !important; height: 52px !important; border-radius: 13px !important; }
[data-page="connect"] .conn3 { gap: 10px; }
[data-page="connect"] .appwin .kc { max-width: none !important; width: auto !important; justify-self: stretch !important; }
[data-page="connect"] .sv-phone .sv-card { padding: 10px 11px !important; font-size: 11.5px !important; gap: 6px !important; }
[data-page="connect"] .sv-phone .sv-card .kc-h .wordmark { height: 12px !important; }
[data-page="connect"] .sv-phone .sv-card .kc-tot b { font-size: 15px !important; }
[data-page="connect"] .sv-phone .sv-card .kc-b span, [data-page="connect"] .sv-phone .sv-card .sv-sent { min-height: 30px !important; font-size: 11.5px !important; }
[data-page="connect"] .ph3d .sv-iph .sv-pb { justify-self: stretch !important; width: auto !important; padding-left: 10px !important; padding-right: 10px !important; }
[data-page="connect"] .ph3d .sv-iph .sv-card, [data-page="connect"] .ph3d .sv-iph .sv-rep { justify-self: stretch; }
[data-page="connect"] .sv-phone .sv-card .sv-sent { background: #000000 !important; color: #ffffff !important; border: 0 !important; border-radius: 999px !important; font-weight: 600 !important; justify-content: center !important; }
[data-page="connect"] .sv-phone .sv-card .sv-sent svg { display: none !important; }
[data-page="receipts"] .feat .shot.kskel { min-height: 400px; display: flex !important; flex-direction: column; }
.rcsnap .ska-main { display: flex; flex-direction: column; }
.rcsnap .rcs-body { flex: 1 1 auto; grid-template-columns: 150px 1fr !important; gap: 22px !important; padding: 20px !important; align-items: stretch !important; }
.rcsnap .rcs-pic { transform: none !important; position: relative; overflow: hidden; align-content: start; gap: 10px !important; padding: 16px 14px !important; box-shadow: none !important; background: #f2f2f2 !important; }
.rcsnap .rcs-pic em { margin-top: 6px; }
.rcs-scan { position: absolute; left: 0; right: 0; top: 0; height: 2px; background: hsl(142,76%,48%); box-shadow: 0 0 12px hsla(142,76%,48%,.8); opacity: 0; }
.rcsnap.play .rcs-scan { animation: rcsScan 1.2s ease-in-out .2s 1 both; }
@keyframes rcsScan { 0% { top: 0; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: 100%; opacity: 0; } }
.rcsnap .rcs-info { display: flex !important; flex-direction: column; gap: 0 !important; }
.rcsnap .rcs-r { flex: 1 1 auto; min-height: 44px !important; }
.rcsnap .rcs-r .v6sw .skb { justify-self: end; }
@media (max-width: 700px) {
[data-page="receipts"] .feat .shot.kskel { min-height: 330px; }
.rcsnap .rcs-body { grid-template-columns: 104px 1fr !important; gap: 12px !important; padding: 12px !important; }
.rcsnap .rcs-pic { padding: 12px 10px !important; gap: 8px !important; }
.rcsnap .rcs-r { min-height: 38px !important; }
}
.rcsnap .rcs-pic { display: flex !important; flex-direction: column; }
.rcsnap .rcs-pic em { margin-top: auto !important; }
.taxset .ska-main > .shot-b { flex: 1 1 auto; display: flex; flex-direction: column; }
.feat .shot.kchat.txbare, .feat .shot.kchat.taxpaid { background: #000000 !important; }
.rgw .rgx .fg { animation: none !important; stroke-dasharray: 100px; stroke-dashoffset: 100px; transition: stroke-dashoffset 2.4s cubic-bezier(.45, 0, .2, 1); transition-delay: calc(.7s + var(--i) * .35s); }
.rgw.play .rgx:nth-child(1) .fg { stroke-dashoffset: 34px; }
.rgw.play .rgx:nth-child(2) .fg { stroke-dashoffset: 45px; }
.rgw.play .rgx:nth-child(3) .fg { stroke-dashoffset: 32px; }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .rgw .rgx .fg { transition: none; } }
.pjjob .ska-main > .shot-h { border-top: 0; }
.pjj-crumb { display: flex; gap: 8px; align-items: center; padding: 14px 20px 0; font-size: 12px; color: rgba(255,255,255,.45); }
.pjj-crumb b { font-weight: 500; color: rgba(255,255,255,.75); }
.pjj-tabs { display: flex; gap: 18px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; color: rgba(255,255,255,.5); }
.pjj-tabs span { padding: 10px 0 9px; border-bottom: 2px solid transparent; }
.pjj-tabs span.on { color: #ffffff; border-bottom-color: #ffffff; }
.pjj-rows { padding: 4px 20px 18px; display: grid; }
.pjj-r { display: flex; align-items: center; gap: 16px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.07); }
.pjj-r .skb:first-child { flex: none; }
.pjj-r .skb:last-child { margin-left: auto; }
.pjinv .ska-main > .trow { flex: 0 0 auto !important; }
.pjinv .ska-main { padding-bottom: 6px; }
.pjk-c { position: relative; }
.pjk-card.pjk-mv { animation: pjkUp .45s cubic-bezier(.2,.7,.2,1) .45s both, pjkGo 1.1s cubic-bezier(.55,0,.25,1) 2s forwards; animation-play-state: paused; }
.pjk-card.pjk-land { opacity: 0; animation: pjkLand .35s ease 3.05s both !important; animation-play-state: paused; }
.play .pjk-card.pjk-mv, .play .pjk-card.pjk-land { animation-play-state: running !important; }
@keyframes pjkGo { 0% { transform: none; box-shadow: none; } 15% { transform: translateY(-4px) rotate(-1.5deg); box-shadow: 0 14px 30px -10px rgba(0,0,0,.8); } 85% { transform: translate(calc(100% + 12px), -4px) rotate(-1.5deg); opacity: 1; } 100% { transform: translate(calc(100% + 12px), calc(100% + 8px)); opacity: 0; } }
@keyframes pjkLand { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.pjk-card.pjk-mv { position: relative; z-index: 3; }
@media (max-width: 700px) { .pjk-card.pjk-mv { animation-name: pjkUp, pjkGo7; } @keyframes pjkGo7 { 0% { transform: none; } 15% { transform: translateY(-3px) rotate(-1.5deg); } 85% { transform: translate(calc(100% + 7px), -3px) rotate(-1.5deg); opacity: 1; } 100% { transform: translate(calc(100% + 7px), calc(100% + 8px)); opacity: 0; } }
.pjj-crumb { padding: 10px 12px 0; } .pjj-tabs { padding: 0 12px; gap: 12px; font-size: 12px; } .pjj-rows { padding: 2px 12px 12px; } .pjj-r { gap: 10px; padding: 10px 0; } }
.rlsk .ska-main > .shot-b { flex: 0 0 auto !important; }
.rlsk .ska-main > .shot-b > .trow { flex: 0 0 auto !important; padding-top: 12px !important; padding-bottom: 12px !important; }
.fxcards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 18px 6px; }
.fxc { position: relative; overflow: hidden; display: grid; gap: 4px; align-content: start; min-height: 92px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: #121212; }
.fxc small { font-size: 12.5px; color: rgba(255,255,255,.55); }
.fxc b { font-family: var(--head); font-size: 22px; font-weight: 500; letter-spacing: -.02em; color: #ffffff; font-variant-numeric: tabular-nums; }
.fxarc { position: absolute; right: -6px; bottom: -4px; width: 92px; }
.fxarc path { fill: none; stroke-width: 9; stroke-linecap: round; }
.fxarc .bg { stroke: #262626; }
.fxarc .fg { stroke: #1ED760; stroke-dasharray: 100px; stroke-dashoffset: 100px; transition: stroke-dashoffset 2s cubic-bezier(.45, 0, .2, 1) .8s; }
.finx.play .fxarc .fg { stroke-dashoffset: 28px; }
@media (max-width: 700px) { .fxcards { gap: 8px; padding: 12px 12px 4px; } .fxc { min-height: 78px; padding: 11px 12px; } .fxc b { font-size: 17px; } .fxarc { width: 66px; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .fxarc .fg { transition: none; } }
.fxarc { right: 14px !important; bottom: 12px !important; width: 78px !important; }
@media (max-width: 700px) { .fxarc { right: 10px !important; bottom: 10px !important; width: 54px !important; } .fxt b { font-size: 15px; } }
.rptk .rpico { justify-self: end; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,0.06); color: #7fb0ff; }
.rptk .rpico svg { width: 16px; height: 16px; }
.rptk.play .rpico svg { animation: rpSpin 1.6s cubic-bezier(.45, 0, .2, 1) both; }
.rptk.play .trow:nth-child(2) .rpico svg { animation-delay: .25s; } .rptk.play .trow:nth-child(3) .rpico svg { animation-delay: .5s; } .rptk.play .trow:nth-child(4) .rpico svg { animation-delay: .75s; }
@keyframes rpSpin { from { transform: rotate(0); } to { transform: rotate(720deg); } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .rptk.play .rpico svg { animation: none; } }
.nbsk .rpx-top { padding: 20px 20px 14px !important; align-items: center; border-bottom: 1px solid rgba(255,255,255,.07); }
.nbsk .rpx-top small { display: block; margin-bottom: 4px; }
.nbsk .ska-main > .shot-b { flex: 0 0 auto !important; }
.nbsk .ska-main > .shot-b > .trow { flex: 0 0 auto !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.nbsk .ska-main > .shot-b > .trow:last-child { border-bottom: 0 !important; }
@media (max-width: 700px) { .nbsk .rpx-top { padding: 14px 12px 10px !important; } .nbsk .ska-main > .shot-b > .trow { padding-top: 11px !important; padding-bottom: 11px !important; } }
.pcx .pc-row.kept .pc-bar { position: relative; }
.pcx .pcx-gap { position: absolute; top: 0; bottom: 0; left: 17.2%; right: 0; border-radius: 0 99px 99px 0; background: repeating-linear-gradient(135deg, hsla(142,76%,48%,.38) 0 6px, hsla(142,76%,48%,.16) 6px 12px); transform-origin: left; transform: scaleX(0); }
.pcx.play .pcx-gap { animation: pcGapIn 1.1s cubic-bezier(.45, 0, .2, 1) 1.1s both; }
@keyframes pcGapIn { from { transform: scaleX(0); } to { transform: none; } }
.pcx .pcx-save { align-items: center; padding-top: 20px; }
.pcx .pcx-save .pcx-k { font-size: 16px; color: rgba(255,255,255,.75); }
.pcx .pcx-save .pcx-k b { font-family: var(--head); font-size: 30px; font-weight: 500; letter-spacing: -.02em; color: #1ED760; margin: 0 4px; font-variant-numeric: tabular-nums; }
.pcx .pcx-save .pcx-y { font-size: 15px; color: rgba(255,255,255,.6) !important; }
.pcx .pcx-save .pcx-y b { font-family: var(--head); font-size: 22px; font-weight: 500; color: #ffffff; margin-right: 4px; font-variant-numeric: tabular-nums; }
.pcx.play .pcx-save > span { animation: mpIn .5s ease both; }
.pcx.play .pcx-save .pcx-k { animation-delay: 1.4s; } .pcx.play .pcx-save .pcx-y { animation-delay: 2s; }
@media (max-width: 560px) { .pcx .pcx-save { flex-direction: column; align-items: flex-start; gap: 6px; } .pcx .pcx-save .pcx-k b { font-size: 26px; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .pcx.play .pcx-gap, .pcx.play .pcx-save > span { animation: none; transform: none; } }
.pcx .pcx-save b span { font: inherit !important; color: inherit !important; letter-spacing: inherit; }
@media (min-width: 561px) { .pcx .pc-row { grid-template-columns: minmax(0, 230px) minmax(0, 1fr) 70px; } }
.xft .cmp-wrap { width: 100% !important; max-width: 900px !important; margin: 0 auto; background: #212121 !important; border: 0 !important; border-radius: 22px !important; overflow: hidden; }
.xft .scrollx { width: 100%; }
.xft .cmp-t { width: 100% !important; max-width: none !important; table-layout: fixed; border-collapse: collapse; }
.xft .cmp-t th, .xft .cmp-t td { padding: 18px 26px !important; vertical-align: middle; }
.xft .cmp-t th:first-child, .xft .cmp-t td:first-child { width: 36%; text-align: left; }
.xft .cmp-t th + th, .xft .cmp-t td + td { text-align: left; }
.xft .cmp-t thead th { font-size: 15px; font-weight: 600; color: #ffffff; }
.xft .cmp-t tbody td { font-size: 15px; }
.xft .cmp-t td .yn { margin: 0; }
@media (max-width: 640px) { .xft .cmp-t th, .xft .cmp-t td { padding: 14px 12px !important; font-size: 13.5px; } .xft .cmp-t th:first-child, .xft .cmp-t td:first-child { width: 34%; } }
@media (min-width: 921px) {
[data-page="accountants"] .story .ch { min-height: 560px; }
[data-page="accountants"] .stage { top: max(76px, calc(calc(var(--sv, 1vh) * 50) - 280px)) !important; height: 560px !important; }
[data-page="accountants"] .stage .scene { display: flex !important; flex-direction: column; justify-content: center; }
[data-page="accountants"] .stage .scene > .shot { height: auto !important; flex: 0 0 auto; }
}
.taxset .ska-main > .shot-b { flex: 0 0 auto !important; margin-top: 6px; }
.taxset .ska-main > .shot-b > .trow { flex: 0 0 auto !important; padding-top: 13px !important; padding-bottom: 13px !important; }
.taxset .bigline { padding-top: 14px; }
.taxset .bigline b { font-size: 38px !important; }
@media (max-width: 700px) { .taxset .bigline b { font-size: 30px !important; } .taxset .ska-main > .shot-b > .trow { padding-top: 9px !important; padding-bottom: 9px !important; } }
[data-page="taxes"] .shot.kchat { gap: 10px !important; padding-top: 16px !important; padding-bottom: 16px !important; }
[data-page="taxes"] .kchat .kc { padding: 14px 16px !important; margin-bottom: 0 !important; gap: 8px !important; }
[data-page="taxes"] .kchat .kc-b span { min-height: 38px !important; }
[data-page="taxes"] .kchat .kc-tot b { font-size: 22px !important; }
.rgw .rgx-row { align-content: start !important; padding-top: 22px !important; }
.pjk-c { background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.06); border-radius: 14px; padding: 10px; min-height: 100%; }
.pjk-cols { align-items: stretch; }
.pjk-card { background: #111111 !important; }
.pjk-card.pjk-mv { animation: pjkUp .45s cubic-bezier(.2,.7,.2,1) .45s both paused, pjkGo2 1.6s cubic-bezier(.55,0,.25,1) 1.9s forwards paused !important; }
.play .pjk-card.pjk-mv { animation-play-state: running !important; }
@keyframes pjkGo2 { 0% { transform: none; box-shadow: none; } 12% { transform: translateY(-3px) rotate(-1.5deg); box-shadow: 0 14px 30px -10px rgba(0,0,0,.8); } 45% { transform: translate(0, calc(100% + 8px)) rotate(-1.5deg); } 88% { transform: translate(calc(100% + 34px), calc(100% + 8px)) rotate(-1.5deg); box-shadow: 0 14px 30px -10px rgba(0,0,0,.8); } 100% { transform: translate(calc(100% + 34px), calc(100% + 8px)); box-shadow: none; } }
@media (max-width: 700px) {
.pjk-c { padding: 6px; border-radius: 10px; }
.pjk-card.pjk-mv { animation-name: pjkUp, pjkGo2m !important; }
@keyframes pjkGo2m { 0% { transform: none; } 12% { transform: translateY(-3px) rotate(-1.5deg); } 45% { transform: translate(0, calc(100% + 8px)) rotate(-1.5deg); } 88% { transform: translate(calc(100% + 21px), calc(100% + 8px)) rotate(-1.5deg); } 100% { transform: translate(calc(100% + 21px), calc(100% + 8px)); } }
}
.ss.ss-one .ss-frame { transition: background-color .4s ease, border-color .4s ease; }
.ss.ss-one .ss-frame:has(.ss-vis.on > .kchat) { background: transparent !important; border-color: transparent !important; }
.whoA .wcard { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; position: relative; gap: 0 !important; }
.whoA .wcard .wbs { height: 406px !important; }
.whoA .wcard .wz .wbs-app, .whoA .wcard.wbsk .wbs-app { left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; border-radius: 18px !important; }
.whoA .wcard .ksh { position: absolute; z-index: 3; top: 0; left: 72px; right: 16px; height: 30px; padding: 0 !important; display: flex; align-items: center; font-size: 13px; pointer-events: none; }
@media (max-width: 860px) { .whoA .wcard .wbs { height: 378px !important; } }
html.dk.dk.dk :is(.shot, .ccard):not(.cnx)::after, html.dk.dk.dk .ss.ss-one .ss-vis > .shot.kchat::after { background: none !important; animation: none !important; filter: none !important; box-shadow: none !important; }
html.dk.dk.dk .shot.kchat { filter: none !important; box-shadow: none !important; border: 1px solid rgba(255,255,255,.08) !important; }
html.dk.dk.dk .ccard, html.dk.dk.dk .rv:not(.pre) .ccard { box-shadow: 0 30px 60px -30px rgba(0,0,0,.6) !important; }
html.dk.dk.dk #vnight .vstage { filter: none !important; }
html.dk.dk.dk .pjx.play { box-shadow: 0 30px 60px -30px rgba(0,0,0,.6) !important; }
html.dk.dk.dk #vnight .vpn { border: 1px solid rgba(255,255,255,.08) !important; background: #1e1e1e !important; box-shadow: none !important; }
html.dk.dk.dk #vnight .vpn::after, html.dk.dk.dk #vnight .vstage > .vpn::after, html.dk.dk.dk #vnight .vglow { display: none !important; }
html.dk.dk.dk .shot.cnx { border: 2.5px solid transparent !important;
background: linear-gradient(#111111, #111111) padding-box, conic-gradient(from var(--ang, 0deg) at var(--mx, 50%) var(--my, 50%), #1ed760, #2bd4c5, #3b6cff, #8b5cf6, #1ed760) border-box !important;
filter: drop-shadow(0 0 9.2px hsla(175, 66%, 50%, .51)) drop-shadow(0 0 26.4px hsla(225, 100%, 62%, .21)) drop-shadow(0 0 10px hsla(175, 66%, 50%, 0)) !important;
box-shadow: inset 0 0 18px -6px hsla(175, 66%, 50%, .3) !important; transition: filter .35s ease !important; }
html.dk.dk.dk .shot.cnx:hover { filter: drop-shadow(0 0 9.2px hsla(175, 66%, 50%, .51)) drop-shadow(0 0 26.4px hsla(225, 100%, 62%, .21)) drop-shadow(0 0 16px hsla(175, 66%, 50%, .18)) !important; }
html.dk.dk.dk .shot.cnx::after { display: none !important; }
html.dk.dk.dk .cnx .cnx-q { background: #ffffff !important; color: #111111 !important; padding: 10px 18px !important; font-size: 15px !important; border: 0 !important; border-radius: 22px !important; }
@media (max-width: 760px) {
.ss.sscap .ss-pin { display: flex; flex-direction: column; }
.ss.sscap .ss-frame { flex: none; transition: height .4s cubic-bezier(.2,.7,.2,1); }
.ss.sscap .ss-cap { display: grid; margin-top: 20px; flex: none; }
.ss.sscap .ss-cap > .fc { grid-area: 1 / 1; opacity: 0; transform: translateY(10px); transition: opacity .35s ease, transform .35s ease; pointer-events: none; margin: 0 !important; padding: 0 !important; }
.ss.sscap .ss-cap > .fc.on { opacity: 1; transform: none; pointer-events: auto; transition-delay: .12s; }
.ss.sscap .ss-cap > .fc h2, .ss.sscap .ss-cap > .fc h3 { font-size: 21px !important; line-height: 1.2 !important; margin: 8px 0 0 !important; }
.ss.sscap .ss-cap > .fc p { font-size: 15px !important; line-height: 1.5 !important; margin-top: 10px !important; }
.ss.sscap .ss-cap > .fc .ticks { margin-top: 12px !important; gap: 8px !important; }
.ss.sscap .ss-cap > .fc .ticks li { font-size: 14.5px !important; line-height: 1.45 !important; }
.ss:not(.sscap) .ss-cap { display: none; }
.ss.sscap .ss-text { padding-bottom: calc(var(--sv, 1vh) * 30); }
.ss.sscap .ss-step > .fc { visibility: hidden !important; }
html.dk.dk .cards > .ccard:has(> .cic) { display: grid !important; grid-template-columns: 30px minmax(0, 1fr); column-gap: 14px; row-gap: 3px; padding: 15px 16px !important; align-items: start; }
html.dk.dk .cards > .ccard > .cic { grid-row: 1 / span 2; margin: 2px 0 0 !important; }
html.dk.dk .cards > .ccard > h3 { font-size: 16px !important; margin: 0 !important; }
html.dk.dk .cards > .ccard > p { font-size: 14px !important; line-height: 1.45 !important; margin: 0 !important; }
html.dk.dk .cards > .ccard > .more { display: none !important; }
.dark-grid + .snav { display: none !important; }
.gdots { display: flex; justify-content: center; gap: 6px; padding: 18px 0 4px; }
.gdots i { width: 6px; height: 6px; border-radius: 99px; background: rgba(255,255,255,.22); transition: width .35s cubic-bezier(.2,.7,.2,1), background-color .35s ease; }
.gdots i.on { width: 22px; background: #ffffff; }
footer { padding-top: 32px !important; }
footer .fgrid { gap: 26px 16px !important; }
footer h4 { font-size: 13.5px !important; margin-bottom: 10px !important; }
footer ul { gap: 8px !important; }
footer li { margin: 0 0 8px !important; }
footer a, footer button.flink { font-size: 13px !important; line-height: 1.4 !important; }
footer .fbottom, footer .fbottom span, footer .fbottom a { font-size: 12px !important; line-height: 1.5 !important; }
footer .wordmark { transform: scale(.82); transform-origin: left center; }
.pl { padding: 20px !important; gap: 14px !important; border-radius: 20px !important; background: linear-gradient(160deg, #1d1d1d, #121212) !important; }
.pl h3 { font-size: 19px !important; margin-bottom: 6px !important; }
.pl p { font-size: 14.5px !important; line-height: 1.5 !important; }
.pl .btn { width: 100%; justify-content: center; background: #ffffff !important; color: #111111 !important; border-color: #ffffff !important; min-height: 44px; font-size: 15px; }
.faq summary { font-size: 15.5px !important; padding-top: 15px !important; padding-bottom: 15px !important; line-height: 1.35 !important; }
.faq details p, .faq details li, .faq .a { font-size: 14.5px !important; line-height: 1.55 !important; }
.sec-head { margin-bottom: 28px !important; }
.sec-head h2 { line-height: 1.18 !important; }
.sec-head .sub, .sec-head p { margin-top: 12px !important; }
.fc .ticks { gap: 9px !important; }
.wvpick { display: inline-flex; align-items: center; gap: 6px; margin-left: 10px; font-size: 12px; color: rgba(255,255,255,.6); }
.wvpick button { width: 26px; height: 26px; border-radius: 99px; border: 1px solid rgba(255,255,255,.14); background: transparent; color: #ffffff; font: inherit; }
.wvpick button.on { background: #ffffff; color: #000000; border-color: #ffffff; }
.wvtog { display: none; }
.wvdots { display: none; }
.woc.wo-one[data-wv] .wo-sl { display: none !important; }
.woc.wo-one[data-wv="1"] { margin-top: 12px; }
.wvtog:has(+ .woc.wo-one[data-wv="1"]) { display: flex; gap: 4px; padding: 4px; margin: 0 auto 12px; width: max-content; border-radius: 99px; background: #1b1b1b; border: 1px solid rgba(255,255,255,.08); }
.wvtog button { border: 0; background: transparent; color: rgba(255,255,255,.65); font: inherit; font-size: 14px; padding: 8px 16px; border-radius: 99px; transition: background-color .25s ease, color .25s ease; }
.wvtog button.on { background: #ffffff; color: #111111; }
.woc.wo-one[data-wv="2"] { display: grid !important; gap: 12px; }
.woc.wo-one[data-wv="2"] > .wo-half { grid-area: auto !important; clip-path: none !important; -webkit-clip-path: none !important; }
.woc.wo-one[data-wv="2"] > .wo-half * { clip-path: none !important; -webkit-clip-path: none !important; }
.woc.wo-one[data-wv="3"] > .wo-half .wo-win, .woc.wo-one[data-wv="3"] > .wo-half .ks { clip-path: none !important; -webkit-clip-path: none !important; transition: opacity .6s ease; }
.woc.wo-one[data-wv="3"]:not(.aft) > .wo-half:not(.wo-before) .wo-win, .woc.wo-one[data-wv="3"].aft > .wo-before .wo-win { opacity: 0; }
.woc.wo-one[data-wv="3"] + .wvdots { display: flex; justify-content: center; gap: 6px; padding-top: 14px; }
.wvdots i { width: 6px; height: 6px; border-radius: 99px; background: rgba(255,255,255,.22); transition: width .35s ease, background-color .35s ease; }
.wvdots i.on { width: 22px; background: #ffffff; }
}
@media (min-width: 761px) { .ss-cap, .gdots, .wvpick, .wvtog, .wvdots { display: none !important; } }
.wo-head:empty { display: none !important; }
@media (min-width: 761px) { .wo-head { display: none !important; } }
@media (max-width: 640px) {
.whoA .wflip { touch-action: pan-y; }
.whoA .wdots { display: flex !important; justify-content: center; margin-top: 14px !important; gap: 0 !important; }
.whoA .wdots button { width: 16px !important; height: 18px !important; }
.whoA .wdots button::after { width: 6px !important; height: 6px !important; background: rgba(255,255,255,.22) !important; transition: width .35s cubic-bezier(.2,.7,.2,1), background-color .35s ease !important; }
.whoA .wdots button.on { width: 30px !important; }
.whoA .wdots button.on::after { width: 22px !important; background: #ffffff !important; }
.whoA .wswipe { display: none !important; }
}
@media (max-width: 760px) {
[data-page="accountants"] .chapters .ch + .ch { margin-top: 30px !important; }
}
@media (max-width: 760px) {
.feat.ss:not(.ss-auto) > .ss-stage { overflow-x: clip !important; overflow-y: visible !important; }
.feat.ss:not(.ss-auto) > .ss-stage::after { height: 30px !important; background: linear-gradient(#000000 0, #000000 72%, rgba(0,0,0,0)) !important; }
.feat.ss.ssunder:not(.ss-auto) > .ss-stage::after { height: 58px !important; background: linear-gradient(#000000 0, #000000 52%, rgba(0,0,0,0)) !important; }
html.dk .feat.ss:not(.ss-auto) > div.ss-text.ss-text { padding-top: 28px !important; }
.feat.ss:not(.ss-auto) .ss-step, .feat.ss:not(.ss-auto) .ss-step:first-child, .feat.ss:not(.ss-auto) .ss-step:last-child { min-height: 0 !important; padding: 0 !important; display: block !important; }
.feat.ss:not(.ss-auto) .ss-step > .fc { margin: 0 0 64px !important; }
.feat.ss:not(.ss-auto) .ss-step:not(:last-child) > .fc { margin-bottom: 71px !important; }
[data-page="projects"] .feat.ss:not(.ss-auto) .ss-step:not(:last-child) > .fc, .cvpart .feat.ss:not(.ss-auto) .ss-step:not(:last-child) > .fc { margin-bottom: 64px !important; }
.feat.ss:not(.ss-auto) .ss-step:last-child > .fc { margin-bottom: 8px !important; }
#vnight .vfeat { margin-bottom: 64px !important; }
#vnight .vfeat:last-child { margin-bottom: 0 !important; }
}
@media (max-width: 760px) {
html.dk.dk .cards > .ccard:not(:has(> .cic)) { display: block !important; padding: 18px 18px 20px !important; }
html.dk.dk .cards > .ccard:not(:has(> .cic)) > h3 { margin: 0 0 6px !important; }
}
@media (max-width: 760px) {
.xft > h3 { font-size: 19px !important; margin-bottom: 14px !important; }
.xft .cmp-t { table-layout: auto !important; width: 100% !important; min-width: 0 !important; }
.xft .cmp-t th, .xft .cmp-t td { padding: 11px 6px !important; font-size: 12.5px !important; line-height: 1.3 !important; white-space: nowrap !important; vertical-align: middle !important; text-align: left !important; }
.xft .cmp-t th:first-child, .xft .cmp-t td:first-child { padding-left: 14px !important; width: auto !important; }
.xft .cmp-t th:last-child, .xft .cmp-t td:last-child { padding-right: 12px !important; }
.xft .cmp-t th { font-size: 12.5px !important; font-weight: 600 !important; padding-top: 12px !important; padding-bottom: 12px !important; }
.xft .cmp-t td small { display: block !important; font-size: 11px !important; margin-top: 2px !important; white-space: nowrap !important; }
}
@media (max-width: 379px) {
.xft .cmp-t th, .xft .cmp-t td, .xft .cmp-t td small { white-space: normal !important; }
.xft .cmp-t td:has(> .yn) { text-align: center !important; }
.xft .cmp-t td > .yn { display: inline-grid !important; margin: 0 auto !important; }
}
@media (max-width: 760px) {
.feat.ss.ssstack > .ss-stage { display: none !important; }
html.dk .feat.ss.ssstack > div.ss-text.ss-text { padding-top: 0 !important; }
.feat.ss.ssstack .ss-step > .ss-frame.ssf-own { mask-image: none !important; -webkit-mask-image: none !important; display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 34px !important; zoom: 1; }
.feat.ss.ssstack .ss-frame.ssf-own > .ss-vis { position: relative !important; inset: auto !important; opacity: 1 !important; visibility: visible !important; transform: none !important; display: block !important; height: auto !important; min-height: 0 !important; pointer-events: auto !important; zoom: 1 !important; }
.feat.ss.ssstack .ss-frame.ssf-own > .ss-vis > * { height: auto !important; min-height: 0 !important; max-height: none !important; }
.feat.ss.ssstack .ss-frame.ssf-own:has(.kchat) { overflow: visible !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; padding: 0 !important; }
.feat.ss.ssstack .ss-step { opacity: 1 !important; }
}
@media (max-width: 760px) {
html.dk.dk.dk .shot.cnx .shot-h { padding: 9px 12px !important; gap: 8px !important; }
html.dk.dk.dk .shot.cnx .shot-h b { font-size: 14px !important; }
html.dk.dk.dk .shot.cnx .shot-h .pill { font-size: 10.5px !important; padding: 4px 9px !important; white-space: nowrap !important; }
html.dk.dk.dk .shot.cnx .cnx-b { padding: 12px !important; gap: 10px !important; }
html.dk.dk.dk .cnx .cnx-q { font-size: 13px !important; line-height: 1.35 !important; padding: 8px 13px !important; border-radius: 16px !important; max-width: 86% !important; }
html.dk.dk.dk .shot.cnx .cnx-chart { padding: 11px 12px 10px !important; gap: 8px !important; }
html.dk.dk.dk .shot.cnx .cnx-t { font-size: 12px !important; }
html.dk.dk.dk .shot.cnx .cnx-bars { height: 92px !important; }
html.dk.dk.dk .shot.cnx .cnx-leg { font-size: 11px !important; gap: 4px 12px !important; }
html.dk.dk.dk .shot.cnx .cnx-tiles { gap: 8px !important; }
html.dk.dk.dk .shot.cnx .cnx-tiles > div { padding: 10px 12px !important; gap: 2px !important; border-radius: 12px !important; }
html.dk.dk.dk .shot.cnx .cnx-tiles small { font-size: 11px !important; }
html.dk.dk.dk .shot.cnx .cnx-tiles b { font-size: 16px !important; }
html.dk.dk.dk .shot.cnx .cnx-tiles span { font-size: 11px !important; }
}
html.dk.dk.dk .shot.kchat, html.dk.dk.dk #vnight .vpn { border: 1px solid rgba(255,255,255,.2) !important; position: relative; }
html.dk.dk.dk .shot.kchat::before, html.dk.dk.dk #vnight .vpn::before { content: "" !important; display: block !important; position: absolute !important; left: 12% !important; right: 12% !important; width: auto !important; max-width: none !important; margin: 0 !important; grid-area: auto !important; top: 0 !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(30,215,96,.9), rgba(105,167,245,.8), transparent) !important; z-index: 3 !important; pointer-events: none !important; animation: none !important; filter: none !important; box-shadow: none !important; }
@media (max-width: 760px) { .feat.ss.ssstack .ss-frame.ssf-own:has(.kchat) > .ss-vis { overflow: visible !important; } }
@media (max-width: 760px) { html.dk.dk.dk .shot.kchat::before { height: 2px !important; } }
html.dk.dk.dk #vnight .vpn::before { height: 1.5px !important; }
@media (max-width: 760px) { html.dk.dk.dk #vnight .vpn::before { height: 2px !important; } }
@media (max-width: 760px) {
html.dk.dk.dk.dk .ssf-own .ss-vis > .shot.kchat { border-color: transparent !important; }
html.dk.dk.dk.dk .ssf-own .ss-vis > .shot.kchat::after { display: block !important; inset: 0 !important; padding: 0 !important; -webkit-mask: none !important; mask: none !important; background: none !important; border: 1.4px solid rgba(255,255,255,.2) !important; border-radius: 14px !important; box-sizing: border-box !important; }
html.dk.dk.dk.dk .ssf-own .ss-vis > .shot.kchat::before { z-index: 7 !important; }
}
@media (min-width: 921px) { .feat.ss.ssvar .ss-stage .ss-frame { transition: height .45s cubic-bezier(.2,.7,.2,1), background-color .4s ease, border-color .4s ease !important; } }
.kchat .kc.kcrings .rgx-row { padding: 14px 0 4px !important; gap: 10px !important; }
.kchat .kc.kcrings:not(.in) .rgx .fg { animation-play-state: paused !important; }
.kchat .kc.kcrings .rgx svg, .kchat .kc.kcrings .rgx-in { max-width: 116px !important; }
.kchat .kc.kcrings .rgx-in b { font-size: 18px !important; }
@media (max-width: 760px) { .kchat .kc.kcrings .rgx-row { gap: 6px !important; padding: 10px 0 2px !important; } .kchat .kc.kcrings .rgx-in b { font-size: 14px !important; } .kchat .kc.kcrings .rgx-in small { font-size: 9.5px !important; } .kchat .kc.kcrings .rgx-l { font-size: 11px !important; } }
.kchat .upchip { justify-self: end; align-self: flex-end; width: fit-content; margin-left: auto; display: flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: 14px; background: #1b1b1b; border: 1px solid rgba(255,255,255,.12); max-width: 86%; opacity: 0; transform: translateY(8px); transition: opacity .45s ease .45s, transform .45s ease .45s; }
.kchat .q.in + .upchip { opacity: 1; transform: none; }
.kchat .upchip .upic { width: 36px; height: 36px; border-radius: 9px; background: #2a2a2a; color: #cfcfcf; display: grid; place-items: center; flex: none; }
.kchat .upchip .upic svg { width: 18px; height: 18px; }
.kchat .upchip .upn { display: flex; flex-direction: column; gap: 3px; font-size: 13.5px; color: #f3f3f3; line-height: 1.2; }
.kchat .upchip .upn small { position: relative; font-size: 11.5px; color: rgba(255,255,255,.55); height: 14px; }
.kchat .upchip .upst, .kchat .upchip .updone { position: absolute; left: 0; top: 0; white-space: nowrap; }
.kchat .upchip .updone { opacity: 0; color: #7ef0a8; }
.kchat .upchip .upbar { align-self: flex-end; width: 64px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; margin-bottom: 5px; }
.kchat .upchip .upbar b { display: block; height: 100%; width: 0; border-radius: inherit; background: #1ED760; }
.kchat .q.in + .upchip .upbar b { animation: upFill 1.1s cubic-bezier(.3,.7,.2,1) .7s forwards; }
.kchat .q.in + .upchip .upst { animation: upOut .3s ease 1.8s forwards; }
.kchat .q.in + .upchip .updone { animation: upIn .3s ease 1.8s forwards; }
@keyframes upFill { to { width: 100%; } }
@keyframes upOut { to { opacity: 0; } }
@keyframes upIn { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) and (max-width: 0px) { .kchat .q.in + .upchip .upbar b { animation: none; width: 100%; } .kchat .q.in + .upchip .upst { animation: none; opacity: 0; } .kchat .q.in + .upchip .updone { animation: none; opacity: 1; } }
@media (min-width: 921px) { .feat.ss.ssvar .ss-stage .ss-frame { grid-template-rows: minmax(0, 100%) !important; } .feat.ss.ssvar .ss-stage .ss-frame.ssmeasure { grid-template-rows: auto !important; } }
:root{--wm:url("data:image/webp;base64,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")}
.lg-adobe{background-image:url("data:image/webp;base64,UklGRgIEAABXRUJQVlA4IPYDAADwFgCdASpAAEAAPkUai0OioaEb+V78KAREtgBjOcAf38x/Fr8dPlKrD8x+6n5LdFNEHnFcPf2X8kfUz6QD9Qv1I/t/YO8wH/V9MD0K/r17AH6UdYB6AH7SelJ+1vwj/tV+xns0f/+80fwFkL+on6P5QLNp+B9R/KG44uNvz685rz//0PVjW/t/heOgzmBxjYNwA+yEToFxESK4pFPO1ez4Z5/SqgnnMr0drltGY2lJmBc+1lG9WHvsEPLQke276EAA/v6JGTX2py8pk1XxfEONe/zoKNhdvl9NGagMOp99TtprvBwF5KbC8Z+PRSXt0JFUFktlcVm/REBygdiWhg/LpZyn7OFxPx443g/aaE9BSoW5XxjAmTzG4AxYKJaEOdzkNTjRc+v/Vf/x2XyTYy+osm2Uh+OpXZ2fnEt42/8EZQ/0DIIMHy1H9w0Pu4sGAJxlKHd2kZZ4o2x8Hx7aq6yQQlTIfzpAXurv9mc0JVrC3zbHuUJer+OilCtTdwCYW00opGalilaHpLjNF09Un8xJfyKr/PYMPkfd52ffCrwBqIJT+Vd5z7MSoe5KSCFcP6EY3/wQzq7xsYw6pHkBKk0qp9bVp1z0poSd9ERJAgrMx5Slu4q5eY0KDbgue/HtwAHE6WMGZHIvubP8eaw9Np0CfHTrR+tuNJMhO9E577eivYTIutSSZgnndNdJ06zir8SsjoFHN4L3r7QTgloNhpDjQlHeJpdj9+FKAq9sNNs5JPtj8TBAqbEvq2P/YBbV3GQmfG4U6FLwfmL8G6M1RvyaCKNK6XiagoKgvupWHKpIu/+qHYISsW3zTFQOtRqaPTowZULmjAIAHB525a1vsxJ3P/dtj0L/xsGz/jJlz0nxRdpSw2S0yq/3PSglDI5+1U+oW9E3IwKo4B4ivb/1AwgAaXffnU5b5iygo/20ulopTKcAJalpAn4xlSUl8tDP5Cb8NUriLCgM2QLaeeOLdNcW65+o7y49y1be4DutU+nKKyZxuX4afqO+8sYFY0GHzilxXHqtcj60n/ydmXk6FWaZ9RIdXyLx7qysh2sVgrhoZbQKk6f2PfysulOOcb1qP8dIzaW42DDt0+mD/qESgDP45f/Wj5ySaFH8rRnNlstVwyBpDK0XhS2eoNKadrjcD+GB38FToaCNYsUgOTURvbqQZJz/s2RphxpkW9kNsU9jHZGFAD045Zf2Vh6zBZxvOfQ23zEMcaFDri3V9QTQWFdWKCL+ur3x0Mr6lBcGcJMwEeMq8JrXhVC182fKu4AAw+E6erFUplz7swyG5PTuljNQGJ7ZikUWH3D7EDJv5PSsVFyUMWL7+vaLKCuIZUqQ4/5JXn2xIAA=") !important}
.lg-amazon{background-image:url("data:image/webp;base64,UklGRpYCAABXRUJQVlA4IIoCAADQDwCdASpAAEAAPkUciUOioaEZ/mSsKAREtQBmSLi/bvwA7NDGXO/wz/IDkNYwj3vY7zS+oDwAOoB5gP1z/0fWA9AD/AdQBz4nsa/uP7AH6t///NJerlIgdgNYGL6nE69SNioqesQ9dSpzSlI6O+rSauiiC5KJ7ZIIXINAbq0Ai1iPuT+XlKAA/vESUx/my/UK+nSaGUR7Dsq2zAq85AqpPr7rX/EQDnmYd/n3h/zXaXASCWxc4d63Cx4/+ELMGk5MR4TFF9k9Fwz7pczAJD15gXLApQ/h1sCOxvk5f3W/LYPa4AlF0KNJerb8m9Y4OWA1Ck+NUZaim+uSR8CWKWDhVLrx/sKCQHNDyfb+3xYJQPUQr8IlhVL+UcNGNEYOrGoWOnaiDngBqQC0/GRlVf6dk+coaPRO6Cp+u/NiU3uPvT/gUkUy/XJ8flbXeqiprifOwW9Sz1+8dzbdlwZj0ZLdPsot3Ho4/sD/4dx6MI83JhWVr+/sXAyQ1hMCg+G9eCQ/Eu2D6poZX50ull1cQAXQvOHOw3P/sE4zaP3zMFbGqNF1EcBGtRQY2n9EAgHVxrsCnOYA1F/G2UhsKfJdXczQTy3GVOaZel2MGoSA1Vm7nhO7R5dbaOlgMLx9Y/bVQVsDBCaSM3/shkm8Iqq4PW1/87yVHJIvGgt+Fy+DxxpjhHv6esax4Tkl3oyo/XqJFCkiwXMWeWZkS2lFFfbb97wZP03Gk3ONFzJbI7RUDkgEP/WMgB21mwq3+U3GoTLaHFlqs20EGdHag1mTP4Ga3P5u5zDVnEgGDuooKNWUvHFhcuAfK9IUiB9HM/UFE1V5nQ+tTPV+81DSNWFQ82iW3do8X8q1pfracpgAAA==") !important}
.lg-bofa{background-image:url("data:image/webp;base64,UklGRlQEAABXRUJQVlA4IEgEAABQFgCdASpAAEAAPkkci0OioaEXDJaoKASEtgBlOwCFv+n/hbJm4AHiAf1r1AehDzAfpl+1/CAf13qDufL9jb9qv259k+7g/s3cA+P/uv5MZNx7loBv8F/p35IZZf8y/xNsCnTf4n/zf3zzX/PH/Y/xHwA/y7+of7D7cuR3/a5TNbWyrNBkVbiHc/jWtCe66qmXKa48d8v486aypjnbhpNod9vTKnzR8TGJ6Jpehbyi1/PY/yFDmjPveD6AAP7+iRg6/dWHxYcTTTw1RfQMe6kRIlxTAZrtvHrZld9Y5ZEce0CQe/pjNQy/8hXvqmwI+SCvlfIrc5Qr5LuQf1SbzIotK5Av7WvfjP3X4pymW3y2qBDZXJ42vRI5AQzpcL/fmykavxtWW8V/fv2JtbPRl11DqPAZXyrGGSQ14vBOQ3ibB2mWiKIC0JqvVl38035DWMOKuRY32reElBDty0fmXzcPe5hGZFB1OS4utv1R+tkc38hFef8m+PSaVEi0SIgKeqz1/VypQb5HTWqlqqHhpcKvbVob1LV8ru0VeDk1L5n5uvgnLtP4HksgTKZYXKyNkXW/+i+9Zg72fQ7eO937V1tU1skrnnsPWchc0bsDE1Bunbeq3VXpc+uQo/2vYh/VErY+6o0nnUY9qvUjKtEofkYoCzpPYtcYrmQBs8r//Zz0Z+os3PC8iK8va9g6PjCWE3C6oF1uvbvJqn/v/hygXrVeK3yxffU2/v00eqaRqoq0wOi814bNC8T7bqSCMmCDzdnP42VWuQRaU609frQFh3x5rqT2D6LJS9QcyVRNuoxiX4Vfp7mu1N78k7jU8zCsnO/Q3q6ePtfFRr4UPFe8brNc7KTazfbEoUbjx2afn/qH3HSHX5FMMfsQ/uAVM5m+MChHlj0ykPjQX0v9JahEjgCoiTVjcVDakH1he5JfTUl8z+ZHzqWRNL3z8Hqy8aOsIlxulg56v58g2Y1V6Vm++D8i6SjaaWPGPcZZ6wVkjeSzQvC27Ye4MVNT8COGivk5JqIuJEN8JZJ898iI/KQrISDzfbxKv57JTpYGKWDIIfth7I7iWKn1L4iSWw5RBWHK+pmGn+Rblvmz9N3qcJicZmXZGlC1YtEUHXD5i03fzL/QWGh5XgkqLsAUtyN0DF/y3EHQoGMNXdx9ori9YSUamiFiMN1/7LLtic8ND/0bix4s4mngkcWfvpVK6BivhTJuA5OYxM3FhVeC+gSibvjBsXH6z2X3vcqB3RRCBw0nwtAbyJ16iLzrxY/pKZv5bO+xKoXHh8dMlRpxbkDEFRtoaHpJEEfSYBCUuZFC8zEkwi28+k+0lDixAt82pLRXHWRs51sT0G8SQedilqojypFKulOnQIiS69SxY4AGh4RkivKGJ71wR/a0Nj4nQD71gvKa7CRpLTgRwShz3ACFtazPxbwbDSj8Xv0tqFs5DIWoCz3p1NvNTu7AAAAA") !important}
.lg-chase{background-image:url("data:image/webp;base64,UklGRuYDAABXRUJQVlA4INoDAABQFwCdASpAAEAAPkkejESioaEVDM0YKASEtgBbfZyAM9y/IjnjdYu53NXmJ6cf3P87/Jn3ieoDzAP0R/SvrH+YD9Xv2W95L+V/pB7gPQA/nv/A6xT0APLQ9mb9y/SYd/WvH0Lf7zxgdsd+QHO8l8c230P/2fcE/VL/h9dX0XR5mvkfeTOMR7kK3TyFIicD6R3xShIh6ztl6K3ywZC0APRZ6fP4Uwz+YM3RxlX5GXaZHLWszsqo1ASb//GeoHYtMTaqGQAA/v92NZJXkkwJ8YlVEelTlPwy+5L0a02eXcHSD/mCJlSP0DKe0Xr2RETmBuNeQoc3XGPAeRgQchOHkujzu3Gnzz76wwzAlPcmRsGd6/WrezQYWbeisJ1PdigOURR45XwuupXvl9bkDYiEHFuINlYnO3KY008H/q1UuXARwWAjzc46aZUX/nMfgPq/8tff1iPyrutgwPhD4Iilu3WOAJtt+TBfXNPibI1Mj6JZ0rwKINSYQ6cftIQAoDPve+gcO5Ik+Kl+OCaWU9igxlV+kbwPEbuhL2hwFGKuhpRMRcELNVUj3t0s+J8scmCQfFMqrYQB+25NHD9QGvRTMHy+HtNW8Efpf3UU90ALvVTuxxtvAfPHyvbufkedoOkZ0v2U3sYD15zviGY/GlEfUDblSpwHdOH92SmM/fnS/w4sUN62m2hv8naBzw7J4fpKW4fmopsvPJGy87uYvs/AKW2aYVeEvfghQ9Ylb49xEGJCsc1EzQi1/+IkoLCMYSAV5aej4wtPwPuRGtSk4nXfgbH7i6dEPvgQP9fv5Oh/wDICRP+vVdyG+mhf3f+Uvv3T6a67cuimf/6B+j/tp2Sgg5HyhswDcAd3AxmqgEGWt2NhgLY/tcqm+Q9Tvp7QKjcwo2+r/eg/wD2vGW4TrAhc+8CDmi4Wmp6jiLXbryh4lwUmBE8+eCsJvpHju7zabOJsvaX/xBqxZIH7YXut4XDVLaAFEXpmGgmMy1UmE0I8PmpH0/Uqn4jP4iExvLnf4QuxklNIIE42qvyxNep12ZF51PkqNaQ/GtH2NefHhOyB+lbdARdKdTT/e5x0GJjCOLd+J0++obVit9gnJA3qSJcm1wZTBk26Qqq5yKU/rl7DkxMHi7g9TL/J4qwO4OPr89qddhUqssi/R+tKXX3p3WRy5PEQwmY7V2cyjTJz3kzMcuqz/8bRacpW1p2MJqYnVP9rkiijN+wiQERLi5O6YgYGDRPEVL6Wumpr6Jm5MiYncaumW5UrDuA7SS23rwm4Jfo+s7VfMg0mQlHYh8Z9NRFan2a0cUF/olWuHEgAAA==") !important}
.lg-costco{background-image:url("data:image/webp;base64,UklGRkoDAABXRUJQVlA4ID4DAACQEwCdASpAAEAAPjkYiEOiIaEe/EQAIAOEtgBgD6rDCJPcG+CP275ZEuOaB2ie8A60PmJ/Yzqu+gB+2PW5eg7z2f6V+0VgkzXekzyvIiLpcudrCe8/KiGO3n2B9YxHJFL0K+KtGfaIgwP12zCNygXAY0pJf+VnVV0C3zJUeHHL1vyfetqm1mW7vgwvzuMqo70ymAMPn6/FXCFCUcGs0pRPZsHuUUAA/v+SdLp5S5JodULLN0X6vn132K+5fxFB1LP6kEdoqby6ZKG9GjReSMWLSEA2F4PajExQIHW+TQe869PiJwslzXdthH4MPxmTf4c94w6wGHgS8J82P4Ub/E2ZIXGDhsWFTsuHMQ4NkQ7SBPCkULhKB8UaMWuo1Kc1Pl7ih12VifbDjr84eDsXL4W1VkKGJtrE7VYAeGbHyWOh7l1uo0pClW7aiJarvZsmvR0C+Vmg0p6O+yNdVXU4FZcd1KVp2Lele95X/hjZ8/nZiSHbtCpYMZfXPFf6LM/6xtdKGNisDd3FG897l07ljibhSNjlR/jx1UXDK+Ff4TNPzjSZWr4C+sPc22xuXS7/EIsNrpaVflWk0BxxTND7kGApOXo3gYAdDooX4RShmBjhZ7jghhNI+lx/6fdx7nQTCwE43Zwd4ppNI2pw+mO2Y1aHzGDTqGoPvythXAm+irNugKkuvxfH89QUzfXM0ODrPK++WPv9N0kxCh03Bf6R3XSClBC/n5b3XwC50li4r5QLILmWjJMAqfCInhbM1troueLfqyjeBNb+JEUH6XIN3hjYkYMBBTGEJrd6SThQZKHkCQm7Y63W9piOaXwx5MedVD9kUroDKQLFvZAm4I4jd0dqnyVjfPveKirjOXrOVm9b/Vqnxhxw/DqmHRED6Fk++fPTMsvVXvp5YMRSqra4A/JADWXOHJyaceVcBrMVp9sv3wVbhVKiH5pm5tvq/gHhfSTxyqW9OmeoRiDsFidPJJ6bM3yrm9Toe2gH2wHaMwB/fWJ4pE/xfj1DCXhZlPTzLyR2G4RHhBLkl5l7MWk3VNMqtGYdrqre1Z8Tck7dy+e7Lbv+8suE1kRfmdZp5Zv4knhxNL2l1kVuCSh7SpgAAA==") !important}
.lg-gusto{background-image:url("data:image/webp;base64,UklGRjACAABXRUJQVlA4ICQCAACwDQCdASpAAEAAPkkei0QioYwFgkAUAkJaADSY396r+QHM+b8d5sOS/XfaT2mvFA6QHmA6B3lK9ZT6DXlrey3+3fpDRLkpkOwcHXagWIRHnvRhQS92pcWrgTJTA0tuoSLAEbmJGwDGbanLZktP/ZePUTq0nqgAAP7Lt//7Gb6M30Zosf/+zy/ZK3slbs2fDvPi5zVB4m9pAHrh7HjDd8pockJq/j/w/hGlLAbc2/g11rMaSVyhomAw/Kn4/xcL+ijD6yU7+SkpMAAXOC3kIlVh2OfuC39lWj4dwJRRCWFjf0RmQ1zLMLRNrIfY6B3KMJISkQyqnNsx8d0T1XGbLiNb1hUgmweh3101oaR8rHmEmtRPp0z593oQ811Zx5Ov86Mv9YT1x+6uQcEDlckjAxgsZOXPIZar9xseLGsHm7GnMh4EMIIhrbBPQJL/UdYgeDKvhcuBedgB67WmhlXq+H21wgUbcq2hKcrJVE76VDRpMx5KThdZ2mt2h6a3H+hef5v5ojUquGzroexv+QUDq5wbRn+x+3Akr6k+/O++NRu80ccInSnpGNFkCE3b0MY2vo9TjcT51Rhdd4CX4mg2TRenb1DUS58nIqLg0NOc+DP61fE6cmv9PzidR8Ngdp/v/xqWZX/ltuaWPLsYmBIHg11gx91wOqimkEf0eH8eOLAa8GUUNVmq470Z/JOBQFeZkTJLt1bIK8e+IaNv3F/71Z1PbZQAAA==") !important}
.lg-homedepot{background-image:url("data:image/webp;base64,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") !important}
.lg-kroger{background-image:url("data:image/webp;base64,UklGRogEAABXRUJQVlA4IHwEAABQGACdASpAAEAAPkkcjEOioaGYCwYAKASEtgA79Pp34wfkz8mNefmu7s2A2z/mA/VX9gPZA9QHoAf0n+79Zn6Bv6Z+mX7Lf7fftV7VVzk5ZH2c/Y7dgO3W+L4Qdq3/B74Fkr/QdwB6AfK76HfEtRief7/uf4bz1/SH/P9wX9YP+N2If2A9m4paBJrfkEbSWLSmz+bUAwD20+2dQav6yo7DGMGHtoBTP7XG5p1AUeMrjm+5kF60ZrB+2tsMxvtL4YiaG4eTaTHvoTPzsAD+/Kah1N5vD3sryT/kV/hxCp+W+UZ6fzPJ3u1fWqPfqdEq8Pi4/41iS8M2ADrGb5F3Lx/dBXYZiWQPaZn8e///aWJM7A5PlorSX5S+nhxf//00TUXX2ht5S+arbGlayUgiqbGX8xxdfi5v/MJ/yLyFP/YZOED+A1yFrgtU+CrY+xFoZ2yWs5bYN7pwh8QXplYUDbwENgOk7IrbFXAK+2vwZYbEdy+E6OsjxTpf1g1N5DMBn/1flbQQStwCJyRyt4/xDL5SHKPHFX+Bn7wvAlZ6xGuhI/475kTYaDaDeRxS1PIP52QnOnhj57udBiQWOsoix1WuMyw8RUa1aXFsb6mwiAw6B7e7TwEi1nB/r8Nnw8gF8IpsDP9w1Ah6etbkPXqwNmETEt/nV/M3Owe/7+F8FJG0rcuiiH8eTBPt+4ohHaBP+DcmqNK3wcwUC03OPh9wjYW4QNFQpopb+Co3uQB/3mh55/GDRH+gQIv+8VO/vSqsntFIStHtlcOPGpkfVo4FgQvPn2DcmKiGYOxhcwSO78wiyN/XBJUa3mdP1FqEQn/jsn+JDKEFgBjFDXjOe8Szjp+1E+La3I1DvyxGOvj8V7wRUOfpE//3mohPMDIDdtf+wPCwNZGioNl+mT52H/gmboiXz6gu+4O4tGBYm0P2as8CPPtFAiycIaST8/iQHMXVagX+b7Qe//qdQ06W/5culCLsIUup8M3lUrLqAjwgiFGEZrKZ7o3v8pU10ohSCXFxA62E9GITYzU4Wi02zFpiY4Rl6WkqaeKO/hHgFMFZhrXW1l3nNueGYrkCQiIseJojQrvq8q0yzXZYPsVZKZr65G813/iIlWa90ptcyxupUU5bf5YlsZjUds4zNA6NyLgTIfnen9XGiOhoRq/5eVmErJkvkky+aVKgtNa9EoDGg4ZcQ57Gtd1pvXh2e6zPBInXiU28YjGGdB0/rLMXIDGk1Ful7MtTXwP4SKEs9ko6MaYchwYtOX0n60MKMyrIETUmqaiBiL2GAN+5pqGMtVnM0NNBbjuU9GkI5wyVd3AeJ6rckQctXviXIJ+ctZRCHHKTTatSRM0HUyK1iTium/qPb1mgVFG+1nsPZiBRJEKKOrXz/egimNFUgf+wKZnYv2y/igV2DsFl2LW5fA3oUV3/Nq08H8/tAEA28VmFVlGrL31LnWZ9p/lA06L5z3Oz24566aBM49ieM847GYI1qfhkm4wbWf1LiUuBmkTypkqgUUD313kLRE9FyvSOI4AAAA==") !important}
.lg-lowes{background-image:url("data:image/webp;base64,UklGRiwBAABXRUJQVlA4ICABAADQCACdASpAAEAAPkUaikOioaEb+q4AKAREoAzyBGFA4FY1vzIO8BaEAOmUNjGMlr9DJZDpEn5XHwKx+E/bGag1DIdv/BzNidvNpoDabPwgAP7+BAJWPtPpsnmVvVqFg7czLuWptqea4UnVOIt7i3taL6+1D0D/yF98hio4idH//Ei1INvmZ5SPPs68nh6BbLcWwKB1+xGRzF6g/MPbotWyD2FH9u7rJf4tzDdrArYpifwB1PIfhShSshiWTUVD9GCrTAF7nzr+pX4/CAytmm095LgM3sXY4qq2WumQe6wp7yCdOgTu1B0YBVMYFKz5P8a2/QibcHN7h1qm1KBo6CEE4tRDGqZiH+ov2RoA+cTFADsoUhN9T0QX0kXfGaos0AA=") !important}
.lg-netflix{background-image:url("data:image/webp;base64,UklGRoICAABXRUJQVlA4IHYCAABQDwCdASpAAEAAPkkejESioaEVCZ9EKASEtgBfIDSC0+G/Gbmb+Q10Hm48t/5n7bsgfzOX+Z9h/kAdaB6DX6wemn+x3xD/sV6UjoQOcDGcw6X8+zWpmqgCl+RAxMO8bFP5wlNjtFQfVn/3ppjgMZHFgMHq2gkyCrJoowiDgtTCWe6WoAD+/0GM+cf+Ntp//ymZRb0hOsGUHOn8/HHwr0nnp/6yl273/ZDP/7r2jnka//jBLLPkN8b5zeuPSffj3xJNgRMTv1arICM+N4UL4XbLAVbz9xc347TfHngAIgmgo7zSwRaLYGm+D6IfVxv/oef/dhpUm0rSkMvGc7L1ev32trQP/+Ea/Jhdlk//7yL5c99rPu9/2/3/kWDG8LZxjXG1jp/FBSjWCJxqd7OpEwcfK8cylOtdItyesYrAtAJFxVvs1MFRevBxDKd4v61P1W2PHGbXuR+b3m9OsBHsD1PVQr6htJx/Ev5LjsHL5GoFFl4iaOW9GWkxa6aYQ85mhETz/GHI8jZMiNp0r7mKUo1N5rNa+H++f/aNQv0+rO6rlMKyck34/dOUyL+J0ocx3oX4eMYSdJWQL/rwTvNcICEaoOADjzooU+lrKTebnZlRUMBtiE/Eld0zYehZj9Rk9TwjgUaZOmgAJye/D3xb8YMPYMSX4BwSO6wo+CP0fIgjjnwROGH24y06+WDpm3JRCBsarZui2RyeeYYKL4DZVGKQWodnApgYzpoU3K4c5E77aLhoHH/Z8PM2muGu8R++j53bC6i7yWm9Syaxh7QdkebduM5/gcx/9/3dZeNzs1E94OR+vABuxzHjHOIZvnSZ1i2VzmSIgAA=") !important}
.lg-officedepot{background-image:url("data:image/webp;base64,UklGRuoDAABXRUJQVlA4IN4DAACQFQCdASpAAEAAPkkgi0QioiEYCwSAKASEtgBebtdsbyB/AfkBy6fU3drjDDE9eX5X7gPfv6jvuA3zPmA/gH9Y/bv3gPRn5QHWpegB+zPpmeyZ+4Xo+3NHllz9r8rwg7T/9qySa0Ax00y3x9fUPsD/qscZj2I3GhioUbOeQVuQ8338D8yjW0yU63oUwsWkwTVjU70pZyxwjMEcNCU7T5dhC+y+I1N3u5ap1o4RdV6cz9o3ywAAAP7+ErBUUg/Io570qUAIbSoX9XjvR5vv+T7TfJqJKx83FdivHrFye9i/Hu0y1/7tcfyoX37CQIo5f5MdyuMVuTf5PiK/5JsPp1n/zk6REnaBQEIo2Bd9duJUPFyO/UjE55SDXNPz3xN4YHio//rxpAv5P+Glje/I/D/PXllH9jq/nxbln0EULgiU/+YWKcTrWzNqyvvzLAncTs6PS+H32e4kDijn/y/rifK3BVOoto8c5uDoBRC2rGX5NSvToL2Ta6tQvk55jyDxISdP6n508QFW8Ksg5dLojOi6xv5+MOJW2ibbDQCWJo3ncpqFXTK44twKUDAObLnySspwbpyi6s29+1L6yJ1nceUbhkhuO9NkdhzWZNS8oz5ivo5fNRh374rp2fs1z5j+xVCjOhz2a/NTuPaUiM9ZnkrMvGJFmHx1/IssES0kiKJJMX7x0qshKBvtuZ9qMKgn4hGnSYRgGbcbz2cBVDLFT43cHiRli1gA9HAsiOHbqhGFe67Duwi/fVXYDe0NRF/j6bBJY61VLgmZ8MAxJa+aq4qvOOxLRHTWnrHfo1nGK7FsGgkjePTL1dstleXkeV3QDL2buZVju9XD3EF9uw8hYhy98woVvbkiRukKmBhOhrLk+Zn/54QV7E+4QdMo04NQZNwCOubwoM8y/+teciuQjiFVboPtPSkiLGlsgCF8SfyWEupGzSL8h4odjWbKTc/OGEA0CfoUikOFSEHt++BwdYcHPvZY8hWAqXwLKcdSRWUvL1+lV6DNNOCxvUNMWAKW519zSRfVI5emDTDButJs1M9+xL785yXS97/0gPJO+wr2MUPu8X7+0Lhuu7umKD5nIukjqA/jRw4F5Y0Mc9f2pfpE2YoJG+5qwW5A0mFg9HnNtTV638wII45jmbokKgy8B8gWuu4qQlPwlvHFem2abGpwbOoJ1KlUDA/980o2ew4c8O/546X5/4tklhC5OS/xboo+QMp3UK8novDJGu5bje8ZC7zbevJc80p04hDgNrJ4lAVHAUjL2vP5Tvl106IfP7joqOUfVjfARr6lq24rxz53ImNwFfCITcnWVd8AAAA=") !important}
.lg-shell{background-image:url("data:image/webp;base64,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") !important}
.lg-sherwin{background-image:url("data:image/webp;base64,UklGRqYEAABXRUJQVlA4IJoEAADwGACdASpAAEAAPkkejUOioaGXDJVUKASEtgBoudi9g/GblktsO9eSj85H5b7qu0B4mv+c+yDuAfsZ+AHwA/j39e/cDsAegB/Mv6T6oH9y9h79ZvYA/Wb0lf2Z+BL9jf2d+AL9cP/HWo+SXx77IckRiz934Qdrf+4bwTVDdjseJoAfmT0KtGf5b/nv+YrsxHuyegJGbB7Eb3VNOd0hme6hohKRfYKiykr6Vplz15DKJpTIPE+ExqgHps6nfB10eG9UNMjbPY1A3OlNih9Ra44AAP7+zYtm9HpTii7H8+HRqjGOULfIZMccfH11Tb0QhqVHfUUkYL7WNXU/7fxPuR3eBOCh7gaNt6R9Ud5lIP1NcFf6H9MWPtzYKUybY+KNNMsJuCjOPwu+g5SU+SYZH/rB60f5eFd/3GKRFxGgv67pQ8nLtCLtxMU5RWra5WIQaDjw0vU6bkYl0hVO+iN0rFAp67iXuv3ouymwfPJAnD+7WP/TuHC8MwImGQBka5i1l6p8M+yk0yIf9QyFEdhKx3HtcANJjt56RsAaWOq4iRe69B52xmgWHJUhNwOHaSzVSH9CGFu6aeO+OdSRKHqANSHLjC00xFTliJk7ljrEve3+A5qmXn/SMoCqaRn+gsoaiNOJr34aCMjvKewNiecvvMV/DMCmeV8AD8hfJO4zB5PAr+U9o3HfJWQD+oyEpm5eNeTZREZphCakfCDj5qYkf6gpASN/OeMbBvXlTRZoYkqaBJRwlOtCkq8KjT/uzdp1/w+/Lp9ef0GI3bxTJl+0GouoY/WSOGPWKwBAWihE2OSBgm/JTdofYSThuyLA00epJXHyttxSp6j0SfnBgbU1dn1M49WrRTPdpCHkOMiLaZ+5x8WRwxNe+yi6tzpnXXW/3ls5KsfnJK/OGYG75Refm5l9uO7qrHzXW7LGmmonkVQse99JDfXectbHQVuQrRlv+qZnyPh8Y0z4gSWANEEz8dtnDPKvUEfwTakFj39Dg+xASSFNU3lYfEWPDVuKFcxnIsZwm/9vMEDG35W/7EM2FqD0QptSHyfnDD3q+fVGHH3oG0zxtnFD2pdrgQ0ZLJ8xEU1RP23Nn+zzf8eOjcigB9l2gFsEF/SQo+P5365Crz7f9HH11jUywu7ZoBOH7VC6EcSEq3bNNtSrD8Q1UgDaDLZA8vJdcpptBWhEFkEN0nQ0Hz2cc3YECNe3c/64R3LQJKliHosQ+O2b0sXf6jgXNofu/09kzCDr97rNr/9KSqlQ01Z1cR/KNovhcVlw2+4PA96tP/iCir/xK/x4ir0na6OTr43xHpuff0s/2pNLAcp/9m0uF7iGJoE/Oe9ASZlaQGxPfVRU7y48vJtS1x5HPiDUElwdW2pLukS6jqo0KScVKRp5Uwcr485OwYd+MQU8hC6Wse1WqtGmd+CeevrXtNvz8Qt+iUerCgLmhZQi1CdfJPdAlx4GNP6A4HbtJYMz07NiOEJovsqejUeOfRe2bUqcQsWMTCs94NmUG6P+v7zU/A/2FExempjySV3CpNoWquGL+vdSAmex00FpIvji2UpOu3TcqolKGpAAAA==") !important}
.lg-square{background-image:url("data:image/webp;base64,UklGRqgBAABXRUJQVlA4IJwBAADQCgCdASpAAEAAPkkijkWioiEUCgQAKASEtI4AAK6B+KtjZ/hMykDOypKzAoanjFwBCJKjEJnpQXYVQrz9FRomzUROYlpCJK8cQeQRToKYz1oV05c1BqBMp+cK5CS7wAD+/meBPTPVoGq/wOPrR2FA3quyAWSXEYAMvHR5Y6lPcrxzsIkELC3wx/X0fLmgGtj0qj7i+KNGiQF2w1nXgVZqy67OLU78InUK5MUuMq+HAzttIXpHmA65SYVKVKbOfJrmpW7M+DDkdgu65s4EGofw6B8G8zTMT7lYsm0G4X5kgH4qGsovqmuFOkWi0h7Rj+NcD9C6P+bTLaZ7uJxd3+Ha8DB6UIwG9Pue71qdAxe+XasSTiDKDEIIhD0CB+jFiyyzFnHQY8W8yUa3Px39bcdtjqpYxOLPaqc5bXlY9km52/MIorCItcZ9ed1SqZaW4XWRyykpqumxkT0VpVRCCNW2grcBIQvzWGbC6pgrBcsI82NXfDm3ZMKkma2IbN1nB/mrcR7xjhuEqQfeK4FlvOyVJKj75Wl1iD5JDAAA") !important}
.lg-statefarm{background-image:url("data:image/webp;base64,UklGRiAFAABXRUJQVlA4IBQFAADQGACdASpAAEAAPkUai0OioaEWBzAoBES2AGXr9GTLyv8ZufB5JiwuBG2v9V7APuO9RTpAeYD9Uf9V/kPfr9D3/T9QD/gdQBz3f7EfBF+2X64ezh/67rNyuEmNsW1Auv/8f5G/0nwV9qH7J4fPLReDLa/mP+Y40tJBOqfy/jf+hvYD/Vb/kdhj0knTygPTYst0HJEMGFpu51ZvoD6Ty1X3akCp68UpMPoime3wDhRP3Kl1872/IR0fMSf/rMM8jb67NKhznWL/ag08CSSXFYAA/v7NgImWpQh4PY7rOeuXs3hG9nazEpfKLMo41PaeeP7WGE+BDzDSiefqZPI0G7mroOhRM5/hf7XXyoOOHrTu+BIDnheetnqx6lM/3eAQbb6Tr4SpHPCOWpFhSTMRs5n+Ah87Jbu4ItlD6r/veu9Lt0NQJc0yf/wadjuNwbJTBHpAO1dgmiJcMsD3UMYf89YJNPzVLNIcJMsRT1j5t2WX7LsEpc7pYZubj7kCM8N65MvIBODRLM1vgAKrd+z8k+d3ibuMkIOh3Wi68ZrZTLfVhu5/M/1EI1XhJ3Uy0QgfBV2OtceDQd/3SZ32pQrc+Tz41MqJ9SV1U6O1XjFSL27SN1dO9CmIa25uynnPz3+us9k/uNQv19Ad6ALIZmaRJGsoT8191DR/hlRpFK28kmlSBnONX5BQv3/LmIhwW7oEEdXSJUdO25/j+zH/yPavSPz6ulFf2ErS+bp+f7iPOuqBaYrJ6Riz133kTIIt/k9zFR1HGhulRuGLSXwgYLN/4C2THlMOojy89VQPVSjJ1uZmnoh18P40Bx7tUG/4VAbxTU5Uwe4e5sIPC284jdQvDN+RK2FvhDtfS9itjamQyQb+u0S7n1gyMuTHXAgkAAap8XBQWl7L712z/Yo/yRqhaXpkkhcekTGH/J+dWnQSkkikW13q6IpFmt7WC+yQtLNyJQOel35sI0/p0yMlG0xu8mciJG1G1zePnvNgHOEnGRbrLqGgpkKPt6lKZtudBJtav8bMnStVcl+h6QGo52oRgeWDnzXHfvm6uFzzjCDLB6x0bFZflRBX85COf2MLfWm4yh5qY+Uq6f8l/6Pg6/Kb09zKtvMk2o2PjDETX3IKjy1c9j3udNx7jJHL1zRHKZR1w6jUGkOk+pX98Z67v0bZPV897cDy39DwOejHoqqPbupZxc7lruKDyWzxwy8ydRyzkoavdSRr/dGmfwBLtyWCzt/8uwdF/6nXs7r4kE1lNMz2sW9NdnpGDK6YAG17/jJhSRQsXPSpVb7OpwjHMcILka0NP+rkiiv3tRqVWYAahmHbuRMx90pVZhdoSG/4qOvdSP/k6P9gCv3msH9VdkWhqCq5VpacPISMvSwJaZXDm8mAy/5VScivS+oSvdc4WqRoNOhSlqhsqTNSOo4MF32nfRlvXfnNnasznu9wTFumIg84IAeMZfcVeuNlPBTXAn7NxN1XNynbtbBeVkG0Qn/ZPN5KNBpU+pts0oUz0Gq/y5P/2zxcFfHtgzdEea03TA1JqLy+QO2SuK28y10I5bYTZ6i8iHT8YnzZZPGTOVTguUfOxr/Kzp5JWG8AeWTNjR2Rze+aFGI4QM2S1vFZuv5axRLmKpt2ecQH4GcVaiVq+r9p77yOyqcvH6b3P+f7S5X2XKu93PspC7EMrKtLCjzdA9/20V7/TEvp9UTc6QmHAVjn4vf8EzJuFMigPd39zJ9eH3ieAAAA") !important}
.lg-sysco{background-image:url("data:image/webp;base64,UklGRrgCAABXRUJQVlA4IKwCAAAwEACdASpAAEAAPkkgi0QioiEYDASAKASEswBCIZ+/eP4Bv7q4DyVGgPUBtgPMB+yP+Z/qvYA9AD9susA9ADytv2N+DD9uP29+AD9maX4s+fh/Ia6jJrV5A2s+JZBBUpnP+i40sU9Q/+wE2c78eU3pjqklmsq04WHy6Jp7uvgt2M7LoMZ/ls9OmAAA/v6JHMZ7X4qUusjyLC3/G/gxJXrs/1xFljG+9XB8lZ6CVEgTfMLaHTf0onhZig0GLfDYIZ+wAgDnQ/H43lJeQEq9QJZRoIhpv+7pD1Czf8tdnqRX/8WxeSVH87vMFTLkX5tRswFJlZPyUAR00ulr57lAtHg83pvdcW5WG5MF/wblVGcopaP1cif/z7RzlDn47txVIuq/a7FW5YWPzhlCODP0uLqIzjoZjPGiHGGyFz5V1OhfUPXG2MiobnRpfSKFJ0Rgt9VF4NeUbLSO9F64kct/q9YRiCaLtWjPqTPIyXgM8OF7hPK14extvYzuOkk5i3t0eKc1Odv9dp0j0GJhc7D3fi7z/k56mM6XkclUxw8O0Q+TC3W9zWgevubBRU/RnllRzKufehAzmS7oCDPZx7Cgu7Bq2LRMScGXA8dLtaFo6ZNFra/XfFaZswDsmr+IfNDJIAHNh60nyMEGThqHW0M+QkHf8FjnB+8/tfXNf3TmdhaIcTdWZENMTqgyVOTKf+bm/Tb3v4z2n9pUewyHWDl/mm4P7oCHmZPMrvfRf+e8gRE/OlcyyKCDVXOZ9bXwqzfomrOIqrPhZIJcLj0+ahCgLn8TfqZpJ1fwcgfCZ0KI9e1Nx6Sbc9p0gSkCpA/XJkPXXLRNGLFdEWGJMttZLKFy7m6VuIfezfFVSmCgm05nnMsMSmhTiPVxlQnje6D3fgvyYt/KtGVPwuNEToAAAAA=") !important}
.lg-venmo{background-image:url("data:image/webp;base64,UklGRsQDAABXRUJQVlA4ILgDAADwFACdASpAAEAAPkkcjEOioaGWCV+YKASEtgBdmZVeV9Y/Dj8gOqn3X7W/tvlwHIP+D+2btAfaB7gH2j9ZDzAfsB+wHsx+oD9S/YA/VnrHf2j9hb9kvSw/cL4Rv8B/zvTYu7z8BXe/4vhrlP8CPqrd+OioyA6fANundiZM+VN/bP9W5uIxoP66eGv9nw++2oOsZpdAQPEnwQFz8DOu+2sYi+dT5Yhbwkrg2lc5Q6msAAD+/scKKR4Qr7dAmnUFcqFYYVe1BqfA2fOAPMTx7N65PF9LUA/QOOP/yZQeK/1AJZR4FelHixM6DZXyGhzf/ypZNp/20fZ1CyCSwvTqBrIahk7xP656m2dVvOEUKNn71iMLskZ723r0GdAyZfMpazdE+LcWDMXKKx4dl5/Hasde0mhJG15/nWV+Pc54zH+d/XZZ0elQca7nAgO5eH4mP35NxAi7cVvPYnhAiJJdNTlmq57cloAoe33kq+XpKjL8LCDwN0OqrGtEHnFNHwmh5w2CeX69vVzeBMfVfY7lSrFHevDvvs7r6vgY5Xr2HaF/8+E7WJflKqbBp7HtSNpTcKuZ8+5DZB7nCgxGWI7P+rqBAfLC4Fe/Ws5abczpz/eRVc7/Zzpwf/dygabaNtUGOOsdLsLOBDWvsSNOnSD53BT7v5LvVO9AtaoEAev1Ydj1Afbj4q0og0o8oGa0n10fBEAUn0vo4p+MhP5dBRJPpDMbrdlQ82NOsbPyo/fpQWUuRlIYFh2h62yy8wVzagyZxC60t3CBnN+xD6YA5Eq4v7pVZOAzzoheHKSKnci8S0sM8Qu3ITIbkBmMVNsEAqmV4M2xK3yMmoWwGA8ceYEH7/gVw2Zdt2JhIRWAWVluDKxqSt19xr1m8BpQGNebosbLUZMH3ea6J3NhroxeNy0Jvbz0iXMmlviooP/faeb08tnSR3f/D2P6e0jIvK+WrtsZkUfCcoZ3/nXNSk9XMDaMmFDnzyicNDilPQehQLOIdRCQa1Eva+c8htc1+Z6whsyS6eqW1onhIf2bMfSBX/Fa98sHUNQvgVNj6ng/HGP/L2rEr4eQzowLiRKB9AW6eise/eiUfzgNe9+iiUHrujmpUiCyD2nt+vyN9Yqt7o16ZwCKcR/jwqju+Qs212A0e9mtiadUoQ29GzsxNslkxPS7XDLCyzVjP38OBSul5YtVnnXE9YMNJQQtjrvXejcKSo9GqELOvuSQFsw/+OxjStjLMwMVJrEyUGdNhubnOYRCdjhg3F15p61sAAAA") !important}
.lg-vistaprint{background-image:url("data:image/webp;base64,UklGRnoCAABXRUJQVlA4IG4CAAAQDwCdASpAAEAAPkEaiUOioaEc/OwAKAQEtABfthgBu9s/HTlxuDfBHKGWx43fUd4ofSz8xPnzeiX0AOkA9ADy0/ZrRoHSSaRbduZoL/WhfYTdWrkB3ok6gF3MwlCK3aLRq283sUomngYygD66ea2SXgZq30Onweq6B1pgoKhuqwAA/v6rhqip9lmvkvZxWZ1ipnrGP5Cf4/7Qa+qRHCWpJ9cjM/ve/mYNs7ijz2pFz5OXxWeCmIbKmg0M4CuHMZTqEQjOltpN9woQ/IvOJNSqmct/jZFf+2jjx/fqCurwcEz5pBdnpfp61OxMeZnrrfYzKq8Bp7ixqdopsIRtLkaFuEGJCtLOw+oS4e2TnuXjzadiuk6QLf8Hmdy71147byD+mDGxmFLXmE5v/5dnE46txy99IQgpSQIMObTTMUdLMiqoEGN7XynXF1WPrkzSehi4vlDC3bjl8mfZnek194gEpYF5PX+xw9OBN8u0BGizOlX/anJfrEZrE2zWLsNmBLsjmCL4aGkpJjMNwnX6YWG0bj4rIeBvi+PTAdQwIuCgowwjIz5uRAZKGjOM6EEyp1bWnekyufksCUVP5dABasKwnnorr8cssVqGGZpayVYTNUZyWPtuFzMofR7P6HfF1AKWh5VlF10dFZFO82KZcOX+yjQYIi5JFFSUV82VU+V7MRd/FyhSrotD6vfthrZqGaECOzmSRuLwY9ey0O8wPhRs5XXqQEmlmUsdVr2NG8VMtOE/vqJxpIj15/EsGGM8K/mV224QPAdXo1HV8NAjzlRN0A+3TEmv+X3y1xklvdLrJ//XYDAy2C0FKgYAAAAA") !important}
.lg-quickbooks{background-image:url("data:image/webp;base64,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") !important}
.lg-google{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22-10%20-10%2068%2068%22%3E%3Cpath%20fill%3D%22%23EA4335%22%20d%3D%22M24%209.5c3.54%200%206.71%201.22%209.21%203.6l6.85-6.85C35.9%202.38%2030.47%200%2024%200%2014.62%200%206.51%205.38%202.56%2013.22l7.98%206.19C12.43%2013.72%2017.74%209.5%2024%209.5z%22/%3E%3Cpath%20fill%3D%22%234285F4%22%20d%3D%22M46.98%2024.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58%202.96-2.26%205.48-4.78%207.18l7.73%206c4.51-4.18%207.09-10.36%207.09-17.65z%22/%3E%3Cpath%20fill%3D%22%23FBBC05%22%20d%3D%22M10.53%2028.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92%2016.46%200%2020.12%200%2024c0%203.88.92%207.54%202.56%2010.78l7.97-6.19z%22/%3E%3Cpath%20fill%3D%22%2334A853%22%20d%3D%22M24%2048c6.48%200%2011.93-2.13%2015.89-5.81l-7.73-6c-2.15%201.45-4.92%202.3-8.16%202.3-6.26%200-11.57-4.22-13.47-9.91l-7.98%206.19C6.51%2042.62%2014.62%2048%2024%2048z%22/%3E%3C/svg%3E") !important}
.lg-verizon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23EE0000%22%20d%3D%22M33.5%209h6.2L24.6%2039h-5.4L8.3%2017.6h6.1l7.5%2014.6z%22/%3E%3C/svg%3E") !important}
.lg-inv{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%231ED760%22/%3E%3Cpath%20d%3D%22M17%2012h10l6%206v18H17z%22%20fill%3D%22%23fff%22/%3E%3Cpath%20d%3D%22M27%2012v6h6%22%20fill%3D%22none%22%20stroke%3D%22%2314b856%22%20stroke-width%3D%221.6%22/%3E%3Cpath%20d%3D%22M21%2024h8M21%2028h8M21%2032h5%22%20stroke%3D%22%2314b856%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") !important}
.ic-kepticon{background-image:url("data:image/webp;base64,UklGRpwEAABXRUJQVlA4IJAEAAAwGACdASpgAGAAPkkkjkUioiETmwTcKASEsgBpMfp9k/F3mid+PBHMCGk7Ise/qA+6rfAeYD9XP149oD1J+gB/Wf7N1k/oGfsd6U/7ffCV+6nsD/sV/7da5Xt/XuWaPwogR0i4dVLI6fQq0HPVBDXLICegHBG+x7D83NV/J8axGMTj6MoPW5mZ025Sy9082ZeyuXk0RM2Fux2Qou3LP1XradsNtWxDxfobLU22WLRun7rMNQXew0xV6Ov6OKTj5qdGcw/6Pq2IQqQAAP7pMWf/8exc7nnX//xt38iQ/IkPjXmZilk1+KK7xxM2t0eR83xvtmwfdJF8qRZxcO20ddVFpcdhdyfAZj++xIkTHe6pxY51fNuF9raoiNrPFlI7+KP8oEfMhAND/C6D8GVivfiLGMukQjq3/Hn7zLfsOyXo3Tu3mz/b1Pweo6n7KdPWY9aAFGo1l/Z6iA3SjsKSkc0Ogoc0hxAEsmVpbvI7vj3lh+cIj5uLm67eyK6pFcgS3//AuD6zMHuXZuP0IPjHZdL8QpUnA9o1Dl7i/JUT75S22vOTpkRDvt4HwXW+b2Al6tAsWhDYh1Qof6N54KwqF/9BG+pDNxaSLgBuUkO7Hx9tIWJCl48QwfltH6iBQXfu02w/4ONN6UFxGa4yv48wwrP2JTYzc172dxHpkE7//GkvufvRdiczyLx9nviSkCj9h6EcxJ3ivT44YwnadzDMCmceatGuKcJ4ZonHelXvDmnhcbb+hqjEfW9Hhg4SX9/+5E1WiZJOtNEbFrNGa0BT/B/gzFxMlD/H2+h/SMB+0MaXXFfvzY4iRBwcfHOP1r0C9YwGQVg/XYr/WG9JXLZb+6EgsyBaFSNEei0AX5bWmOVm2jATuD4OcETmVvqxUDukt80WBN6hEGQ+diDSh81Y5qh8BADL619+1DPNXqkn+njxDHElkkRwaVn6pnw84sC+LHwIjbe/9DxY46++WTEVM32mhjZtZADECyiVBRR9C5nmn6HtNH7h3ul07ey0+x0a0a+bskTOg33g2JUYaThW497sp/pzOYvnf8F74e/pL7MsrcGJc5L4OM9NTSlHJdg+8MqW2Ev8/0sK4oQ5wP/670MoTtbIJoi3XQoVt40tERHkzyya2vSwlCzfBWC7OvvWeTZ6s0+0FvIhz+H3WVAkIaXVObCPc6b4dcwnM8eP+g91yha7QWStnBs0mYPi8+w6Pzu/L4pYEsMdjUNbQ7wGf0R7A8njOEbUsxdwtGtD2xXN99jlCtoQ4VXIPCD+M6295lt+1tnbGOOIx3aTjQWAYbYm96M+xVd2AoVpRTlQ2mDPzhyw136J0C17/a2Q3l5aNWeGhbPB2FaR8rQLAfUYZTySAt77l9u/hQzYV/1mrfh9IgT3n6Zj2KrqgTpa8303e6qnCCi+eRO5NlVg+DBG/VWc3heXE2e+H2YayXcBLzGSR5Ng2nZVtoBusMcUWuhogWME/i8Znm1kdIYOmlwWvcdH6wN2md35ACWVSJOgpK8ZndsKMzUGuuQqF9GAt9TSwxN4bWeZn/mAAAruvYAAAAAA") !important}
.ic-claude{background-image:url("data:image/webp;base64,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") !important}
.ic-gpt{background-image:url("data:image/webp;base64,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") !important}
.ic-bofa{background-image:url("data:image/webp;base64,UklGRlQEAABXRUJQVlA4IEgEAABQFgCdASpAAEAAPkkci0OioaEXDJaoKASEtgBlOwCFv+n/hbJm4AHiAf1r1AehDzAfpl+1/CAf13qDufL9jb9qv259k+7g/s3cA+P/uv5MZNx7loBv8F/p35IZZf8y/xNsCnTf4n/zf3zzX/PH/Y/xHwA/y7+of7D7cuR3/a5TNbWyrNBkVbiHc/jWtCe66qmXKa48d8v486aypjnbhpNod9vTKnzR8TGJ6Jpehbyi1/PY/yFDmjPveD6AAP7+iRg6/dWHxYcTTTw1RfQMe6kRIlxTAZrtvHrZld9Y5ZEce0CQe/pjNQy/8hXvqmwI+SCvlfIrc5Qr5LuQf1SbzIotK5Av7WvfjP3X4pymW3y2qBDZXJ42vRI5AQzpcL/fmykavxtWW8V/fv2JtbPRl11DqPAZXyrGGSQ14vBOQ3ibB2mWiKIC0JqvVl38035DWMOKuRY32reElBDty0fmXzcPe5hGZFB1OS4utv1R+tkc38hFef8m+PSaVEi0SIgKeqz1/VypQb5HTWqlqqHhpcKvbVob1LV8ru0VeDk1L5n5uvgnLtP4HksgTKZYXKyNkXW/+i+9Zg72fQ7eO937V1tU1skrnnsPWchc0bsDE1Bunbeq3VXpc+uQo/2vYh/VErY+6o0nnUY9qvUjKtEofkYoCzpPYtcYrmQBs8r//Zz0Z+os3PC8iK8va9g6PjCWE3C6oF1uvbvJqn/v/hygXrVeK3yxffU2/v00eqaRqoq0wOi814bNC8T7bqSCMmCDzdnP42VWuQRaU609frQFh3x5rqT2D6LJS9QcyVRNuoxiX4Vfp7mu1N78k7jU8zCsnO/Q3q6ePtfFRr4UPFe8brNc7KTazfbEoUbjx2afn/qH3HSHX5FMMfsQ/uAVM5m+MChHlj0ykPjQX0v9JahEjgCoiTVjcVDakH1he5JfTUl8z+ZHzqWRNL3z8Hqy8aOsIlxulg56v58g2Y1V6Vm++D8i6SjaaWPGPcZZ6wVkjeSzQvC27Ye4MVNT8COGivk5JqIuJEN8JZJ898iI/KQrISDzfbxKv57JTpYGKWDIIfth7I7iWKn1L4iSWw5RBWHK+pmGn+Rblvmz9N3qcJicZmXZGlC1YtEUHXD5i03fzL/QWGh5XgkqLsAUtyN0DF/y3EHQoGMNXdx9ori9YSUamiFiMN1/7LLtic8ND/0bix4s4mngkcWfvpVK6BivhTJuA5OYxM3FhVeC+gSibvjBsXH6z2X3vcqB3RRCBw0nwtAbyJ16iLzrxY/pKZv5bO+xKoXHh8dMlRpxbkDEFRtoaHpJEEfSYBCUuZFC8zEkwi28+k+0lDixAt82pLRXHWRs51sT0G8SQedilqojypFKulOnQIiS69SxY4AGh4RkivKGJ71wR/a0Nj4nQD71gvKa7CRpLTgRwShz3ACFtazPxbwbDSj8Xv0tqFs5DIWoCz3p1NvNTu7AAAAA") !important}