:root {
    --on-accent-color: #ffffff;
    --on-primary-color: #ffffff;

    --primary-color: #6d28d9;    /* indigo-royal — links, eyebrows, .z382bd-353c, section marks */
    --secondary-color: #1e1633;  /* deep indigo ink — headings, dark bands, footer */
    --accent-color: #7c3aed;     /* friendly blue — RESERVED for the primary CTA surface */
    --neutral-color: #6b6580;    /* muted slate — labels, secondary text */
    --base-100: #faf8ff;         /* bright canvas */
    --base-200: #f1ecfb;         /* cool surface — alt sections, panels */
    --base-300: #e4dcf5;         /* hairline border */
    --surface: #f1ecfb;          /* alias of base-200 (injector emits both) */
    --border-color: #e4dcf5;     /* alias of base-300 (injector emits both) */
    --text-color: #4c4661;       /* slate body text */

    --up-color: #16a34a;         /* positive-return green — fixed, non-themeable */
    --down-color: #dc2626;       /* negative-return red — fixed, non-themeable */

    --font-heading: 'Space Grotesk', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    --radius: 14px;
    --radius-sm: 10px;
    --radius-lg: 22px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(30, 22, 51, 0.05), 0 2px 10px rgba(124, 58, 237, 0.05);
    --shadow-md: 0 10px 30px rgba(30, 22, 51, 0.08), 0 2px 6px rgba(30, 22, 51, 0.04);
    --shadow-lg: 0 28px 70px rgba(30, 22, 51, 0.14);
    --shadow-cta: 0 8px 22px rgba(124, 58, 237, 0.30);
    --container: 1160px;
    --gap: 28px;
    --section-y: 100px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    font-family: var(--font-body);
    color: var(--text-color);
    background: var(--base-100);
    line-height: 1.7;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5 {
    font-family: var(--font-heading);
    color: var(--secondary-color);
    line-height: 1.15;
    margin: 0 0 0.5em;
    font-weight: 700;
    letter-spacing: var(--heading-tracking, -0.02em);
}
h1 { font-size: clamp(2.15rem, 4.8vw, 3.4rem); font-weight: 800; letter-spacing: var(--heading-tracking, -0.03em); }
h2 { font-size: clamp(1.7rem, 3.2vw, 2.45rem); font-weight: 800; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.04rem; }
p { margin: 0 0 1.1em; }
a { color: var(--primary-color); text-decoration: none; transition: color .2s ease, opacity .2s ease; }
a:hover { opacity: .8; }
img { max-width: 100%; height: auto; display: block; }
ul { margin: 0 0 1.1em; padding-left: 1.2em; }
figure { margin: 0; }
table { border-collapse: collapse; width: 100%; }
strong { color: var(--secondary-color); font-weight: 700; }

/* ---- layout primitives ---- */
.container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }
.ta5b3b-3a3d { padding: var(--section-y) 0; }
.wd280e-6205 { background: var(--base-200); }
.ubf4d4-5530 { padding: 64px 0; }
.a4689d-0209 { max-width: 760px; margin: 0 auto; }
.a41aa6-c1ec { height: 1px; background: var(--border-color); border: 0; margin: 0; }
.e85d1d-a1b2 { margin-top: 16px; } .x1d5f5-9b8f { margin-top: 24px; } .yfa77f-c1fc { margin-top: 32px; }
.wd4557-dc22 { text-align: center; }

.ta904a-a4ec { max-width: 660px; margin: 0 0 48px; }
.ta904a-a4ec.wd4557-dc22 { margin-left: auto; margin-right: auto; }

