:root {
	--bg: #070a14;
	--bg-2: #0c0f1a;
	--card: #12172a;
	--card-2: #1a2140;
	--line: #2a3a63;
	--line-soft: rgba(120, 140, 200, 0.16);
	--gold: #e8b04b;
	--gold-2: #c99a3d;
	--gold-3: #f6cf7d;
	--gold-ink: #1a1204;
	--text: #f3ede6;
	--muted: #cdbfb2;
	--dim: #9aa3bd;
	--green: #7dd48a;
	--red: #ff8a8a;
	--blue: #8fb0ff;
	--coral: #ffab7a;
	--radius: 18px;
	--shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.7), 0 0 0 1px var(--line-soft);
	--font: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
	background: var(--bg);
	background-image:
		radial-gradient(1100px 600px at 80% -10%, rgba(232, 176, 75, 0.10), transparent 60%),
		radial-gradient(900px 600px at -10% 10%, rgba(60, 90, 180, 0.18), transparent 60%);
	background-repeat: no-repeat;
	color: var(--text);
	font-family: var(--font);
	font-size: 16px;
	line-height: 1.6;
	overflow-x: hidden;
}

img, svg { display: block; max-width: 100%; }

a { color: var(--gold-3); }

h1, h2, h3 { line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; font-weight: 700; }

.wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }

:focus-visible { outline: 3px solid var(--gold-3); outline-offset: 3px; border-radius: 6px; }

.skip { position: absolute; left: 16px; top: -60px; z-index: 100; background: var(--gold); color: var(--gold-ink); padding: 10px 16px; border-radius: 10px; font-weight: 600; text-decoration: none; }
.skip:focus { top: 12px; }

.ic { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
svg use { pointer-events: none; }

.btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 12px 20px; border-radius: 999px; font-weight: 600; font-size: 15px;
	text-decoration: none; border: 1px solid transparent; cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
	white-space: nowrap;
}
.btn-sm { padding: 8px 16px; font-size: 14px; }
.btn-lg { padding: 14px 24px; font-size: 16px; }
.btn-gold { background: linear-gradient(135deg, var(--gold-3), var(--gold) 55%, var(--gold-2)); color: var(--gold-ink); box-shadow: 0 10px 30px -10px rgba(232, 176, 75, 0.7); }
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 16px 36px -12px rgba(232, 176, 75, 0.85); }
.btn-ghost { color: var(--text); border-color: var(--line); background: rgba(255, 255, 255, 0.03); }
.btn-ghost:hover { border-color: var(--gold-2); color: var(--gold-3); transform: translateY(-2px); }

.nav { position: sticky; top: 0; z-index: 50; transition: background .3s ease, border-color .3s ease; border-bottom: 1px solid transparent; }
.nav.scrolled, .nav.open { background: rgba(7, 10, 20, 0.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom-color: var(--line-soft); }
.nav-row { display: flex; align-items: center; gap: 24px; height: 68px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); }
.brand img { border-radius: 9px; }
.brand-name { font-weight: 700; font-size: 20px; letter-spacing: 0.01em; }
.nav-links { display: flex; gap: 26px; margin-left: auto; }
.nav-links a { color: var(--muted); text-decoration: none; font-size: 15px; font-weight: 500; }
.nav-links a:hover { color: var(--gold-3); }
.nav-signin { display: none; }
.nav-cta { display: flex; align-items: center; gap: 10px; }
.nav-toggle { display: none; width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--line); background: transparent; color: var(--text); cursor: pointer; align-items: center; justify-content: center; }
.nav-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

.eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(18, 23, 42, 0.7); color: var(--gold-3); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(125, 212, 138, 0.6); animation: live 2s infinite; display: inline-block; }
@keyframes live { 0% { box-shadow: 0 0 0 0 rgba(125, 212, 138, 0.6); } 70% { box-shadow: 0 0 0 9px rgba(125, 212, 138, 0); } 100% { box-shadow: 0 0 0 0 rgba(125, 212, 138, 0); } }
.nb { display: inline-block; }
.accent { background: linear-gradient(100deg, var(--gold-3), var(--gold) 45%, #ffdf9e 70%, var(--gold-2)); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: shine 6s ease-in-out infinite; }
@keyframes shine { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
.lede { font-size: clamp(16.5px, 1.5vw, 19px); color: var(--muted); max-width: 560px; }
.cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.cta-row.center { justify-content: center; }
.hero-points { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 26px; color: var(--muted); font-size: 14.5px; }
.hero-points li { display: inline-flex; align-items: center; gap: 8px; }
.hero-points .ic { color: var(--green); width: 17px; height: 17px; }
.dots { display: inline-flex; gap: 6px; }
.dots i { width: 10px; height: 10px; border-radius: 50%; background: #3a4670; }
.dots i:first-child { background: #ff7a7a; }
.dots i:nth-child(2) { background: #f3c25b; }
.dots i:nth-child(3) { background: #6fd08a; }
@keyframes slidein { from { opacity: 0; transform: translateY(-14px) scale(.98); } to { opacity: 1; transform: none; } }

section { position: relative; }
section[id] { scroll-margin-top: 72px; }
.kicker { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); margin-bottom: 12px; }
.sec-head { text-align: center; max-width: 760px; margin: 0 auto 48px; }
.sec-head h2 { font-size: clamp(28px, 3.6vw, 44px); }

.pain-ic, .feat-ic { display: inline-flex; width: 46px; height: 46px; border-radius: 14px; align-items: center; justify-content: center; background: rgba(232, 176, 75, 0.12); border: 1px solid rgba(232, 176, 75, 0.3); color: var(--gold-3); }
.pain-ic svg, .feat-ic svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.feature { padding: 90px 0; overflow-x: clip; }
.feature.alt { background: linear-gradient(180deg, transparent, rgba(26, 33, 64, 0.35) 20%, rgba(26, 33, 64, 0.35) 80%, transparent); }
.feat-grid { display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.25fr); gap: 60px; align-items: start; }
.feat-grid.flip .feat-copy { order: 2; }
.feat-grid.flip .shot { order: 1; }
.feat-copy { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; align-items: center; }
.feat-copy > :not(.feat-ic):not(.kicker) { grid-column: 1 / -1; }
.feat-copy .feat-ic { width: 38px; height: 38px; border-radius: 11px; }
.feat-copy .feat-ic svg { width: 20px; height: 20px; }
.feat-copy .kicker { display: block; margin: 0; }
.feat-copy h2 { margin-top: 14px; }
.feat-copy h2 { font-size: clamp(27px, 3.2vw, 40px); margin-bottom: 14px; }
.feat-lede { color: var(--muted); font-size: 17px; margin-bottom: 22px; }
.ticks { list-style: none; display: grid; gap: 12px; }
.ticks li { display: flex; gap: 12px; align-items: flex-start; color: var(--muted); font-size: 15.5px; }
.ticks li b { color: var(--text); font-weight: 600; }
.ticks .ic { margin-top: 3px; color: var(--gold); width: 18px; height: 18px; background: rgba(232, 176, 75, 0.12); border-radius: 50%; padding: 2px; }

.shot { --tilt: 0deg; --lift: 0px; perspective: 1400px; }
.shot-frame {
	border-radius: 16px; overflow: hidden; background: var(--card);
	box-shadow: var(--shadow), 0 0 90px -30px rgba(232, 176, 75, 0.35);
	transform: rotateY(var(--tilt));
	transition: transform .25s ease-out, box-shadow .3s ease;
}
.feat-grid.flip .shot-frame { transform: rotateY(calc(var(--tilt) * -1)); }
.shot:hover .shot-frame { box-shadow: var(--shadow), 0 0 120px -20px rgba(232, 176, 75, 0.5); }
.shot-bar { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: rgba(7, 10, 20, 0.7); border-bottom: 1px solid var(--line-soft); }
.shot-url { flex: 1; text-align: center; font-size: 12px; color: var(--dim); background: rgba(26, 33, 64, 0.7); border-radius: 8px; padding: 3px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 40px; }
.shot-img { display: block; width: 100%; height: auto; }
.shot-ph { aspect-ratio: 16 / 10; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--gold-3); font-weight: 600; font-size: 15px; background: repeating-linear-gradient(45deg, rgba(232, 176, 75, 0.05) 0 14px, rgba(232, 176, 75, 0.1) 14px 28px), linear-gradient(180deg, var(--card-2), var(--card)); border: 2px dashed rgba(232, 176, 75, 0.35); border-top: 0; }
.shot-ph small { color: var(--dim); font-weight: 500; font-size: 13px; }
.shot figcaption { margin-top: 14px; text-align: center; font-size: 13.5px; color: var(--dim); }
.shot { position: relative; }
.shot-narrow { max-width: 380px; margin: 0 auto; width: 100%; }
.sec-head p { color: var(--muted); font-size: 17px; margin-top: 14px; }

.screen { padding: 70px 0 100px; overflow: hidden; }
.screen::before { content: ""; position: absolute; left: 50%; top: 40%; width: 1200px; height: 700px; transform: translateX(-50%); background: radial-gradient(ellipse, rgba(232, 176, 75, 0.16), transparent 62%); pointer-events: none; }
.tv { position: relative; max-width: 1080px; margin: 0 auto; }
.tv-frame { position: relative; padding: 14px; border-radius: 22px; background: linear-gradient(160deg, #262d44, #0b0e18); box-shadow: 0 50px 120px -40px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 140px -30px rgba(232, 176, 75, 0.45); }
.tv-frame img { display: block; width: 100%; height: auto; border-radius: 10px; }
.tv-frame::after { content: ""; position: absolute; inset: 14px; border-radius: 10px; background: linear-gradient(120deg, rgba(255, 255, 255, 0.08), transparent 30%); pointer-events: none; }
.tv-stand { width: 22%; height: 36px; margin: 0 auto; background: linear-gradient(180deg, #1b2134, #0b0e18); clip-path: polygon(30% 0, 70% 0, 100% 100%, 0 100%); }
.tv figcaption { margin-top: 18px; text-align: center; font-size: 13.5px; color: var(--dim); }

.privacy { padding: 90px 0; }
.privacy-card { position: relative; overflow: hidden; border-radius: 28px; padding: 52px; background: radial-gradient(800px 400px at 0% 0%, rgba(232, 176, 75, 0.14), transparent 60%), linear-gradient(160deg, #18203d, #0d1222 70%); border: 1px solid rgba(232, 176, 75, 0.28); box-shadow: 0 40px 100px -40px rgba(0, 0, 0, 0.8); }
.privacy-head { display: flex; gap: 28px; align-items: flex-start; max-width: 880px; }
.shield { flex: 0 0 auto; width: 78px; height: 78px; border-radius: 22px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--gold-3), var(--gold-2)); color: var(--gold-ink); box-shadow: 0 0 0 8px rgba(232, 176, 75, 0.1), 0 20px 50px -10px rgba(232, 176, 75, 0.6); }
.shield svg { width: 40px; height: 40px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.privacy-head h2 { font-size: clamp(28px, 3.6vw, 44px); margin-bottom: 12px; }
.privacy-head p { color: var(--muted); font-size: 17px; }
.privacy-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
.pv { padding: 22px; border-radius: 16px; background: rgba(7, 10, 20, 0.45); border: 1px solid var(--line-soft); }
.pv .ic { width: 26px; height: 26px; color: var(--gold-3); }
.pv h3 { font-size: 17px; margin: 12px 0 6px; }
.pv p { color: var(--muted); font-size: 14.5px; }
.privacy-note { margin-top: 28px; color: var(--gold-3); font-weight: 500; }

.trial { padding: 60px 0 90px; }
.trial-card { position: relative; overflow: hidden; text-align: center; border-radius: 28px; padding: 64px 32px; background: linear-gradient(160deg, #1b2445, #0d1222); border: 1px solid rgba(232, 176, 75, 0.35); }
.trial-glow { position: absolute; left: 50%; top: -60%; width: 900px; height: 600px; transform: translateX(-50%); background: radial-gradient(circle, rgba(232, 176, 75, 0.28), transparent 60%); pointer-events: none; }
.trial-card > :not(.trial-glow) { position: relative; }
.trial-card h2 { font-size: clamp(30px, 4.4vw, 54px); margin-bottom: 14px; }
.trial-card p { color: var(--muted); font-size: 17.5px; max-width: 620px; margin: 0 auto; }


.foot { border-top: 1px solid var(--line-soft); padding: 36px 0 44px; }
.foot-row { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 32px; }
.foot-links { display: flex; flex-wrap: wrap; gap: 22px; }
.foot-links a { color: var(--muted); text-decoration: none; font-size: 14.5px; }
.foot-links a:hover { color: var(--gold-3); }
.fine { width: 100%; color: var(--dim); font-size: 13.5px; }

.nav:not(.scrolled):not(.open) { background: linear-gradient(180deg, rgba(7, 10, 20, 0.75), rgba(7, 10, 20, 0)) border-box no-repeat; }

.hero { position: relative; min-height: min(88vh, 780px); display: flex; align-items: center; margin-top: -68px; padding: 120px 0 80px; overflow: hidden; }
.banner { position: absolute; inset: 0; }
.banner img { width: 100%; height: 100%; object-fit: cover; object-position: left center; transform: scale(.8); transform-origin: 6% 58%; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 78%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 12%, #000 82%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0, #000 9%, #000 78%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 12%, #000 82%, transparent 100%); mask-composite: intersect; }
.banner-scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7, 10, 20, 0.05) 0%, rgba(7, 10, 20, 0.25) 38%, rgba(7, 10, 20, 0.8) 58%, rgba(7, 10, 20, 0.92) 100%), linear-gradient(180deg, rgba(7, 10, 20, 0) 65%, var(--bg) 100%); }
.hero-inner { position: relative; display: flex; justify-content: flex-end; width: 100%; }
.hero-copy { max-width: 590px; }
.hero h1 { font-size: clamp(36px, 4.4vw, 60px); margin: 22px 0 18px; text-shadow: 0 2px 30px rgba(0, 0, 0, 0.5); }

.process { padding: 80px 0 70px; }
.flow { --p: 1; position: relative; }
.flow-steps { list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; position: relative; }
.flow-track { position: absolute; left: 10%; right: 10%; top: 28px; height: 3px; background: var(--line); border-radius: 3px; }
.flow-fill { display: block; width: 100%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--gold-2), var(--gold-3)); box-shadow: 0 0 14px rgba(232, 176, 75, 0.7); transform-origin: left center; transform: scaleX(var(--p)); transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
.fstep { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }
.fnode { position: relative; z-index: 1; width: 58px; height: 58px; border-radius: 50%; border: 2px solid var(--gold-2); background: var(--bg-2); color: var(--gold-3); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .4s ease, background .4s ease, box-shadow .4s ease, color .4s ease; flex: 0 0 auto; }
.fnode svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.fstep.on .fnode { background: linear-gradient(135deg, var(--gold-3), var(--gold-2)); color: var(--gold-ink); box-shadow: 0 0 0 8px rgba(232, 176, 75, 0.15), 0 0 40px rgba(232, 176, 75, 0.55); transform: scale(1.08); }
.fcard { margin-top: 18px; width: 100%; flex: 1; padding: 18px 14px; border-radius: 18px; background: linear-gradient(180deg, rgba(26, 33, 64, 0.7), rgba(18, 23, 42, 0.5)); border: 1px solid var(--line-soft); transition: border-color .4s ease, transform .4s ease, opacity .4s ease; }
.js .flow.ready .fstep:not(.on) .fcard { opacity: .5; }
.fstep.on .fcard { border-color: rgba(232, 176, 75, 0.55); transform: translateY(-4px); }
.fnum { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.fcard h3 { font-size: 20px; margin: 4px 0 8px; }
.fcard p { color: var(--muted); font-size: 14px; }
.fvis { display: grid; gap: 6px; margin-top: 14px; min-height: 108px; align-content: start; text-align: left; }
.fapp { display: flex; align-items: center; gap: 10px; padding: 6px 10px; border-radius: 10px; background: rgba(7, 10, 20, 0.55); font-size: 13.5px; font-weight: 600; }
.fapp img { border-radius: 7px; }
.frow { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 10px; background: rgba(7, 10, 20, 0.55); font-size: 13px; color: var(--muted); }
.frow i { width: 8px; height: 8px; border-radius: 50%; }
.frow b { color: var(--text); font-variant-numeric: tabular-nums; }
.k-s { background: var(--gold); }
.k-p { background: var(--blue); }
.k-r { background: var(--green); }
.ftask { justify-self: start; padding: 4px 10px; border-radius: 999px; background: rgba(232, 176, 75, 0.16); color: var(--gold-3); font-size: 12.5px; font-weight: 700; }
.fitem { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 5px 10px; border-radius: 10px; background: rgba(7, 10, 20, 0.55); font-size: 13px; color: var(--muted); }
.av { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(232, 176, 75, 0.2); color: var(--gold-3); font-size: 11px; font-weight: 700; font-style: normal; }
.fitem em { width: 9px; height: 9px; border-radius: 50%; background: #f3c25b; }
.fitem em.ok { background: var(--green); }
.fitem em.late { background: var(--red); }
.pill { font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 6px; white-space: nowrap; transition: background .3s ease, color .3s ease; }
.p-pend { background: rgba(245, 158, 11, 0.16); color: #f5b445; }
.p-prog { background: rgba(96, 165, 250, 0.16); color: #7fb2ff; }
.p-done { background: rgba(63, 185, 80, 0.16); color: #5fd17a; }
.p-late { background: rgba(255, 138, 138, 0.16); color: var(--red); }
.fprog { display: grid; gap: 4px; margin-top: 2px; }
.fprog-bar { height: 7px; border-radius: 999px; background: rgba(42, 58, 99, 0.7); overflow: hidden; }
.fprog-bar i { display: block; height: 100%; width: 100%; border-radius: 999px; background: linear-gradient(90deg, #3fb950, #7dd48a); transform-origin: left center; transform: scaleX(.75); transition: transform .6s ease; }
.fprog em { font-style: normal; font-size: 12px; color: var(--muted); }
.fv-scale { justify-items: start; gap: 12px; }
.fv-n { font-size: 15px; color: var(--muted); }
.fv-n b { font-size: 32px; color: var(--gold-3); font-variant-numeric: tabular-nums; margin-right: 6px; }
.fv-team { display: flex; align-items: center; gap: 4px; padding: 6px 10px; border-radius: 999px; border: 1px dashed rgba(125, 212, 138, 0.55); color: var(--green); }
.fv-team svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.fv-team em { font-style: normal; font-size: 12.5px; font-weight: 600; margin-left: 6px; }
.flink { display: inline-block; margin-top: 12px; font-size: 13.5px; font-weight: 600; }
.fstep.on .fapp, .fstep.on .frow, .fstep.on .fitem { animation: slidein .6s cubic-bezier(.2, .8, .2, 1) both; }
.fstep.on .fvis > :nth-child(2) { animation-delay: .15s; }
.fstep.on .fvis > :nth-child(3) { animation-delay: .3s; }
.fstep.on .fvis > :nth-child(4) { animation-delay: .45s; }
.flow-ctrl { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 30px; min-height: 40px; }
.flow-ctrl .btn svg.is-fill { fill: currentColor; stroke: none; }
.flow-status { font-size: 13.5px; color: var(--dim); }

.flow-4 .flow-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.flow-4 .flow-track { left: 12.5%; right: 12.5%; }
.onboard { padding: 90px 0 60px; }
.ob-vis { gap: 8px; }
.ob-panel { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-radius: 10px; background: rgba(7, 10, 20, 0.55); font-size: 13px; }
.ob-panel b { font-weight: 600; }
.ob-panel em { font-style: normal; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 6px; background: rgba(245, 158, 11, 0.16); color: #f5b445; }
.ob-panel em.on { background: rgba(63, 185, 80, 0.16); color: #5fd17a; }
.ob-key { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; border: 1px dashed rgba(232, 176, 75, 0.55); color: var(--gold-3); font-family: Consolas, Menlo, monospace; font-size: 13px; letter-spacing: .04em; }
.ob-key .ic { width: 16px; height: 16px; }
.ob-note { font-size: 11px; color: var(--dim); }
.ob-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.ob-actions i { font-style: normal; font-size: 12px; font-weight: 600; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line); background: rgba(7, 10, 20, 0.55); }
.ob-actions i.wa { border-color: rgba(37, 211, 102, 0.55); color: #6be29b; }
.ob-bubble { position: relative; justify-self: end; max-width: 92%; padding: 8px 12px; border-radius: 14px 14px 4px 14px; background: #134d37; color: #e6fff1; font-size: 12.5px; }
.ob-apps { display: flex; gap: 8px; }
.ob-apps img { border-radius: 6px; }
.ob-paste { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.ob-paste span { padding: 6px 10px; border-radius: 8px; background: rgba(7, 10, 20, 0.7); border: 1px solid var(--line); font-family: Consolas, Menlo, monospace; font-size: 12px; color: var(--text); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ob-paste i { font-style: normal; font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 8px; background: var(--gold); color: var(--gold-ink); }
.ob-ok { justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(63, 185, 80, 0.16); color: #5fd17a; font-size: 12.5px; font-weight: 700; }
.ob-ok .ic { width: 15px; height: 15px; }
.fstep.now .ob-key { animation: slidein .6s .3s cubic-bezier(.2, .8, .2, 1) both; }
.fstep.now .ob-bubble { animation: obsend .9s .5s cubic-bezier(.2, .8, .2, 1) both; }
.fstep.now .ob-paste span { animation: obtype 1s .3s steps(14) both; }
.fstep.now .ob-ok { animation: obpop .5s 1.4s cubic-bezier(.2, .9, .3, 1.4) both; }
.fstep.now .ob-panel em.on { animation: obpop .5s .2s cubic-bezier(.2, .9, .3, 1.4) both; }
@keyframes obsend { from { opacity: 0; transform: translate(-30px, 14px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes obtype { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes obpop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
.ob-extras { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; margin-top: 36px; color: var(--muted); font-size: 14.5px; }
.ob-extras li { display: inline-flex; align-items: center; gap: 8px; }
.ob-extras .ic { color: var(--gold); }

.scale { padding: 90px 0; }
.grow-wrap { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: stretch; }
.grow { position: relative; padding: 30px; border-radius: 24px; background: radial-gradient(600px 300px at 0 0, rgba(232, 176, 75, 0.16), transparent 60%), linear-gradient(160deg, #18203d, #0d1222); border: 1px solid rgba(232, 176, 75, 0.35); box-shadow: 0 40px 100px -40px rgba(0, 0, 0, 0.8); }
.grow-head { display: flex; align-items: center; gap: 22px; }
.grow-count { display: flex; align-items: baseline; gap: 10px; flex: 0 0 auto; }
.grow-count b { font-size: clamp(52px, 6vw, 76px); line-height: 1; color: var(--gold-3); font-variant-numeric: tabular-nums; min-width: 4.6ch; }
.grow-count span { color: var(--muted); font-size: 18px; font-weight: 600; }
.grow-meter { flex: 1; height: 10px; border-radius: 999px; background: rgba(42, 58, 99, 0.6); overflow: hidden; }
.grow-meter span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--gold-2), var(--gold-3)); transform-origin: left center; transform: scaleX(var(--g, 1)); }
.grow-dots { display: grid; grid-template-columns: repeat(20, minmax(0, 1fr)); gap: 5px; margin: 24px 0; }
.grow-dots i { aspect-ratio: 1; border-radius: 3px; background: rgba(42, 58, 99, 0.55); transition: background .3s ease, box-shadow .3s ease; }
.grow-dots i.on { background: var(--gold); box-shadow: 0 0 8px rgba(232, 176, 75, 0.45); }
.grow-legend { display: flex; align-items: center; gap: 8px; margin: -10px 0 18px; font-size: 13px; color: var(--dim); }
.grow-legend i { width: 12px; height: 12px; border-radius: 3px; background: var(--gold); }
.grow-team { display: flex; align-items: center; gap: 18px; padding: 16px 18px; border-radius: 16px; background: rgba(7, 10, 20, 0.55); border: 1px dashed rgba(125, 212, 138, 0.55); }
.team-icons { display: flex; flex: 0 0 auto; }
.team-icons span { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #10241a; border: 2px solid var(--green); color: var(--green); margin-left: -8px; }
.team-icons span:first-child { margin-left: 0; }
.team-icons svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.team-lab b { display: block; color: var(--green); font-size: 16.5px; }
.team-lab span { color: var(--muted); font-size: 14px; }
.grow-tag { position: absolute; top: 14px; right: 18px; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--dim); }
.versus { display: grid; gap: 16px; }
.vs-col { padding: 24px; border-radius: 20px; border: 1px solid var(--line-soft); }
.vs-col h3 { font-size: 19px; margin-bottom: 14px; }
.vs-col ul { list-style: none; display: grid; gap: 10px; }
.vs-col li { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); font-size: 15px; }
.vs-col .ic { margin-top: 3px; }
.vs-before { background: rgba(255, 138, 138, 0.05); border-color: rgba(255, 138, 138, 0.28); }
.vs-before h3 { color: #ffb3b3; }
.vs-before .ic { color: var(--red); }
.vs-after { background: rgba(232, 176, 75, 0.08); border-color: rgba(232, 176, 75, 0.45); }
.vs-after h3 { color: var(--gold-3); }
.vs-after li { color: var(--text); }
.vs-after .ic { color: var(--gold); }
.scale-sub { text-align: center; font-size: clamp(22px, 2.6vw, 30px); margin: 64px 0 28px; }
.scale-steps { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: st; }
.scale-steps li { position: relative; padding: 22px; border-radius: 18px; background: rgba(18, 23, 42, 0.65); border: 1px solid var(--line-soft); counter-increment: st; }
.scale-steps li::before { content: counter(st); position: absolute; top: 14px; right: 18px; font-size: 30px; font-weight: 700; color: rgba(232, 176, 75, 0.28); }
.ss-ic, .cs-ic { display: inline-flex; width: 44px; height: 44px; border-radius: 13px; align-items: center; justify-content: center; background: rgba(232, 176, 75, 0.12); border: 1px solid rgba(232, 176, 75, 0.3); color: var(--gold-3); }
.ss-ic svg, .cs-ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.scale-steps b, .collect-steps b { display: block; font-size: 17px; margin: 14px 0 6px; }
.scale-steps p, .collect-steps p { color: var(--muted); font-size: 14.5px; }
.proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 48px; }
.proof-shot .shot-img { aspect-ratio: 16 / 10; object-fit: cover; object-position: left top; }
.proof-shot figcaption { margin-top: 12px; text-align: center; font-size: 13.5px; color: var(--dim); }

.pricing { padding: 20px 0 90px; }
.price-card { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: start; padding: 52px; border-radius: 28px; background: linear-gradient(160deg, #1b2445, #0d1222); border: 1px solid rgba(232, 176, 75, 0.45); box-shadow: 0 40px 100px -40px rgba(0, 0, 0, 0.8); }
.price-glow { position: absolute; left: -10%; top: -40%; width: 700px; height: 600px; background: radial-gradient(circle, rgba(232, 176, 75, 0.25), transparent 60%); pointer-events: none; }
.price-card > :not(.price-glow) { position: relative; }
.price-lead h2 { font-size: clamp(36px, 4.8vw, 62px); line-height: 1.05; }
.price-lead h2 .accent { font-size: 1.3em; }
.price-sub { color: var(--muted); font-size: 17px; margin-top: 14px; }
.price-points { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 22px 0 28px; }
.price-points li { display: flex; align-items: center; gap: 8px; font-size: 15px; }
.price-points .ic { color: var(--green); }
.price-note { margin-top: 16px; font-size: 14.5px; color: var(--muted); }
.ptable-wrap { border-radius: 18px; overflow: hidden; border: 1px solid var(--line-soft); background: rgba(7, 10, 20, 0.55); }
.ptable { width: 100%; border-collapse: collapse; font-size: 15px; }
.ptable caption { caption-side: bottom; padding: 10px 16px; font-size: 12.5px; color: var(--dim); text-align: left; }
.ptable th, .ptable td { padding: 11px 16px; text-align: left; border-bottom: 1px solid var(--line-soft); }
.ptable thead th { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--dim); font-weight: 600; }
.ptable tbody th { font-weight: 600; }
.ptable td { color: var(--muted); font-variant-numeric: tabular-nums; }
.ptable td:last-child, .ptable thead th:last-child { text-align: right; }
.ptable td:last-child { color: var(--gold-3); font-weight: 600; }
.ptable tr.is-free th, .ptable tr.is-free td { color: var(--green); }
.fx-note { padding: 10px 16px 12px; border-top: 1px solid var(--line-soft); font-size: 12.5px; color: var(--muted); }
[dir="rtl"] .nav-links { margin-left: 0; margin-right: auto; }
[dir="rtl"] .ptable caption, [dir="rtl"] .ptable th, [dir="rtl"] .ptable td { text-align: right; }
[dir="rtl"] .ptable td:last-child, [dir="rtl"] .ptable thead th:last-child { text-align: left; }
[dir="rtl"] #hp_field { left: auto !important; right: -9999px !important; }
[dir="rtl"] .btn .ic { transform: scaleX(-1); }

.collect { padding: 90px 0; overflow-x: clip; background: linear-gradient(180deg, transparent, rgba(26, 33, 64, 0.38) 12%, rgba(26, 33, 64, 0.38) 88%, transparent); }
.collect-steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-bottom: 48px; }
.collect-steps li { position: relative; padding: 22px; border-radius: 18px; background: rgba(18, 23, 42, 0.75); border: 1px solid var(--line-soft); }
.collect-steps li:not(:last-child)::after { content: ""; position: absolute; right: -16px; top: 50%; width: 10px; height: 10px; border-top: 2px solid var(--gold); border-right: 2px solid var(--gold); transform: translateY(-50%) rotate(45deg); }
.cs-n { position: absolute; top: 14px; right: 18px; font-size: 30px; font-weight: 700; color: rgba(232, 176, 75, 0.3); }
.collect-main { max-width: 1000px; margin: 0 auto; }

.intl { padding: 90px 0; overflow-x: clip; }
.intl-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 52px; align-items: start; }
.intl-copy h3 { display: flex; align-items: center; gap: 10px; font-size: 20px; margin-bottom: 14px; }
.intl-copy h3 .ic { color: var(--gold); width: 22px; height: 22px; }
.lang-list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.lang-list li { padding: 5px 12px; border-radius: 999px; border: 1px solid var(--line-soft); background: rgba(18, 23, 42, 0.75); font-size: 14px; }
.intl-copy p { color: var(--muted); font-size: 15.5px; }
.menus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 30px auto 0; max-width: 440px; }
.menu-shot img { width: 100%; height: 300px; object-fit: cover; object-position: top; border-radius: 12px; border: 1px solid var(--line); box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8); }
.menu-shot:last-child img { object-position: bottom; }
.menu-shot figcaption { margin-top: 8px; text-align: center; font-size: 13px; color: var(--dim); }

.apps { padding: 30px 0 60px; }
.app-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 1132px; margin: 0 auto; }
.app { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 14px; row-gap: 6px; align-items: center; min-width: 0; padding: 20px; border-radius: 18px; background: rgba(18, 23, 42, 0.75); border: 1px solid var(--line-soft); overflow-wrap: anywhere; }
.app > div { display: contents; }
.app span { grid-column: 1 / -1; align-self: start; }
.app img { border-radius: 12px; flex: 0 0 auto; }
.tp-tile { background: #fff; }
.fapp img.tp-tile { border-radius: 7px; }
.app b { display: block; font-size: 17px; line-height: 1.25; }
.app span { color: var(--muted); font-size: 14px; }
.app-own { border-style: dashed; border-color: rgba(232, 176, 75, 0.45); }

.car .shot-frame { transform: none; }
.car-viewport { position: relative; overflow: hidden; background: #0b0e19; touch-action: pan-y; }
.car-track { display: flex; height: 100%; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.car-slide { position: relative; flex: 0 0 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.car-img { display: block; width: 100%; height: 100%; object-fit: contain; }
.car-ctrl { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; }
.car-prev, .car-next { width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%; border: 1px solid var(--line); background: rgba(18, 23, 42, 0.85); color: var(--text); font: inherit; font-size: 22px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.car-prev:hover, .car-next:hover { border-color: var(--gold-2); color: var(--gold-3); }
.car-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.car-tab { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line); background: rgba(7, 10, 20, 0.55); color: var(--muted); font: inherit; font-size: 14px; cursor: pointer; transition: background .2s ease, color .2s ease; }
.car-tab:hover { border-color: var(--gold-2); color: var(--gold-3); }
.car-tab.on { background: var(--gold); border-color: var(--gold); color: var(--gold-ink); font-weight: 600; }
.intl-visual { min-width: 0; }

.contact { padding: 56px 0 90px; }
.contact .sec-head { margin-bottom: 40px; }
.contact .sec-head h1 { font-size: clamp(30px, 4vw, 48px); }
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 24px; align-items: start; max-width: 1000px; margin: 0 auto; }
.contact-info { display: flex; flex-direction: column; gap: 16px; }
.contact-info-card { display: flex; gap: 14px; align-items: center; padding: 20px; border-radius: 18px; background: rgba(18, 23, 42, 0.75); border: 1px solid var(--line-soft); }
.contact-info-icon { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: rgba(232, 176, 75, 0.12); border: 1px solid rgba(232, 176, 75, 0.3); color: var(--gold-3); }
.contact-info-icon .ic { width: 22px; height: 22px; }
.contact-info-label { color: var(--muted); font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 3px; }
.contact-info-value { font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.contact-form-card { position: relative; padding: 28px; border-radius: 22px; background: linear-gradient(160deg, #18203d, #0d1222); border: 1px solid rgba(232, 176, 75, 0.35); box-shadow: 0 40px 100px -40px rgba(0, 0, 0, 0.8); }
.contact-form-card .form-row { margin-bottom: 18px; }
.contact-form-card label { display: block; font-size: 13.5px; font-weight: 600; margin-bottom: 7px; }
.contact-form-card .form-control { display: block; width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(7, 10, 20, 0.6); color: var(--text); font: inherit; font-size: 15px; transition: border-color .2s ease; }
.contact-form-card .form-control::placeholder { color: var(--dim); }
.contact-form-card .form-control:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(232, 176, 75, 0.25); }
.contact-form-card textarea.form-control { resize: vertical; }
.price-cta { width: 100%; }
.contact-page .swal2-popup { background: #12172a; border: 1px solid rgba(232, 176, 75, 0.35); border-radius: 20px; font-family: var(--font); }
.contact-page .swal2-title { color: var(--text); }
.contact-page .swal2-content, .contact-page .swal2-html-container { color: var(--muted); }
.contact-page .swal2-styled.swal2-confirm { background: linear-gradient(135deg, var(--gold-3), var(--gold) 55%, var(--gold-2)) !important; color: var(--gold-ink) !important; border-radius: 999px; font-weight: 600; padding: 10px 28px; }
.contact-page .swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px rgba(246, 207, 125, 0.45); }
#contact_error { color: var(--red); font-size: 14px; margin-bottom: 16px; }

.js .reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s cubic-bezier(.2, .7, .2, 1); }
.js .reveal.in { opacity: 1; transform: none; }
.js .scale-steps .reveal:nth-child(2), .js .collect-steps .reveal:nth-child(2), .js .privacy-grid .pv:nth-child(2), .js .app-grid .reveal:nth-child(2) { transition-delay: .1s; }
.js .scale-steps .reveal:nth-child(3), .js .collect-steps .reveal:nth-child(3), .js .app-grid .reveal:nth-child(3) { transition-delay: .2s; }
.js .scale-steps .reveal:nth-child(4), .js .app-grid .reveal:nth-child(4) { transition-delay: .3s; }

@media (max-width: 1360px) {
	.nav-row { gap: 18px; }
	.nav-links { gap: 18px; }
}

@media (max-width: 1180px) {
	.nav-links { position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; gap: 0; padding: 8px 16px 16px; background: rgba(7, 10, 20, 0.96); border-bottom: 1px solid var(--line-soft); display: none; }
	.nav.open .nav-links { display: flex; }
	.nav-links a { padding: 12px 4px; border-bottom: 1px solid var(--line-soft); }
	.nav-signin { display: block; }
	.nav-toggle { display: inline-flex; }
	.nav-loc { margin-left: auto; }
	.hide-sm { display: none; }
}

@media (max-width: 1100px) {
	.flow-4 .flow-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.flow-4 .flow-track { left: 28px; right: auto; }
	.flow { max-width: 760px; margin: 0 auto; }
	.flow-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.flow-track { left: 28px; right: auto; top: 28px; bottom: 28px; width: 3px; height: auto; }
	.flow-fill { transform-origin: center top; transform: scaleY(var(--p)); }
	.fstep { flex-direction: row; align-items: flex-start; text-align: left; gap: 16px; }
	.fcard { margin-top: 0; padding: 18px; }
	.fstep.on .fcard { transform: none; }
	.fvis { min-height: 0; max-width: 420px; }
	.privacy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.grow-wrap { grid-template-columns: minmax(0, 1fr); }
	.scale-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.price-card { grid-template-columns: minmax(0, 1fr); }
	.intl-grid { grid-template-columns: minmax(0, 1fr); }
	.app-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.contact-grid { grid-template-columns: minmax(0, 1fr); }
	.feat-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.feat-grid.flip .feat-copy, .feat-grid .feat-copy { order: 1; }
	.feat-grid.flip .shot, .feat-grid .shot { order: 2; }
	.privacy-card { padding: 36px 26px; }
	.privacy-head { flex-direction: column; gap: 20px; }
	.feature, .privacy, .scale, .collect, .intl { padding: 64px 0; }
	.proof { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-left: auto; margin-right: auto; }
	.collect-steps { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.collect-steps li:not(:last-child)::after { right: auto; left: 50%; top: auto; bottom: -11px; transform: translateX(-50%) rotate(135deg); }
}

@media (max-width: 860px) {
	.hero { display: block; min-height: 0; padding: 0 0 56px; }
	.banner { position: relative; height: calc(52vw + 68px); }
	.banner img { transform-origin: 30% 55%; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%), linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%); mask-composite: intersect; }
	.banner-scrim { bottom: auto; height: calc(52vw + 68px); background: linear-gradient(180deg, rgba(7, 10, 20, 0.35) 0%, rgba(7, 10, 20, 0) 30%, rgba(7, 10, 20, 0) 55%, var(--bg) 100%); }
	.hero-inner { justify-content: center; margin-top: -36px; }
	.hero-copy { max-width: 640px; text-align: center; }
	.lede { margin: 0 auto; }
	.cta-row, .hero-points { justify-content: center; }
}

@media (max-width: 640px) {
	.wrap { padding: 0 16px; }
	.nav-row { gap: 10px; }
	.nav-loc { gap: 6px; }
	.nav-cta { gap: 6px; }
	.nav-cta .btn-gold { padding: 8px 12px; font-size: 13px; }
	.privacy-grid { grid-template-columns: minmax(0, 1fr); }
	.trial-card { padding: 44px 20px; }
	.btn-lg { padding: 13px 20px; font-size: 15px; }
	.cta-row .btn { flex: 1 1 100%; }
	.shot-url { margin-right: 0; }
	.tv-frame { padding: 7px; border-radius: 14px; }
	.tv-frame::after { inset: 7px; }
	.screen { padding: 50px 0 70px; }
	.grow { padding: 22px 18px; }
	.grow-head { flex-direction: column; align-items: flex-start; gap: 12px; }
	.grow-meter { width: 100%; flex: 0 0 10px; }
	.grow-dots { gap: 3px; }
	.grow-team { flex-direction: column; align-items: flex-start; }
	.scale-steps { grid-template-columns: minmax(0, 1fr); }
	.price-card { padding: 32px 18px; gap: 28px; }
	.price-points { grid-template-columns: minmax(0, 1fr); }
	.ptable { font-size: 14px; }
	.ptable th, .ptable td { padding: 9px 10px; }
	.menus { max-width: none; }
	.menu-shot img { height: 240px; }
	.app-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 400px) {
	.brand-name { display: none; }
	.nav-toggle { width: 38px; height: 38px; }
	.hero h1 { font-size: 32px; }
	.nb { display: inline; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.car-track { transition: none; }
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
	.js .reveal { opacity: 1; transform: none; }
}

.zoom-host { position: relative; }
img.zoomable { cursor: zoom-in; }
img.zoomable:focus-visible { outline: 3px solid var(--gold-3); outline-offset: -3px; }
.zoom-hint { position: absolute; right: 10px; bottom: 10px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; background: rgba(7, 10, 20, 0.88); border: 1px solid rgba(232, 176, 75, 0.45); color: var(--gold-3); font-size: 12px; font-weight: 600; opacity: 0; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease; pointer-events: none; }
.zoom-hint svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.zoom-host:hover .zoom-hint, .zoom-host:focus-within .zoom-hint { opacity: 1; transform: none; }
.menu-shot .zoom-hint { bottom: 40px; right: 8px; }
html.lb-open, html.lb-open body { overflow: hidden; }
.lb { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 70px 84px 28px; }
.lb[hidden] { display: none; }
.lb-backdrop { position: absolute; inset: 0; background: rgba(3, 5, 12, 0.97); }
.lb-fig { position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 100%; max-height: 100%; }
.lb-img { display: block; max-width: min(1600px, 100%); max-height: calc(100vh - 160px); width: auto; height: auto; border-radius: 10px; box-shadow: 0 30px 90px rgba(0, 0, 0, 0.85), 0 0 0 1px var(--line-soft); animation: lbzoom .25s ease both; }
@keyframes lbzoom { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: none; } }
.lb-cap { max-width: 900px; text-align: center; color: var(--muted); font-size: 14.5px; }
.lb-bar { position: absolute; top: 14px; left: 16px; right: 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lb-count { color: var(--muted); font-size: 14px; font-weight: 600; }
.lb button { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--line); background: rgba(26, 33, 64, 0.92); color: var(--text); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.lb button:hover { border-color: var(--gold-2); color: var(--gold-3); }
.lb button span[aria-hidden] { font-size: 18px; line-height: 1; }
.lb-prev, .lb-next { position: absolute; top: 50%; transform: translateY(-50%); }
.lb-prev { left: 14px; }
.lb-next { right: 14px; }

@media (max-width: 640px) {
	.lb { padding: 64px 10px 84px; }
	.lb-img { max-height: calc(100vh - 230px); }
	.lb-prev, .lb-next { top: auto; bottom: 20px; transform: none; }
	.lb-prev { left: 16px; }
	.lb-next { right: 16px; }
	.lb-cap { font-size: 13.5px; padding: 0 6px; }
}

@media (hover: none) {
	.zoom-hint { opacity: .92; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
	.lb-img { animation: none; }
}

.nav-links a[aria-current="page"] { color: var(--gold-3); }
.nav-drop { position: relative; display: flex; align-items: center; }
.nav-drop-btn { display: inline-flex; align-items: center; gap: 4px; background: none; border: 0; padding: 0; font: inherit; color: var(--muted); font-size: 15px; font-weight: 500; cursor: pointer; white-space: nowrap; }
.nav-drop-btn:hover, .nav-drop.open .nav-drop-btn, .nav-drop.current .nav-drop-btn { color: var(--gold-3); }
.nav-drop-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.nav-drop.open .nav-drop-btn svg { transform: rotate(180deg); }
.nav-drop-menu { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); min-width: 170px; padding: 6px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8); display: none; z-index: 60; }
.nav-drop.open .nav-drop-menu { display: block; }
.nav-links .nav-drop-menu a { display: block; padding: 9px 12px; border-radius: 8px; white-space: nowrap; border-bottom: 0; }
.nav-links .nav-drop-menu a:hover, .nav-links .nav-drop-menu a[aria-current="page"] { background: var(--card-2); color: var(--gold-3); }

@media (max-width: 1180px) {
	.nav-drop { flex-direction: column; align-items: stretch; border-bottom: 1px solid var(--line-soft); }
	.nav-drop-btn { padding: 12px 4px; justify-content: space-between; width: 100%; }
	.nav-drop-menu { position: static; transform: none; min-width: 0; padding: 0 0 8px 14px; background: transparent; border: 0; box-shadow: none; }
	.nav-links .nav-drop-menu a { padding: 10px 4px; }
}
.contact-done { text-align: center; padding: 10px 4px; }
.contact-done:focus { outline: none; }
.contact-done h2 { font-size: 26px; margin: 0 0 8px; color: var(--gold-3); }
.contact-done p { color: var(--muted); margin: 0 0 20px; }
.enq-receipt { text-align: left; margin: 0 0 22px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--line); background: rgba(7, 10, 20, 0.6); }
.enq-receipt dl { display: grid; gap: 10px; margin: 0 0 14px; }
.enq-receipt dl div { display: grid; grid-template-columns: 96px 1fr; gap: 10px; align-items: baseline; }
.enq-receipt dt { color: var(--muted); font-size: 13px; }
.enq-receipt dd { margin: 0; color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
.enq-copy { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.copy-note { color: #7ee0a1; font-size: 14px; }
.copy-note.bad { color: #f6a6a6; }
@media (max-width: 420px) { .enq-receipt { padding: 14px; } .enq-receipt dl div { grid-template-columns: 1fr; gap: 2px; } }

.ba { padding: 80px 0 70px; }
.ba-car .car-viewport { background: transparent; border-radius: 24px; }
.ba-car .car-track { height: auto; align-items: stretch; }
.ba-car .car-slide { height: auto; align-items: stretch; }
.ba-car .car-slide > .ba-card { width: 100%; }
.ba-car .car-ctrl { margin-top: 20px; }
.ba-card { position: relative; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 28px; align-items: center; padding: 26px; border-radius: 24px; border: 1px solid var(--line-soft); box-shadow: 0 40px 100px -40px rgba(0, 0, 0, 0.8); }
.ba-before { background: radial-gradient(620px 300px at 100% 0, rgba(255, 138, 138, 0.10), transparent 60%), linear-gradient(160deg, #161a2c, #0d1120); border-color: rgba(255, 138, 138, 0.22); }
.ba-after { background: radial-gradient(620px 300px at 0 0, rgba(232, 176, 75, 0.18), transparent 60%), linear-gradient(160deg, #18203d, #0d1222); border-color: rgba(232, 176, 75, 0.38); }
.ba-side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.ba-tag { align-self: flex-start; justify-self: start; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
.ba-before .ba-tag { color: var(--red); background: rgba(255, 138, 138, 0.10); border: 1px solid rgba(255, 138, 138, 0.3); }
.ba-after .ba-tag { color: var(--gold-ink); background: linear-gradient(90deg, var(--gold-2), var(--gold-3)); }
.ba-card h3 { font-size: clamp(21px, 2.1vw, 27px); line-height: 1.25; margin-top: -6px; }
.ba-scene { border-radius: 18px; background: rgba(7, 10, 20, 0.6); border: 1px solid var(--line-soft); padding: 8px; }
.bx { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--font); }
.bx-firm rect { fill: rgba(143, 176, 255, 0.05); stroke: rgba(200, 212, 255, 0.28); stroke-width: 1.2; }
.bx-firm-n { font-size: 14px; font-weight: 700; fill: var(--text); }
.bx-firm-s { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bx-firm-b .bx-firm-s { fill: var(--coral); }
.bx-firm-a .bx-firm-s { fill: var(--green); }
.bx-firm-a rect { fill: rgba(232, 176, 75, 0.05); stroke: rgba(246, 207, 125, 0.35); }
.bx-pool rect { fill: rgba(232, 176, 75, 0.05); stroke: rgba(246, 207, 125, 0.35); stroke-width: 1.2; }
.bx-pool-s { font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; fill: var(--green); }
.bx-ph rect, .bx-ph path { stroke-width: 1.1; }
.bx-link { fill: none; stroke: rgba(232, 176, 75, 0.3); stroke-width: 1.3; }
.bx-link-main { stroke: rgba(232, 176, 75, 0.6); stroke-width: 3; stroke-linecap: round; }
.bx-port { fill: var(--gold); }
.bx-hub circle { fill: #1f2644; stroke: var(--gold-3); stroke-width: 1.8; }
.bx-hub .bx-hub-ring { fill: none; stroke: rgba(232, 176, 75, 0.4); stroke-width: 1.4; stroke-dasharray: 3 6; transform-box: fill-box; transform-origin: center; animation: bx-spin 12s linear infinite; }
.bx-hub path { fill: none; stroke: var(--gold-3); stroke-width: 1.5; stroke-linejoin: round; }
.bx-hub .bx-hub-n { fill: var(--gold-3); stroke: none; }
.bx-pkt { fill: var(--gold-3); filter: drop-shadow(0 0 3px rgba(246, 207, 125, 0.9)); }
.bx-rail { fill: none; stroke: #2a3352; stroke-width: 12; stroke-linecap: round; }
.bx-rail-ties { fill: none; stroke: rgba(246, 207, 125, 0.35); stroke-width: 12; stroke-dasharray: 1.5 8; }
.bx-task rect { fill: #f6e7c4; stroke: var(--gold); stroke-width: 1; }
.bx-task path { fill: none; stroke: #2e7d46; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.bx-lbl { font-size: 12px; font-weight: 600; fill: var(--muted); }
.bx-tag { font-size: 10.5px; font-weight: 600; fill: var(--muted); }
.bx-tag-a { fill: var(--gold-3); }
.bx-op circle, .bx-op path { stroke-width: 1.6; }
.bx-op-b circle, .bx-op-b path { fill: #2a2030; stroke: var(--coral); }
.bx-op-a circle, .bx-op-a path { fill: #262a3f; stroke: var(--gold-3); }
.bx-phone rect { fill: var(--coral); }
.bx-ring path { fill: none; stroke: var(--coral); stroke-width: 1.6; stroke-linecap: round; animation: bx-ring 1.2s ease-in-out infinite; }
.bx-ring path:nth-child(2) { animation-delay: .2s; }
.bx-bub path { fill: #221a22; stroke: rgba(255, 171, 122, 0.5); stroke-width: 1; }
.bx-bub text { font-size: 11px; font-weight: 600; fill: var(--coral); }
.bx-cl rect, .bx-cl path { stroke-width: 1.5; stroke-linejoin: round; }
.bx-cl-b rect, .bx-cl-b path { fill: #1d2238; stroke: #4a5b8a; }
.bx-cl-a rect, .bx-cl-a path { fill: #1f2644; stroke: rgba(232, 176, 75, 0.7); }
.bx-cl .bx-roof { fill: #3a2a33; }
.bx-cl-a .bx-roof { fill: rgba(232, 176, 75, 0.35); }
.bx-cl .bx-door, .bx-cl .bx-win { fill: #0c0f1a; }
.bx-cl-a .bx-win { fill: var(--gold-3); }
.bx-call { fill: none; stroke: rgba(255, 171, 122, 0.45); stroke-width: 1.4; stroke-dasharray: 5 7; stroke-linecap: round; animation: bx-dash 1.4s linear infinite; }
.bx-ret { fill: none; stroke: rgba(143, 160, 210, 0.3); stroke-width: 1.3; stroke-dasharray: 2 7; stroke-linecap: round; }
.bx-ah-c { fill: rgba(255, 171, 122, 0.6); }
.bx-ah-r { fill: rgba(143, 160, 210, 0.45); }
.bx-ah-g { fill: var(--gold); }
.bx-wa circle { fill: #25a35a; }
.bx-wa-ic { fill: #fff; }
.bx-sheet rect { fill: #1e6b45; stroke: #7dd48a; stroke-width: 1; }
.bx-sheet path { stroke: #c9f2d2; stroke-width: 1; fill: none; }
.bx-tally path { fill: #3a64b8; stroke: var(--blue); stroke-width: 1; }
.bx-miss rect { fill: none; stroke: var(--red); stroke-width: 1.4; stroke-dasharray: 3 3; }
.bx-miss text { font-size: 14px; font-weight: 700; fill: var(--red); }
.bx-bot-l { font-size: 13px; font-weight: 700; fill: var(--gold-3); }
.bx-bot-s { font-size: 11px; font-weight: 500; fill: var(--muted); }
.bx-laptop rect { fill: #10162a; stroke: var(--gold-3); stroke-width: 1.5; }
.bx-laptop path { stroke: var(--gold-3); stroke-width: 2; stroke-linecap: round; }
.bx-tick path { fill: none; stroke: var(--green); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.bx-tick path:nth-child(even) { stroke: var(--dim); }
.bx-lens circle { fill: rgba(143, 176, 255, 0.15); stroke: var(--blue); stroke-width: 1.6; }
.bx-lens path { stroke: var(--blue); stroke-width: 2; stroke-linecap: round; }
.bx-lens { transform-box: fill-box; transform-origin: center; animation: bx-scan 3s ease-in-out infinite; }
.ba-steps { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.ba-steps li { position: relative; display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 500; padding: 7px 12px; border-radius: 10px; }
.ba-steps svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ba-before .ba-steps li { color: var(--muted); background: rgba(42, 58, 99, 0.35); border: 1px solid var(--line-soft); }
.ba-before .ba-steps li:not(:last-child)::after { content: "\203A"; position: absolute; right: -11px; color: var(--dim); font-size: 15px; }
.ba-before .ba-steps .ba-again { color: var(--red); border-color: rgba(255, 138, 138, 0.35); border-style: dashed; }
.ba-before .ba-steps .ba-end { flex-direction: column; align-items: flex-start; gap: 0; color: var(--dim); background: transparent; border-style: dashed; }
.ba-then { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.ba-after .ba-steps { flex-direction: column; align-items: stretch; }
.ba-after .ba-steps li { color: var(--text); background: rgba(232, 176, 75, 0.07); border: 1px solid rgba(232, 176, 75, 0.25); }
.ba-after .ba-steps .ba-in { color: var(--gold-3); }
.ba-after .ba-steps .ba-demand, .ba-after .ba-steps .ba-end { flex-direction: column; align-items: flex-start; gap: 6px; }
.ba-after .ba-then { color: var(--gold); }
.ba-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ba-chips span { font-size: 13px; font-weight: 600; padding: 4px 10px; border-radius: 999px; background: rgba(7, 10, 20, 0.6); border: 1px solid rgba(232, 176, 75, 0.35); color: var(--gold-3); }
.ba-after .ba-steps .ba-end { gap: 2px; font-size: 16px; font-weight: 700; color: var(--gold-ink); background: linear-gradient(90deg, var(--gold-2), var(--gold-3)); border: 0; }
.ba-after .ba-steps .ba-end .ba-then { color: rgba(26, 18, 4, 0.7); }
.ba-flow { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.ba-flow span { position: relative; display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; }
.ba-flow span:not(:last-child)::after { content: ""; position: absolute; left: 10px; top: 21px; width: 2px; height: 10px; background: rgba(26, 18, 4, 0.35); }
.ba-flow i { flex: none; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-style: normal; font-size: 11px; font-weight: 700; color: var(--gold-3); background: rgba(26, 18, 4, 0.85); }
.ba-time { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; }
.ba-time-l { grid-column: 1 / -1; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dim); }
.ba-bar { height: 10px; border-radius: 999px; background: rgba(42, 58, 99, 0.6); overflow: hidden; }
.ba-bar i { display: block; height: 100%; border-radius: 999px; transform-origin: left center; transform: scaleX(0); transition: transform 1.6s cubic-bezier(.2, .7, .2, 1) .3s; }
.ba-before .ba-bar i { width: 100%; background: linear-gradient(90deg, rgba(255, 171, 122, 0.6), var(--red)); }
.ba-after .ba-bar i { width: 5%; min-width: 10px; background: linear-gradient(90deg, var(--gold-2), var(--gold-3)); box-shadow: 0 0 10px rgba(232, 176, 75, 0.6); }
.ba-car.in .ba-bar i, html:not(.js) .ba-bar i { transform: scaleX(1); }
.ba-time b { font-size: 15px; }
.ba-before .ba-time b { color: var(--red); }
.ba-after .ba-time b { color: var(--gold-3); }
.ba-foot { font-size: 16px; font-weight: 600; color: var(--muted); }
.ba-after .ba-foot { color: var(--text); }
@keyframes bx-dash { to { stroke-dashoffset: -24; } }
@keyframes bx-spin { to { transform: rotate(360deg); } }
@keyframes bx-ring { 0%, 100% { opacity: .15; } 50% { opacity: 1; } }
@keyframes bx-blink { 50% { opacity: .35; } }
@keyframes bx-scan { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-14px, 6px); } }
@media (max-width: 960px) {
	.ba-card { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.ba-scene { order: 2; }
	.ba-side { display: contents; }
	.ba-tag { order: 0; }
	.ba-card h3 { order: 1; }
	.ba-steps { order: 3; }
	.ba-time { order: 4; }
	.ba-foot { order: 5; }
}
@media (max-width: 640px) {
	.ba { padding: 60px 0 50px; }
	.ba-card { padding: 16px; }
	.ba-scene { padding: 4px; margin: 0 -6px; }
}

.scale:not(.scale-how) { padding-bottom: 0; }
.scale.scale-how { padding-top: 0; }

html.cb-on, html.cb-on body { height: 100%; overflow: hidden !important; overscroll-behavior: none; }
html.cb-on .nav { position: fixed; top: 0; left: 0; right: 0; }
.cb-deck { position: fixed; top: 0; left: 0; right: 0; height: 100vh; height: 100dvh; overflow: hidden; }
.cb-track { position: relative; height: 100%; transition: transform 850ms cubic-bezier(0.77, 0, 0.175, 1); will-change: transform; }
.cb-track.cb-instant { transition: none; }
.cb-slide { position: relative; height: 100%; overflow: hidden; }
.cb-slide-inner { height: 100%; display: flex; flex-direction: column; padding-top: var(--cb-head, 68px); padding-bottom: var(--cb-sug, 0px); overflow: hidden; }
html.cb-on .cb-slide-hero .banner-scrim { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 18%); mask-image: linear-gradient(to bottom, transparent 0, #000 18%); }
.cb-fit { width: 100%; flex-shrink: 0; margin: auto 0; transform-origin: 50% 0; }
html.cb-on .cb-slide section { padding: clamp(12px, 3.2vh, 40px) 0; }
html.cb-on .cb-slide .hero { margin-top: 0; min-height: 0; padding: clamp(16px, 5vh, 64px) 0; }
html.cb-on .cb-slide .pricing { padding-top: clamp(12px, 3.2vh, 40px); }
html.cb-on .cb-slide .sec-head { margin-bottom: clamp(14px, 3.6vh, 44px); }
html.cb-on .cb-slide .sec-head p { margin-top: clamp(6px, 1.4vh, 14px); }
html.cb-on .cb-slide .scale-sub { margin: 0 0 clamp(14px, 3vh, 28px); }
html.cb-on .cb-slide .proof { margin-top: clamp(16px, 3.6vh, 40px); }
html.cb-on .cb-slide .collect-steps { margin-bottom: clamp(16px, 3.6vh, 40px); }
html.cb-on .cb-slide .privacy-grid { margin-top: clamp(18px, 4vh, 40px); }
html.cb-on .cb-slide .ob-extras { margin-top: clamp(14px, 3vh, 36px); }
html.cb-on .cb-slide .flow-ctrl { margin-top: clamp(10px, 2.4vh, 30px); }
html.cb-on .cb-slide .menu-shot img { height: clamp(150px, 24vh, 300px); }
html.cb-on .cb-slide .shot .shot-frame { transform: none; }
html.cb-on .cb-slide .tv, html.cb-on .cb-slide .collect-main, html.cb-on .cb-slide .feat-grid > .shot, html.cb-on .cb-slide .intl-visual > .shot { margin-left: auto; margin-right: auto; width: 100%; }
html.cb-on .cb-slide .feat-grid { align-items: center; }
html.cb-on .cb-slide footer.foot { flex-shrink: 0; padding: clamp(10px, 2vh, 22px) 0; }
html.cb-on .cb-slide .foot-row { gap: 8px 24px; }
.cb-dots { position: fixed; top: 50%; right: 18px; transform: translateY(-50%); z-index: 45; display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 11px 6px; border-radius: 999px; background: rgba(7, 10, 20, 0.6); border: 1px solid var(--line-soft); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.cb-dot { position: relative; display: block; width: 9px; height: 9px; padding: 0; border-radius: 999px; border: 1px solid var(--dim); background: transparent; cursor: pointer; transition: background .3s ease, border-color .3s ease, height .3s ease, box-shadow .3s ease; }
.cb-dot::before { content: ""; position: absolute; inset: -4px -8px; }
.cb-dot:hover { border-color: var(--gold-3); }
.cb-dot[aria-current="true"] { height: 22px; background: var(--gold); border-color: var(--gold); box-shadow: 0 0 10px rgba(232, 176, 75, 0.6); }
.cb-dot::after { content: attr(data-label); position: absolute; right: calc(100% + 16px); top: 50%; transform: translate(6px, -50%); white-space: nowrap; max-width: 60vw; overflow: hidden; text-overflow: ellipsis; background: var(--card); color: var(--text); border: 1px solid var(--line); border-radius: 8px; padding: 4px 10px; font-size: 12.5px; line-height: 1.4; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.cb-dot:hover::after, .cb-dot:focus-visible::after { opacity: 1; transform: translate(0, -50%); }
.cb-dot:focus-visible { outline: 2px solid var(--gold-3); outline-offset: 3px; }
html[dir="rtl"] .cb-dots { right: auto; left: 18px; }
html[dir="rtl"] .cb-dot::after { right: auto; left: calc(100% + 16px); }
@media (min-width: 1101px) {
	html.cb-on .cb-slide .wrap { padding-left: 48px; padding-right: 48px; }
}
@media (max-width: 1100px) {
	html.cb-on .cb-slide .wrap { padding-right: 34px; }
	html[dir="rtl"].cb-on .cb-slide .wrap { padding-right: 24px; padding-left: 34px; }
}
@media (max-width: 640px) {
	.cb-dots { right: 3px; gap: 6px; padding: 0; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
	html[dir="rtl"] .cb-dots { left: 3px; }
	.cb-dot { width: 6px; height: 6px; }
	.cb-dot[aria-current="true"] { height: 16px; }
	.cb-dot::after { display: none; }
	html.cb-on .cb-slide .wrap { padding-left: 10px; padding-right: 14px; }
	html[dir="rtl"].cb-on .cb-slide .wrap { padding-left: 14px; padding-right: 10px; }
}
html.cb-on .cb-slide .proof { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; }
@media (min-width: 1101px) {
	html.cb-on .cb-slide .collect .wrap { display: grid; grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.6fr); column-gap: 40px; align-items: center; }
	html.cb-on .cb-slide .collect .sec-head { grid-column: 1 / -1; }
	html.cb-on .cb-slide .collect-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 0; }
	html.cb-on .cb-slide .collect-steps li:not(:last-child)::after { right: auto; left: 50%; top: auto; bottom: -13px; transform: translateX(-50%) rotate(135deg); }
	html.cb-on .cb-slide .collect-steps li { padding: 16px 18px; }
	html.cb-on .cb-slide .collect-steps b { margin: 8px 0 4px; }
}
@media (min-width: 1101px) and (max-height: 900px) {
	html.cb-on .cb-slide .fvis { min-height: 0; margin-top: 10px; }
	html.cb-on .cb-slide .fcard { padding: 14px 12px; }
	html.cb-on .cb-slide .menus { display: none; }
	html.cb-on .cb-slide .grow { padding: 22px 24px; }
	html.cb-on .cb-slide .grow-dots { gap: 4px; margin: 16px 0; }
	html.cb-on .cb-slide .vs-col { padding: 18px 20px; }
	html.cb-on .cb-slide .ba-card { padding: 20px; }
	html.cb-on .cb-slide .ba-side { gap: 12px; }
	html.cb-on .cb-slide .ba-car .car-ctrl { margin-top: 12px; }
}
@media (max-width: 1100px) {
	html.cb-on .cb-slide .fvis { display: none; }
	html.cb-on .cb-slide .fcard { padding: 12px 16px; }
	html.cb-on .cb-slide .flow-steps { gap: 12px; }
	html.cb-on .cb-slide .menus { display: none; }
}
@media (max-width: 640px) {
	html.cb-on .cb-slide .hero .banner, html.cb-on .cb-slide .hero .banner-scrim { height: min(52vw, 28vh); }
	html.cb-on .cb-slide .hero-inner { margin-top: 0; }
	html.cb-on .cb-slide .hero h1 { margin: 14px 0 12px; }
	html.cb-on .cb-slide .cta-row { margin-top: 18px; }
	html.cb-on .cb-slide .hero-points { margin-top: 16px; gap: 6px 14px; font-size: 13.5px; }
	html.cb-on .cb-slide .fnode { width: 44px; height: 44px; }
	html.cb-on .cb-slide .fnode svg { width: 20px; height: 20px; }
	html.cb-on .cb-slide .flow-track { left: 21px; top: 22px; bottom: 22px; }
	html.cb-on .cb-slide .fstep { gap: 12px; }
	html.cb-on .cb-slide .fcard { padding: 10px 14px; border-radius: 14px; }
	html.cb-on .cb-slide .fcard h3 { font-size: 17px; margin: 2px 0 4px; }
	html.cb-on .cb-slide .fcard p { font-size: 13px; line-height: 1.45; }
	html.cb-on .cb-slide .flink { margin-top: 6px; font-size: 12.5px; }
	html.cb-on .cb-slide .flow-ctrl { min-height: 0; }
	html.cb-on .cb-slide .ob-extras { gap: 6px 16px; font-size: 13px; }
	html.cb-on .cb-slide .grow { padding: 16px; }
	html.cb-on .cb-slide .grow-dots { gap: 2px; margin: 12px 0; }
	html.cb-on .cb-slide .grow-legend { margin: -4px 0 10px; }
	html.cb-on .cb-slide .grow-team { padding: 10px 12px; gap: 8px; }
	html.cb-on .cb-slide .grow-wrap { gap: 12px; }
	html.cb-on .cb-slide .versus { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	html.cb-on .cb-slide .vs-col { padding: 12px; border-radius: 14px; }
	html.cb-on .cb-slide .vs-col h3 { font-size: 15px; margin-bottom: 8px; }
	html.cb-on .cb-slide .vs-col ul { gap: 6px; }
	html.cb-on .cb-slide .vs-col li { font-size: 12.5px; line-height: 1.4; gap: 6px; }
	html.cb-on .cb-slide .vs-col .ic { width: 14px; height: 14px; margin-top: 2px; }
	html.cb-on .cb-slide .scale-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	html.cb-on .cb-slide .scale-steps li { padding: 12px; border-radius: 14px; }
	html.cb-on .cb-slide .scale-steps li::before { font-size: 22px; top: 8px; right: 12px; }
	html.cb-on .cb-slide .ss-ic { width: 34px; height: 34px; border-radius: 10px; }
	html.cb-on .cb-slide .ss-ic svg { width: 18px; height: 18px; }
	html.cb-on .cb-slide .scale-steps b { font-size: 14.5px; margin: 8px 0 4px; }
	html.cb-on .cb-slide .scale-steps p { font-size: 12.5px; line-height: 1.45; }
	html.cb-on .cb-slide .proof { gap: 8px; }
	html.cb-on .cb-slide .proof .shot-bar { display: none; }
	html.cb-on .cb-slide .proof .shot-frame { border-radius: 10px; }
	html.cb-on .cb-slide .proof .zoom-hint { display: none; }
	html.cb-on .cb-slide .collect-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	html.cb-on .cb-slide .collect-steps li { padding: 10px; border-radius: 14px; }
	html.cb-on .cb-slide .collect-steps li::after, html.cb-on .cb-slide .collect-steps li:not(:last-child)::after { display: none; }
	html.cb-on .cb-slide .collect-steps p, html.cb-on .cb-slide .collect-steps .cs-ic { display: none; }
	html.cb-on .cb-slide .collect-steps b { font-size: 13px; margin: 0; padding-right: 18px; line-height: 1.3; }
	html.cb-on .cb-slide .cs-n { font-size: 20px; top: 6px; right: 8px; }
	html.cb-on .cb-slide .privacy-card { padding: 20px 16px; border-radius: 20px; }
	html.cb-on .cb-slide .privacy-head { gap: 12px; }
	html.cb-on .cb-slide .shield { width: 52px; height: 52px; border-radius: 16px; }
	html.cb-on .cb-slide .shield svg { width: 28px; height: 28px; }
	html.cb-on .cb-slide .privacy-head p { font-size: 14.5px; }
	html.cb-on .cb-slide .privacy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	html.cb-on .cb-slide .pv { padding: 12px; border-radius: 12px; }
	html.cb-on .cb-slide .pv h3 { font-size: 14.5px; margin: 6px 0 4px; }
	html.cb-on .cb-slide .pv p { font-size: 12.5px; line-height: 1.45; }
	html.cb-on .cb-slide .pv .ic { width: 20px; height: 20px; }
	html.cb-on .cb-slide .intl-grid { gap: 20px; }
	html.cb-on .cb-slide .lang-list { gap: 5px; margin-bottom: 16px; }
	html.cb-on .cb-slide .lang-list li { padding: 2px 9px; font-size: 12.5px; }
	html.cb-on .cb-slide .intl-copy h3 { font-size: 16px; margin-bottom: 8px; }
	html.cb-on .cb-slide .intl-copy p { font-size: 13.5px; }
	html.cb-on .cb-slide .car-ctrl { margin-top: 10px; gap: 6px; }
	html.cb-on .cb-slide .car-prev, html.cb-on .cb-slide .car-next { width: 34px; height: 34px; font-size: 19px; }
	html.cb-on .cb-slide .car-tabs { gap: 5px; }
	html.cb-on .cb-slide .car-tab { padding: 5px 10px; font-size: 12.5px; }
	html.cb-on .cb-slide .ba-card { gap: 12px; }
	html.cb-on .cb-slide .ba-steps { gap: 6px 12px; }
	html.cb-on .cb-slide .ba-steps li { padding: 5px 9px; font-size: 12.5px; }
	html.cb-on .cb-slide .ba-foot { display: none; }
	html.cb-on .cb-slide .ba-car .car-ctrl { margin-top: 10px; }
}
@media (min-width: 1101px) {
	html.cb-on .cb-slide .app-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 900px; }
}
@media (max-width: 640px) {
	html.cb-on .cb-slide .sec-head h2, html.cb-on .cb-slide .privacy-head h2 { font-size: 25px; }
	html.cb-on .cb-slide .sec-head p { font-size: 14.5px; line-height: 1.5; }
	html.cb-on .cb-slide .kicker { font-size: 11.5px; margin-bottom: 6px; }
	html.cb-on .cb-slide .feat-grid { gap: 16px; }
	html.cb-on .cb-slide .feat-copy h2 { font-size: 23px; margin: 10px 0 8px; }
	html.cb-on .cb-slide .feat-lede { font-size: 14.5px; line-height: 1.5; margin-bottom: 10px; }
	html.cb-on .cb-slide .ticks { gap: 6px; }
	html.cb-on .cb-slide .ticks li { font-size: 13px; line-height: 1.45; gap: 8px; }
	html.cb-on .cb-slide .ticks .ic { width: 15px; height: 15px; margin-top: 2px; }
	html.cb-on .cb-slide .price-card { padding: 18px 14px; gap: 14px; border-radius: 20px; }
	html.cb-on .cb-slide .price-lead h2 { font-size: 30px; }
	html.cb-on .cb-slide .price-sub { font-size: 14px; margin-top: 8px; line-height: 1.5; }
	html.cb-on .cb-slide .price-points { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; margin: 12px 0 14px; }
	html.cb-on .cb-slide .price-points li { font-size: 12.5px; align-items: flex-start; gap: 6px; line-height: 1.4; }
	html.cb-on .cb-slide .price-points .ic { width: 15px; height: 15px; }
	html.cb-on .cb-slide .price-note { margin-top: 10px; font-size: 13px; }
	html.cb-on .cb-slide .ptable { font-size: 13px; }
	html.cb-on .cb-slide .ptable th, html.cb-on .cb-slide .ptable td { padding: 6px 9px; }
	html.cb-on .cb-slide .ptable caption { padding: 6px 10px; }
	html.cb-on .cb-slide .grow-count b { font-size: 44px; }
	html.cb-on .cb-slide .team-icons span { width: 30px; height: 30px; }
	html.cb-on .cb-slide .team-icons svg { width: 15px; height: 15px; }
	html.cb-on .cb-slide .team-lab b { font-size: 14px; }
	html.cb-on .cb-slide .team-lab span { font-size: 12.5px; }
	html.cb-on .cb-slide .grow-team { flex-direction: row; align-items: center; }
	html.cb-on .cb-slide .ba-card h3 { font-size: 18px; }
	html.cb-on .cb-slide .ba-time-l { font-size: 11px; }
	html.cb-on .cb-slide .trial-card { padding: 26px 16px; }
	html.cb-on .cb-slide .trial-card h2 { font-size: 26px; }
	html.cb-on .cb-slide .trial-card p { font-size: 15px; }
	html.cb-on .cb-slide .app { padding: 12px 14px; row-gap: 4px; grid-template-columns: 36px minmax(0, 1fr); }
	html.cb-on .cb-slide .app img { width: 36px; height: 36px; border-radius: 9px; }
	html.cb-on .cb-slide .app b { font-size: 15px; }
	html.cb-on .cb-slide .app span { font-size: 13px; line-height: 1.45; }
	html.cb-on .cb-slide .app-grid { gap: 8px; }
	html.cb-on .cb-slide footer.foot { padding: 8px 0; }
	html.cb-on .cb-slide .foot-links { gap: 4px 14px; }
	html.cb-on .cb-slide .foot-links a { font-size: 13px; }
	html.cb-on .cb-slide .foot .brand { display: none; }
	html.cb-on .cb-slide .fine { font-size: 11.5px; }
}
@media (max-width: 640px) and (max-height: 760px) {
	html.cb-on .cb-slide #scale .sec-head p, html.cb-on .cb-slide .grow-legend, html.cb-on .cb-slide .grow-tag { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.cb-track { transition: none; }
}