/* TheCoins Design System tokens, compiled from tokens.json for the canvas */
:root,[data-theme=light]{--violet-50:#F0ECF5;--violet-200:#BCA5D0;--violet-300:#9D7CBB;--violet-500:#6D3C99;--violet-600:#63378B;--violet-deep:#650B9C;--lavender:#BD6BFE;--gold:#FFBE00;--magenta-50:#FFE6F0;--magenta-100:#FFB0D1;--magenta-500:#FF006A;--magenta-600:#E80060;--neutral-900:#212121;--neutral-700:#4D4D4D;--neutral-500:#717171;--neutral-400:#89939E;--neutral-300:#ABBED1;--neutral-50:#F6F8FA;--white:#FFFFFF;--night-900:#1A0B2E;--night-800:#24113D;--night-500:#8E7AA8;--surface:var(--white);--surface-alt:var(--neutral-50);--surface-tint:var(--violet-50);--surface-brand:var(--violet-600);--ink:var(--neutral-900);--ink-muted:var(--neutral-500);--ink-brand:var(--violet-600);--on-brand:var(--white);--on-gold:var(--night-900);--action-primary:var(--violet-600);--action-primary-hover:var(--magenta-600);--action-primary-pressed:var(--violet-deep);--on-action:var(--white);--border:var(--neutral-400);--hairline:#E7E1EE;--focus-ring:var(--magenta-600);}[data-theme=dark]{--violet-50:#F0ECF5;--violet-200:#BCA5D0;--violet-300:#9D7CBB;--violet-500:#6D3C99;--violet-600:#63378B;--violet-deep:#650B9C;--lavender:#BD6BFE;--gold:#FFBE00;--magenta-50:#FFE6F0;--magenta-100:#FFB0D1;--magenta-500:#FF006A;--magenta-600:#E80060;--neutral-900:#212121;--neutral-700:#4D4D4D;--neutral-500:#717171;--neutral-400:#89939E;--neutral-300:#ABBED1;--neutral-50:#F6F8FA;--white:#FFFFFF;--night-900:#1A0B2E;--night-800:#24113D;--night-500:#8E7AA8;--surface:var(--night-900);--surface-alt:var(--night-800);--surface-tint:var(--night-800);--surface-brand:var(--violet-600);--ink:#F4EEFA;--ink-muted:var(--violet-200);--ink-brand:var(--lavender);--on-brand:var(--white);--on-gold:var(--night-900);--action-primary:var(--gold);--action-primary-hover:#FFD04D;--action-primary-pressed:#E0A700;--on-action:var(--night-900);--border:var(--night-500);--hairline:#33204F;--focus-ring:var(--gold);}:root{--space-1:4px;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-30:120px;--radius-sm:8px;--radius-md:16px;--radius-lg:32px;--radius-pill:999px;--shadow-2:0 2px 4px rgba(171,190,209,0.6);--shadow-6:0 6px 12px rgba(171,190,209,0.3);--shadow-8:0 8px 16px rgba(171,190,209,0.4);--font-sans:"Space Grotesk", system-ui, sans-serif;--font-arabic:"Alexandria", "Space Grotesk", system-ui, sans-serif;}
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");

/* Base */
.tc-root, .tc-root * { box-sizing: border-box; }
.tc-root { font-family: var(--font-sans); color: var(--ink); -webkit-font-smoothing: antialiased; }
[dir="rtl"] .tc-root, .tc-root[dir="rtl"], :lang(ar) .tc-root, .tc-root:lang(ar) { font-family: var(--font-arabic); }
.tc-focus:focus-visible, .tc-btn:focus-visible, .tc-nav a:focus-visible, .tc-lang button:focus-visible, .tc-calc input:focus-visible {
  outline: 2px solid var(--focus-ring); outline-offset: 2px;
}

.tc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Button: pill, from the source's Standard buttons */
.tc-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  font-family: inherit; font-weight: 500; border: 1.5px solid transparent; border-radius: var(--radius-pill);
  cursor: pointer; text-decoration: none; white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.tc-btn-md { font-size: 16px; line-height: 20px; padding: 12px 24px; }
.tc-btn-lg { font-size: 18px; line-height: 24px; padding: 16px 32px; }
.tc-btn-sm { font-size: 14px; line-height: 16px; padding: 8px 16px; }
.tc-btn-primary { background: var(--action-primary); color: var(--on-action); }
.tc-btn-primary:hover { background: var(--action-primary-hover); }
.tc-btn-primary:active { background: var(--action-primary-pressed); transform: translateY(1px); }
.tc-btn-gold { background: var(--gold); color: var(--on-gold); }
.tc-btn-gold:hover { background: #FFD04D; }
.tc-btn-gold:active { background: #E0A700; transform: translateY(1px); }
.tc-btn-secondary { background: transparent; color: var(--ink-brand); border-color: currentColor; }
.tc-btn-secondary:hover { background: var(--surface-tint); }
.tc-btn-tertiary { background: var(--surface-alt); color: var(--ink); }
.tc-btn-tertiary:hover { background: var(--violet-600); color: var(--white); }
.tc-btn-onbrand { background: transparent; color: var(--white); border-color: rgba(255,255,255,.7); }
.tc-btn-onbrand:hover { background: rgba(255,255,255,.12); }
.tc-btn[disabled], .tc-btn[aria-disabled="true"] { background: var(--violet-50); color: var(--violet-300); border-color: transparent; cursor: not-allowed; transform: none; }
.tc-btn-icon { width: 1.1em; height: 1.1em; flex: none; }
[dir="rtl"] .tc-btn-icon-dir { transform: scaleX(-1); }
.tc-spin { animation: tc-spin .9s linear infinite; }
@keyframes tc-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .tc-spin { animation: none; } .tc-btn { transition: none; } }

/* Eyebrow badge */
.tc-badge { width: fit-content; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; border-radius: var(--radius-pill); padding: 6px 14px; font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; }
.tc-root[dir="rtl"] .tc-badge, [dir="rtl"] .tc-badge { letter-spacing: 0; text-transform: none; font-size: 14px; }
.tc-badge-violet { background: var(--surface-tint); color: var(--ink-brand); }
.tc-badge-gold { background: var(--gold); color: var(--on-gold); }
.tc-badge-magenta { background: var(--magenta-50); color: #B0004A; }
.tc-badge-onbrand { background: rgba(255,255,255,.14); color: var(--white); }
.tc-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }

/* Nav */
.tc-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); padding: 14px var(--space-6); border-radius: var(--radius-pill); background: rgba(26,11,46,.82); backdrop-filter: blur(14px); color: var(--white); box-shadow: 0 8px 24px rgba(26,11,46,.25); }
.tc-nav-logo { height: 36px; width: auto; display: block; }
.tc-nav-links { display: flex; gap: var(--space-6); list-style: none; margin: 0; padding: 0; }
.tc-nav-links a { color: #E9DFF5; text-decoration: none; font-size: 15px; font-weight: 500; }
.tc-nav-links a:hover { color: var(--gold); }
.tc-nav-end { display: flex; align-items: center; gap: var(--space-4); }
.tc-lang { display: inline-flex; padding: 3px; border-radius: var(--radius-pill); background: rgba(255,255,255,.1); }
.tc-lang button { border: 0; background: transparent; color: #D9CCE9; font: 600 13px/1 var(--font-sans); padding: 7px 10px; border-radius: var(--radius-pill); cursor: pointer; }
.tc-lang button[lang="ar"] { font-family: var(--font-arabic); }
.tc-lang button[aria-pressed="true"] { background: var(--gold); color: var(--on-gold); }
.tc-nav-menu-btn { display: none; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: var(--white); cursor: pointer; place-items: center; }
.tc-nav-menu-btn:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.tc-nav-wrap { position: relative; }
.tc-nav-sheet { position: absolute; inset-inline: 0; top: calc(100% + 8px); z-index: 20; display: grid; gap: 4px; padding: 12px; border-radius: 24px; background: var(--night-900); box-shadow: 0 16px 32px rgba(26,11,46,.35); list-style: none; margin: 0; }
.tc-nav-sheet a { display: block; padding: 14px 16px; border-radius: 14px; color: #F4EEFA; text-decoration: none; font-weight: 500; }
.tc-nav-sheet a:hover { background: var(--night-800); color: var(--gold); }
@media (max-width: 860px) { .tc-nav-links { display: none; } .tc-nav-menu-btn { display: grid; } .tc-nav { padding: 10px 10px 10px 18px; } [dir="rtl"] .tc-nav, .tc-nav[dir="rtl"] { padding: 10px 18px 10px 10px; } }
@media (max-width: 480px) { .tc-nav .tc-btn-sm { display: none; } }

/* Feature card */
.tc-feature { position: relative; display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-8); border-radius: var(--radius-md); background: var(--surface-tint); color: var(--ink); overflow: hidden; min-height: 240px; transition: transform .2s ease, box-shadow .2s ease; }
.tc-feature:hover { transform: translateY(-3px); box-shadow: var(--shadow-6); }
.tc-feature-night { background: var(--night-900); color: #F4EEFA; }
.tc-feature-violet { background: var(--violet-600); color: var(--white); }
.tc-feature-icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--violet-600); color: var(--gold); }
.tc-feature-violet .tc-feature-icon, .tc-feature-night .tc-feature-icon { background: var(--gold); color: var(--night-900); }
.tc-feature h3 { margin: 0; font-size: 22px; line-height: 28px; font-weight: 700; }
.tc-feature p { margin: 0; font-size: 16px; line-height: 26px; color: var(--ink-muted); }
.tc-feature-night p, .tc-feature-violet p { color: #E2D6EF; }
.tc-feature-tag { margin-top: auto; font-size: 13px; font-weight: 600; color: var(--ink-brand); }
.tc-feature-night .tc-feature-tag, .tc-feature-violet .tc-feature-tag { color: var(--gold); }

/* Wallet pass */
.tc-pass { position: relative; width: 320px; max-width: 100%; border-radius: 20px; padding: 20px; color: var(--white); overflow: hidden; box-shadow: 0 24px 48px rgba(26,11,46,.35), 0 2px 0 rgba(255,255,255,.15) inset; font-family: var(--font-sans); }
.tc-pass-violet { background: linear-gradient(150deg, #6D3C99 0%, #63378B 45%, #3B1B5C 100%); }
.tc-pass-night { background: linear-gradient(150deg, #2E1650 0%, #1A0B2E 100%); }
.tc-pass-magenta { background: linear-gradient(150deg, #FF2D82 0%, #E80060 50%, #9E0042 100%); }
.tc-pass-head { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding-inline-end: 96px; }
.tc-pass-brand { font-weight: 700; font-size: 17px; letter-spacing: .2px; }
.tc-pass-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1.2px; opacity: .8; }
.tc-pass-points { margin-top: 26px; display: flex; align-items: baseline; gap: 8px; }
.tc-pass-points strong { font-size: 48px; line-height: 1; font-weight: 700; color: var(--gold); font-variant-numeric: tabular-nums; }
.tc-pass-row { margin-top: 22px; display: flex; justify-content: space-between; gap: 12px; }
.tc-pass-row div { display: flex; flex-direction: column; gap: 4px; }
.tc-pass-row span:last-child { font-weight: 600; font-size: 15px; }
.tc-pass-code { margin-top: 22px; background: var(--white); border-radius: 12px; padding: 12px; display: grid; place-items: center; }
.tc-pass-coin { position: absolute; inset-block-start: -28px; inset-inline-end: -28px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #FFE27A 0%, #FFBE00 45%, #C98F00 100%); opacity: .9; }
.tc-pass-coin::after { content: ""; position: absolute; inset: 16px; border-radius: 50%; border: 2px solid rgba(26,11,46,.18); }
.tc-pass[dir="rtl"] { font-family: var(--font-arabic); }
.tc-pass[dir="rtl"] .tc-pass-label { letter-spacing: 0; text-transform: none; font-size: 12px; }

/* Proof card */
.tc-proof { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-6); border-radius: var(--radius-md); background: var(--surface); box-shadow: var(--shadow-2); border: 1px solid var(--hairline); }
.tc-proof-metric { font-size: 44px; line-height: 1; font-weight: 700; color: var(--ink-brand); font-variant-numeric: tabular-nums; }
.tc-proof-label { font-size: 15px; line-height: 24px; color: var(--ink); }
.tc-proof-brand { margin-top: var(--space-2); font-size: 13px; font-weight: 600; color: var(--ink-muted); }

/* Pricing card */
.tc-price { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-8); border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--hairline); color: var(--ink); }
.tc-price-hl { background: var(--night-900); border-color: var(--night-900); color: #F4EEFA; box-shadow: 0 24px 48px rgba(26,11,46,.25); }
.tc-price-tier { display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-weight: 700; }
.tc-price-amount { display: flex; align-items: baseline; gap: 6px; }
.tc-price-amount strong { font-size: 48px; line-height: 1; font-weight: 700; font-variant-numeric: tabular-nums; }
.tc-price-amount span { font-size: 15px; color: var(--ink-muted); }
.tc-price-hl .tc-price-amount span, .tc-price-hl .tc-price-note { color: var(--violet-200); }
.tc-price-note { font-size: 14px; color: var(--ink-muted); margin: 0; }
.tc-price ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 15px; line-height: 22px; }
.tc-price li { display: flex; gap: 10px; align-items: flex-start; }
.tc-price li svg { flex: none; margin-top: 2px; color: var(--violet-600); }
.tc-price-hl li svg { color: var(--gold); }

/* Comparison table */
.tc-compare { width: 100%; min-width: 560px; border-collapse: separate; border-spacing: 0; font-size: 15px; color: var(--ink); }
.tc-compare th, .tc-compare td { padding: 14px 16px; text-align: start; border-bottom: 1px solid var(--hairline); }
.tc-compare thead th { font-size: 14px; font-weight: 600; color: var(--ink-muted); }
.tc-compare thead th.tc-us { color: var(--on-brand); background: var(--violet-600); border-start-start-radius: var(--radius-sm); border-start-end-radius: var(--radius-sm); }
.tc-compare td.tc-us { background: var(--surface-tint); font-weight: 600; }
.tc-yes, .tc-no { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.tc-yes { color: var(--ink-brand); }
.tc-no { color: var(--ink-muted); }

/* Commission calculator */
.tc-calc { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); padding: var(--space-8); border-radius: var(--radius-lg); background: var(--surface-tint); color: var(--ink); }
.tc-calc label { display: grid; gap: 8px; font-size: 14px; font-weight: 600; }
.tc-calc-out-val { font-variant-numeric: tabular-nums; }
.tc-calc input[type="range"] { width: 100%; accent-color: var(--violet-600); }
.tc-calc-row { display: flex; justify-content: space-between; font-size: 14px; }
.tc-calc-row output { font-weight: 700; color: var(--ink-brand); font-variant-numeric: tabular-nums; }
.tc-calc-result { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: var(--space-6); border-radius: var(--radius-md); background: var(--night-900); color: #F4EEFA; }
.tc-calc-result small { font-size: 14px; color: var(--violet-200); }
.tc-calc-result strong { font-size: 44px; line-height: 1.05; color: var(--gold); font-variant-numeric: tabular-nums; }
.tc-calc-inputs { display: grid; gap: var(--space-6); }
@media (max-width: 640px) { .tc-calc { grid-template-columns: 1fr; padding: var(--space-6); } }

/* Night theme adjustments: night-on-night elements step up to night-800 with a hairline */
[data-theme="dark"] .tc-feature-night, [data-theme="dark"] .tc-price-hl, [data-theme="dark"] .tc-calc-result { background: var(--night-800); border: 1px solid var(--hairline); }
[data-theme="dark"] .tc-price li svg { color: var(--ink-brand); }
[data-theme="dark"] .tc-price-hl li svg { color: var(--gold); }
[data-theme="dark"] .tc-proof { box-shadow: none; }

/* Bold feature tones for dark, bento-style layouts */
.tc-feature-gold { background: var(--gold); color: var(--night-900); }
.tc-feature-gold p { color: #3B1B5C; }
.tc-feature-gold .tc-feature-tag { color: var(--night-900); }
.tc-feature-gold .tc-feature-icon { background: var(--night-900); color: var(--gold); }
.tc-feature-magenta { background: var(--magenta-600); color: var(--white); }
.tc-feature-magenta p { color: var(--white); }
.tc-feature-magenta .tc-feature-tag { color: var(--white); text-decoration: underline; text-underline-offset: 3px; }
.tc-feature-magenta .tc-feature-icon { background: var(--white); color: var(--magenta-600); }
.tc-feature h3 { font-size: 24px; line-height: 30px; letter-spacing: -.3px; }
[dir="rtl"] .tc-feature h3, .tc-feature[dir="rtl"] h3 { letter-spacing: 0; line-height: 36px; }
[data-theme="dark"] .tc-price-hl { background: var(--violet-600); border: 2px solid var(--gold); box-shadow: 0 24px 64px rgba(99,55,139,.45); }
[data-theme="dark"] .tc-price-hl .tc-price-amount span, [data-theme="dark"] .tc-price-hl .tc-price-note { color: #E2D6EF; }
.tc-calc > * { min-width: 0; }
.tc-calc-result strong { font-size: clamp(30px, 8vw, 44px); }


/* ===== Moments that matter ===== */
.m-sec{padding-block:140px;background:#F6F1FB;color:#160726}
.m-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:56px}
.m-head h2{margin:0;font-size:clamp(48px,7vw,104px);line-height:.98;letter-spacing:-0.045em;font-weight:700;color:#160726}
.m-head p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.6;color:#4A3A5C;max-width:520px}
.m-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(0,auto);gap:16px;list-style:none;margin:0;padding:0}
.m-grid li{position:relative;border-radius:28px;overflow:hidden;background:#2A0F45;min-height:280px}
.m-grid li:nth-child(1){grid-column:span 7;grid-row:span 2;min-height:600px}
.m-grid li:nth-child(2){grid-column:span 5}
.m-grid li:nth-child(3){grid-column:span 5}
.m-grid li:nth-child(4),.m-grid li:nth-child(5),.m-grid li:nth-child(6){grid-column:span 4;min-height:340px}
.m-grid a{position:absolute;inset:0;display:flex;align-items:flex-end;padding:28px;color:#FFFFFF;text-decoration:none}
.m-grid .m-img,.m-grid picture{position:absolute;inset:0;width:100%;height:100%}
.m-grid img.m-img{object-fit:cover;object-position:50% 30%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.m-grid a:hover img.m-img{transform:scale(1.04)}
.m-grid a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,7,38,0) 40%,rgba(22,7,38,.82) 100%)}
.m-cap{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}
.m-cap strong{font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-0.02em;font-weight:700;max-width:420px}
.m-cap span{font-size:15px;font-weight:600;color:#FFBE00}
.m-ph{background:radial-gradient(120% 90% at 20% 10%,color-mix(in srgb,var(--c) 70%,#FFFFFF 10%) 0%,var(--c) 45%,#160726 100%)}
.m-card{position:relative;width:min(420px,38vw);aspect-ratio:4/5;border-radius:36px;overflow:hidden;background:#2A0F45;flex:none}
.m-card .m-img,.m-card picture{position:absolute;inset:0;width:100%;height:100%}
.m-card img.m-img{object-fit:cover}
.m-card figcaption{position:absolute;inset-inline:0;bottom:0;padding:24px;font-size:20px;font-weight:700;line-height:1.25;color:#FFFFFF;background:linear-gradient(180deg,rgba(22,7,38,0),rgba(22,7,38,.85))}
.m-card figcaption span{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#FFBE00}
.s-head.has-photo{align-items:center}
.m-band{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:21/9;background:#2A0F45;margin-bottom:72px}
.m-band .m-img,.m-band picture{position:absolute;inset:0;width:100%;height:100%}
.m-band img.m-img{object-fit:cover;object-position:50% 25%}
.m-band::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,7,38,.75),rgba(22,7,38,0) 55%);pointer-events:none}
.m-band figcaption{position:absolute;z-index:1;inset-inline-start:0;bottom:0;padding:40px;max-width:640px;color:#FFFFFF;font-size:clamp(28px,3.4vw,48px);font-weight:700;line-height:1.05;letter-spacing:-0.03em}
.close2 .m-sub{margin:0;font-size:clamp(18px,1.7vw,22px);color:#E9DDF6}
@media (max-width:1000px){.m-head{grid-template-columns:1fr;gap:20px}.m-grid li:nth-child(n){grid-column:span 6;min-height:320px}.m-grid li:nth-child(1){grid-column:span 12;min-height:440px}}
@media (max-width:760px){.m-sec{padding-block:88px}.m-grid li:nth-child(n){grid-column:span 12;min-height:300px}.m-grid li:nth-child(1){min-height:380px}
 .s-head.has-photo .m-card{width:100%;aspect-ratio:4/3;border-radius:28px}.s-head.has-photo .s-badge{display:none}.m-band{aspect-ratio:4/3;border-radius:28px}.m-band figcaption{padding:24px}}
@media (prefers-reduced-motion:reduce){.m-grid img.m-img{transition:none}.m-grid a:hover img.m-img{transform:none}}


/* ===== Advanced motion (progressive enhancement) ===== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .35s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:vtIn .55s cubic-bezier(.16,1,.3,1) both}
@keyframes vtOut{to{opacity:0;transform:scale(.985);filter:blur(6px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(18px)}}
.s-h1{view-transition-name:pageh1}
@keyframes mWord{from{opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes mClip{from{clip-path:inset(18% 10% 18% 10% round 48px);transform:translateY(60px)}to{clip-path:inset(0 0 0 0 round 28px);transform:none}}
@keyframes mZoom{from{transform:scale(1.22)}to{transform:scale(1)}}
@keyframes mCap{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes mPar{from{transform:translateY(-4%) scale(1.1)}to{transform:translateY(4%) scale(1.1)}}
@keyframes mRise{from{opacity:0;transform:translateY(48px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes mFill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes mCard{from{opacity:0;transform:perspective(1200px) rotateY(-14deg) translateX(40px) scale(.94)}to{opacity:1;transform:none}}
.mw{display:inline-block;white-space:pre}
.m-head h2 .mw,.close2 h2 .mw{animation:mWord .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*90ms)}
.m-card{animation:mCard 1.1s cubic-bezier(.16,1,.3,1) .25s both}
@supports (animation-timeline:view()){
 .m-head h2 .mw,.close2 h2 .mw{animation-timeline:view();animation-range:entry 10% cover 30%;animation-delay:0s;animation-duration:auto}
 .m-head h2 .mw{animation-range:entry calc(5% + var(--i)*6%) cover calc(28% + var(--i)*4%)}
 .m-grid li{animation:mClip linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
 .m-grid li:nth-child(even){animation-range:entry 8% cover 42%}
 .m-grid li img.m-img{animation:mZoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
 .m-grid .m-cap{animation:mCap linear both;animation-timeline:view();animation-range:entry 30% entry 100%}
 .m-band img.m-img{animation:mPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
 .m-card img.m-img{animation:mPar linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
 .fgrid>li,.rgrid>li,.pains>li,.mgrid>li,.alist>li,.lgrid>li,.when>div,.tblwrap{animation:mRise linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
 .fgrid>li:nth-child(3n+2),.rgrid>li:nth-child(3n+2),.pains>li:nth-child(3n+2),.mgrid>li:nth-child(3n+2){animation-range:entry 6% cover 30%}
 .fgrid>li:nth-child(3n),.rgrid>li:nth-child(3n),.pains>li:nth-child(3n),.mgrid>li:nth-child(3n){animation-range:entry 12% cover 35%}
 .steps li{position:relative;border-top-color:transparent}
 .steps li::after{content:"";position:absolute;top:-2px;inset-inline:0;height:2px;background:#FFBE00;transform-origin:left;animation:mLine linear both;animation-timeline:view();animation-range:entry 20% cover 40%}
 [dir=rtl] .steps li::after{transform-origin:right}
 .sjourney{position:relative}
 .ctbl tbody tr{animation:mRise linear both;animation-timeline:view();animation-range:entry 0% cover 20%}
}
/* pointer spotlight + tilt (set by JS) */
.fcard,.rcard,.mgrid a,.pains li{position:relative;isolation:isolate}
.fcard::before,.mgrid a::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,190,0,.16),transparent 60%)}
.fcard:hover::before,.mgrid a:hover::before{opacity:1}
.m-card{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.m-card.tilt{transition:transform .08s linear}
.m-grid li:hover .m-cap strong{text-shadow:0 2px 24px rgba(0,0,0,.4)}
@media (prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 .mw,.m-card,.m-grid li,.m-grid li img.m-img,.m-grid .m-cap,.m-band img.m-img,.m-card img.m-img,.fgrid>li,.rgrid>li,.pains>li,.mgrid>li,.alist>li,.lgrid>li,.when>div,.tblwrap,.ctbl tbody tr,.steps li::after{animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important;filter:none!important}
}


html,body,main,section,footer{overflow-x:clip;}
body{margin:0;background:#160726;color:#FFFFFF;font-family:"Space Grotesk", system-ui, sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding-inline:40px;box-sizing:border-box;}
.latin{font-family:"Space Grotesk",system-ui,sans-serif;}
.arabic{font-family:"Alexandria",system-ui,sans-serif;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}
.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid #160726;}
.specs > div{padding:28px 24px 0 0;}
[dir="rtl"] .specs > div{padding:28px 0 0 24px;}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center;}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:24px;}
.sol-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:baseline;padding-block:36px;border-bottom:1px solid rgba(255,255,255,.22);text-decoration:none;color:#FFFFFF;}
.sol-row:hover .sol-name,.sol-row:focus-visible .sol-name{color:#FFBE00;}
.sol-row:focus-visible,.ink-btn:focus-visible,.line-btn:focus-visible,summary:focus-visible{outline:3px solid #FFBE00;outline-offset:4px;border-radius:4px;}
.ink-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 34px;border-radius:999px;background:#160726;color:#FFBE00;font-weight:600;font-size:18px;text-decoration:none;}
.ink-btn:hover{background:#2A0F45;}
.line-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 34px;border-radius:999px;border:2px solid #160726;color:#160726;font-weight:600;font-size:18px;text-decoration:none;}
.line-btn:hover{background:rgba(22,7,38,.08);}
.chan{display:block;font-weight:700;line-height:1.05;letter-spacing:-0.045em;}
.chan-o{color:transparent;-webkit-text-stroke:2px #FFFFFF;}
summary{list-style:none;}summary::-webkit-details-marker{display:none;}
details[open] .plus{transform:rotate(45deg);}
.plus{transition:transform .2s ease;}
.ghost-in{animation:ghost 1.4s cubic-bezier(.16,1,.3,1) both;}
.coin-drop{animation:drop 1.1s cubic-bezier(.34,1.56,.64,1) both;}
.coin-drop.d2{animation-delay:.18s}.coin-drop.d3{animation-delay:.32s}
@keyframes ghost{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes drop{from{opacity:0;transform:translateY(-120px)}to{opacity:1;transform:none}}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.rise{animation:rise 1s cubic-bezier(.16,1,.3,1) both;}
.rise.r2{animation-delay:.12s}.rise.r3{animation-delay:.24s}.rise.r4{animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(32px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.stage-main{animation:settle 1.6s cubic-bezier(.16,1,.3,1) .3s both;}
@keyframes settle{from{opacity:0;transform:translateY(120px) rotateX(38deg) rotate(0deg)}to{opacity:1;transform:rotateX(10deg) rotate(-3deg)}}
.chip{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:20px;background:#FFFFFF;color:#160726;box-shadow:0 24px 50px rgba(22,7,38,.35);white-space:nowrap;animation:pop .7s cubic-bezier(.34,1.56,.64,1) both, bob 6s ease-in-out infinite;}
[dir="rtl"] .chip{padding:12px 12px 12px 18px;}
.chip strong{display:block;font-size:16px;line-height:1.3;}
.chip span.sub{display:block;font-size:13px;line-height:1.3;color:#5E4A75;}
.chip .ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;}
.chip.c1{animation-delay:1.1s,1.8s}.chip.c2{animation-delay:1.3s,2.6s}.chip.c3{animation-delay:1.5s,3.2s}
@keyframes pop{from{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.glow{position:absolute;inset:-8% 6% 10%;background:radial-gradient(closest-side,rgba(255,190,0,.6),rgba(255,190,0,0));filter:blur(30px);pointer-events:none;}
.band{background:#160726;overflow:hidden;contain:paint;padding-block:30px;}
.marq > *{margin-inline-end:40px;}
.marq{display:flex;align-items:center;width:max-content;animation:marq 38s linear infinite;}
.marq span.w{font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.2;white-space:nowrap;}
.marq span.o{color:transparent;-webkit-text-stroke:2px #FFBE00;}
.marq i{flex:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE27A,#FFBE00 55%,#C98F00);}
@keyframes marq{to{transform:translateX(-50%)}}
.orbit-wrap{--o:560px;position:relative;width:var(--o);height:var(--o);margin-inline:auto;}
.ring{position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.3);}
.orbit{list-style:none;margin:0;padding:0;position:absolute;inset:0;animation:spin 90s linear infinite;}
.orbit li{position:absolute;left:50%;top:50%;width:0;height:0;}
.orbit .pin{position:absolute;left:0;top:0;transform:translate(-50%,-50%);}
.split > *,.hero-grid > *{min-width:0;}
.orbit .lbl{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:#FFFFFF;color:#160726;font-size:18px;font-weight:600;white-space:nowrap;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:spin 90s linear infinite reverse;}
.orbit .lbl i{width:12px;height:12px;border-radius:50%;}
.core{position:absolute;left:50%;top:50%;width:34%;height:34%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE27A 0%,#FFBE00 50%,#C98F00 100%);display:grid;place-items:center;box-shadow:0 0 0 18px rgba(255,190,0,.12),0 0 0 40px rgba(255,190,0,.06),0 30px 80px rgba(0,0,0,.4);}
.core img{width:62%;height:auto;filter:brightness(0);opacity:.82;}
.core::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:2px solid rgba(255,190,0,.6);animation:pulse 3s ease-out infinite;}
@keyframes pulse{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
.pay-stack{position:relative;width:400px;max-width:100%;margin-top:110px;}
.pay-back{position:absolute;inset-inline:0;top:0;height:140px;border-radius:28px;background:#FFFFFF;color:#160726;padding:18px 28px;box-sizing:border-box;box-shadow:0 30px 60px rgba(80,0,40,.3);display:flex;justify-content:space-between;align-items:flex-start;font-size:15px;}
.pay-back b{font-size:22px;}
.dash-3d{perspective:1800px;}
.dash-tilt{transform:rotateX(9deg);transform-origin:50% 100%;}
.sol-row{position:relative;padding-inline:24px;isolation:isolate;transition:color .3s ease;}
.sol-row::before{content:"";position:absolute;inset:0;z-index:-1;background:#FFBE00;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.16,1,.3,1);}
.sol-row:hover::before,.sol-row:focus-visible::before{transform:scaleX(1);}
.sol-row:hover,.sol-row:focus-visible{color:#160726;}
.sol-row:hover .sol-name,.sol-row:focus-visible .sol-name{color:#160726!important;}
.sol-row:hover .sol-d,.sol-row:focus-visible .sol-d{color:#3D2160!important;}
.coin3d{position:relative;width:380px;height:380px;transform-style:preserve-3d;animation:coinspin 10s linear infinite;}
.coin3d .lay{position:absolute;inset:0;border-radius:50%;background:#B07C00;}
.coin3d .face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE9A0 0%,#FFBE00 48%,#C98F00 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 14px rgba(150,100,0,.35),inset 0 0 0 16px rgba(255,240,190,.6);backface-visibility:hidden;}
.coin3d .face img{width:58%;height:auto;filter:brightness(0);opacity:.78;}
.coin-scene{perspective:1400px;display:grid;place-items:center;}
@keyframes coinspin{from{transform:rotateY(0) rotateX(12deg)}to{transform:rotateY(360deg) rotateX(12deg)}}

.sheet{position:relative;border-radius:44px 44px 0 0;margin-top:-44px;box-shadow:0 -30px 60px rgba(22,7,38,.22);}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 45% at 85% 0%,rgba(255,190,0,.22),rgba(255,190,0,0) 70%),radial-gradient(45% 40% at 0% 85%,rgba(232,0,96,.35),rgba(232,0,96,0) 70%);}
.hero-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);}
.goldtext{background:linear-gradient(180deg,#FFE07A 0%,#FFBE00 45%,#E08E00 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.browser{background:#FFFFFF;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(22,7,38,.08),0 4px 8px rgba(22,7,38,.12),0 30px 60px rgba(22,7,38,.3),0 80px 140px rgba(22,7,38,.35);}
.bbar{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:#F4EEFA;border-bottom:1px solid #E6DCF0;direction:ltr;}
.bbar i{width:11px;height:11px;border-radius:50%;}
.burl{margin:0 auto;display:inline-flex;align-items:center;gap:7px;padding:6px 16px;border-radius:999px;background:#FFFFFF;font:500 13px/1 "Space Grotesk",system-ui,sans-serif;color:#5E4A75;box-shadow:inset 0 0 0 1px #E6DCF0;}
.device{position:absolute;border-radius:46px;background:#0E0418;padding:9px;box-shadow:0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 2px #2A1640,0 40px 80px rgba(22,7,38,.55);}
.device::before{content:"";position:absolute;top:20px;left:50%;width:68px;height:20px;margin-left:-34px;border-radius:999px;background:#0E0418;z-index:2;}
.device img{display:block;width:100%;height:auto;border-radius:37px;}
.chip{background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 0 0 1px rgba(255,255,255,.8),0 2px 6px rgba(22,7,38,.12),0 24px 50px rgba(22,7,38,.3)!important;}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.cell{position:relative;overflow:hidden;border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:10px;min-height:300px;box-sizing:border-box;}
.cell h3{margin:0;font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-0.04em;}
.cell p{margin:0;font-size:16px;line-height:1.55;max-width:340px;}
.cell .vis{margin-top:auto;padding-top:24px;}
.c-white{background:#FFFFFF;color:#160726;box-shadow:0 1px 2px rgba(22,7,38,.08),0 20px 40px rgba(140,90,0,.18);}
.c-white p{color:#5E4A75;}
.c-ink{background:#160726;color:#FFFFFF;}.c-ink p{color:#C9B6DD;}.c-ink h3{color:#FFBE00;}
.c-violet{background:#63378B;color:#FFFFFF;}.c-violet p{color:#E9DDF6;}
.span2{grid-column:span 2;}
.mini-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;}
.seg{display:inline-flex;padding:5px;border-radius:999px;background:#F4EEFA;gap:4px;}
.seg span{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:#5E4A75;}
.seg span.on{background:#FFBE00;color:#160726;box-shadow:0 4px 10px rgba(140,90,0,.25);}
.appicon{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font:700 26px/1 "Space Grotesk",sans-serif;box-shadow:0 12px 24px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);}
.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden;}
.bar > b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#FFBE00,#FFD34D);}
.skel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.skel div{height:96px;border-radius:14px;background:#F4EEFA;position:relative;overflow:hidden;}
.skel div::after{content:"";position:absolute;inset:auto 10px 10px;height:8px;border-radius:999px;background:#E2D6EE;}
.glowring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,190,0,0) 0deg,rgba(255,190,0,.9) 40deg,rgba(255,190,0,0) 90deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));animation:spin 7s linear infinite;}
.orbit .lbl{background:rgba(255,255,255,.08)!important;color:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 20px 40px rgba(0,0,0,.3)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.ring{border-style:solid!important;border-color:rgba(255,255,255,.12)!important;}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;gap:40px!important;}
.orbit-lg{--o:640px;}
.pay-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end;}
.receipts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;position:relative;}
.rcpt{border-radius:28px;background:#FFFFFF;color:#160726;padding:28px;box-sizing:border-box;box-shadow:0 2px 6px rgba(80,0,40,.15),0 40px 80px rgba(80,0,40,.35);}
.rcpt .amt{margin-top:24px;font-size:38px;line-height:1;font-weight:700;letter-spacing:-0.03em;white-space:nowrap;}
.rcpt .row{margin-top:20px;padding-top:14px;border-top:1px solid #ECE6F2;display:flex;justify-content:space-between;font-size:14px;color:#5E4A75;}
.rcpt .hd{display:flex;align-items:center;gap:12px;}
.rcpt .hd .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;}
.rcpt .hd strong{display:block;font-size:17px;}.rcpt .hd span.s{display:block;font-size:13px;color:#5E4A75;}
.facts-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.facts-row > div{padding-top:24px;border-top:2px solid #FFBE00;}
.facts-row dt{font-size:24px;font-weight:700;color:#FFFFFF;}
.facts-row dd{margin:8px 0 0;font-size:17px;line-height:1.55;color:#E9DDF6;}
.nav{display:flex;align-items:center;gap:8px;margin-top:4px;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(22,7,38,.55);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 20px 40px rgba(22,7,38,.25);}
[dir="rtl"] .nav{padding:10px 22px 10px 10px;}
.nav-logo img{display:block;height:36px;width:auto;}
.nav-links{display:flex;align-items:center;gap:4px;margin-inline:auto;list-style:none;padding:0;}
.nav-links > li{position:relative;}
.nav-links a,.nav-links button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;background:none;color:#FFFFFF;font-family:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;border-radius:999px;position:relative;}
.nav-links a::after,.nav-links button::after{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#FFBE00;transform:scale(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
.nav-links a:hover,.nav-links button:hover,.nav-links li:focus-within > button{color:#FFBE00;}
.nav-links a:hover::after,.nav-links button:hover::after,.nav-links li:focus-within > button::after{transform:scale(1);}
.mega{position:absolute;top:calc(100% + 14px);inset-inline-start:-40px;width:560px;padding:20px;border-radius:28px;background:rgba(22,7,38,.92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px rgba(0,0,0,.4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s ease;}
.nav-plat:hover .mega,.nav-plat:focus-within .mega{opacity:1;visibility:visible;transform:none;}
.mega a{display:flex!important;align-items:center;gap:14px;min-height:0!important;padding:10px!important;border-radius:18px!important;}
.mega a:hover{background:rgba(255,255,255,.07);color:#FFFFFF!important;}
.mega a::after{display:none;}
.mega .mi{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;}
.mega strong{display:block;font-size:15px;color:#FFFFFF;}
.mega small{display:block;margin-top:3px;font-size:13px;font-weight:400;color:#C9B6DD;line-height:1.35;}
.nav-lang{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#FFFFFF;text-decoration:none;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);}
.nav-lang:hover{background:rgba(255,255,255,.1);}
.nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:#FFBE00;color:#160726;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 8px 20px rgba(255,190,0,.35);}
.nav-cta:hover{background:#FFD34D;}
.nav-burger{display:none;width:48px;height:48px;border-radius:50%;border:0;background:#FFBE00;cursor:pointer;place-items:center;}
.nav-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#160726;box-shadow:0 -6px 0 #160726,0 6px 0 #160726;}
.nav a:focus-visible,.nav button:focus-visible,.mmenu a:focus-visible,.mmenu button:focus-visible{outline:3px solid #FFBE00;outline-offset:3px;}
.mmenu{position:fixed;inset:0;z-index:100;flex-direction:column;gap:12px;padding:16px 20px 24px;overflow-y:auto;background:radial-gradient(70% 40% at 85% 0%,rgba(255,190,0,.28),rgba(255,190,0,0) 70%),radial-gradient(60% 40% at 0% 100%,rgba(232,0,96,.45),rgba(232,0,96,0) 70%),#4A2370;color:#FFFFFF;animation:menuin .45s cubic-bezier(.16,1,.3,1) both;}
@keyframes menuin{from{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:none}}
.mm-top{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 16px;border-radius:999px;background:rgba(22,7,38,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);}
.mm-close{width:48px;height:48px;border-radius:50%;border:0;background:#FFBE00;color:#160726;font-size:26px;line-height:1;cursor:pointer;}
.mm-label{font-size:13px;font-weight:600;color:#FFBE00;}
.mm-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;padding:18px 14px;border-radius:28px;background:rgba(22,7,38,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);}
.mm-apps a{display:flex;flex-direction:column;align-items:center;gap:7px;color:#FFFFFF;text-decoration:none;font-size:12px;font-weight:600;text-align:center;line-height:1.2;}
.mm-apps .ai{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;box-shadow:0 10px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.3);}
.mm-links{list-style:none;margin:0;padding:0;}
.mm-links a{display:flex;justify-content:space-between;align-items:baseline;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.14);color:#FFFFFF;text-decoration:none;font-size:30px;font-weight:700;letter-spacing:-0.04em;}
.mm-links a small{font-size:13px;font-weight:500;color:#E9DDF6;letter-spacing:0;}
.mm-lang{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:rgba(22,7,38,.45);}
.mm-lang a{display:grid;place-items:center;min-height:44px;border-radius:999px;color:#FFFFFF;text-decoration:none;font-weight:600;}
.mm-lang a[aria-current]{background:#FFFFFF;color:#160726;}
.mm-ctas{display:grid;gap:10px;margin-top:auto;}
.mm-ctas a{display:grid;place-items:center;min-height:52px;border-radius:999px;font-weight:700;font-size:17px;text-decoration:none;}
.pb-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px;}
.pb-list li{display:flex;gap:14px;align-items:center;font-size:18px;font-weight:600;}
.pb-list li::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 3l8 8M11 3l-8 8' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;}
.calc-card{padding:10px;border-radius:36px;background:#FFFFFF;box-shadow:0 2px 6px rgba(80,0,40,.15),0 50px 100px rgba(80,0,40,.4);transform:rotate(4deg);}
.calc-card .tc-calc{border-radius:28px;background:#F7F2FC;color:#160726;}
.calc-card .tc-calc-out-val{font-size:clamp(24px,2vw,29px)!important;line-height:1.1;color:#FFBE00!important;white-space:nowrap;}
.calc-card .tc-calc-result{background:#160726!important;color:#FFFFFF!important;min-width:0;}
.calc-card .tc-calc-result small{color:#E9DDF6!important;}
.os-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:72px;align-items:center;}
.os-detail{margin-top:8px;padding:26px 28px;border-radius:28px;background:#FFFFFF;max-width:470px;box-shadow:0 1px 2px rgba(22,7,38,.08),0 24px 48px rgba(140,90,0,.22);}
.os-screen{position:relative;border-radius:52px;padding:22px 30px 28px;background:radial-gradient(80% 60% at 30% 0%,#7A4AA8,rgba(122,74,168,0) 70%),linear-gradient(165deg,#5A2F82,#2A0F45 75%);color:#FFFFFF;box-shadow:0 0 0 12px #160726,0 0 0 13px rgba(255,255,255,.25),0 70px 120px rgba(90,50,0,.5);}
.os-status{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;padding-inline:10px;direction:ltr;}
.os-island{width:110px;height:30px;border-radius:999px;background:#0E0418;}
.os-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 14px;margin-block:38px 40px;}
.os-app{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;color:#FFFFFF;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;text-align:center;padding:0;}
.os-app .ai{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;box-shadow:0 14px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
.os-app:hover .ai{transform:translateY(-4px) scale(1.06);}
.os-app:focus-visible{outline:none;}.os-app:focus-visible .ai{outline:3px solid #FFFFFF;outline-offset:4px;}
.os-dock{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 20px;border-radius:30px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-size:15px;font-weight:600;}
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative;}
.journey::before{content:"";position:absolute;inset-inline:22px;top:22px;border-top:2px dashed rgba(255,190,0,.5);}
.journey > li{position:relative;display:flex;flex-direction:column;gap:10px;}
.jn{width:44px;height:44px;border-radius:50%;background:#FFBE00;color:#160726;display:grid;place-items:center;font-weight:700;font-size:18px;box-shadow:0 0 0 8px #2A0F45;}
.journey h3{margin:14px 0 0;font-size:22px;line-height:1.25;}
.journey p{margin:0;font-size:15px;line-height:1.55;color:#C9B6DD;min-height:70px;}
.jui{margin-top:auto;border-radius:22px;background:#FFFFFF;color:#160726;padding:16px;font-size:13px;box-shadow:0 30px 60px rgba(0,0,0,.35);min-height:150px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.cmp{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;font-size:17px;}
.cmp th,.cmp td{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.12);text-align:start;vertical-align:middle;}
.cmp thead th{font-size:15px;font-weight:600;color:#C9B6DD;border-bottom-color:rgba(255,255,255,.3);}
.cmp th.us,.cmp td.us{background:rgba(255,190,0,.1);box-shadow:inset 1px 0 0 rgba(255,190,0,.5),inset -1px 0 0 rgba(255,190,0,.5);}
.cmp thead th.us{background:#FFBE00;color:#160726;border-radius:20px 20px 0 0;font-size:17px;font-weight:700;}
.cmp tbody th{font-weight:500;color:#FFFFFF;}
.cmp tbody th,.cmp thead th:first-child{position:sticky;inset-inline-start:0;z-index:1;background:#160726;}
.cmp tbody tr:last-child td.us{border-radius:0 0 20px 20px;}
.v{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:#C9B6DD;}
.v i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:700;}
.v.y{color:#FFFFFF;}.v.y i{background:#FFBE00;color:#160726;}
.v.p i{background:rgba(255,255,255,.14);color:#FFFFFF;}
.v.n i{background:rgba(232,0,96,.25);color:#FF7AAE;}
.mcta{display:none;}
.pb-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:64px;align-items:center;}
.journey{display:grid!important;grid-template-columns:none!important;gap:36px!important;overflow:visible!important;}
.journey::before{inset-inline-start:50%!important;inset-inline-end:auto!important;width:0!important;top:0!important;bottom:0!important;border-top:0!important;border-inline-start:2px dashed rgba(255,190,0,.5);margin-inline-start:-1px;}
.journey > li{display:grid!important;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);grid-template-areas:"t n u";align-items:center;gap:0!important;}
.journey > li:nth-child(even){grid-template-areas:"u n t";}
.journey .jt{grid-area:t;text-align:end;}
.journey > li:nth-child(even) .jt{text-align:start;}
.journey .jn{grid-area:n;justify-self:center;width:56px;height:56px;font-size:22px;}
.journey .jui{grid-area:u;width:300px;max-width:100%;min-height:0;margin:0;}
.journey > li:nth-child(even) .jui{justify-self:end;}
.journey h3{margin:0!important;font-size:30px!important;}
.journey p{min-height:0!important;margin-top:8px!important;font-size:17px!important;}
.dash-grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;align-items:center;}
.dash-bleed{margin-inline-end:calc((100vw - min(100vw, 1280px)) / -2 - 40px);}
.cmp-light .cmp th,.cmp-light .cmp td{border-bottom-color:rgba(22,7,38,.1);}
.cmp-light .cmp thead th{color:#5E4A75;border-bottom-color:rgba(22,7,38,.25);}
.cmp-light .cmp tbody th{color:#160726;background:#FBF8FE;}
.cmp-light .cmp thead th:first-child{background:#FBF8FE;}
.cmp-light .cmp th.us,.cmp-light .cmp td.us{background:#160726;box-shadow:none;}
.cmp-light .cmp thead th.us{background:#FFBE00;color:#160726;}
.cmp-light .v{color:#5E4A75;}.cmp-light td.us .v{color:#FFFFFF;}
.cmp-light .v.p i{background:rgba(22,7,38,.08);color:#160726;}
.cmp-light .v.n i{background:rgba(232,0,96,.12);color:#E80060;}
.cmp-light .cmp{box-shadow:0 30px 80px rgba(90,47,130,.12);border-radius:24px;background:#FFFFFF;}
.faq-light h3{color:#160726;}
.faq-light details{border-bottom-color:rgba(22,7,38,.15)!important;}
.faq-light details p{color:#3D2160!important;}
.a-hero{background:radial-gradient(80% 60% at 50% 0%,#7A4AA8 0%,#5A2F82 45%,#2A0F45 100%);}
.a-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;}
.a-kicker{font-size:clamp(17px,1.5vw,21px);font-weight:600;color:#FFBE00;}
.a-display{font-size:clamp(52px, 8vw, 124px);line-height:1;letter-spacing:-0.045em;font-weight:700;}
.a-big{margin:0;font-size:clamp(42px, 5vw, 74px);line-height:1.02;letter-spacing:-0.04em;font-weight:700;}
.a-sub{margin:0;font-size:clamp(19px,1.8vw,24px);line-height:1.5;color:#E9DDF6;font-weight:500;}
.a-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;}
.a-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;font-weight:600;font-size:17px;text-decoration:none;transition:transform .2s ease;}
.a-btn:hover{transform:translateY(-2px);}
.a-btn:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px;}
.a-ctas-sm .a-btn{min-height:44px;padding:0 20px;font-size:15px;}
.a-btn-gold{background:#FFBE00;color:#160726;box-shadow:0 10px 30px rgba(255,190,0,.35);}
.a-btn-line{color:#FFFFFF;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);}
.a-btn-ink{background:#160726;color:#FFBE00;}
.a-btn-line-ink{color:#160726;box-shadow:inset 0 0 0 1.5px #160726;}
.a-btn-white{background:#FFFFFF;color:#B8004C;}
.a-stage{position:relative;max-width:1080px;margin:72px auto -280px;perspective:2200px;}
.a-browser{margin-inline:12%;transform:rotateX(16deg);transform-origin:50% 100%;animation:settleA 1.6s cubic-bezier(.16,1,.3,1) .3s both;}
@keyframes settleA{from{opacity:0;transform:translateY(140px) rotateX(40deg)}to{opacity:1;transform:rotateX(16deg)}}
.a-ph-l{left:0;bottom:-30px;width:200px;transform:rotate(-7deg);}
.a-ph-r{right:0;bottom:-10px;width:210px;transform:rotate(7deg);}
.a-stage .chip.c1{top:14%!important;inset-inline-start:2%!important;bottom:auto!important;}
.a-stage .chip.c2{top:auto!important;bottom:30%!important;inset-inline-start:auto!important;inset-inline-end:3%!important;}
.a-stage .chip.c3{display:none;}
.a-tiles-wrap{background:#160726;padding:330px 0 12px;}
.a-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px;}
.a-tile{position:relative;overflow:hidden;min-height:700px;border-radius:30px;padding:72px 40px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;color:#FFFFFF;}
.a-tt{margin:0;font-size:clamp(36px,3.8vw,60px);line-height:1.05;letter-spacing:-0.04em;font-weight:700;}
.a-ts{margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.45;max-width:440px;}
.a-tv{margin-top:auto;position:relative;width:100%;display:flex;justify-content:center;align-items:flex-end;min-height:340px;padding-top:36px;}
.a-tile-phone{position:relative!important;width:190px;margin-bottom:-110px;transform:rotate(-5deg);}
.a-tile-phone2{margin-inline-start:-36px;margin-bottom:-160px;width:178px;transform:rotate(7deg);}
.a-rstack{position:relative;width:380px;max-width:100%;height:330px;}
.a-rc{position:absolute;inset-inline:0;border-radius:24px;background:#FFFFFF;color:#160726;padding:22px 24px;display:flex;flex-direction:column;gap:14px;text-align:start;box-shadow:0 30px 60px rgba(80,0,40,.35);}
.a-rc strong{font-size:34px;letter-spacing:-0.02em;white-space:nowrap;}
.a-rc-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#5E4A75;}
.a-rc-h i{width:26px;height:26px;border-radius:50%;background:#E8F7EE;display:grid;place-items:center;}
.a-rc1{top:0;transform:scale(.86);opacity:.85;}
.a-rc2{top:44px;transform:scale(.93);}
.a-rc3{top:96px;height:220px;}
.a-pass{transform:rotate(-6deg) scale(1.12);margin-bottom:70px;}
.a-coin{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE27A,#FFBE00 50%,#C98F00);box-shadow:0 20px 40px rgba(0,0,0,.35);}
.a-coin1{width:110px;height:110px;inset-inline-end:14%;bottom:250px;}
.a-coin2{width:64px;height:64px;inset-inline-start:16%;bottom:60px;}
.a-chat{width:360px;max-width:100%;border-radius:32px 32px 0 0;background:#EFE7DE;padding:22px 18px 40px;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 0 10px #0E0418;}
.a-bub{max-width:82%;padding:12px 14px;border-radius:18px;font-size:15px;line-height:1.45;color:#160726;text-align:start;box-shadow:0 1px 1px rgba(0,0,0,.08);}
.a-bub span{display:block;text-align:end;font-size:11px;color:#8A8A8A;margin-top:4px;}
.a-bub-in{align-self:flex-start;background:#FFFFFF;border-start-start-radius:6px;}
.a-bub-out{align-self:flex-end;background:#D9FDD3;border-start-end-radius:6px;}
.a-sec{padding-block:160px;}
.a-os{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 18px;width:100%;max-width:900px;margin-top:44px;}
.a-os-detail{display:flex;flex-direction:column;gap:8px;max-width:600px;padding:24px 32px;border-radius:26px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);margin-top:16px;}
.a-os-detail strong{font-size:24px;color:#FFBE00;}.a-os-detail span{font-size:17px;line-height:1.55;color:#E9DDF6;}
.a-calc{width:min(880px,100%);margin-top:28px;transform:none!important;}
.a-seg{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);margin-top:8px;}
.a-gallery{list-style:none;margin:0;padding:0 0 16px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,30%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.a-gallery li{scroll-snap-align:start;position:relative;min-height:580px;border-radius:30px;padding:36px 30px 30px;display:flex;flex-direction:column;gap:12px;overflow:hidden;}
.a-step{font-size:15px;font-weight:600;opacity:.8;}
.a-gallery h3,.a-gallery .gh{margin:0;font-weight:700;font-size:clamp(30px,2.6vw,40px);line-height:1.1;letter-spacing:-0.04em;}
.a-gallery p{margin:0;font-size:18px;line-height:1.5;opacity:.9;}
.a-gallery .jui{margin-top:auto;}
.a-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin-top:40px;text-align:start;align-items:start;}
.a-col{border-radius:30px;padding:36px 30px;background:rgba(22,7,38,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.a-col.us{background:#FFBE00;color:#160726;box-shadow:0 40px 80px rgba(22,7,38,.4);transform:translateY(-18px);}
.a-col h3{margin:0 0 14px;font-size:28px;letter-spacing:-0.04em;}
.a-col ul{list-style:none;margin:0;padding:0;}
.a-col li{display:flex;flex-direction:column;gap:8px;padding-block:14px;border-top:1px solid rgba(255,255,255,.12);}
.a-col.us li{border-top-color:rgba(22,7,38,.15);}
.a-rl{font-size:13px;font-weight:600;opacity:.7;}
.a-col.us .v{color:#160726;}.a-col.us .v.y i{background:#160726;color:#FFBE00;}
.a-col .v{color:#E9DDF6;}
.a-sols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-top:40px;text-align:start;}
.a-sol{min-height:300px;border-radius:30px;padding:32px 28px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:#FFFFFF;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease;}
.a-sol:hover,.a-sol:focus-visible{transform:translateY(-6px);background:linear-gradient(160deg,rgba(255,190,0,.25),rgba(255,255,255,.05));}
.a-sol:focus-visible{outline:3px solid #FFBE00;outline-offset:4px;}
.a-sol .ai{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:auto;box-shadow:0 12px 24px rgba(0,0,0,.3);}
.a-sol strong{font-size:24px;line-height:1.2;}.a-sol > span:last-child{font-size:16px;line-height:1.5;color:#C9B6DD;}
.a-faq{width:100%;max-width:880px;text-align:start;margin-top:24px;border-top:1px solid rgba(255,255,255,.22);}
.a-coin3d{width:240px;height:240px;}
.aurora{position:absolute;inset:-10%;filter:blur(80px);opacity:.75;}
.aurora i{position:absolute;border-radius:50%;}
.au1{width:46vw;height:46vw;left:-8%;top:-12%;background:#E80060;opacity:.55;animation:drift1 18s ease-in-out infinite alternate;}
.au2{width:40vw;height:40vw;right:-6%;top:-8%;background:#FFBE00;opacity:.35;animation:drift2 22s ease-in-out infinite alternate;}
.au3{width:50vw;height:50vw;left:25%;top:30%;background:#7A4AA8;opacity:.8;animation:drift3 26s ease-in-out infinite alternate;}
@keyframes drift1{to{transform:translate(18vw,12vh) scale(1.2)}}
@keyframes drift2{to{transform:translate(-16vw,18vh) scale(.85)}}
@keyframes drift3{to{transform:translate(-10vw,-14vh) scale(1.15)}}
.a-btn-gold{position:relative;overflow:hidden;isolation:isolate;}
.a-btn-gold::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);animation:shine 4.5s ease-in-out 2s infinite;}
@keyframes shine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
.a-tile .a-tv > *{transition:transform .6s cubic-bezier(.16,1,.3,1);}
.a-tile:hover .a-tv > *{transform:translateY(-12px) scale(1.03);}
.a-tile{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease;}
.a-tile:hover{box-shadow:0 40px 80px rgba(0,0,0,.35);}
.coin-scene{position:relative;}
.coin-halo{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,190,0,0),rgba(255,190,0,.55),rgba(232,0,96,.4),rgba(255,190,0,0) 60%);filter:blur(30px);animation:spin 9s linear infinite;}
.a-gallery li{transition:transform .5s cubic-bezier(.16,1,.3,1);}
.a-gallery li:hover{transform:translateY(-10px) rotate(-1deg);}
@supports (animation-timeline: view()){
  .sr{animation:srIn linear both;animation-timeline:view();animation-range:entry 0% entry 90%;}
  @keyframes srIn{from{opacity:0;transform:translateY(80px) scale(.96)}to{opacity:1;transform:none}}
  .pop > *{animation:popIn linear both;animation-timeline:view();animation-range:entry 0% entry 100%;}
  .pop > *:nth-child(2){animation-range:entry 5% entry 100%}.pop > *:nth-child(3){animation-range:entry 10% entry 100%}.pop > *:nth-child(4){animation-range:entry 15% entry 100%}
  .pop > *:nth-child(5){animation-range:entry 20% entry 100%}.pop > *:nth-child(6){animation-range:entry 25% entry 100%}.pop > *:nth-child(7){animation-range:entry 30% entry 100%}.pop > *:nth-child(8){animation-range:entry 35% entry 100%}
  @keyframes popIn{from{opacity:0;transform:translateY(60px) scale(.6)}to{opacity:1;transform:none}}
  .fillx{background:linear-gradient(90deg,#FFFFFF 0 50%,rgba(255,255,255,.22) 50% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fillText linear both;animation-timeline:view();animation-range:entry 20% cover 55%;}
  @keyframes fillText{from{background-position:100% 0}to{background-position:0 0}}
  .flat-in{animation:flatIn linear both;animation-timeline:view();animation-range:entry 0% cover 45%;}
  @keyframes flatIn{from{transform:rotateX(28deg) scale(.88)}to{transform:rotateX(0) scale(1)}}
  .a-scrollflat{transform-style:preserve-3d;perspective:2200px;animation:scrollFlat linear both;animation-timeline:scroll(root);animation-range:0 700px;transform-origin:50% 100%;}
  @keyframes scrollFlat{to{transform:rotateX(-16deg) scale(1.08)}}
  .a-gallery li{animation:galIn linear both;animation-timeline:view(inline);animation-range:entry 0% entry 80%;}
  @keyframes galIn{from{opacity:.4;transform:scale(.9)}to{opacity:1;transform:none}}
}
.coin-btn{background:radial-gradient(circle at 35% 30%,#FFE9A0 0%,#FFBE00 48%,#C98F00 100%)!important;box-shadow:inset 0 0 0 3px rgba(150,100,0,.35),inset 0 0 0 5px rgba(255,240,190,.55),0 8px 20px rgba(255,190,0,.35)!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1);}
.coin-btn:hover{transform:rotateY(180deg);}
.mm-close{display:grid;place-items:center;animation:coinflip .7s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes coinflip{from{transform:rotateY(-540deg) scale(.4)}to{transform:none}}
.mmenu{background:radial-gradient(70% 35% at 50% 0%,rgba(255,190,0,.22),rgba(255,190,0,0) 70%),radial-gradient(60% 40% at 50% 100%,rgba(232,0,96,.35),rgba(232,0,96,0) 70%),#0E0418!important;}
.wallet{display:flex;flex-direction:column;perspective:1200px;}
.wcard{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 -4px 12px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.3);transition:max-height .5s cubic-bezier(.16,1,.3,1);animation:cardUp .7s cubic-bezier(.16,1,.3,1) both;}
.wcard + .wcard{margin-top:-12px;}
.wcard:nth-child(1){animation-delay:.05s}.wcard:nth-child(2){animation-delay:.12s}.wcard:nth-child(3){animation-delay:.19s}.wcard:nth-child(4){animation-delay:.26s}.wcard:nth-child(5){animation-delay:.33s}
@keyframes cardUp{from{opacity:0;transform:translateY(160px) rotateX(-30deg)}to{opacity:1;transform:none}}
.wcard::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.22) 50%,rgba(255,255,255,0) 60%);transform:translateX(-100%);animation:cardShine 3.5s ease-in-out 1s infinite;}
@keyframes cardShine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.wc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t c" "s c";align-items:center;width:100%;padding:16px 20px 30px;border:0;background:none;text-align:start;cursor:pointer;font-family:inherit;}
.wc-title{grid-area:t;font-size:24px;font-weight:700;letter-spacing:-0.04em;}
.wc-sub{grid-area:s;font-size:13px;font-weight:500;opacity:.8;margin-top:2px;}
.wc-chip{grid-area:c;width:38px;height:28px;border-radius:7px;background:linear-gradient(135deg,#FFF3C4,#D9A520);box-shadow:inset 0 0 0 1px rgba(120,80,0,.4);}
.wc-body{position:relative;padding:0 20px 22px;}
.wc-brand{position:absolute;inset-inline-end:20px;bottom:14px;font-size:12px;font-weight:700;opacity:.45;}
.wc-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;padding-bottom:18px;}
.wc-apps a{display:flex;flex-direction:column;align-items:center;gap:6px;color:inherit;text-decoration:none;font-size:11px;font-weight:600;text-align:center;}
.wc-apps .ai{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;box-shadow:0 8px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.3);}
.wc-apps .ai svg{width:22px;height:22px;}
.wc-links{list-style:none;margin:0;padding:0 0 18px;}
.wc-links a{display:block;padding:12px 0;border-top:1px solid currentColor;border-top-color:rgba(255,255,255,.2);color:inherit;text-decoration:none;font-size:19px;font-weight:600;}
.wcard[style*="max-height: 86px"] .wc-body{visibility:hidden;}
.wc-head:focus-visible{outline:3px solid #FFFFFF;outline-offset:-6px;border-radius:18px;}
.a-k2{display:block;margin-bottom:12px;font-size:clamp(15px,1.2vw,18px);line-height:1.4;letter-spacing:0;font-weight:600;color:#FFBE00;-webkit-text-fill-color:#FFBE00;}
.a-tile[style*="#FFBE00"] .a-k2{color:#63378B;-webkit-text-fill-color:#63378B;}
.a-tile[style*="#E80060"] .a-k2{color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;opacity:.9;}
.a-sec[style*="#E80060"] .a-k2{color:#FFFFFF;-webkit-text-fill-color:#FFFFFF;opacity:.9;}
.a-example{margin:8px 0 0;max-width:640px;font-size:16px;line-height:1.6;color:#FFFFFF;}
.os-app .ai,.mega .mi,.wc-apps .ai,.mm-apps .ai,.a-sol .ai{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.12),0 12px 24px rgba(0,0,0,.28)!important;}
.os-app .ai::before,.mega .mi::before,.wc-apps .ai::before,.mm-apps .ai::before,.a-sol .ai::before{content:"";position:absolute;inset:0 0 52% 0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none;}
.os-app .ai svg,.a-sol .ai svg{position:relative;width:52%;height:52%;}
.wc-apps .ai svg,.mm-apps .ai svg,.mega .mi svg{position:relative;width:54%;height:54%;}
.a-tiles-wrap{padding-top:12px!important;}
.sx{margin:56px auto 0;max-width:1180px;display:flex;flex-direction:column;align-items:center;gap:18px;padding-bottom:96px;}
.sx-pick{margin:0;font-size:15px;font-weight:600;color:#E9DDF6;}
.sx-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;border-radius:999px;background:rgba(22,7,38,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);}
.sx-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:#FFFFFF;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .25s ease,color .25s ease;}
.sx-chip:hover{background:rgba(255,255,255,.1);}
.sx-chip:focus-visible{outline:3px solid #FFBE00;outline-offset:2px;}
.sx-ci{display:inline-grid;place-items:center;}
.sx-panels{width:100%;margin-top:24px;}
.sx-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;text-align:start;animation:sxIn .7s cubic-bezier(.16,1,.3,1) both;}
@keyframes sxIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.sx-stage{position:relative;height:560px;}
.sx-glow{position:absolute;inset:-10% 0;filter:blur(20px);}
.sx-phone{position:absolute;left:50%;top:0;width:270px;margin-left:-135px;border-radius:46px;padding:10px;background:#0E0418;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 50px 100px rgba(0,0,0,.5);animation:phoneIn .8s cubic-bezier(.16,1,.3,1) both;}
@keyframes phoneIn{from{opacity:0;transform:translateY(60px) rotate(-4deg)}to{opacity:1;transform:none}}
.sx-screen{border-radius:37px;background:#FFFFFF;color:#160726;padding:12px 14px 16px;display:flex;flex-direction:column;gap:12px;min-height:520px;box-sizing:border-box;}
.sx-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;padding:0 8px;direction:ltr;}
.sx-isl{width:72px;height:22px;border-radius:999px;background:#0E0418;}
.sx-brand{display:flex;align-items:center;gap:10px;}
.sx-brand b{display:block;font-size:15px;}.sx-brand small{display:block;font-size:11px;color:#8A7A9C;}
.sx-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:14px;}
.sx-banner{position:relative;overflow:hidden;border-radius:18px;padding:16px;min-height:86px;color:#FFFFFF;display:flex;align-items:flex-end;}
.sx-banner b{position:relative;z-index:1;font-size:17px;line-height:1.25;max-width:70%;}
.sx-banner svg{position:absolute;inset-inline-end:-6px;bottom:-10px;}
.sx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.sx-item{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;background:#F7F4FA;font-size:12px;}
.sx-item b{font-size:13px;}.sx-item > span:last-child{color:#5E4A75;}
.sx-ii{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:4px;}
.sx-cta{margin-top:auto;display:grid;place-items:center;min-height:42px;border-radius:999px;font-weight:700;font-size:14px;}
.sx-pass{position:absolute;inset-inline-start:0;top:70px;width:230px;border-radius:20px;padding:16px 18px;color:#FFFFFF;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.3);transform:rotate(-7deg);z-index:2;animation:passIn .8s cubic-bezier(.16,1,.3,1) .12s both;}
@keyframes passIn{from{opacity:0;transform:translateX(-40px) rotate(-14deg)}to{opacity:1;transform:rotate(-7deg)}}
.sx-pass-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;}
.sx-pass-logo{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.18);display:grid;place-items:center;}
.sx-pass strong{font-size:30px;line-height:1;color:#FFE27A;}
.sx-stamps{display:flex;gap:6px;}
.sx-stamps i{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);}
.sx-stamps i.on{background:#FFBE00;box-shadow:none;}
.sx-pass-bar{font-size:10px;opacity:.7;}
.sx-wa{position:absolute;inset-inline-end:0;top:250px;width:250px;border-radius:18px;border-start-start-radius:6px;background:#FFFFFF;color:#160726;padding:12px 14px;box-shadow:0 30px 60px rgba(0,0,0,.4);z-index:2;animation:waIn .8s cubic-bezier(.16,1,.3,1) .28s both;}
@keyframes waIn{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:none}}
.sx-wa-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#1FAF55;}
.sx-wa-h i{width:22px;height:22px;border-radius:50%;background:#25D366;display:grid;place-items:center;}
.sx-wa p{margin:6px 0 0;font-size:14px;line-height:1.45;}
.sx-wa-t{display:block;text-align:end;font-size:10px;color:#8A8A8A;}
.sx-note{position:absolute;inset-inline-start:30px;bottom:50px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#160726;font-size:14px;font-weight:600;box-shadow:0 20px 40px rgba(0,0,0,.35);z-index:2;animation:waIn .8s cubic-bezier(.16,1,.3,1) .4s both;}
[dir="rtl"] .sx-note{padding:10px 10px 10px 16px;}
.sx-note i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;}
.sx-copy{display:flex;flex-direction:column;gap:16px;}
.sx-h{margin:0;font-size:clamp(32px,3.4vw,52px);line-height:1.1;letter-spacing:-0.04em;font-weight:700;}
.sx-copy p{margin:0;font-size:19px;line-height:1.6;color:#E9DDF6;max-width:440px;}
.sx-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:6px;}
.sx-links a{color:#FFBE00;font-weight:600;font-size:16px;text-underline-offset:5px;}
.sx-links a.sx-start{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:#FFBE00;color:#160726;text-decoration:none;}
.sx-tile-ph{position:relative;width:200px;transform:rotate(-5deg);margin-bottom:-150px;}
.sx-tile-ph .sx-phone{position:relative;left:auto;top:auto;margin:0;width:100%;animation:none;}
.sx-tile-ph .sx-screen{min-height:430px;padding:10px 10px 12px;gap:9px;}
.sx-tp2{margin-inline-start:-40px;margin-bottom:-200px;transform:rotate(6deg);}
.cx{width:min(900px,100%);margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-rows:auto auto auto;gap:18px 28px;padding:32px;border-radius:32px;background:rgba(22,7,38,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 40px 80px rgba(80,0,40,.35);text-align:start;}
.cx-q{display:flex;flex-direction:column;gap:10px;}
.cx-q > span{font-size:14px;font-weight:600;color:#FFE6F0;}
.cx-row{display:flex;flex-wrap:wrap;gap:6px;}
.cx-o{min-height:42px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#FFFFFF;font-size:15px;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);}
.cx-o:focus-visible{outline:3px solid #FFFFFF;outline-offset:2px;}
.cx-res{grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px;border-radius:24px;background:#FFFFFF;color:#160726;}
.cx-res > span{font-size:15px;font-weight:600;color:#5E4A75;}
.cx-res strong{font-size:clamp(30px,3.2vw,44px);line-height:1.05;letter-spacing:-0.03em;color:#B8004C;white-space:nowrap;}
.cx-res small{font-size:13px;line-height:1.5;color:#5E4A75;}
.sx-pick{font-size:clamp(20px,2vw,26px)!important;font-weight:700!important;color:#FFFFFF!important;letter-spacing:-0.04em;}
.sx-chips{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px!important;width:100%;max-width:1000px;padding:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important;overflow:visible!important;}
.sx-chip{position:relative;flex-direction:column;justify-content:center;gap:12px!important;min-height:132px;padding:18px 10px!important;border-radius:24px!important;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:16px!important;line-height:1.2;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s ease,box-shadow .25s ease!important;}
.sx-chip:hover{background:rgba(255,255,255,.16);transform:translateY(-3px);}
.sx-ci{width:58px;height:58px;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 20px rgba(0,0,0,.25);}
.sx-cl{display:block;text-align:center;}
.sx-ck{position:absolute;top:10px;inset-inline-end:10px;width:22px;height:22px;border-radius:50%;background:#160726;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:all .25s cubic-bezier(.34,1.56,.64,1);}
.sx-chip[aria-selected="true"] .sx-ck{opacity:1;transform:none;}
.sx-panels{margin-top:36px!important;}
.sx-shot{display:block;width:100%;height:auto;border-radius:37px;}
.sx-tile-ph .sx-shot{border-radius:30px;}
.nav-links{gap:2px;}
.nav-dd{position:static!important;}
.nav{position:relative;}
.mega2{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:40;display:grid;gap:0;border-radius:30px;background:rgba(18,6,32,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 50px 100px rgba(0,0,0,.5);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;text-align:start;}
.nav-dd:hover .mega2,.nav-dd:focus-within .mega2{opacity:1;visibility:visible;transform:none;}
.mega-prod{grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"g s" "f f";}
.mega-sec{grid-template-columns:minmax(0,1fr) 260px;}
.mm-grid{grid-area:g;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;padding:28px 28px 22px;}
.mm-grid2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px;padding:28px;align-content:start;}
.mega-sec .mm-side{grid-area:auto;justify-content:center;}
.mm-col{display:flex;flex-direction:column;gap:4px;}
.mm-h{margin:0 0 8px;font-size:13px;font-weight:600;color:#FFBE00;}
.mm-item{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:0!important;padding:9px 8px!important;border-radius:16px!important;color:#FFFFFF!important;text-decoration:none;}
.mm-item::after{display:none!important;}
.mm-item:hover,.mm-item:focus-visible{background:rgba(255,255,255,.07);}
.mm-item .mi{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px rgba(0,0,0,.3);}
.mm-item strong{display:block;font-size:14px;line-height:1.3;}
.mm-item small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;font-weight:400;color:#C9B6DD;}
.mm-side{grid-area:s;display:flex;flex-direction:column;gap:10px;padding:28px 24px;background:linear-gradient(170deg,rgba(255,190,0,.16),rgba(232,0,96,.14) 60%,rgba(122,74,168,.12));border-inline-start:1px solid rgba(255,255,255,.08);color:#FFFFFF;}
.mm-side b{font-size:18px;line-height:1.25;}.mm-side p{margin:0;font-size:14px;line-height:1.5;color:#E9DDF6;}
.mm-side a{display:inline-flex!important;align-self:flex-start;min-height:0!important;padding:0!important;color:#FFBE00!important;font-size:14px!important;text-decoration:underline;text-underline-offset:4px;}
.mm-side a::after{display:none!important;}
.mm-side a.mm-cta{margin-top:6px;padding:12px 18px!important;border-radius:999px!important;background:#FFBE00;color:#160726!important;text-decoration:none;font-weight:700;}
.mi-lg{width:52px!important;height:52px!important;border-radius:16px!important;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 20px rgba(0,0,0,.35);}
.mm-foot{grid-area:f;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:18px;align-items:center;padding:18px 28px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);}
.mm-foot .mm-h{margin:0;}
.mm-foot a{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px!important;min-height:0!important;padding:4px 0!important;color:#FFFFFF!important;}
.mm-foot a::after{display:none!important;}
.mm-foot a b{font-size:14px;}.mm-foot a span{font-size:12.5px;font-weight:400;color:#C9B6DD;}
.mm-foot a:hover b{color:#FFBE00;}
.nav-login{color:#FFFFFF;text-decoration:none;font-weight:600;font-size:15px;padding:0 10px;}
.nav-login:hover{color:#FFBE00;}
.ai-sec{position:relative;overflow:hidden;background:radial-gradient(60% 50% at 50% 0%,#4A2370,#160726 70%);}
.ai-orb{position:absolute;left:50%;top:-30%;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,190,0,.0),rgba(255,190,0,.28),rgba(232,0,96,.28),rgba(122,74,168,.3),rgba(255,190,0,0));filter:blur(70px);animation:spin 24s linear infinite;}
.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin:36px 0 18px;text-align:start;}
.ai-card{position:relative;padding:24px 22px;border-radius:24px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:flex;flex-direction:column;gap:8px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;}
.ai-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(255,190,0,.7),rgba(232,0,96,.4),rgba(255,255,255,0) 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.ai-card:hover{transform:translateY(-4px);}
.ai-dot{width:34px;height:34px;border-radius:11px;background:rgba(255,190,0,.14);display:grid;place-items:center;}
.ai-card h3{margin:4px 0 0;font-size:19px;line-height:1.25;}
.ai-card p{margin:0;font-size:15px;line-height:1.5;color:#C9B6DD;}
.fi{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;width:100%;margin-top:36px;text-align:start;align-items:start;}
.fi-tabs{display:flex;flex-direction:column;gap:6px;position:sticky;top:20px;}
.fi-tab{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:0 18px;border:0;border-radius:18px;background:rgba(255,255,255,.06);color:#FFFFFF;font-family:inherit;font-size:16px;font-weight:600;text-align:start;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.fi-tab span{font-size:13px;opacity:.75;}
.fi-tab:focus-visible{outline:3px solid #FFBE00;outline-offset:2px;}
.fi-panels{border-radius:28px;background:rgba(22,7,38,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:28px;}
.fi-h{margin:0 0 18px;font-size:26px;letter-spacing:-0.04em;}
.fi-panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;}
.fi-panel li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.fi-panel li i{flex:none;width:22px;height:22px;border-radius:50%;background:#FFBE00;display:grid;place-items:center;}
.sx-pick{font-size:clamp(24px,2.6vw,36px)!important;letter-spacing:-0.02em;}
.sx-sub{margin:-6px 0 4px;display:inline-flex;align-items:center;gap:8px;font-size:15px;color:#E9DDF6;}
.sx-sub i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,190,0,.18);}
.sx-chips{gap:14px!important;max-width:1080px!important;}
.sx-chip{overflow:hidden;isolation:isolate;min-height:168px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,255,255,.1);font-size:17px!important;gap:10px!important;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,background .35s ease!important;}
.sx-glowb{position:absolute;left:50%;top:22%;width:150px;height:150px;margin-left:-75px;border-radius:50%;opacity:.35;filter:blur(18px);z-index:-1;transition:opacity .35s ease,transform .5s ease;}
.sx-chip:hover{transform:translateY(-6px);}
.sx-chip:hover .sx-glowb{opacity:.7;transform:scale(1.2);}
.sx-ci{width:72px!important;height:72px!important;border-radius:22px!important;background:linear-gradient(160deg,var(--c2),var(--c))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 6px rgba(0,0,0,.18),0 14px 30px rgba(0,0,0,.35)!important;transition:transform .45s cubic-bezier(.34,1.56,.64,1);}
.sx-chip:hover .sx-ci{transform:rotate(-6deg) scale(1.08);}
.sx-cl{font-weight:700;}
.sx-mini{display:block;max-height:0;opacity:0;overflow:hidden;font-size:12.5px;font-weight:600;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.22);transition:all .35s ease;}
.sx-chip[aria-selected="true"]{z-index:1;}
.sx-chip[aria-selected="true"] .sx-mini{max-height:30px;opacity:1;padding:4px 10px;}
.sx-chip[aria-selected="true"] .sx-ci{background:rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px rgba(0,0,0,.25)!important;transform:scale(1.06);}
.sx-chip[aria-selected="true"] .sx-glowb{opacity:0;}
.sx-chip[aria-selected="true"]::after{content:"";position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.45) 80%,transparent 90%);animation:spin 4s linear infinite;opacity:.6;}
.sx-ck{display:none!important;}
.os2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;width:100%;max-width:1160px;margin-top:48px;align-items:center;text-align:start;}
.os2-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px 16px!important;max-width:none!important;margin:0!important;}
.os2-app{gap:12px!important;font-size:14px!important;color:#E9DDF6!important;}
.os2-app .ai{position:relative;width:92px!important;height:92px!important;border-radius:28px!important;display:grid;place-items:center;overflow:visible!important;color:#FFBE00;background:radial-gradient(120% 120% at 30% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),linear-gradient(160deg,#3A2160,#1A0930)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 40px rgba(0,0,0,.45)!important;outline:none!important;transform:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,color .3s ease!important;}
.os2-app .ai::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1.5px;background:linear-gradient(150deg,rgba(255,190,0,.85),rgba(232,0,96,.55) 45%,rgba(255,255,255,.06) 80%)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.os2-app .ai::after{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,0,.35),transparent);filter:blur(10px);z-index:-1;}
.os2-app .ai svg{position:relative;width:46%!important;height:46%!important;filter:drop-shadow(0 4px 10px rgba(255,190,0,.35));}
.os2-app:hover .ai{transform:translateY(-6px) rotate(-4deg);}
.os2-app[aria-pressed="true"]{color:#FFFFFF!important;}
.os2-app[aria-pressed="true"] .ai{color:#160726;background:linear-gradient(160deg,#FFE9A0 0%,#FFBE00 45%,#E09A00 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 6px rgba(255,190,0,.16),0 24px 60px rgba(255,190,0,.45)!important;transform:translateY(-8px) scale(1.06);}
.os2-app[aria-pressed="true"] .ai svg{filter:none;}
.os2-panel{position:relative;border-radius:34px;padding:36px;min-height:380px;background:radial-gradient(90% 70% at 100% 0%,rgba(255,190,0,.22),rgba(255,190,0,0) 60%),radial-gradient(80% 60% at 0% 100%,rgba(232,0,96,.25),rgba(232,0,96,0) 60%),rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 40px 80px rgba(0,0,0,.35);overflow:hidden;}
.os2-d{animation:sxIn .5s cubic-bezier(.16,1,.3,1) both;}
.os2-big{display:grid;place-items:center;width:104px;height:104px;border-radius:32px;background:linear-gradient(160deg,#FFE9A0,#FFBE00 45%,#E09A00);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 24px 50px rgba(255,190,0,.35);margin-bottom:22px;}
.os2-d h3,.os2-d .gh{margin:0;font-size:clamp(28px,2.6vw,40px);letter-spacing:-0.04em;}
.os2-d p{margin:10px 0 18px;font-size:17px;line-height:1.55;color:#E9DDF6;}
.os2-d ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px;}
.os2-d li{display:flex;align-items:center;gap:10px;font-size:16px;}
.os2-d li::before{content:"";width:8px;height:8px;border-radius:50%;background:#FFBE00;box-shadow:0 0 12px #FFBE00;}
.os2-d a{color:#FFBE00;font-weight:600;text-underline-offset:5px;}
.px-passes{position:relative;width:340px;max-width:100%;margin-bottom:60px;}
.px-pass{position:relative;border-radius:26px;padding:22px 24px;color:#FFFFFF;display:flex;flex-direction:column;gap:8px;transform:rotate(-6deg);box-shadow:0 40px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.3);text-align:start;}
.px-pass .px-lab{font-size:12px;opacity:.75;margin-top:6px;}
.px-pass strong{font-size:40px;line-height:1;color:#FFE27A;}
.px-qr{margin-top:12px;height:96px;border-radius:14px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 9 9'%3E%3Cpath d='M0 0h3v3H0zM6 0h3v3H6zM0 6h3v3H0zM4 0h1v2H4zM4 3h2v1H4zM3 4h1v1H3zM5 5h1v2H5zM7 4h2v1H7zM4 7h1v2H4zM7 6h1v1H7zM6 8h3v1H6z' fill='%23160726'/%3E%3C/svg%3E") center/72px no-repeat;}
.px-chat-h{display:flex;align-items:center;gap:10px;padding:0 4px 8px;font-size:14px;color:#160726;}
.px-chat-h span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;}
.a-gallery .px-big{margin-top:auto;opacity:.22;align-self:flex-end;}
.a-gallery .px-brand{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.88);color:#160726;font-size:13px;font-weight:700;}
.a-gallery .px-brand span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;}
.a-gallery li{min-height:460px!important;}
.cx-for{grid-column:1 / -1;display:flex;align-items:center;gap:10px;font-size:15px;color:#FFE6F0;}
.cx-for b{color:#FFFFFF;}
.cx-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.15);}
.cx-res{grid-row:2 / span 3!important;}
.px-pill{position:fixed;inset-inline-start:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:12px;padding:8px;border-radius:999px;background:rgba(22,7,38,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 20px 40px rgba(0,0,0,.4);color:#FFFFFF;text-decoration:none;font-size:14px;}
.px-pill-i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;}
@supports (animation-timeline: scroll()){.px-pill{animation:pillIn linear both;animation-timeline:scroll(root);animation-range:900px 1100px;}@keyframes pillIn{from{opacity:0;transform:translateY(30px);pointer-events:none}to{opacity:1;transform:none}}}
.px-pill-c{padding:8px 14px;border-radius:999px;background:#FFBE00;color:#160726;font-weight:700;}
/* ---------- flat icon system: no gradients, glows, gloss or shadows ---------- */
.os-app .ai,.mega .mi,.wc-apps .ai,.mm-apps .ai,.a-sol .ai,.mm-item .mi,.mi-lg,.sx-ci,.os2-big,.sx-ii,.sx-logo,.px-pill-i,.sx-pass-logo{box-shadow:none!important;filter:none!important;}
.os-app .ai::before,.mega .mi::before,.wc-apps .ai::before,.mm-apps .ai::before,.a-sol .ai::before,.os2-app .ai::before,.os2-app .ai::after{display:none!important;content:none!important;}
.os-app .ai svg,.a-sol .ai svg,.os2-app .ai svg,.mm-item .mi svg,.wc-apps .ai svg{filter:none!important;}
.os2-app .ai{background:rgba(255,255,255,.08)!important;color:#FFBE00;transform:none!important;transition:background .2s ease,color .2s ease!important;}
.os2-app:hover .ai{background:rgba(255,255,255,.14)!important;}
.os2-app[aria-pressed="true"] .ai{background:#FFBE00!important;color:#160726;}
.os2-big{background:#FFBE00!important;}
.os2-d li::before{box-shadow:none;}
.os2-panel{background:rgba(255,255,255,.05)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.12);}
.mm-item .mi,.wc-apps .ai,.mi-lg{background:#2E1650!important;}
.wc-apps .ai{background:#160726!important;}
.sx-ci{background:var(--c)!important;transform:none!important;}
.sx-chip{background:rgba(255,255,255,.07)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.12);transform:none!important;transition:background .2s ease!important;}
.sx-chip:hover{background:rgba(255,255,255,.12)!important;}
.sx-glowb,.sx-chip[aria-selected="true"]::after{display:none!important;}
.sx-chip[aria-selected="true"]{border-color:#FFFFFF;}
.sx-chip[aria-selected="true"] .sx-ci{background:rgba(255,255,255,.2)!important;}
.a-sol .ai{border-radius:16px;}
.sx-chip[aria-selected="true"]{background:var(--sel)!important;border-color:#FFFFFF!important;}
.os2-app[aria-pressed="true"] .ai{box-shadow:none!important;transform:none!important;}
/* ---------- micro-interactions ---------- */
@keyframes popTap{0%{transform:scale(.86)}55%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes swapIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}}
@keyframes rise2{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ripple{from{transform:scale(.6);opacity:.5}to{transform:scale(2.2);opacity:0}}
.os2-app .ai svg,.sx-ci svg,.a-sol .ai svg,.mm-item .mi svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.os2-app:hover .ai svg,.sx-chip:hover .sx-ci svg,.a-sol:hover .ai svg,.mm-item:hover .mi svg{animation:wiggle .5s ease;}
.os2-app[aria-pressed="true"] .ai,.sx-chip[aria-selected="true"] .sx-ci{animation:popTap .45s cubic-bezier(.34,1.56,.64,1);}
.os2-app[aria-pressed="true"] .ai{position:relative;}
.os2-app[aria-pressed="true"] .ai::after{content:""!important;display:block!important;position:absolute;inset:0;border-radius:inherit;border:2px solid #FFBE00;animation:ripple .7s ease-out both;background:none!important;filter:none!important;}
.sx-chip[aria-selected="true"] .sx-mini{animation:rise2 .35s ease .1s both;}
.os2-d h3,.os2-d .gh,.os2-d p,.os2-d li,.os2-d a{animation:rise2 .45s cubic-bezier(.16,1,.3,1) both;}
.os2-d p{animation-delay:.05s}.os2-d li:nth-child(1){animation-delay:.1s}.os2-d li:nth-child(2){animation-delay:.15s}.os2-d li:nth-child(3){animation-delay:.2s}.os2-d a{animation-delay:.25s}
.os2-big{animation:popTap .5s cubic-bezier(.34,1.56,.64,1);}
.px-pass,.a-tv .a-chat,.sx-tile-ph.sx-tp2,.a-example,.fi-panel{animation:swapIn .6s cubic-bezier(.16,1,.3,1) both;}
.px-pass{animation-name:passSwap;}
@keyframes passSwap{from{opacity:0;transform:translateY(30px) rotate(-14deg)}to{opacity:1;transform:rotate(-6deg)}}
.a-tv .a-chat .a-bub{animation:rise2 .4s ease both;}
.a-tv .a-chat .a-bub:nth-child(2){animation-delay:.25s}.a-tv .a-chat .a-bub:nth-child(3){animation-delay:.6s}.a-tv .a-chat .a-bub:nth-child(4){animation-delay:.95s}
.a-gallery li{animation:swapIn .6s cubic-bezier(.16,1,.3,1) both;}
.a-gallery li:nth-child(2){animation-delay:.06s}.a-gallery li:nth-child(3){animation-delay:.12s}.a-gallery li:nth-child(4){animation-delay:.18s}.a-gallery li:nth-child(5){animation-delay:.24s}
.fi-panel li{animation:rise2 .35s ease both;}
.fi-panel li:nth-child(2n){animation-delay:.04s}.fi-panel li:nth-child(3n){animation-delay:.08s}
.cx-o,.fi-tab,.sx-chip,.os2-app,.a-btn,.nav-cta,.wc-head{-webkit-tap-highlight-color:transparent;}
.cx-o:active,.fi-tab:active,.sx-chip:active,.os2-app:active,.a-btn:active,.nav-cta:active{transform:scale(.95)!important;transition:transform .1s ease!important;}
.cx-o[aria-pressed="true"]{animation:popTap .35s cubic-bezier(.34,1.56,.64,1);}
.nav-dd:hover .mm-item,.nav-dd:focus-within .mm-item{animation:rise2 .35s ease both;}
.mm-col .mm-item:nth-child(3){animation-delay:.04s}.mm-col .mm-item:nth-child(4){animation-delay:.08s}.mm-col .mm-item:nth-child(5){animation-delay:.12s}
.px-pill-i{animation:popTap .5s ease;}
/* ---------- picker: brand palette only ---------- */
.sx-chips{gap:10px!important;max-width:1000px!important;}
.sx-chip{min-height:136px!important;border-radius:24px!important;background:rgba(22,7,38,.35)!important;border:1px solid rgba(255,255,255,.14)!important;color:#FFFFFF!important;font-size:16px!important;}
.sx-chip:hover{background:rgba(22,7,38,.55)!important;border-color:rgba(255,190,0,.5)!important;}
.sx-ci{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;color:#FFBE00;}
.sx-ci svg{width:40px!important;height:40px!important;}
.sx-chip[aria-selected="true"]{background:#FFBE00!important;border-color:#FFBE00!important;color:#160726!important;}
.sx-chip[aria-selected="true"] .sx-ci{background:none!important;color:#160726;transform:none;}
.sx-chip[aria-selected="true"] .sx-mini{background:#160726;color:#FFBE00;}
.sx-sub i{background:none!important;}
/* ---------- premium motion layer ---------- */
html{scroll-behavior:smooth;}
.sx-chip[aria-selected="true"] .sx-ci{box-shadow:none!important;}
.sx-chip{isolation:isolate;}
.sx-chip[aria-selected="true"]{background:transparent!important;}
.sx-chip::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#FFBE00;transform:scale(.4);opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .3s ease;}
.sx-chip[aria-selected="true"]::before{transform:scale(1);opacity:1;}
.sx-chip .sx-ci,.sx-chip .sx-cl{transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .3s ease;}
.sx-chip:hover .sx-ci{transform:translateY(-4px)!important;}
.sx-chip[aria-selected="true"] .sx-cl{transform:translateY(-2px);}
.sx-panel .sx-copy > *{animation:rise2 .5s cubic-bezier(.16,1,.3,1) both;}
.sx-panel .sx-copy > *:nth-child(2){animation-delay:.08s}.sx-panel .sx-copy > *:nth-child(3){animation-delay:.16s}
.a-btn,.nav-cta,.sx-start{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .3s ease!important;}
.a-btn:hover,.nav-cta:hover{transform:translateY(-2px);}
.a-btn-line::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.12);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1);}
.a-btn-line:hover::after{transform:scaleX(1);}
.nav-links a,.nav-links button,.mm-item,.fi-tab,.cx-o{transition:color .2s ease,background .25s ease,transform .25s ease!important;}
.fi-tab:hover{transform:translateX(4px);}
[dir="rtl"] .fi-tab:hover{transform:translateX(-4px);}
.a-tile .a-tv img,.sx-shot{transition:transform .8s cubic-bezier(.16,1,.3,1);}
.a-tile:hover .a-tv img{transform:scale(1.03);}
.a-faq summary h3{transition:color .2s ease;} .a-faq summary:hover h3{color:#FFBE00;}
.a-faq details[open] p{animation:rise2 .4s cubic-bezier(.16,1,.3,1) both;}
.px-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;background:linear-gradient(90deg,#FFBE00,#E80060);transform-origin:left;transform:scaleX(0);pointer-events:none;}
[dir="rtl"] .px-progress{transform-origin:right;}
@supports (animation-timeline: scroll()){
  .px-progress{animation:prog linear both;animation-timeline:scroll(root);}
  @keyframes prog{to{transform:scaleX(1)}}
  .nav{animation:navSolid linear both;animation-timeline:scroll(root);animation-range:0 400px;}
  @keyframes navSolid{to{background:rgba(22,7,38,.88);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 40px rgba(0,0,0,.35)}}
  .dash-tilt img,.a-tile .a-tv{animation:clipIn linear both;animation-timeline:view();animation-range:entry 0% cover 35%;}
  @keyframes clipIn{from{clip-path:inset(18% 10% 0 10% round 24px);opacity:.4}to{clip-path:inset(0 0 0 0 round 0);opacity:1}}
  .os2-app{animation:popIn linear both;animation-timeline:view();animation-range:entry 0% entry 100%;}
  .ai-card{animation:srIn linear both;animation-timeline:view();animation-range:entry 0% entry 80%;}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.sx-chip::before{transition:none}.rise{filter:none}.ghost-in,.coin-drop,.rise,.chip,.marq,.orbit,.orbit .lbl,.core::after,.coin3d,.glowring,.px-progress,.nav,.dash-tilt img,.a-tile .a-tv,.ai-card,.sx-panel .sx-copy > *,.os2-app .ai,.os2-app .ai::after,.sx-ci,.sx-ci svg,.os2-app .ai svg,.os2-d *,.os2-big,.a-gallery li,.a-bub,.fi-panel,.fi-panel li,.a-example,.sx-tile-ph,.a-chat,.mm-item,.cx-o,.sx-chip::after,.os2-d,.px-pass,.ai-orb,.mmenu,.sx-panel,.sx-phone,.sx-pass,.sx-wa,.sx-note,.mm-close,.wcard,.wcard::after,.a-browser,.aurora i,.a-btn-gold::after,.coin-halo,.sr,.pop > *,.fillx,.flat-in,.a-scrollflat,.a-gallery li{animation:none!important}.fillx{color:#FFFFFF!important;background:none!important}.stage-main{animation:none;transform:rotateX(10deg) rotate(-3deg)}.plus,.sol-row,.sol-row::before{transition:none}}
@media (max-width: 1024px){.hero-grid,.split,.pay-head{grid-template-columns:1fr!important}.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-brand{grid-column:1 / -1}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit-wrap,.orbit-lg{--o:440px}.coin3d{width:300px;height:300px}.receipts{grid-template-columns:1fr;max-width:440px}.rcpt{transform:none!important}.hero-art{margin-top:24px}.os-grid{grid-template-columns:1fr;gap:48px}.journey{grid-template-columns:repeat(5,minmax(240px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}.journey > li{scroll-snap-align:start}.journey::before{inset-inline-end:auto;width:calc(5 * 258px)}.nav-links,.nav-lang{display:none}.nav-burger{display:grid}.nav{padding:8px 8px 8px 18px}[dir="rtl"] .nav{padding:8px 18px 8px 8px}.nav-cta{margin-inline-start:auto}.pb-row,.dash-grid{grid-template-columns:1fr!important}.dash-bleed{margin-inline-end:0}.a-tiles{grid-template-columns:1fr}.a-os{grid-template-columns:repeat(4,minmax(0,1fr))}.a-cols{grid-template-columns:1fr}.a-col.us{transform:none}.a-sols{grid-template-columns:repeat(2,minmax(0,1fr))}.a-gallery{grid-auto-columns:60%}.a-stage{margin-bottom:-160px}.a-tiles-wrap{padding-top:200px}.sx-panel{grid-template-columns:1fr;gap:28px}.sx-copy{align-items:center;text-align:center}.sx-copy p{max-width:560px}.sx-stage{max-width:560px;width:100%;margin:0 auto}.cx{grid-template-columns:1fr}.cx-res{grid-column:auto;grid-row:auto}.sx-chips{grid-template-columns:repeat(3,minmax(0,1fr))!important}.a-os{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fi{grid-template-columns:1fr}.fi-tabs{position:static;flex-direction:row;flex-wrap:wrap}.fi-tab{min-height:44px}.nav-login{display:none}.os2{grid-template-columns:1fr}.os2-panel{min-height:0}}
@media (max-width: 760px){.plans{grid-template-columns:1fr}.sol-row{grid-template-columns:1fr;gap:12px}.phone{display:none}.pass-wrap{transform:none!important}.ghost{display:none!important}.ghost-m{display:block!important}.chip.c3{display:none}.chip.c1{top:-30px!important;inset-inline-start:-4px!important}.chip.c2{bottom:-26px!important;inset-inline-end:-4px!important;inset-inline-start:auto!important}.chip strong{font-size:14px}.chip span.sub{font-size:12px}.chip .ic{width:32px;height:32px}.orbit-wrap,.orbit-lg{--o:250px}.orbit .lbl{padding:9px 14px;font-size:14px;gap:7px}.orbit .lbl i{width:9px;height:9px}.coin3d{width:220px;height:220px}.dash-tilt{transform:none}.sol-row{padding-inline:12px}.facts-row{grid-template-columns:1fr;gap:20px}.ret-art{height:420px!important}.stage-main{margin-inline:0!important}.mcta{display:flex;position:sticky;bottom:12px;z-index:50;margin:0 12px 12px;gap:8px;padding:8px;border-radius:999px;background:rgba(22,7,38,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 20px 40px rgba(0,0,0,.35)}.mcta a{flex:1;display:grid;place-items:center;min-height:50px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none}.mcta-a{background:#FFBE00;color:#160726}.mcta-b{color:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.nav-cta{display:none}.nav-logo{margin-inline-end:auto}.os-screen{padding:16px 16px 20px;border-radius:40px;box-shadow:0 0 0 8px #160726,0 0 0 9px rgba(255,255,255,.25),0 40px 80px rgba(90,50,0,.45)}.os-icons{gap:22px 6px;margin-block:26px 28px}.os-app{font-size:12px}.os-app .ai{width:60px;height:60px;border-radius:19px}.os-app .ai svg{width:28px;height:28px}.os-dock{font-size:13px;padding:12px}.calc-card{transform:none}.tc-calc{grid-template-columns:1fr!important}.journey{grid-template-columns:repeat(5,minmax(78%,1fr))}.journey::before{width:calc(5 * 82%)}.cmp{font-size:15px}.cmp th,.cmp td{padding:16px 14px}.journey::before{inset-inline-start:22px!important}.journey > li,.journey > li:nth-child(even){grid-template-columns:44px minmax(0,1fr);grid-template-areas:"n t" "n u";column-gap:16px!important;row-gap:14px!important;align-items:start}.journey .jt,.journey > li:nth-child(even) .jt{text-align:start}.journey .jn{width:44px;height:44px;font-size:18px;justify-self:start}.journey .jui,.journey > li:nth-child(even) .jui{justify-self:stretch;width:auto}.journey h3{font-size:24px!important}.statement{font-size:44px!important}.a-sec{padding-block:110px}.a-tile{min-height:600px;padding:56px 22px 0;border-radius:26px}.a-tiles{padding:0 8px;gap:8px}.a-sols{grid-template-columns:1fr}.a-sol{min-height:0}.a-gallery{grid-auto-columns:84%}.a-gallery li{min-height:500px}.a-browser{margin-inline:0}.a-stage{margin:48px auto -90px}.a-tiles-wrap{padding-top:130px}.a-os{gap:20px 8px}.a-tile-phone{width:150px}.a-tile-phone2{width:140px}.a-col{padding:28px 22px}.a-coin3d{width:180px;height:180px}.a-ctas .a-btn{flex:1 1 140px}.a-ctas-sm .a-btn{flex:0 0 auto}.a-pass{transform:rotate(-5deg) scale(.86);margin-bottom:40px}.a-coin1{width:80px;height:80px;bottom:200px}.a-rstack{height:280px}.sx-stage{height:530px}.sx-phone{width:236px;margin-left:-118px}.sx-screen{min-height:470px}.sx-pass{width:170px;top:40px;padding:12px 14px;inset-inline-start:-6px}.sx-pass strong{font-size:22px}.sx-stamps i{width:18px;height:18px}.sx-wa{width:200px;top:auto;bottom:90px;inset-inline-end:-6px}.sx-wa p{font-size:13px}.sx-note{display:none}.sx{padding-bottom:64px}.cx{padding:20px}.sx-tile-ph{width:160px}.sx-chips{gap:8px!important}.sx-chip{min-height:104px;border-radius:20px!important;font-size:14px!important;gap:8px!important;padding:12px 6px!important}.sx-ci{width:46px;height:46px;border-radius:14px}.sx-ci svg{width:22px;height:22px}.sx-ck{top:7px;width:18px;height:18px}.ai-grid{grid-template-columns:1fr}.fi-panel ul{grid-template-columns:1fr}.fi-panels{padding:20px}.fi-tab{font-size:14px;padding:0 14px}.a-sols{grid-template-columns:repeat(2,minmax(0,1fr))!important}.a-sol{padding:22px 18px}.a-sol strong{font-size:18px}.wc-apps{grid-template-columns:repeat(4,minmax(0,1fr))}.px-pill{display:none}.sx-chip{min-height:128px!important;border-radius:22px!important;font-size:14px!important}.sx-ci{width:54px!important;height:54px!important;border-radius:17px!important}.sx-ci svg{width:28px;height:28px}.sx-mini{font-size:11px}.os2-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 6px!important}.os2-app .ai{width:64px!important;height:64px!important;border-radius:20px!important}.os2-app{font-size:12px!important}.os2-panel{padding:24px}.os2-big{width:76px;height:76px;border-radius:24px}.os2-big svg{width:44px;height:44px}.a-gallery li{min-height:400px!important}.sx-chip{min-height:104px!important}.sx-ci svg{width:30px!important;height:30px!important}}
@media (max-width: 640px){.wrap{padding-inline:20px}.bento{grid-template-columns:1fr}.span2{grid-column:auto}.cell{min-height:0;padding:26px}.sheet{border-radius:28px 28px 0 0;margin-top:-28px}.cell .bbar .seg{display:none}.specs{grid-template-columns:1fr}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-card{transform:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* ===== Subpage layer (shares the homepage system) ===== */
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:#FFBE00;color:#160726;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.s-hero{position:relative;overflow:hidden;padding-top:20px;padding-bottom:96px}
.s-hero .wrap{position:relative;z-index:2}
.s-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;padding-top:72px}
.s-head-c{display:flex;flex-direction:column;gap:20px;max-width:860px}
.s-h1{margin:0;font-size:clamp(42px,6.2vw,88px);line-height:1.02;letter-spacing:-0.04em;font-weight:700;text-wrap:balance}
.s-lede{margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.55;color:#E9DDF6;max-width:700px}
.s-hero .a-ctas{justify-content:flex-start}
.s-hero .a-ctas .a-btn{flex:0 0 auto}
.s-badge{width:168px;height:168px;border-radius:44px;background:#2E1650;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.s-badge svg{width:84px;height:84px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:15px;color:#C9B6DD}
.crumbs li{display:flex;align-items:center;gap:10px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(45deg);opacity:.7}
[dir=rtl] .crumbs li+li::before{transform:rotate(-45deg)}
.crumbs a{color:#FFFFFF;text-decoration:none}
.crumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.crumbs [aria-current]{color:#FFBE00}
.s-sec{padding-block:120px}
.s-ink{background:#160726}
.s-plum{background:#2A0F45}
.s-light{background:#F6F1FB;color:#160726}
.s-h2{margin:0 0 16px;font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-0.035em;font-weight:700;max-width:900px}
.s-intro{margin:0 0 56px;font-size:19px;line-height:1.6;color:#C9B6DD;max-width:680px}
.s-light .s-intro{color:#4A3A5C}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.fcard{background:#2A0F45;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:14px;min-height:220px}
.s-plum .fcard{background:#3A1A5C}
.fcard .s-ic{width:52px;height:52px;border-radius:16px;background:#160726;display:grid;place-items:center}
.fcard h3{margin:0;font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-0.01em}
.fcard p{margin:0;font-size:16px;line-height:1.6;color:#C9B6DD}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:st}
.steps li{counter-increment:st;border-top:2px solid #FFBE00;padding-top:28px;display:flex;flex-direction:column;gap:10px}
.steps li::before{content:counter(st);font-size:64px;line-height:1;font-weight:700;color:#FFBE00;letter-spacing:-0.04em}
.steps h3{margin:0;font-size:24px;font-weight:700}
.steps p{margin:0;font-size:17px;line-height:1.6;color:#C9B6DD}
.chips{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.chips a{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:999px;background:#2A0F45;color:#FFFFFF;text-decoration:none;font-weight:600;font-size:17px;transition:background .2s ease}
[dir=rtl] .chips a{padding:10px 10px 10px 20px}
.chips a:hover{background:#3A1A5C}
.chips .dot{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.rcard{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:28px;background:#FFFFFF;color:#160726;text-decoration:none;min-height:180px;box-shadow:inset 0 0 0 1px #E6DAF2;transition:transform .25s ease}
.rcard:hover{transform:translateY(-3px)}
.rcard .s-ic{width:48px;height:48px;border-radius:14px;background:#2E1650;display:grid;place-items:center}
.rcard strong{font-size:21px;line-height:1.3}
.rcard span{font-size:16px;line-height:1.55;color:#4A3A5C}
.rcard em{margin-top:auto;font-style:normal;font-weight:700;color:#63378B}
.pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.pains li{padding:32px;border-radius:28px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6DAF2}
.pains h3{margin:0 0 10px;font-size:22px;color:#160726}
.pains p{margin:0;font-size:16px;line-height:1.6;color:#4A3A5C}
.sjourney{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:relative}
.sjourney li{position:relative;padding:56px 18px 0 0;display:flex;flex-direction:column;gap:8px}
[dir=rtl] .sjourney li{padding:56px 0 0 18px}
.sjourney li::before{content:"";position:absolute;top:13px;inset-inline:0;height:2px;background:rgba(255,190,0,.4)}
.sjourney li::after{content:"";position:absolute;top:4px;inset-inline-start:0;width:20px;height:20px;border-radius:50%;background:#FFBE00;box-shadow:0 0 0 6px #2A0F45}
.sjourney h3{margin:0;font-size:19px;line-height:1.35}
.sjourney p{margin:0;font-size:15px;line-height:1.6;color:#C9B6DD}
.j-note{margin:32px 0 0;font-size:14px;color:#A48DBE}
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.mgrid a{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:24px;background:#2A0F45;color:#FFFFFF;text-decoration:none;transition:background .2s}
.mgrid a:hover{background:#3A1A5C}
.mgrid .s-ic{flex:none;width:46px;height:46px;border-radius:14px;background:#160726;display:grid;place-items:center}
.mgrid strong{display:block;font-size:18px;margin-bottom:4px}
.mgrid small{display:block;font-size:15px;line-height:1.5;color:#C9B6DD}
.hubgrp{margin-top:72px}
.hubgrp:first-of-type{margin-top:0}
.hubgrp h2{margin:0 0 24px;font-size:28px;font-weight:700;color:#FFBE00}
.ctbl{width:100%;border-collapse:collapse;font-size:17px}
.ctbl th,.ctbl td{text-align:start;padding:20px 16px;border-bottom:1px solid #E6DAF2;vertical-align:top;line-height:1.5}
.ctbl thead th{font-size:15px;color:#4A3A5C;font-weight:600}
.ctbl tbody th{font-weight:600;width:34%}
.ctbl td.tc{color:#160726;font-weight:600}
.ctbl td.tc::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#FFBE00;margin-inline-end:10px;vertical-align:middle}
.tblwrap{overflow-x:auto;border-radius:24px;background:#FFFFFF;padding:8px 16px;box-shadow:inset 0 0 0 1px #E6DAF2}
.when{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.when div{padding:32px;border-radius:28px}
.when .w-us{background:#2A0F45;color:#FFFFFF}
.when .w-them{background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6DAF2}
.when h3{margin:0 0 16px;font-size:22px}
.when ul{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.55}
.reviewed{margin:24px 0 0;font-size:14px;color:#6B5A80}
.srcs{margin:16px 0 0;padding-inline-start:20px;font-size:15px;line-height:1.7}
.srcs a{color:#63378B}
.s-faq .a-faq{margin-top:0}
.s-faq h2{margin-bottom:32px}
.close2{text-align:center;background:radial-gradient(60% 70% at 50% 30%,#4A2370 0%,#160726 70%)}
.close2 .a-ctas{justify-content:center}
.prose{max-width:720px;font-size:19px;line-height:1.75;color:#2C1E3B}
.prose h2{margin:56px 0 16px;font-size:32px;line-height:1.2;letter-spacing:-0.02em;color:#160726}
.prose p{margin:0 0 20px}
.prose ul{margin:0 0 24px;padding-inline-start:24px;display:flex;flex-direction:column;gap:8px}
.prose a{color:#63378B;font-weight:600;text-underline-offset:4px}
.answer{margin:0 0 40px;padding:28px 32px;border-radius:24px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E6DAF2;font-size:20px;line-height:1.65;color:#160726}
.meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;color:#C9B6DD}
.alist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.alist a{display:flex;flex-direction:column;gap:12px;padding:36px;border-radius:28px;background:#FFFFFF;color:#160726;text-decoration:none;box-shadow:inset 0 0 0 1px #E6DAF2;min-height:220px}
.alist h2{margin:0;font-size:26px;line-height:1.25;letter-spacing:-0.02em}
.alist p{margin:0;font-size:16px;line-height:1.6;color:#4A3A5C}
.alist em{margin-top:auto;font-style:normal;font-weight:700;color:#63378B}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.cform{display:grid;gap:18px;padding:32px;border-radius:28px;background:#2A0F45}
.cform label{display:grid;gap:8px;font-size:15px;font-weight:600;color:#E9DDF6}
.cform input,.cform select,.cform textarea{font:inherit;font-size:18px;color:#FFFFFF;background:#160726;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px 16px;min-height:52px;box-sizing:border-box;width:100%}
.cform textarea{min-height:120px}
.cform input:focus-visible,.cform select:focus-visible,.cform textarea:focus-visible{outline:3px solid #FFBE00;outline-offset:2px}
.cout{padding:32px;border-radius:28px;background:#FFBE00;color:#160726;display:grid;gap:8px}
.cout .s-lbl{font-size:16px;font-weight:600}
.cout output{display:block;font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-0.03em;line-height:1.05}
.cout .alt{margin-top:18px;padding-top:18px;border-top:1px solid rgba(22,7,38,.2)}
.cout .alt output{font-size:28px}
.cout p{margin:12px 0 0;font-size:14px;line-height:1.5}
.note{padding:28px 32px;border-radius:24px;background:#2A0F45;font-size:18px;line-height:1.6;max-width:760px}
.note p{margin:0}
.lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.lgrid a{display:block;padding:22px 24px;border-radius:20px;background:#2A0F45;color:#FFFFFF;text-decoration:none;font-weight:600;font-size:18px}
.lgrid a:hover{background:#3A1A5C}
.fnote{font-size:14px;color:#C9B6DD;margin:0}
.e404{min-height:60vh}
@media (max-width:1000px){
 .fgrid,.rgrid,.pains,.mgrid,.lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sjourney{grid-template-columns:1fr;gap:28px}
 .sjourney li{padding:0 0 0 44px}
 [dir=rtl] .sjourney li{padding:0 44px 0 0}
 .sjourney li::before{top:0;bottom:-28px;inset-inline-start:9px;inset-inline-end:auto;width:2px;height:auto}
 .sjourney li:last-child::before{display:none}
 .sjourney li::after{top:2px}
 .calc{grid-template-columns:1fr}
}
@media (max-width:760px){
 .s-head{grid-template-columns:1fr;padding-top:48px}
 .s-badge{display:none}
 .s-sec{padding-block:80px}
 .s-hero{padding-bottom:64px}
 .fgrid,.rgrid,.pains,.mgrid,.steps,.lgrid,.alist,.when{grid-template-columns:1fr}
 .steps{gap:32px}
 .fcard{min-height:0}
 .ctbl{font-size:15px}
 .ctbl th,.ctbl td{padding:14px 10px}
}
@media (prefers-reduced-motion:reduce){.rcard,.chips a,.mgrid a{transition:none}.rcard:hover{transform:none}}

/* secondary action as a quiet link: one visual goal per screen */
.s-link2{display:inline-flex;align-items:center;min-height:52px;padding-inline:8px;color:#FFFFFF;font-weight:700;font-size:17px;text-decoration:underline;text-decoration-color:rgba(255,190,0,.8);text-decoration-thickness:2px;text-underline-offset:7px}
.s-link2:hover{color:#FFBE00}
/* outcomes: the "desire" step, big and plain */
.oc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.oc-list li{display:flex;flex-direction:column;gap:16px;font-size:clamp(22px,2.2vw,30px);line-height:1.2;font-weight:700;letter-spacing:-0.02em}
.oc-list i{width:44px;height:44px;border-radius:50%;background:#FFBE00;color:#160726;display:grid;place-items:center}
.oc-list i svg{width:20px;height:20px}
.oc .s-h2{margin-bottom:40px}
@media (max-width:760px){.oc-list{grid-template-columns:1fr;gap:18px}.oc-list li{flex-direction:row;align-items:center;font-size:20px}.oc-list i{flex:none;width:36px;height:36px}}
.prose h3{margin:36px 0 10px;font-size:22px;line-height:1.3;letter-spacing:-0.01em;color:#160726}


/* ===== WOW layer ===== */
/* 1. A day of moments: pinned horizontal film with a sky that moves from dawn to night */
.d-sec{position:relative;height:var(--dh,520vh);background:#160726;color:#FFFFFF}
.d-sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--sk1,#D9764A),var(--sk2,#4A2370));transition:none}
.d-sun{position:sticky;top:0;display:block;width:100%;height:100vh;pointer-events:none}
.d-sun::before{content:"";position:absolute;width:38vmin;height:38vmin;border-radius:50%;left:calc(var(--sx,10%) - 19vmin);top:calc(var(--sy,70%) - 19vmin);
 background:radial-gradient(circle,var(--sunc,#FFBE00) 0 30%,transparent 62%);filter:blur(4px);opacity:var(--suno,1)}
.d-stick{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.d-track{display:flex;align-items:center;gap:3vw;padding-inline:max(40px,calc((100vw - 1280px)/2 + 40px));will-change:transform}
.d-intro{flex:none;width:min(560px,80vw);display:flex;flex-direction:column;gap:18px}
.d-kick{margin:0;align-self:flex-start;font-size:16px;font-weight:700;color:#FFBE00;background:#160726;padding:8px 16px;border-radius:999px}
.d-h{margin:0;font-size:clamp(56px,7.5vw,124px);line-height:.95;letter-spacing:-0.05em;font-weight:700}
.d-sub{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.55;color:#FFFFFF;max-width:460px;text-shadow:0 1px 18px rgba(22,7,38,.35)}
.d-h{text-shadow:0 2px 40px rgba(22,7,38,.25)}
.d-all{align-self:flex-start;color:#FFFFFF;font-weight:700;text-underline-offset:6px}
.d-hint{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#FFFFFF}
.d-hint i{width:56px;height:2px;background:currentColor;position:relative;overflow:hidden}
.d-hint i::after{content:"";position:absolute;inset:0;background:#FFBE00;animation:hintRun 1.8s ease-in-out infinite}
@keyframes hintRun{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.d-list{display:flex;gap:2vw;list-style:none;margin:0;padding:0}
.d-card{flex:none;position:relative;width:min(34vw,460px);height:min(70vh,640px);border-radius:32px;overflow:hidden;background:#2A0F45;
 transform:translateY(calc(var(--lift,0)*1px)) rotate(calc(var(--rot,0)*1deg));box-shadow:0 30px 80px rgba(22,7,38,.35)}
.d-card:nth-child(even){margin-top:12vh}
.d-card a{position:absolute;inset:0;display:flex;align-items:flex-end;padding:28px;color:#FFFFFF;text-decoration:none}
.d-card .m-img,.d-card picture{position:absolute;inset:0;width:100%;height:100%}
.d-card img.m-img{object-fit:cover;object-position:50% 30%;transform:scale(1.12) translateX(calc(var(--px,0)*1%));transition:transform .1s linear}
.d-card a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,7,38,.55) 0%,rgba(22,7,38,0) 22%,rgba(22,7,38,0) 50%,rgba(22,7,38,.85))}
.d-time{position:absolute;top:22px;inset-inline-start:24px;z-index:1;font-size:clamp(34px,3vw,52px);font-weight:700;letter-spacing:-0.03em;color:#FFFFFF;
 text-shadow:0 4px 30px rgba(0,0,0,.35);font-variant-numeric:tabular-nums}
.d-card .m-cap{position:relative;z-index:1}
.d-clock{position:absolute;top:28px;inset-inline:max(40px,calc((100vw - 1280px)/2 + 40px));display:flex;align-items:center;gap:20px;z-index:3}
.d-now{font-size:22px;font-variant-numeric:tabular-nums;min-width:68px}
.d-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}
.d-bar i{display:block;height:100%;background:#FFBE00;transform-origin:left;transform:scaleX(var(--dp,0))}
[dir=rtl] .d-bar i{transform-origin:right}
@media (max-width:760px){.d-card{width:78vw;height:62vh}.d-card:nth-child(even){margin-top:6vh}.d-track{gap:6vw}.d-intro{width:84vw}}
/* static fallback (reduced motion) */
.d-static .d-sec,.d-sec.d-static{height:auto}
.d-sec.d-static .d-stick{position:relative;height:auto;padding-block:96px}
.d-sec.d-static .d-track{flex-direction:column;align-items:stretch;transform:none!important}
.d-sec.d-static .d-list{flex-wrap:wrap;justify-content:center}
.d-sec.d-static .d-card{margin-top:0}
.d-sec.d-static .d-clock,.d-sec.d-static .d-hint{display:none}
/* 3. slogan marquee */
.mq{overflow:hidden;background:#160726;padding-block:40px;border-block:1px solid rgba(255,255,255,.08)}
.mq-row{display:flex;width:max-content;transform:translateX(var(--mqx,0px));will-change:transform}
.mq-row span{flex:none;font-size:clamp(56px,9vw,150px);font-weight:700;letter-spacing:-0.04em;line-height:1;white-space:pre;color:#FFBE00;padding-inline-end:.3em}
.mq-row .mq-o{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55)}
/* 4. stacked wallet-card sections */
.s-hero+section,.s-sec{position:relative}
main>.s-sec,main>section.s-sec{border-radius:44px 44px 0 0;margin-top:-44px}
main>.s-sec.close2{border-radius:44px 44px 0 0}
.s-hero{padding-bottom:140px}
/* 5. product orbit */
.ob{position:relative;width:340px;height:340px;display:grid;place-items:center;flex:none}
.ob-core{width:168px;height:168px;border-radius:44px;background:#2E1650;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 80px rgba(22,7,38,.5);z-index:1;
 transform:translate(calc(var(--ox,0)*10px),calc(var(--oy,0)*10px));transition:transform .4s cubic-bezier(.16,1,.3,1)}
.ob-core svg{width:84px;height:84px}
.ob-ring{position:absolute;inset:0;animation:obSpin 38s linear infinite}
.ob-chip{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;background:#160726;display:grid;place-items:center;
 box-shadow:inset 0 0 0 1.5px rgba(255,190,0,.45),0 12px 30px rgba(22,7,38,.45);transform:rotate(var(--a)) translateX(150px) rotate(calc(-1*var(--a)))}
.ob-chip svg{animation:obSpin 38s linear infinite reverse}
@keyframes obSpin{to{transform:rotate(360deg)}}
.s-head .s-badge:has(.ob){width:auto;height:auto;background:none;box-shadow:none;border-radius:0}
/* 6. journey coin */
.sjw{position:relative;--jp:0}
.jcoin{position:absolute;z-index:2;top:-2px;inset-inline-start:calc(var(--jp)*(100% - 28px));width:28px;height:28px;border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#FFF1B8 0 18%,#FFBE00 40%,#E89A00 100%);box-shadow:0 0 0 6px rgba(255,190,0,.18),0 0 30px rgba(255,190,0,.6)}
.sjourney li::after{transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s}
.sjourney li:not(.on)::after{background:#3A1A5C;box-shadow:0 0 0 6px #2A0F45,inset 0 0 0 2px #FFBE00}
.sjourney li.on::after{transform:scale(1.25)}
@media (max-width:1000px){.jcoin{inset-inline-start:-4px;top:calc(var(--jp)*(100% - 28px))}}
/* 7. step numbers fill */
.steps li::before{color:transparent;-webkit-text-stroke:1.5px #FFBE00;background:linear-gradient(0deg,#FFBE00 50%,transparent 50%) 0 0/100% 200% no-repeat;
 -webkit-background-clip:text;background-clip:text;background-position:0 0;transition:background-position 1s cubic-bezier(.16,1,.3,1) var(--sd,0s)}
.steps li.on::before{background-position:0 100%}
@media (max-width:760px){.ob{display:none}}
@media (prefers-reduced-motion:reduce){.ob-ring,.ob-chip svg,.d-hint i::after{animation:none}.mq-row{transform:none!important}}


/* ===== WOW 2 ===== */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spinAng{to{--ang:360deg}}
@keyframes deal{from{opacity:0;transform:perspective(1400px) rotateX(28deg) translateY(140px) scale(.9)}to{opacity:1;transform:none}}
@keyframes unfold{from{transform:rotateX(34deg) scale(.8) translateY(80px);filter:brightness(.6)}to{transform:none;filter:none}}
@keyframes fan{from{transform:translateX(calc(var(--k)*var(--fx,-100%))) rotate(calc(var(--k)*var(--fr,-4deg))) scale(.92)}to{transform:none}}
@keyframes wave{from{opacity:0;transform:translateY(40px) scale(.6)}to{opacity:1;transform:none}}
@keyframes sheen{from{background-position:120% 0}to{background-position:-20% 0}}
@keyframes bob{0%,100%{transform:translateY(-10px)}50%{transform:translateY(-22px)}}
@keyframes stamp{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.35) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(255,190,0,.55)}100%{box-shadow:0 0 0 22px rgba(255,190,0,0)}}
@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes shine{0%,65%{transform:translateX(-130%) skewX(-18deg)}100%{transform:translateX(230%) skewX(-18deg)}}

/* shared: physical cards with tilt and a light glare that follows the pointer (JS sets vars) */
.tg{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .6s cubic-bezier(.16,1,.3,1)}
.tg.tg-on{transition:transform .08s linear;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)!important}
.tg::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;z-index:3;
 background:radial-gradient(600px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.28),transparent 45%);mix-blend-mode:soft-light}
.tg.tg-on::after{opacity:1}
.a-tile.tg::after,.a-sol.tg::after{mix-blend-mode:overlay}

/* 1. tiles: dealt onto the table */
@supports (animation-timeline:view()){
 .a-tiles>.a-tile.sr{animation:deal linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
 .a-tiles>.a-tile.sr:nth-child(even){animation-range:entry 6% cover 38%}
/* 2. OS modules: a wave from the centre */
 .os2-grid>.os2-app{animation:wave linear both;animation-timeline:view();animation-range:entry calc(var(--w,0)*3%) cover calc(18% + var(--w,0)*3%)}
/* 5. dashboard unfolds from a tilted slab */
 .dash-3d{animation:unfold linear both;animation-timeline:view();animation-range:entry 0% cover 45%;transform-origin:50% 100%}
/* 6. order journey: cards start as a stacked deck and fan out */
 ol.a-gallery{view-timeline:--gal block}
 ol.a-gallery>li{animation:fan linear both;animation-timeline:--gal;animation-range:entry 10% cover 55%}
 ol.a-gallery>li:nth-child(1){--k:0}ol.a-gallery>li:nth-child(2){--k:1}ol.a-gallery>li:nth-child(3){--k:2}ol.a-gallery>li:nth-child(4){--k:3}ol.a-gallery>li:nth-child(5){--k:4}
 [dir=rtl] ol.a-gallery>li{--fx:100%;--fr:4deg}
 ol.a-gallery>li:nth-child(1){z-index:5}ol.a-gallery>li:nth-child(2){z-index:4}ol.a-gallery>li:nth-child(3){z-index:3}ol.a-gallery>li:nth-child(4){z-index:2}
/* 9. sectors rise in sequence */
 .a-sols>.a-sol{animation:wave linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
 .a-sols>.a-sol:nth-child(4n+2){animation-range:entry 4% cover 29%}.a-sols>.a-sol:nth-child(4n+3){animation-range:entry 8% cover 33%}.a-sols>.a-sol:nth-child(4n){animation-range:entry 12% cover 37%}
}
.os2-app[aria-pressed="true"] .ai{animation:pulseRing 1.8s ease-out infinite}

/* 3. AI: living light borders + a sheen across the heading */
.ai-card::before{background:conic-gradient(from var(--ang),rgba(255,190,0,.9),rgba(232,0,96,.6),rgba(255,255,255,0) 35%,rgba(255,255,255,0) 65%,rgba(255,190,0,.9))!important;animation:spinAng 6s linear infinite}
.ai-card:nth-child(3n+2)::before{animation-delay:-2s}.ai-card:nth-child(3n)::before{animation-delay:-4s}
.ai-sec h2.a-big{background:linear-gradient(100deg,#FFFFFF 40%,#FFBE00 50%,#FF8FC0 55%,#FFFFFF 65%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sheen 5s cubic-bezier(.4,0,.2,1) infinite}
.ai-sec h2.a-big .a-k2{-webkit-text-fill-color:#FFBE00}

/* 4. calculator: the result jumps when it changes */
.cx-res.bump{animation:bump .6s cubic-bezier(.34,1.56,.64,1)}
.cx-res strong{font-variant-numeric:tabular-nums}

/* 7. features: ticks stamp in */
.fi-panel li i{animation:stamp .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--n,0)*45ms + .15s)}
.fx-num{display:inline-block;font-variant-numeric:tabular-nums;color:#FFBE00}

/* 8. compare: TheCoins column catches the light, ticks stamp */
.a-col.us{position:relative;overflow:hidden}
.a-col.us::after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shine 4.5s ease-in-out infinite;pointer-events:none}
.a-col.us .v i{display:inline-grid;animation:stamp .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--n,0)*110ms)}
.a-cols:not(.seen) .a-col.us .v i{animation-play-state:paused}

/* 9. sectors: colour floods out of the icon */
.a-sol{position:relative;overflow:hidden;isolation:isolate}
.a-sol::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--c,#5A2F82);clip-path:circle(0 at 58px 62px);transition:clip-path .7s cubic-bezier(.16,1,.3,1)}
[dir=rtl] .a-sol::before{clip-path:circle(0 at calc(100% - 58px) 62px)}
.a-sol:hover::before,.a-sol:focus-visible::before{clip-path:circle(150% at 58px 62px)}
[dir=rtl] .a-sol:hover::before{clip-path:circle(150% at calc(100% - 58px) 62px)}
.a-sol:hover .ai{transform:scale(1.12) rotate(-6deg);box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.a-sol .ai{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}

/* 10. pricing: the recommended plan floats in a ring of light */
.plans>div:nth-child(2){position:relative;animation:bob 5s ease-in-out infinite}
.plans>div:nth-child(2)::before{content:"";position:absolute;inset:-4px;border-radius:32px;padding:4px;pointer-events:none;background:conic-gradient(from var(--ang),#FFFFFF,#FFBE00,#E80060,#7A4AA8,#FFFFFF);animation:spinAng 4s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.plans>div:nth-child(2)::after{content:"";position:absolute;inset:10%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,0,.55),transparent);filter:blur(30px)}

/* 11. FAQ: smooth open, active item lit */
.a-faq details{interpolate-size:allow-keywords;transition:background .3s}
.a-faq details::details-content{height:0;overflow:clip;transition:height .5s cubic-bezier(.16,1,.3,1),content-visibility .5s allow-discrete}
.a-faq details[open]::details-content{height:auto}
.a-faq details[open]{background:linear-gradient(90deg,rgba(255,190,0,.08),transparent 70%)}
[dir=rtl] .a-faq details[open]{background:linear-gradient(270deg,rgba(255,190,0,.08),transparent 70%)}
.a-faq .plus{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.a-faq details[open] .plus{transform:rotate(135deg)}

@media (prefers-reduced-motion:reduce){
 .a-tiles>.a-tile.sr,.os2-grid>.os2-app,.dash-3d,ol.a-gallery>li,.a-sols>.a-sol,.os2-app[aria-pressed="true"] .ai,.ai-card::before,.ai-sec h2.a-big,.fi-panel li i,.a-col.us::after,.a-col.us .v i,.plans>div:nth-child(2),.plans>div:nth-child(2)::before{animation:none!important;transform:none!important;opacity:1!important}
 .tg{transform:none!important}
 .a-faq details::details-content{transition:none}
}


/* ===== Decision-first proof strip (all sizes) ===== */
.proof{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:15px;font-weight:600;color:#E9DDF6}
.proof li{display:inline-flex;align-items:center;gap:8px}
.proof i{width:22px;height:22px;border-radius:50%;background:#FFBE00;color:#160726;display:grid;place-items:center;flex:none}
.s-hero .proof{justify-content:flex-start}
.mc-dots{display:none}

@media (max-width:760px){
 /* rhythm: shorter sections, same hierarchy */
 main .a-sec{padding-block:64px!important}
 main .s-sec{padding-block:64px}
 main>.s-sec,main>section.s-sec{border-radius:28px 28px 0 0;margin-top:-28px}
 .s-hero{padding-bottom:72px}
 .a-big{font-size:clamp(34px,9vw,44px)!important}
 .a-sub{font-size:17px!important}
 .proof{flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;margin-top:4px}
 .a-hero .proof{align-items:center}
 /* swipe rows: one thumb, one decision at a time */
 .mc{display:grid!important;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding:4px 20px 8px!important;margin-inline:-20px!important;width:auto!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .mc::-webkit-scrollbar{display:none}
 .mc>*{scroll-snap-align:center;animation:none!important;margin-top:0!important;min-width:0}
 .mc{scroll-padding-inline:0;perspective:1200px}
 .mc-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
 .mc-dots i{width:7px;height:7px;border-radius:7px;background:rgba(128,100,160,.45);transition:width .3s,background .3s}
 .mc-dots i.on{width:22px;background:#FFBE00}
 /* homepage specifics */
 .a-tiles.mc{grid-auto-columns:88%}
 .a-tiles.mc .a-tile{min-height:560px}
 .ai-grid.mc{grid-auto-columns:72%}
 .a-cols.mc{grid-auto-columns:82%;margin-top:28px!important}
 .a-col.us{transform:none!important}
 .a-sols{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .a-sol{min-height:0!important;padding:18px 16px!important;gap:8px!important}
 .a-sol>span:not(.ai){display:none}
 .a-sol strong{font-size:16px;line-height:1.25}
 .a-sol .ai{width:44px!important;height:44px!important;border-radius:14px!important;margin-bottom:8px}
 .fi-tabs{display:flex!important;flex-direction:row!important;overflow-x:auto;gap:8px;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}
 .fi-tabs::-webkit-scrollbar{display:none}
 .fi-tab{flex:none!important;white-space:nowrap}
 .fi-panel ul{grid-template-columns:1fr!important}
 .fi-panel li:nth-child(n+9){display:none}
 .fi-panel.all li{display:flex}
 .fi-more{margin-top:14px;background:none;border:0;color:#FFBE00;font:inherit;font-weight:700;font-size:16px;min-height:44px;cursor:pointer}
 /* day of moments: native swipe instead of pinned scroll */
 .d-sec.d-swipe{height:auto}
 .d-swipe .d-sun{display:none}
 .d-swipe .d-stick{position:relative;height:auto;padding-block:64px 40px;flex-direction:column;align-items:stretch}
 .d-swipe .d-track{flex-direction:column;align-items:stretch;gap:28px;padding-inline:20px;transform:none!important}
 .d-swipe .d-intro{width:auto}
 .d-swipe .d-h{font-size:46px}
 .d-swipe .d-hint{display:inline-flex}
 .d-swipe .d-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}
 .d-swipe .d-list::-webkit-scrollbar{display:none}
 .d-swipe .d-card{width:78vw;height:min(62vh,480px);margin-top:0!important;scroll-snap-align:center}
 .d-swipe .d-clock{position:relative;top:auto;inset-inline:auto;margin:16px 20px 0}
 /* subpages */
 .fgrid.mc,.rgrid.mc,.pains.mc,.mgrid.mc{grid-auto-columns:80%}
 .fcard{min-height:0;padding:24px}
 .chips a{font-size:15px;padding:8px 16px 8px 8px}
 /* bigger taps */
 footer a,.crumbs a{display:inline-flex;align-items:center;min-height:44px}
 footer nav a{padding-block:2px}
 .a-faq summary{min-height:56px}
 /* calmer motion on phones: keep the story, drop the loops */
 .ai-card::before,.a-col.us::after,.plans>div:nth-child(2),.plans>div:nth-child(2)::before,.ai-sec h2.a-big{animation:none!important}
 .ai-sec h2.a-big{background:none;-webkit-text-fill-color:currentColor;color:#FFFFFF}
 .aurora{filter:blur(40px)!important;opacity:.6!important}
 /* hero: the answer first (sector pitch + CTA), then a smaller phone */
 .sx-copy{order:-1}
 .sx-stage{zoom:.74}
 .a-hero .a-sub{font-size:16px!important;line-height:1.55}
 /* sticky CTA appears once the hero CTAs leave the screen */
 .mcta{transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s}
 html.mc-hide .mcta{transform:translateY(140%);opacity:0;pointer-events:none}
 .fi-tabs{flex-wrap:nowrap!important}
 .a-seg{flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;scrollbar-width:none}
 .a-seg button{flex:none;white-space:nowrap}
 .plans.mc{grid-auto-columns:78%;align-items:stretch!important}
 .plans.mc>div{padding:32px 24px!important}
 /* footer: folded link groups */
 .foot-grid{grid-template-columns:1fr!important;gap:0!important}
 footer nav.fold{gap:0!important;border-top:1px solid rgba(255,255,255,.1)}
 footer nav.fold>strong{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-size:16px;cursor:pointer}
 footer nav.fold>strong::after{content:"";width:9px;height:9px;border-right:2px solid #FFBE00;border-bottom:2px solid #FFBE00;transform:rotate(45deg);transition:transform .3s;margin-inline-end:6px}
 footer nav.fold.open>strong::after{transform:rotate(-135deg)}
 footer nav.fold>a{display:none!important}
 footer nav.fold.open>a{display:flex!important;padding-block:4px}
 footer nav.fold.open{padding-bottom:12px}
 .foot-brand{margin-bottom:20px}
 /* ===== mobile WOW ===== */
 /* coverflow: the card in the middle is the hero, neighbours lean back */
 @supports (animation-timeline:view(inline)){
  .mc>*,.d-swipe .d-card{animation:cf linear both!important;animation-timeline:view(inline)!important;animation-range:cover 0% cover 100%!important}
 }
 @keyframes cf{0%{transform:scale(.86) rotateY(14deg);opacity:.5;filter:saturate(.6)}38%,62%{transform:none;opacity:1;filter:none}100%{transform:scale(.86) rotateY(-14deg);opacity:.5;filter:saturate(.6)}}
 [dir=rtl] .mc>*,[dir=rtl] .d-swipe .d-card{animation-direction:reverse!important}
 /* app-style bottom dock */
 .mcta{margin:0 12px calc(10px + env(safe-area-inset-bottom));padding:7px;gap:7px;border-radius:26px;background:rgba(22,7,38,.72);
  -webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 18px 50px rgba(0,0,0,.45)}
 .mcta::before{content:"";position:absolute;inset:-1px;border-radius:27px;padding:1px;pointer-events:none;background:conic-gradient(from var(--ang),transparent 0 70%,#FFBE00 85%,transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinAng 4s linear infinite}
 .mcta a{border-radius:20px!important;min-height:52px}
 .mcta .dock-menu{flex:0 0 52px;min-height:52px;border:0;border-radius:20px;background:rgba(255,255,255,.1);display:grid;place-items:center;cursor:pointer}
 .mcta .dock-menu span{display:block;width:20px;height:2px;border-radius:2px;background:#FFFFFF;box-shadow:0 -6px 0 #FFFFFF,0 6px 0 #FFFFFF}
 .mcta-a{position:relative;overflow:hidden}
 .mcta-a::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-120%);animation:shine2 3.8s ease-in-out 1.5s infinite}
 @keyframes shine2{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
 /* hero: floating coins drift behind the headline */
 .m-coins{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
 .m-coins i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;left:var(--x);top:var(--y);opacity:.85;
  background:radial-gradient(circle at 35% 30%,#FFF1B8 0 16%,#FFBE00 42%,#E89A00 100%);box-shadow:inset 0 0 0 2px rgba(150,90,0,.35),0 10px 30px rgba(255,190,0,.35);animation:coinFloat var(--d) ease-in-out infinite alternate}
 .m-coins i::after{content:"";position:absolute;inset:22%;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(120,70,0,.35)}
 @keyframes coinFloat{from{transform:translateY(0) rotateY(0)}to{transform:translateY(-26px) rotateY(180deg)}}
 /* section headlines rise and sharpen on phones */
 @supports (animation-timeline:view()){
  main .a-big,main .s-h2{animation:hRise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
 }
 @keyframes hRise{from{opacity:0;transform:translateY(28px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
 /* chips and options feel pressed */
 .sx-chip:active,.cx-o:active,.fi-tab:active,.a-sol:active,.chips a:active{transform:scale(.95)!important;transition:transform .08s}
 @media (prefers-reduced-motion:reduce){.mc>*,.d-swipe .d-card,main .a-big,main .s-h2,.m-coins i,.mcta::before,.mcta-a::after{animation:none!important}}
}


/* ===== live client examples ===== */
.lv-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.lv-figs{display:flex;gap:28px;align-items:flex-end;justify-content:center}
.lv-fig{margin:0;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.lv-fig img{display:block;width:100%;height:auto}
.lv-phone{width:min(260px,44%)}.lv-phone img{border-radius:34px;box-shadow:0 0 0 8px #160726,0 30px 60px rgba(22,7,38,.3)}
.lv-pass{width:min(300px,50%)}.lv-pass img{border-radius:22px;box-shadow:0 30px 60px rgba(22,7,38,.18)}
.lv-fig figcaption{font-size:14px;color:#5F5170;max-width:30ch}
@media (max-width:900px){.lv-wrap{grid-template-columns:1fr;gap:32px}.lv-figs{gap:16px}}

/* ===== real dashboard screens ===== */
.shots .s-intro{margin-bottom:36px}
.shot-list{display:grid;gap:40px}
.shot-list.two{grid-template-columns:1fr}
.shot{margin:0;display:flex;flex-direction:column;gap:14px}
.shot-win{border-radius:18px;overflow:hidden;background:#FFFFFF;box-shadow:0 0 0 1px #E6DAF2,0 30px 70px -20px rgba(42,15,69,.35)}
.shot-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#F3EEF8}
.shot-bar i{width:10px;height:10px;border-radius:50%;background:#FF5F57}.shot-bar i:nth-child(2){background:#FEBC2E}.shot-bar i:nth-child(3){background:#28C840}
.shot-bar span,.shot-bar a{margin-inline-start:10px;padding:2px 12px;border-radius:999px;background:#FFFFFF;font-size:12px;color:#5F5170;direction:ltr;text-decoration:none}.shot-bar a:hover{color:#63378B}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{font-size:16px;line-height:1.5;color:#5A4A6E}
.s-ink .shot figcaption,.s-plum .shot figcaption{color:#C9B6DD}
@media (min-width:1000px){.shot-list.two{grid-template-columns:1.25fr 1fr;align-items:start}}
/* ===== client work ===== */
.work .wk-hint{margin:-12px 0 28px;font-size:14px;opacity:.7}
.wk-list{list-style:none;margin:0;padding:0 0 18px;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}
.wk{flex:0 0 auto;width:292px;scroll-snap-align:start;display:flex;flex-direction:column;gap:18px}
.wk--web{width:min(560px,86vw)}
.wk-frame{outline:none;border-radius:44px}
.wk-frame:focus-visible{box-shadow:0 0 0 3px #FFBE00}
.wk-phone{position:relative;width:272px;aspect-ratio:9/19.2;border-radius:44px;padding:10px;background:#0E0418;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.7)}
.wk-phone::before{content:"";position:absolute;top:18px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:999px;background:#0E0418;z-index:2}
.wk-web{position:relative;border-radius:16px;overflow:hidden;background:#FFFFFF;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 80px -30px rgba(0,0,0,.7)}
.wk-web .wk-view{aspect-ratio:16/10.6;border-radius:0}
.wk-view{position:relative;height:100%;overflow:hidden;border-radius:34px;background:#FFFFFF}
.wk-view picture,.wk-view img{display:block;width:100%;height:auto}
.wk-view img{transform:translateY(0);transition:transform 9s cubic-bezier(.45,0,.55,1)}
.wk-frame:hover .wk-view img,.wk-frame:focus .wk-view img,.wk-frame.run .wk-view img{transform:translateY(calc(-100% + var(--vh,560px)))}
.wk-body{display:flex;flex-direction:column;gap:8px;max-width:300px}
.wk--web .wk-body{max-width:520px}
.wk-body h3{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
.wk-body p{margin:0;font-size:15.5px;line-height:1.55;opacity:.86}
.wk-sec{font-size:13px!important;font-weight:700;opacity:1!important}
.wk-sec a{color:#FFBE00;text-decoration:none}
.s-light .wk-sec a{color:#63378B}
.wk-tags{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wk-tags a{display:inline-block;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;color:inherit;box-shadow:inset 0 0 0 1px currentColor;opacity:.8}
.wk-tags a:hover{opacity:1}
.wk-more{margin:36px 0 0}
@media (prefers-reduced-motion:reduce){.wk-view img{transition:none!important;transform:none!important}}
@media (max-width:760px){.wk-list{gap:18px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.wk{width:250px}.wk-phone{width:240px}.wk--web{width:86vw}}

/* real app inside the homepage sector phone: slow scroll through the whole screen */
.sx-real{height:520px;overflow:hidden;border-radius:37px;background:#FFFFFF}
.sx-real .sx-shot{border-radius:0;animation:sxReal 22s ease-in-out 1.2s infinite alternate}
@keyframes sxReal{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 520px))}}
.sx-tile-ph .sx-real{height:432px;border-radius:30px}
@media (max-width:760px){.sx-tile-ph .sx-real{height:346px}}
.sx-tile-ph .sx-real .sx-shot{animation-name:sxRealT}
@keyframes sxRealT{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 432px))}}
@media (prefers-reduced-motion:reduce){.sx-real .sx-shot{animation:none}}

/* homepage dashboard: scroll tour (JS sets transforms; CSS-only timelines switched off) */
html.dsc .dash-3d,html.dsc .dash-tilt,html.dsc .dash-tilt img{animation:none!important}
html.dsc .dash-tilt{transform-origin:50% 100%;will-change:transform,clip-path;position:relative;overflow:hidden}
html.dsc .dash-tilt img{transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}
html.dsc .dash-tilt::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.22) 50%,transparent 62%);background-size:260% 100%;background-position:calc(130% - var(--dp,0) * 160%) 0;mix-blend-mode:screen}
.dsc-pin{position:sticky;z-index:1}
.dsc-sec{overflow:clip!important}
.dcalls{position:absolute;inset:34px 0 0;pointer-events:none;z-index:3}
.dcall{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:#160726;color:#FFFFFF;font-size:15px;font-weight:700;white-space:nowrap;box-shadow:0 18px 40px -10px rgba(0,0,0,.6),0 0 0 1px rgba(255,190,0,.5);opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.dcall.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dcall i{width:12px;height:12px;border-radius:50%;background:#FFBE00;box-shadow:0 0 0 0 rgba(255,190,0,.7);animation:dPing 1.6s ease-out infinite}
@keyframes dPing{to{box-shadow:0 0 0 14px rgba(255,190,0,0)}}
@media (max-width:760px){.dcall{font-size:12px;padding:7px 12px 7px 9px;gap:7px}.dcall i{width:9px;height:9px}}
@media (prefers-reduced-motion:reduce){.dcall i{animation:none}html.dsc .dash-tilt::after{display:none}}


/* ===== WhatsApp lead capture ===== */
.wa-fab{position:fixed;z-index:60;inset-inline-end:20px;bottom:calc(20px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 16px;border-radius:999px;background:#25D366;color:#FFFFFF;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 18px 40px -12px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.18) inset;transition:transform .2s ease}
.wa-fab:hover{transform:translateY(-2px)}
.wa-fab:focus-visible{outline:3px solid #FFBE00;outline-offset:3px}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:waPulse 2.6s ease-out 3s 3}
@keyframes waPulse{to{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
.wa-nudge{position:fixed;z-index:60;inset-inline-end:20px;bottom:calc(90px + env(safe-area-inset-bottom));max-width:290px;padding:16px 40px 16px 18px;border-radius:18px;border-end-end-radius:6px;background:#FFFFFF;color:#160726;box-shadow:0 24px 50px -16px rgba(0,0,0,.5);animation:rise2 .4s ease both}
.wa-nudge p{margin:0;font-size:15px;line-height:1.45;cursor:pointer}
.wa-nudge button{position:absolute;top:6px;inset-inline-end:6px;width:30px;height:30px;border:0;border-radius:50%;background:#F3EEF8;color:#160726;font-size:18px;cursor:pointer}
[dir=rtl] .wa-nudge{padding:16px 18px 16px 40px}
.wa-link{display:inline-flex;align-items:center;gap:8px}
.wa-card{display:flex;align-items:center;gap:16px;margin:0 0 28px;padding:18px 20px;border-radius:22px;background:rgba(37,211,102,.12);box-shadow:inset 0 0 0 1px rgba(37,211,102,.45);color:inherit;text-decoration:none}
.wa-card .wa-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#25D366}
.wa-card strong{display:block;font-size:18px}.wa-card span>span{display:block;opacity:.8;font-size:15px}.wa-card b{display:block;margin-top:4px;font-size:17px;color:#5BE88A}
.s-light .wa-card b{color:#1F8A4C}
.wa-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font:inherit;font-weight:700}
form.lead select{min-height:48px}
.lead-done{padding:16px 18px;border-radius:16px;background:rgba(37,211,102,.14);box-shadow:inset 0 0 0 1px rgba(37,211,102,.5)}
.lead-done strong{display:block;font-size:16px;line-height:1.5}.lead-done a{display:inline-block;margin-top:6px;color:#5BE88A;font-weight:700}
.wa-est{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 18px;border-radius:999px;background:#25D366;color:#FFFFFF;font-weight:700;text-decoration:none}
@media (max-width:760px){
 .wa-fab{bottom:calc(96px + env(safe-area-inset-bottom));inset-inline-end:14px;width:56px;padding:0;justify-content:center}
 .wa-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 html.mc-hide .wa-fab{bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.wa-fab::before,.wa-nudge{animation:none}}
@media print{.wa-fab,.wa-nudge{display:none}}


/* ===== pricing ===== */
.pz-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.pz-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:36px 30px;border-radius:28px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pz-hot{background:#FFBE00;color:#160726;box-shadow:0 30px 80px -30px rgba(255,190,0,.6)}
.pz-pop{position:absolute;top:-14px;inset-inline-start:30px;padding:6px 12px;border-radius:999px;background:#160726;color:#FFBE00;font-size:13px;font-weight:700}
.pz-card h2{margin:0;font-size:26px}
.pz-price{margin:0;display:flex;align-items:baseline;gap:6px}.pz-price bdi{font-size:56px;font-weight:700;letter-spacing:-.03em;line-height:1}.pz-price span{font-size:17px;opacity:.8}
.pz-for{margin:0;font-size:16px;line-height:1.5;opacity:.85}
.pz-card .a-btn{justify-content:center;gap:10px}
.pz-hot .a-btn-gold{background:#160726;color:#FFFFFF}
.pz-hl{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15.5px;line-height:1.45}
.pz-hl li{position:relative;padding-inline-start:28px}
.pz-hl li::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:18px;height:18px;border-radius:50%;background:#FFBE00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10.5 3.2 3.2L15 7' stroke='%23160726' stroke-width='2.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.pz-hot .pz-hl li::before{background-color:#160726;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10.5 3.2 3.2L15 7' stroke='%23FFBE00' stroke-width='2.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pz-note{margin:28px 0 0;font-size:14px;opacity:.7}
.pz-scroll{overflow-x:auto;margin-top:28px;border-radius:22px;box-shadow:inset 0 0 0 1px #E6DAF2;background:#FFFFFF}
.pz-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;color:#160726}
.pz-table th,.pz-table td{padding:14px 18px;text-align:start;border-bottom:1px solid #F0E8F7;vertical-align:top}
.pz-table thead th{position:sticky;top:0;background:#F6F1FB;font-size:16px}
.pz-table thead th small{display:block;font-weight:600;color:#63378B;font-size:13px}
.pz-table tbody th{font-weight:600;width:32%}
.pz-table td{display:table-cell}
.pz-table td i{display:inline-block;width:18px;height:18px;border-radius:50%;margin-inline-end:8px;vertical-align:-3px}
.pz-y{background:#1FAF55}.pz-n{background:#E3D9EE}.pz-p{background:#FFBE00}
.pz-add td{font-weight:600;color:#4A2370}
@media (max-width:900px){.pz-cards{grid-template-columns:1fr}.pz-hot{order:-1}}