.vc9158-c91e {
    display: inline-block;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 14px;
}
.yfc5bd-6ba9 { font-size: 1.16rem; color: var(--neutral-color); line-height: 1.65; }
.a42524-4cba { color: var(--neutral-color); }
.e8a5e8-4557 { font-family: var(--font-mono); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.up { color: var(--up-color); font-weight: 600; }
.w0051c-dd77 { color: var(--down-color); font-weight: 600; }

.xeaa5f-df15 {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 6px 14px; border-radius: var(--radius-pill);
    background: var(--base-200); color: var(--primary-color);
    font-family: var(--font-heading); font-weight: 600; font-size: 0.8rem;
}
.z3294f-a03f { width: 7px; height: 7px; border-radius: 50%; background: var(--up-color); }
.vc19f7-29c3 {
    display: inline-block; padding: 4px 11px; border-radius: var(--radius-pill);
    background: var(--base-200); color: var(--neutral-color);
    font-family: var(--font-heading); font-weight: 600; font-size: 0.76rem;
    border: 1px solid var(--border-color);
}

/* ---- buttons ---- */
.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 13px 26px; min-height: 48px;
    border-radius: var(--border-radius, 14px);
    font-family: var(--font-heading); font-weight: 700; font-size: 0.96rem;
    border: var(--border-width, 1.5px) solid transparent;
    cursor: pointer; text-align: center; line-height: 1.1;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
/* The friendly-blue CTA — the one place --accent-color is allowed to paint. */
.y20bc0-bd46 { background: var(--accent-color); color: var(--on-accent-color); box-shadow: var(--shadow-cta); }
.y20bc0-bd46:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(124,58,237,.40); opacity: 1; color: #fff; }
.z382bd-353c { background: var(--primary-color); color: var(--on-primary-color); }
.z382bd-353c:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); opacity: 1; color: #fff; }
.taeb5d-243d { background: var(--card, #fff); color: var(--secondary-color); border-color: var(--border-color); }
.taeb5d-243d:hover { border-color: var(--primary-color); color: var(--primary-color); transform: translateY(-2px); opacity: 1; }
.c67d77-6526 { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.30); }
.c67d77-6526:hover { background: rgba(255,255,255,0.20); color: #fff; opacity: 1; }
.a4c9c7-ef0d { padding: 16px 32px; min-height: 56px; font-size: 1.03rem; }
.b5e0c4-32f9 { width: 100%; }

/* ---- risk-warning bar (mandatory compliance strip, static) ---- */
.b568b8-de06 { background: var(--band, var(--secondary-color)); color: rgba(255,255,255,0.86); font-size: 0.82rem; }
.b568b8-de06 .container { display: flex; align-items: center; gap: 10px; padding-top: 9px; padding-bottom: 9px; }
.w08e58-490f { flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--accent-color); color: var(--on-accent-color, #fff); font-weight: 700; font-size: 0.72rem; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-heading); }
.b568b8-de06 p { margin: 0; line-height: 1.5; }
.b568b8-de06 a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }

/* ---- header ---- */
.d70371-b8ac { position: sticky; top: 0; z-index: 50; background: var(--header-bg, rgba(246,249,255,0.86)); backdrop-filter: saturate(160%) blur(12px); border-bottom: 1px solid var(--border-color); }
.d70371-b8ac > .container { display: flex; align-items: center; gap: 20px; padding-top: 15px; padding-bottom: 15px; }
.xec624-9d92 { display: inline-flex; align-items: center; gap: 11px; font-family: var(--font-heading); font-weight: 800; font-size: 1.24rem; color: var(--secondary-color); letter-spacing: -0.02em; }
.xec624-9d92:hover { opacity: 1; }
.d7da03-2c37 { width: 36px; height: 36px; border-radius: 11px; background: linear-gradient(135deg, var(--accent-color), var(--primary-color)); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.05rem; box-shadow: var(--shadow-cta); }
.wd59ca-40b9 { display: flex; align-items: center; gap: 28px; margin-left: 12px; }
.wd59ca-40b9 a { color: var(--text-color); font-family: var(--font-heading); font-weight: 600; font-size: 0.96rem; }
.wd59ca-40b9 a:hover { color: var(--primary-color); opacity: 1; }
.xed9b4-4317 { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.w0d881-d4bb { color: var(--secondary-color); font-family: var(--font-heading); font-weight: 600; font-size: 0.95rem; }

/* ---- hero ---- */
.y29485-d777 { padding: 76px 0 90px; background: radial-gradient(1100px 480px at 82% -6%, rgba(124,58,237,0.10), transparent 60%), var(--base-100); overflow: hidden; }
.ub4064-f208 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.tabea8-e29a { display: inline-flex; align-items: center; gap: 8px; padding: 7px 15px; border-radius: var(--radius-pill); background: var(--card, #fff); border: 1px solid var(--border-color); color: var(--primary-color); font-family: var(--font-heading); font-weight: 600; font-size: 0.82rem; box-shadow: var(--shadow-sm); margin-bottom: 22px; }
.tabea8-e29a .z3294f-a03f { background: var(--up-color); }
.y29485-d777 h1 { margin-bottom: 20px; }
.d733c7-8594 .yfc5bd-6ba9 { max-width: 520px; margin-bottom: 30px; }
.b512f8-1c93 { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 30px; }
.vc55af-b717 { display: flex; flex-wrap: wrap; gap: 30px; }
.e892f6-f195 { display: flex; flex-direction: column; gap: 2px; }
.w099c6-625b { font-family: var(--font-mono); font-weight: 600; font-size: 1.5rem; color: var(--secondary-color); }
.w0c442-8ccf { font-size: 0.82rem; color: var(--neutral-color); }

/* ---- phone mockup ---- */
.yf1bae-aeb2 { position: relative; display: flex; justify-content: center; }
.a42556-3f03 { position: relative; width: 300px; max-width: 100%; }
.a41955-5631 { position: relative; border-radius: 40px; background: linear-gradient(160deg, #232f5c, var(--band, var(--secondary-color))); padding: 12px; box-shadow: var(--shadow-lg); }
.z3640c-ec1a { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 116px; height: 22px; border-radius: var(--radius-pill); background: rgba(0,0,0,0.35); z-index: 2; }
.z3e1ab-eafe { border-radius: 30px; overflow: hidden; background: var(--card, #fff); }
.z3e1ab-eafe img { width: 100%; display: block; aspect-ratio: 9 / 19; object-fit: cover; }
.a40281-5823 { position: absolute; background: var(--card, #fff); border-radius: var(--radius); box-shadow: var(--shadow-lg); border: 1px solid var(--border-color); padding: 14px 16px; display: flex; align-items: center; gap: 12px; }
.b581e7-227a { top: 40px; left: -34px; }
.w0a0d6-5649 { bottom: 46px; right: -30px; }
.wda431-e4bf { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; flex: none; }
.e80e8d-3b30 { display: flex; flex-direction: column; line-height: 1.3; }
.z36cd0-99a4 { font-family: var(--font-heading); font-weight: 700; font-size: 0.86rem; color: var(--secondary-color); }
.f9eb69-ae09 { font-size: 0.74rem; color: var(--neutral-color); }
.xe896e-1c3c { margin-left: 6px; font-family: var(--font-mono); font-weight: 600; font-size: 1.02rem; }

/* ---- trust logo row ---- */
.e8ecfc-30eb { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 34px; margin-top: 56px; }
.yf4fbe-ffc9 { font-size: 0.82rem; color: var(--neutral-color); font-family: var(--font-heading); font-weight: 600; }
.wd8e8a-8fb8 { display: flex; flex-wrap: wrap; gap: 14px 30px; align-items: center; }
.wd8e8a-8fb8 span { font-family: var(--font-heading); font-weight: 700; font-size: 1.02rem; color: var(--neutral-color); opacity: 0.75; }

/* ---- how it works: steps ---- */
.xe0128-7336 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.xe0131-db2a { position: relative; background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 34px 28px; box-shadow: var(--shadow-sm); }
.y243f8-f7f1 { position: absolute; top: 26px; right: 28px; font-family: var(--font-mono); font-weight: 600; font-size: 0.9rem; color: var(--base-300); }
.y2f309-7bf5 { width: 54px; height: 54px; border-radius: 16px; background: var(--base-200); color: var(--primary-color); display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 20px; }
.xe0131-db2a h3 { margin-bottom: 10px; }
.xe0131-db2a p { margin: 0; font-size: 0.98rem; }

/* ---- traders / leaderboard cards ---- */
.f9e9b1-851e { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.xe50ed-f7ec { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.xe50ed-f7ec:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: #c9d6ee; }
.f9f49f-dc8b { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.d7d38b-e174 { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex: none; border: 2px solid var(--base-200); }
.b52244-005b { min-width: 0; }
.z32e36-3bb9 { font-family: var(--font-heading); font-weight: 700; font-size: 1.06rem; color: var(--secondary-color); display: flex; align-items: center; gap: 6px; }
.a43eb3-9942 { color: var(--accent-color); font-size: 0.9rem; }
.wd893a-8a5b { font-size: 0.84rem; color: var(--neutral-color); font-family: var(--font-mono); }
.b50db4-133b { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 10px; padding: 18px 0; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); margin-bottom: 18px; }
.uba574-a31d { display: flex; flex-direction: column; gap: 2px; }
.w00741-fbf3 { font-size: 0.72rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--neutral-color); font-family: var(--font-heading); font-weight: 600; }
.d70b46-52c0 { font-family: var(--font-mono); font-weight: 600; font-size: 1.16rem; color: var(--secondary-color); }
.d70b46-52c0.up { color: var(--up-color); }
.x157f1-5fe4 { display: inline-flex; gap: 4px; align-items: center; margin-top: 3px; }
.vc099c-3d22 { width: 8px; height: 8px; border-radius: 50%; background: var(--base-300); }
.vc099c-3d22.on { background: var(--primary-color); }
.vc099c-3d22.on.hi { background: var(--down-color); }
.e87a0a-5a8e { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; }
.c6616d-4ba8 { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vc55cb-88bc { font-size: 0.82rem; color: var(--neutral-color); }
.vc55cb-88bc strong { font-family: var(--font-mono); }

/* ---- features ---- */
.yfa3fe-a38c { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.ubeaf6-bb5e { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 30px 28px; box-shadow: var(--shadow-sm); }
.x12823-4a66 { width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(109,40,217,0.12)); color: var(--primary-color); display: inline-flex; align-items: center; justify-content: center; font-size: 1.42rem; margin-bottom: 18px; }
.ubeaf6-bb5e h3 { margin-bottom: 9px; font-size: 1.16rem; }
.ubeaf6-bb5e p { margin: 0; font-size: 0.97rem; }

/* ---- plans ---- */
.tacb9d-1d12 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; }
.yfb2c0-0abf { position: relative; background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 34px 30px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; }
.z3645d-d055 { border-color: var(--accent-color); box-shadow: var(--shadow-md); }
.a46e31-1bf5 { position: absolute; top: -13px; left: 30px; background: var(--accent-color); color: var(--on-accent-color, #fff); font-family: var(--font-heading); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 13px; border-radius: var(--radius-pill); }
.ta978c-00f6 { font-family: var(--font-heading); font-weight: 700; font-size: 1.1rem; color: var(--secondary-color); margin-bottom: 6px; }
.d7222d-1dfe { display: flex; align-items: baseline; gap: 4px; margin-bottom: 4px; }
.d7222d-1dfe .e8d715-324a { font-family: var(--font-mono); font-weight: 600; font-size: 2.5rem; color: var(--secondary-color); letter-spacing: -0.02em; }
.vc30db-e950 { font-size: 0.9rem; color: var(--neutral-color); }
.ta52de-a5e0 { font-size: 0.94rem; color: var(--neutral-color); margin: 12px 0 20px; }
.w02af9-ca17 { list-style: none; padding: 0; margin: 0 0 26px; display: flex; flex-direction: column; gap: 12px; }
.w02af9-ca17 li { position: relative; padding-left: 28px; font-size: 0.95rem; }
.w02af9-ca17 li::before { content: ""; position: absolute; left: 0; top: 0.2em; width: 16px; height: 16px; background: var(--up-color); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
/* icon fields are keywords painted through a mask; an unknown word keeps the default mark */
[data-icon] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E"); }
[data-icon="search"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E"); }
[data-icon="copy"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2'/%3E%3Cpath d='M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2'/%3E%3C/svg%3E"); }
[data-icon="chart"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4M4 20h16'/%3E%3Cpath d='M8 16v-4M12 16V8M16 16v-6'/%3E%3C/svg%3E"); }
[data-icon="sliders"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12'/%3E%3Ccircle cx='16' cy='6' r='2'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E"); }
[data-icon="bell"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V11a6 6 0 0 1 12 0v5l2 2H4z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E"); }
[data-icon="eye"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
[data-icon="bolt"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }
[data-icon="shield"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 7.7-8 9-4.6-1.3-8-4.5-8-9V6z'/%3E%3C/svg%3E"); }
[data-icon="layers"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5z'/%3E%3Cpath d='M3 13l9 5 9-5'/%3E%3C/svg%3E"); }
[data-icon="lock"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
[data-icon="key"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M16 7l3 3M14 9l2 2'/%3E%3C/svg%3E"); }
[data-icon="compass"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E"); }
[data-icon="people"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2 20c0-3.9 3.1-6 7-6s7 2.1 7 6'/%3E%3Cpath d='M16 4.5a3.5 3.5 0 0 1 0 7M18 14c2.4.6 4 2.6 4 6'/%3E%3C/svg%3E"); }
[data-icon="book"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h14v16H6a2 2 0 0 0-2 2z'/%3E%3Cpath d='M4 21V5M8 7h8'/%3E%3C/svg%3E"); }
[data-icon="alert"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2z'/%3E%3Cpath d='M12 10v5M12 18v.5'/%3E%3C/svg%3E"); }
[data-icon="decline"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7l6 6 4-4 8 8'/%3E%3Cpath d='M15 17h6v-6'/%3E%3C/svg%3E"); }
[data-icon="info"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E"); }
[data-icon="repeat"] { --ico: url("data:image/svg+xml,%3Csvg xmlns='http://www%2Ew3%2Eorg/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2l4 4-4 4'/%3E%3Cpath d='M3 11V9a3 3 0 0 1 3-3h15M7 22l-4-4 4-4'/%3E%3Cpath d='M21 13v2a3 3 0 0 1-3 3H3'/%3E%3C/svg%3E"); }
[data-icon]::before { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.a4dfca-4e73[data-icon] { color: var(--primary-color); }
.a4dfca-4e73[data-icon]::before { width: 28px; height: 28px; }
.c6616d-4ba8 .btn { margin-left: auto; }
.yfb2c0-0abf .btn { margin-top: auto; }

/* ---- reviews ---- */
.yf6bb1-7d02 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.x158dc-641e { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 30px 28px; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; }
.d7d4b4-87eb { color: #f5a524; letter-spacing: 2px; font-size: 0.95rem; margin-bottom: 14px; }
.w033f5-6ea1 { font-size: 1.02rem; color: var(--secondary-color); line-height: 1.6; margin-bottom: 22px; }
.ta66bf-a890 { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.yfdee8-c664 { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: none; }
.xec321-3505 { font-family: var(--font-heading); font-weight: 700; font-size: 0.95rem; color: var(--secondary-color); }
.z339b1-98dc { font-size: 0.82rem; color: var(--neutral-color); }

/* ---- stats band ---- */
.vc1bbf-2a97 { background: var(--band, var(--secondary-color)); border-radius: var(--radius-lg); padding: 52px 40px; }
.vc1bbf-2a97 .ta904a-a4ec h2, .vc1bbf-2a97 .vc9158-c91e { color: #fff; }
.x13e3d-eb53 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.x1ae93-b484 { text-align: center; }
.e885c4-5ef3 { font-family: var(--font-mono); font-weight: 600; font-size: clamp(2rem, 3.4vw, 2.7rem); color: #fff; letter-spacing: -0.02em; line-height: 1.1; }
.e885c4-5ef3 .up { color: #4ade80; }
.wd8e90-b4a7 { margin-top: 8px; font-size: 0.9rem; color: rgba(255,255,255,0.72); }

/* ---- cta band ---- */
.z3852e-6579 { background: linear-gradient(135deg, var(--primary-color), var(--accent-color)); border-radius: var(--radius-lg); padding: 66px 48px; text-align: center; color: #fff; box-shadow: var(--shadow-md); }
.z3852e-6579 h2 { color: #fff; margin-bottom: 14px; }
.z3852e-6579 p { color: rgba(255,255,255,0.90); max-width: 560px; margin: 0 auto 30px; font-size: 1.1rem; }
.xed6a4-8fe8 { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.z3852e-6579 .taeb5d-243d { background: rgba(255,255,255,0.15); color: #fff; border-color: rgba(255,255,255,0.6); }
.z3852e-6579 .taeb5d-243d:hover { background: rgba(255,255,255,0.26); color: #fff; border-color: #fff; }

/* ---- page hero (interior pages) ---- */
.d75e8e-58f7 { background: var(--base-200); padding: 66px 0 58px; border-bottom: 1px solid var(--border-color); }
.d75e8e-58f7 .xe7630-9bdd { font-size: 0.84rem; color: var(--neutral-color); margin-bottom: 14px; font-family: var(--font-heading); font-weight: 600; }
.d75e8e-58f7 .xe7630-9bdd a { color: var(--neutral-color); }
.d75e8e-58f7 h1 { margin-bottom: 14px; }
.d75e8e-58f7 p { max-width: 660px; margin: 0; color: var(--neutral-color); font-size: 1.1rem; }

/* ---- generic card + prose ---- */
.uba2b9-0609 { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 30px; box-shadow: var(--shadow-sm); }
.a459c1-2bec { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); align-items: center; }
.xea353-daa7 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.ub5fb7-c875 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.x12b3c-073e { color: var(--text-color); }
.x12b3c-073e h2 { margin: 40px 0 14px; }
.x12b3c-073e h3 { margin: 28px 0 10px; }
.x12b3c-073e ul { padding-left: 1.3em; }
.x12b3c-073e li { margin-bottom: 8px; }
.x12b3c-073e a { color: var(--primary-color); text-decoration: underline; text-underline-offset: 2px; }
.c66394-2f2f { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.w0b504-a091 { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 26px; box-shadow: var(--shadow-sm); }
.w0b504-a091 h4 { margin-bottom: 8px; color: var(--secondary-color); }
.w0b504-a091 p { margin: 0; font-size: 0.95rem; }
.a4dfca-4e73 { font-size: 1.5rem; margin-bottom: 12px; display: block; }

/* ---- trader detail ---- */
.a4b7c3-bb44 { display: grid; grid-template-columns: 1fr 340px; gap: 44px; align-items: start; }
.f9da0d-5c22 { min-width: 0; }
.b5f9b4-a234 { min-width: 0; }
.a47266-08bc { display: flex; align-items: center; gap: 20px; margin-bottom: 8px; }
.w02e93-8799 { width: 92px; height: 92px; border-radius: 50%; object-fit: cover; border: 3px solid #fff; box-shadow: var(--shadow-sm); flex: none; }
.a47266-08bc .wd893a-8a5b { font-size: 0.95rem; }
.x1019c-8435 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 0 0 28px; padding: 0; list-style: none; }
.x1019c-8435 li { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 18px 20px; }
.x1019c-8435 .k { font-size: 0.76rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--neutral-color); font-family: var(--font-heading); font-weight: 600; }
.x1019c-8435 .v { font-family: var(--font-mono); font-weight: 600; font-size: 1.4rem; color: var(--secondary-color); margin-top: 4px; }
.x1019c-8435 .v.up { color: var(--up-color); }
.e818d4-0fb6 { margin: 0 0 8px; }
.x1ab5f-baf8 { display: grid; grid-template-columns: 130px 1fr 52px; align-items: center; gap: 14px; margin-bottom: 12px; }
.d71b7b-d931 { font-size: 0.92rem; color: var(--secondary-color); font-weight: 600; font-family: var(--font-heading); }
.y27590-331a { height: 10px; background: var(--base-200); border-radius: var(--radius-pill); overflow: hidden; }
.xef26a-6256 { display: block; height: 100%; min-width: 4%; background: linear-gradient(90deg, var(--primary-color), var(--accent-color)); border-radius: var(--radius-pill); }
.vc63ec-6969 { font-family: var(--font-mono); font-size: 0.9rem; color: var(--neutral-color); text-align: right; }
.wd1729-cbd7 { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-sm); position: sticky; top: 96px; }
.wd1729-cbd7 h3 { margin-bottom: 6px; }
.wd1729-cbd7 .xeea07-8543 { font-family: var(--font-mono); font-weight: 600; font-size: 2.1rem; color: var(--up-color); margin: 4px 0 2px; }
.yf4aaa-5fe8 { font-size: 0.84rem; color: var(--neutral-color); }
.d74d27-fd8f { list-style: none; padding: 0; margin: 20px 0 24px; display: flex; flex-direction: column; gap: 10px; }
.d74d27-fd8f li { display: flex; justify-content: space-between; gap: 12px; font-size: 0.92rem; padding-bottom: 10px; border-bottom: 1px solid var(--border-color); }
.d74d27-fd8f li:last-child { border-bottom: 0; padding-bottom: 0; }
.d74d27-fd8f .z3ea89-9b99 { font-family: var(--font-mono); color: var(--secondary-color); font-weight: 600; }
.a4caff-704a { background: var(--base-200); border-left: 3px solid var(--accent-color); border-radius: var(--radius-sm); padding: 18px 20px; font-size: 0.92rem; margin-top: 24px; }
.a4caff-704a strong { display: block; margin-bottom: 4px; }

/* ---- faq ---- */
.d7ff0a-0e05 { max-width: 820px; margin: 0 auto; }
.vcc15b-8ac8 { border-bottom: 1px solid var(--border-color); padding: 24px 0; }
.a48765-f28d { font-family: var(--font-heading); font-weight: 700; font-size: 1.1rem; color: var(--secondary-color); margin-bottom: 8px; }
.f9a54d-c193 { margin: 0; color: var(--text-color); }

/* ---- contact ---- */
.a4dc44-0d28 { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: start; }
.c63c3f-08b9 { background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius-lg); padding: 36px; box-shadow: var(--shadow-sm); }
.z3204d-65de { display: flex; flex-direction: column; gap: 18px; }
.vcc63e-aa1c { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.xe34bc-7fb6 { display: flex; flex-direction: column; gap: 7px; }
.xe34bc-7fb6 label { font-family: var(--font-heading); font-weight: 600; font-size: 0.88rem; color: var(--secondary-color); }
.xe34bc-7fb6 input, .xe34bc-7fb6 select, .xe34bc-7fb6 textarea {
    font-family: var(--font-body); font-size: 0.97rem; color: var(--text-color);
    padding: 13px 15px; border: 1.5px solid var(--border-color); border-radius: var(--radius-sm);
    background: var(--base-100); min-height: 48px; width: 100%; transition: border-color .2s ease, box-shadow .2s ease;
}
.xe34bc-7fb6 textarea { min-height: 128px; resize: vertical; }
.xe34bc-7fb6 input:focus, .xe34bc-7fb6 select:focus, .xe34bc-7fb6 textarea:focus { outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(124,58,237,0.14); }
.xe34bc-7fb6 input::placeholder, .xe34bc-7fb6 textarea::placeholder { color: var(--neutral-color); opacity: 0.75; }
.d74428-f4d1 { display: flex; align-items: flex-start; gap: 10px; font-size: 0.88rem; color: var(--neutral-color); }
.d74428-f4d1 input { margin-top: 3px; width: 17px; height: 17px; flex: none; accent-color: var(--accent-color); }
.vcf4a5-b2a5 { display: flex; flex-direction: column; gap: 12px; }
.e84aea-f6d0 { display: flex; gap: 15px; align-items: flex-start; background: var(--card, #fff); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 20px 22px; box-shadow: var(--shadow-sm); }
.x19032-2496 { width: 42px; height: 42px; border-radius: 12px; background: var(--base-200); color: var(--primary-color); display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; flex: none; }
.e84aea-f6d0 h4 { margin: 0 0 3px; font-size: 0.98rem; }
.e84aea-f6d0 p { margin: 0; font-size: 0.93rem; }
.ub509b-2bd3 { margin-top: 12px; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border-color); }

/* ---- footer ---- */
.b5e855-2f63 { background: var(--band, var(--secondary-color)); color: rgba(255,255,255,0.72); padding: 72px 0 32px; }
.b5e855-2f63 .xec624-9d92 { color: #fff; }
.b5e855-2f63 h4 { color: #fff; font-size: 0.92rem; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 18px; }
.a4f8bf-16f5 { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 44px; border-bottom: 1px solid rgba(255,255,255,0.12); }
.yfd476-bfa0 { margin: 18px 0 0; font-size: 0.94rem; color: rgba(255,255,255,0.66); max-width: 300px; }
.e8ecc0-b394 { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
.e8ecc0-b394 a { color: rgba(255,255,255,0.72); font-size: 0.94rem; }
.e8ecc0-b394 a:hover { color: #fff; opacity: 1; }
.ta290e-c2a1 { display: flex; flex-direction: column; gap: 8px; font-size: 0.94rem; }
.ta290e-c2a1 a { color: rgba(255,255,255,0.82); }
.taccf4-541a { margin: 30px 0 0; font-size: 0.8rem; color: rgba(255,255,255,0.52); line-height: 1.6; }
.y2ad59-d629 { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; }
.y2ad59-d629 span { font-size: 0.86rem; color: rgba(255,255,255,0.6); }
.y2ad59-d629 nav { display: flex; gap: 20px; flex-wrap: wrap; }
.y2ad59-d629 nav a { color: rgba(255,255,255,0.6); font-size: 0.86rem; }
.y2ad59-d629 nav a:hover { color: #fff; opacity: 1; }

/* ============ RESPONSIVE ============ */
@media (max-width: 980px) {
    .ub4064-f208 { grid-template-columns: 1fr; gap: 44px; }
    .yf1bae-aeb2 { order: -1; }
    .a4b7c3-bb44 { grid-template-columns: 1fr; gap: 32px; }
    .wd1729-cbd7 { position: static; }
    .a4dc44-0d28 { grid-template-columns: 1fr; }
    .a4f8bf-16f5 { grid-template-columns: 1fr 1fr; gap: 32px; }
    .x13e3d-eb53 { grid-template-columns: repeat(2, 1fr); gap: 26px; }
}
@media (max-width: 768px) {
    :root { --section-y: 64px; }
    .container { padding: 0 18px; }
    .wd59ca-40b9 { display: none; }
    .xe0128-7336, .f9e9b1-851e, .yfa3fe-a38c, .tacb9d-1d12, .yf6bb1-7d02,
    .a459c1-2bec, .xea353-daa7, .ub5fb7-c875, .c66394-2f2f, .x1019c-8435 { grid-template-columns: 1fr; }
    .ub5fb7-c875 { gap: 32px; }
    .y29485-d777 { padding: 48px 0 60px; }
    .vc55af-b717 { gap: 22px; }
    .z3852e-6579, .vc1bbf-2a97 { padding: 44px 24px; }
    .c63c3f-08b9 { padding: 26px; }
    .b581e7-227a { left: 0; top: 20px; }
    .w0a0d6-5649 { right: 0; bottom: 24px; }
    .y2ad59-d629 { flex-direction: column; align-items: flex-start; gap: 12px; }
    .x1ab5f-baf8 { grid-template-columns: 96px 1fr 46px; }
}
@media (max-width: 480px) {
    body { font-size: 16px; }
    .vcc63e-aa1c { grid-template-columns: 1fr; }
    .a4f8bf-16f5 { grid-template-columns: 1fr; }
    .x13e3d-eb53 { grid-template-columns: 1fr; }
    .b50db4-133b { grid-template-columns: 1fr 1fr; }
    .a42556-3f03 { width: 260px; }
    .a40281-5823 { padding: 11px 13px; }
    .btn { width: 100%; }
    .b512f8-1c93 .btn, .xed6a4-8fe8 .btn { width: 100%; }
    .d7222d-1dfe .e8d715-324a { font-size: 2.1rem; }
}

        :where(a, button, input, select, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
        @media (max-width: 768px) {
            .btn, .wd59ca-40b9 a, .vc0aef-a607 a, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { min-height: 44px; }
            .wd59ca-40b9 a, .vc0aef-a607 a { display: inline-flex; align-items: center; }
            input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea { font-size: 16px; }
        }

        @media (max-width: 768px) {
            .d70371-b8ac .xec624-9d92 { min-width: 0; overflow-wrap: anywhere; flex: 1 1 auto; }
            .d70371-b8ac .d7da03-2c37 { flex-shrink: 0; }
            .d70371-b8ac .xed9b4-4317 { min-width: min-content; flex: 0 100 auto; justify-content: flex-end; }
            .d70371-b8ac .xed9b4-4317 .btn { white-space: normal; text-align: center; padding-inline: 10px; }
            .d70371-b8ac .c6677e-4416 { display: none; }
            [data-wc-burger] { flex-shrink: 0; }
        }
:root {
    --primary-color: #6d28d9;
    --secondary-color: #1e1633;
    --accent-color: #7c3aed;
    --on-primary-color: #ffffff;
    --on-secondary-color: #ffffff;
    --on-accent-color: #ffffff;
    --on-text-color: #ffffff;
    --on-surface: #000000;
    --on-base-100: #000000;
    --on-base-200: #000000;
    --on-base-300: #000000;
    --neutral-color: #6b6580;
    --neutral: #6b6580;
    --base-100: #faf8ff;
    --base-200: #f1ecfb;
    --base-300: #e4dcf5;
    --surface: #f1ecfb;
    --border-color: #e4dcf5;
    --text-color: #4c4661;
    --font-heading: 'Sora', 'Helvetica Neue', Arial, sans-serif;
    --font-primary: 'Sora', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --border-radius: 10px;
    --spacing: 26px;
}
body[class] { font-family: var(--font-body, var(--font-primary, inherit)); }
:root{--on-accent-color: #ffffff;--on-primary-color: #ffffff;--on-secondary-color: #ffffff;--on-text-color: #ffffff;--on-surface: #000000;--on-base-100: #000000;--on-base-200: #000000;--on-base-300: #000000;}
[data-wc-burger]{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;margin-left:auto;background:none;border:0;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
[data-wc-burger] span{display:block;height:2px;width:22px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
html[data-wc-nav-open] [data-wc-burger] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
html[data-wc-nav-open] [data-wc-burger] span:nth-child(2){opacity:0}
html[data-wc-nav-open] [data-wc-burger] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:768px){
html[data-wc-nav-ready] [data-wc-burger]{display:flex}
html[data-wc-nav-ready] [data-wc-hrow]{position:relative;flex-wrap:nowrap}
html[data-wc-nav-ready] [data-wc-mnav]{position:absolute!important;top:100%;left:0;right:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:6px 16px 14px!important;background:var(--base-100,var(--surface,#fff));border-top:1px solid var(--border-color,rgba(0,0,0,.08));box-shadow:0 14px 30px rgba(0,0,0,.14);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease;z-index:1200;list-style:none}
html[data-wc-nav-open][data-wc-nav-ready] [data-wc-mnav]{max-height:78vh;overflow:auto;opacity:1;visibility:visible}
html[data-wc-nav-ready] [data-wc-mnav]>*{width:100%}
html[data-wc-nav-ready] [data-wc-mnav] a{display:flex;align-items:center;min-height:44px;padding:11px 2px!important;border-bottom:1px solid var(--border-color,rgba(0,0,0,.07))}
html[data-wc-nav-ready] [data-wc-mnav] li{border:0!important;padding:0!important;margin:0!important}
html[data-wc-nav-ready] [data-wc-mnav] li:last-child a,html[data-wc-nav-ready] [data-wc-mnav] a:last-child{border-bottom:0}
}