/* Uses a local system-font stack; no third-party font request is needed. */

:root { --ink:#10182b; --muted:#758097; --line:#e7eaf1; --surface:#fff; --subtle:#f5f7fb; --subtler:#fafbfe; --blue:#2168ed; --blue-2:#654ef5; --blue-soft:#eaf1ff; --purple:#7658fb; --green:#16a878; --green-soft:#e3f8f0; --orange:#ef8f2f; --red:#e84e5b; --red-soft:#ffeff1; --shadow:0 18px 42px rgba(21,48,91,.10); --shadow-sm:0 5px 15px rgba(21,48,91,.08); --radius:22px; --page:1180px; }
[data-theme="dark"] { --ink:#f5f7ff; --muted:#9aa7c0; --line:#263149; --surface:#172034; --subtle:#111a2b; --subtler:#0d1524; --blue-soft:#162d59; --green-soft:#163d38; --red-soft:#472331; --shadow:0 18px 42px rgba(0,0,0,.25); --shadow-sm:0 5px 15px rgba(0,0,0,.25); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--subtler); font-family:"DM Sans",Arial,sans-serif; font-size:16px; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.58; }
a { color:inherit; text-decoration:none; }
.hidden { display:none !important; }

/* 2026 catalog-led landing redesign */
.landing-rebuild { color:#0d1528; background:#f7f9fd; }
.landing-rebuild .landing-nav-rebuild { position:relative; z-index:10; max-width:1340px; height:78px; margin:0 auto; padding-inline:34px; background:transparent; border-bottom:0; }
.landing-rebuild .landing-nav-rebuild .brand { color:#0d1528; }
.landing-rebuild .landing-nav-rebuild .nav-links a { color:#5d6880; font-weight:700; }
.landing-rebuild .landing-nav-rebuild .nav-links a:hover { color:#1f6bf1; }
.btn-quiet { color:#17233d; border:1px solid #d9e1ee; background:#fff; box-shadow:0 5px 14px rgba(27,49,91,.05); }
.btn-quiet:hover { border-color:#acc8fb; color:#155cdf; background:#f9fbff; box-shadow:0 10px 22px rgba(35,89,191,.12); }
.landing-rebuild .hero-catalog { position:relative; min-height:650px; padding:0; overflow:hidden; background:radial-gradient(circle at 8% 20%,rgba(72,136,255,.16),transparent 30%),radial-gradient(circle at 86% 70%,rgba(135,97,255,.15),transparent 34%),linear-gradient(180deg,#fff 0%,#f4f7fc 100%); }
.hero-catalog:before { content:""; position:absolute; width:650px; height:650px; right:-220px; top:-380px; border:1px solid rgba(79,133,246,.16); border-radius:50%; box-shadow:0 0 0 64px rgba(79,133,246,.035),0 0 0 128px rgba(79,133,246,.025); }
.hero-catalog:after { content:""; position:absolute; width:540px; height:540px; left:-360px; bottom:-300px; border-radius:50%; background:radial-gradient(circle,rgba(125,96,251,.14),transparent 64%); }
.hero-noise { position:absolute; inset:0; pointer-events:none; opacity:.45; background-image:linear-gradient(rgba(22,77,176,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(22,77,176,.025) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.hero-grid-rebuild { position:relative; z-index:1; max-width:1260px; min-height:650px; padding:72px 28px 68px; margin:auto; display:grid; grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr); align-items:center; gap:62px; }
.hero-copy-rebuild { max-width:530px; margin:0; text-align:left; }
.hero-copy-rebuild .eyebrow { display:flex; align-items:center; gap:9px; color:#2367d7; font-size:.75rem; letter-spacing:.135em; }
.pulse-dot { width:8px; height:8px; display:inline-block; border-radius:50%; background:#2b75ef; box-shadow:0 0 0 5px rgba(43,117,239,.13); animation:glowPulse 1.8s ease-in-out infinite; }
.hero-copy-rebuild h1 { max-width:520px; margin:18px 0; color:#0a1428; font-size:clamp(3.25rem,5.3vw,5.3rem); line-height:.98; letter-spacing:-.075em; }
.hero-copy-rebuild h1 .gradient-text { white-space:nowrap; background:linear-gradient(100deg,#1d69ee 8%,#865df6 86%); -webkit-background-clip:text; background-clip:text; }
.hero-copy-rebuild > p:not(.eyebrow) { max-width:490px; margin:0; color:#5c6880; font-size:1.0625rem; line-height:1.68; }
.hero-copy-rebuild .hero-actions { justify-content:flex-start; max-width:none; margin:29px 0 24px; }
.hero-copy-rebuild .btn { min-height:50px; padding-inline:19px; font-size:.875rem; }
.hero-browse { background:rgba(255,255,255,.88); }
.hero-proof { display:flex; align-items:center; flex-wrap:wrap; gap:13px 20px; color:#69758c; font-size:.8125rem; font-weight:700; }
.hero-proof span { display:flex; align-items:center; gap:7px; }
.hero-proof .svg-icon { width:15px; color:#2870ed; }
.catalog-visual { position:relative; overflow:hidden; padding:17px; border:1px solid rgba(190,207,237,.9); border-radius:25px; background:rgba(255,255,255,.85); box-shadow:0 30px 75px rgba(28,55,111,.16),0 3px 0 rgba(255,255,255,.95) inset; backdrop-filter:blur(18px); animation:catalogLift 7s ease-in-out infinite; }
.catalog-visual:before { content:""; position:absolute; width:330px; height:330px; right:-130px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(59,124,245,.15),transparent 67%); pointer-events:none; }
.catalog-visual-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:4px 4px 16px; }
.catalog-kicker { display:flex; align-items:center; gap:7px; color:#69748b; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.catalog-kicker i,.catalog-start i,.delivery-snapshot small i,.mini-ledger i { width:7px; height:7px; display:inline-block; flex:none; border-radius:50%; background:#1db882; box-shadow:0 0 0 4px rgba(29,184,130,.12); }
.catalog-visual-top strong { display:block; margin-top:5px; color:#13203a; font-family:Manrope,sans-serif; font-size:1.13rem; letter-spacing:-.035em; }
.catalog-search { min-height:38px; padding:0 9px 0 11px; display:flex; align-items:center; gap:7px; border:1px solid #dce5f3; border-radius:11px; color:#8691a5; background:#fff; font-size:.75rem; box-shadow:0 3px 10px rgba(21,47,91,.04); }
.catalog-search .svg-icon { width:15px; }.catalog-search kbd { padding:3px 4px; border:1px solid #dde5f1; border-radius:5px; color:#98a3b6; background:#f5f7fb; font-size:.625rem; font-family:inherit; }
.catalog-tabs { position:relative; z-index:1; display:flex; align-items:center; gap:5px; margin-bottom:12px; padding:4px; overflow:auto; border-radius:12px; background:#eef3fb; }
.catalog-tabs button { min-height:29px; padding:0 10px; border:0; border-radius:8px; color:#768199; background:transparent; white-space:nowrap; font-size:.75rem; font-weight:800; }.catalog-tabs button.active { color:#185fdc; background:#fff; box-shadow:0 3px 9px rgba(25,64,133,.11); }.catalog-tabs button:last-child { margin-left:auto; display:flex; align-items:center; gap:4px; }.catalog-tabs .svg-icon { width:13px; }
.catalog-table { position:relative; z-index:1; overflow:hidden; border:1px solid #e1e8f3; border-radius:15px; background:rgba(255,255,255,.72); }
.catalog-table-head,.catalog-row { display:grid; grid-template-columns:minmax(0,1.68fr) .62fr .74fr .42fr; align-items:center; column-gap:12px; }
.catalog-table-head { min-height:34px; padding:0 13px; border-bottom:1px solid #e5ebf4; color:#8b96aa; font-size:.6875rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.catalog-table-head span:not(:first-child) { text-align:right; }
.catalog-row { min-height:61px; padding:7px 13px; border-bottom:1px solid #edf1f7; animation:rowReveal .6s both; animation-delay:var(--catalog-delay); }.catalog-row:last-child { border-bottom:0; }
.catalog-row > div { min-width:0; display:flex; align-items:center; gap:9px; }.catalog-row .social-logo { width:27px; height:27px; border-radius:8px; }.catalog-row .social-logo svg { width:15px; height:15px; }.catalog-row strong,.catalog-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.catalog-row strong { color:#17223a; font-size:.75rem; }.catalog-row small { margin-top:3px; color:#8b96a9; font-size:.6875rem; }.catalog-row > b { color:#1763e5; text-align:right; font-family:Manrope,sans-serif; font-size:.79rem; }.catalog-row > b small { margin-top:2px; font-family:inherit; font-weight:600; }.catalog-row > span:not(.catalog-start) { color:#69758c; text-align:right; font-size:.75rem; font-weight:700; }.catalog-start { display:flex; justify-content:flex-end; align-items:center; gap:5px; color:#5f6b81; font-size:.75rem; font-weight:700; }.catalog-start i { width:6px; height:6px; box-shadow:none; }
.catalog-visual-foot { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; padding:14px 5px 3px; color:#778298; font-size:.6875rem; font-weight:700; }.catalog-visual-foot span { display:flex; align-items:center; gap:5px; }.catalog-visual-foot .svg-icon { width:14px; color:#2670eb; }.catalog-visual-foot b { color:#1a67e5; font-family:Manrope,sans-serif; font-size:.8rem; }
.catalog-ticker-rebuild { border-top:1px solid #152749; border-bottom:1px solid #152749; color:#b9cae9; background:#101d34; }.catalog-ticker-rebuild .ticker-track { animation-duration:36s; }.catalog-ticker-rebuild .ticker-track span { font-size:.75rem; letter-spacing:.13em; }
.stats-strip-rebuild { max-width:1260px; margin:0 auto; padding:31px 28px 42px; border-bottom:1px solid #e0e6f1; }.stats-strip-rebuild .stat { border-left-color:#e3e9f3; }.stats-strip-rebuild .stat strong { color:#13203b; font-size:2.55rem; }.stats-strip-rebuild .stat span { color:#7d889e; font-size:.75rem; font-weight:800; letter-spacing:.095em; text-transform:uppercase; }
@keyframes glowPulse { 50% { transform:scale(.76); box-shadow:0 0 0 9px rgba(43,117,239,.04); } }
@keyframes catalogLift { 50% { transform:translateY(-5px); box-shadow:0 36px 82px rgba(28,55,111,.19),0 3px 0 rgba(255,255,255,.95) inset; } }
@keyframes rowReveal { from { opacity:0; transform:translateX(14px); } to { opacity:1; transform:translateX(0); } }

/* Specificity guards: this existing application stylesheet also styles generic landing classes. */
.landing-rebuild .hero-copy-rebuild h1 { max-width:520px; margin:18px 0; color:#0a1428; font-family:Manrope,sans-serif; font-size:clamp(3.25rem,5.3vw,5.3rem); line-height:.98; letter-spacing:-.075em; }
.landing-rebuild .hero-copy-rebuild h1 span { white-space:nowrap; }.landing-rebuild .hero-copy-rebuild > p:not(.eyebrow) { max-width:490px; margin:0; color:#5c6880; font-size:1.0625rem; line-height:1.68; }
.landing-rebuild .section-heading-rebuild h2 { font-size:clamp(2.35rem,4.6vw,4.15rem); line-height:1.04; letter-spacing:-.064em; }.landing-rebuild .flow-card h3 { margin-top:34px; color:#14203a; font-size:1.31rem; letter-spacing:-.04em; }.landing-rebuild .flow-card p { color:#69758a; font-size:.9375rem; line-height:1.62; }
.landing-rebuild .confidence-section { max-width:none; padding-top:95px; padding-bottom:110px; background:linear-gradient(180deg,#eff4fc,#f8faff 60%,#f7f9fd); }.landing-rebuild .cta-panel-rebuild { max-width:1180px; min-height:280px; padding:54px 60px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:50px; overflow:hidden; border:1px solid #b9d1fb; border-radius:28px; background:radial-gradient(circle at 82% 15%,rgba(122,99,248,.22),transparent 31%),linear-gradient(110deg,#dfeaff,#f2f6ff); box-shadow:0 24px 50px rgba(34,79,161,.12); text-align:left; }

.section-heading-rebuild { max-width:730px; margin-left:auto; margin-right:auto; }.section-heading-rebuild h2 { font-size:clamp(2.35rem,4.6vw,4.15rem); line-height:1.04; letter-spacing:-.064em; }.section-heading-rebuild > p:not(.eyebrow) { max-width:620px; margin-inline:auto; color:#68748b; font-size:1rem; line-height:1.65; }
.flow-section { padding-top:118px; padding-bottom:108px; }.how-grid-rebuild { gap:16px; }.flow-card { min-height:320px; padding:25px; border:1px solid #dde5f0; border-radius:21px; background:linear-gradient(145deg,#fff,#f6f8fd); box-shadow:0 15px 35px rgba(29,53,93,.05); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }.flow-card:hover { transform:translateY(-6px); border-color:#b9d0fc; box-shadow:0 23px 45px rgba(23,74,162,.13); }.flow-card-top { display:flex; align-items:center; justify-content:space-between; }.flow-card .step { color:#8794aa; background:transparent; font-size:.75rem; letter-spacing:.11em; }.flow-orb { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; color:#236dea; background:linear-gradient(135deg,#e9f1ff,#e5ecff); }.flow-orb .svg-icon { width:19px; }.flow-card h3 { margin-top:34px; color:#14203a; font-size:1.31rem; letter-spacing:-.04em; }.flow-card p { color:#69758a; font-size:.9375rem; line-height:1.62; }.link-chip { margin-top:22px; padding:12px; display:flex; gap:4px; overflow:hidden; border:1px solid #dce5f2; border-radius:12px; color:#33425f; background:#fff; font-size:.75rem; }.link-chip strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.link-lock { color:#2b72e9; font-weight:800; }.supported-signals { display:flex; align-items:center; gap:6px; margin-top:15px; }.supported-signals > span { margin-right:3px; color:#8a95a8; font-size:.75rem; font-weight:700; }.supported-signals .social-logo { width:26px; height:26px; border-radius:8px; }.supported-signals .social-logo svg { width:14px; height:14px; }
.service-snapshot { margin-top:22px; overflow:hidden; border:1px solid #dae4f2; border-radius:13px; background:#fff; }.service-snapshot > div { min-height:44px; padding:8px 10px; display:flex; align-items:center; gap:8px; }.service-snapshot > div+div { justify-content:space-between; border-top:1px solid #e9eef6; }.service-snapshot .social-logo { width:26px; height:26px; border-radius:8px; }.service-snapshot strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#27354e; font-size:.75rem; }.snapshot-live { margin-left:auto; padding:3px 5px; border-radius:5px; color:#129467; background:#e5f8f0; font-size:.625rem; font-weight:900; letter-spacing:.05em; }.service-snapshot b { color:#1f6ee8; font-size:.85rem; }.service-snapshot b small,.service-snapshot > div+div > span { color:#8894a7; font-size:.6875rem; font-weight:700; }
.delivery-snapshot { margin-top:20px; padding:12px; border:1px solid #dce5f2; border-radius:13px; background:#fff; }.delivery-line { display:flex; justify-content:space-between; padding:5px 0; color:#738096; font-size:.75rem; }.delivery-line b { color:#1d2b47; font-size:.75rem; }.delivery-line b.blue { color:#2469e5; }.delivery-progress { height:7px; margin:8px 0 10px; overflow:hidden; border-radius:9px; background:#e8eef8; }.delivery-progress i { width:66%; height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,#2e73ee,#8c65f4); animation:progressStream 2.5s ease-in-out infinite; }.delivery-snapshot small { display:flex; align-items:center; gap:6px; color:#7c899d; font-size:.6875rem; font-weight:700; }.delivery-snapshot small i { width:6px; height:6px; box-shadow:none; }@keyframes progressStream { 50% { width:76%; filter:saturate(1.3); } }
.route-section { max-width:1180px; margin:0 auto; padding:100px 28px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:64px; }.route-copy .eyebrow { color:#2369e7; }.route-copy h2 { max-width:480px; margin:15px 0 18px; color:#101b32; font-family:Manrope,sans-serif; font-size:clamp(2.1rem,3.5vw,3.25rem); line-height:1.08; letter-spacing:-.062em; }.route-copy > p:not(.eyebrow) { max-width:475px; color:#68748b; font-size:1rem; line-height:1.7; }.inline-link { display:inline-flex; align-items:center; gap:7px; margin-top:20px; color:#216ae7; font-size:.875rem; font-weight:800; }.inline-link .svg-icon { width:16px; }.route-map { position:relative; display:grid; gap:13px; }.route-card { position:relative; z-index:1; padding:17px; border:1px solid #dfe6f2; border-radius:20px; background:#fff; box-shadow:0 16px 32px rgba(31,57,104,.06); }.route-card header { display:flex; align-items:center; gap:8px; color:#5e6b80; font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.route-mark { width:21px; height:21px; display:grid; place-items:center; border-radius:8px; color:#1973e7; background:#e8f1ff; font-size:.85rem; }.route-mark-muted { color:#e15d70; background:#ffedf0; }.route-path { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:16px; }.route-path > div { min-height:42px; padding:0 9px; display:grid; place-items:center; border:1px solid #dce4ef; border-radius:10px; color:#34415a; background:#f9fbfe; text-align:center; font-size:.72rem; font-weight:800; }.route-path i { width:18px; height:1px; flex:1; position:relative; background:#cfd8e8; }.route-path i:after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid #aebacc; border-right:1px solid #aebacc; transform:rotate(45deg); }.route-fee { color:#a07078 !important; border-color:#f2d6dc !important; background:#fff8f8 !important; }.route-direct { color:#1767df !important; border-color:#b9d0fc !important; background:#eff5ff !important; }.route-card-new { border-color:#b8d1fc; background:linear-gradient(125deg,#fff,#f2f7ff); }.route-versus { position:absolute; z-index:2; left:50%; top:50%; width:32px; height:32px; display:grid; place-items:center; border:1px solid #dbe4f1; border-radius:50%; color:#738097; background:#fff; box-shadow:0 5px 12px rgba(36,59,101,.12); font-size:.68rem; font-weight:900; transform:translate(-50%,-50%); text-transform:uppercase; }
.confidence-section { padding-top:95px; padding-bottom:110px; background:linear-gradient(180deg,#eff4fc,#f8faff 60%,#f7f9fd); }.benefit-grid-rebuild { max-width:1180px; margin:0 auto; grid-template-columns:1.25fr .875fr .875fr; }.benefit-grid-rebuild .benefit-card { min-height:248px; border-color:#dce4f0; border-radius:20px; background:#fff; box-shadow:0 14px 30px rgba(33,58,102,.05); }.benefit-card-wide { display:grid; grid-template-columns:48px 1fr; column-gap:16px; align-content:start; }.benefit-card-wide .mini-ledger { grid-column:1/-1; margin-top:20px; padding-top:11px; border-top:1px solid #edf1f6; }.mini-ledger { display:grid; gap:7px; }.mini-ledger span { display:flex; align-items:center; gap:7px; color:#6f7c91; font-size:.75rem; font-weight:700; }.mini-ledger i { width:6px; height:6px; box-shadow:none; }.mini-ledger b { margin-left:auto; color:#246bdf; font-size:.75rem; }.benefit-grid-rebuild .benefit-icon { margin-bottom:0; }.benefit-grid-rebuild h3 { color:#15203a; }.benefit-grid-rebuild p { color:#6c788e; line-height:1.65; }
.platforms-section { padding-top:100px; padding-bottom:106px; }.platforms-rebuild { max-width:940px; margin-inline:auto; }.platforms-rebuild .platform-pill { padding:13px 17px; border-color:#dce4f0; border-radius:14px; background:#fff; box-shadow:0 6px 17px rgba(33,58,102,.04); font-size:.875rem; font-weight:800; }.faq-section { padding-top:80px; }.faq-list-rebuild { max-width:900px; }.faq-list-rebuild .faq { border-radius:16px; }.cta-panel-rebuild { max-width:1180px; min-height:280px; padding:54px 60px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:50px; overflow:hidden; border:1px solid #b9d1fb; border-radius:28px; background:radial-gradient(circle at 82% 15%,rgba(122,99,248,.22),transparent 31%),linear-gradient(110deg,#dfeaff,#f2f6ff); box-shadow:0 24px 50px rgba(34,79,161,.12); text-align:left; }.cta-panel-rebuild:before { width:310px; height:310px; top:-190px; right:130px; opacity:.32; background:#4d8cf4; }.cta-panel-rebuild h2 { margin:10px 0 0; color:#101b32; font-size:clamp(2.25rem,3.8vw,3.7rem); line-height:1; letter-spacing:-.07em; }.cta-panel-rebuild > div:last-child > p { max-width:390px; margin:0 0 20px; color:#65728a; font-size:1rem; line-height:1.6; }.cta-panel-rebuild .btn-dark { min-height:50px; padding-inline:20px; }

@media (max-width:1050px) { .landing-rebuild .hero-grid-rebuild { grid-template-columns:.84fr 1.16fr; gap:30px; }.route-section { gap:35px; }.benefit-grid-rebuild { grid-template-columns:1fr 1fr; }.benefit-card-wide { grid-column:1/-1; } }
@media (max-width:760px) { .landing-rebuild .landing-nav-rebuild { height:68px; padding-inline:15px; }.landing-rebuild .landing-create,.landing-rebuild .landing-theme { display:none; }.landing-rebuild .landing-nav-rebuild .nav-actions .mobile-menu { width:36px; height:36px; display:grid; }.landing-rebuild .locale-current { min-height:36px; padding-inline:7px; }.landing-rebuild .locale-current .svg-icon { display:none; }.landing-rebuild .locale-current .country-flag { width:15px; }.landing-rebuild .btn-quiet { min-height:36px; padding-inline:10px; font-size:.75rem; }.landing-rebuild .hero-catalog { min-height:0; }.hero-catalog:before { width:420px; height:420px; right:-260px; top:-300px; }.landing-rebuild .hero-grid-rebuild { min-height:0; padding:56px 20px 38px; display:block; }.hero-copy-rebuild { max-width:none; text-align:center; }.hero-copy-rebuild .eyebrow { justify-content:center; font-size:.64rem; }.hero-copy-rebuild h1 { margin:15px auto; font-size:3.1rem; }.hero-copy-rebuild > p:not(.eyebrow) { margin-inline:auto; font-size:.9375rem; }.hero-copy-rebuild .hero-actions { max-width:none; flex-direction:row; margin:23px 0 20px; }.hero-copy-rebuild .hero-actions .btn { width:50%; min-height:46px; padding-inline:9px; font-size:.75rem; }.hero-proof { justify-content:center; gap:10px 13px; font-size:.6875rem; }.catalog-visual { margin-top:38px; padding:12px; border-radius:20px; }.catalog-visual-top { display:block; padding:2px 2px 12px; }.catalog-visual-top strong { font-size:1rem; }.catalog-search { width:100%; margin-top:11px; justify-content:flex-start; }.catalog-search kbd { margin-left:auto; }.catalog-tabs { gap:2px; }.catalog-tabs button { padding-inline:8px; font-size:.65rem; }.catalog-table-head { grid-template-columns:1.4fr .7fr .5fr; min-height:31px; padding-inline:9px; }.catalog-table-head span:nth-child(3) { display:none; }.catalog-row { grid-template-columns:1.4fr .7fr .5fr; min-height:57px; padding-inline:9px; column-gap:7px; }.catalog-row > span:not(.catalog-start) { display:none; }.catalog-row strong { font-size:.6875rem; }.catalog-row small { font-size:.625rem; }.catalog-row > b,.catalog-start { font-size:.6875rem; }.catalog-visual-foot { padding-inline:2px; font-size:.625rem; }.catalog-visual-foot span:last-child { display:none; }.catalog-ticker-rebuild .ticker-track span { font-size:.625rem; }.stats-strip-rebuild { padding:23px 15px 28px; }.stats-strip-rebuild .stat { padding:15px 6px; }.stats-strip-rebuild .stat strong { font-size:1.65rem; }.stats-strip-rebuild .stat span { font-size:.625rem; letter-spacing:.06em; }.section-heading-rebuild h2 { font-size:2.35rem; }.flow-section { padding-top:68px; padding-bottom:68px; }.how-grid-rebuild { gap:12px; }.flow-card { min-height:0; padding:20px; }.flow-card h3 { margin-top:23px; }.route-section { padding:68px 20px; display:block; }.route-copy h2 { font-size:2.25rem; }.route-map { margin-top:34px; }.route-path { gap:5px; }.route-path > div { min-height:38px; padding-inline:6px; font-size:.625rem; }.route-path i { width:12px; }.confidence-section { padding-top:68px; padding-bottom:72px; }.benefit-grid-rebuild { display:grid; grid-template-columns:1fr; gap:12px; }.benefit-card-wide { grid-column:auto; }.benefit-grid-rebuild .benefit-card { min-height:0; }.platforms-section { padding-top:68px; padding-bottom:70px; }.platforms-rebuild { justify-content:center; }.platforms-rebuild .platform-pill { padding:10px 12px; font-size:.75rem; }.faq-section { padding-top:58px; }.cta-panel-rebuild { min-height:0; margin:0 15px 65px; padding:35px 25px; display:block; border-radius:23px; }.cta-panel-rebuild h2 { font-size:2.35rem; }.cta-panel-rebuild > div:last-child { margin-top:24px; }.cta-panel-rebuild > div:last-child > p { font-size:.9375rem; }.cta-panel-rebuild .btn-dark { width:100%; } }
[data-theme="dark"] .landing-rebuild { color:#eef4ff; background:#081221; }.landing-rebuild[data-theme="dark"] { background:#081221; }
[data-theme="dark"] .landing-nav-rebuild,.landing-rebuild[data-theme="dark"] .landing-nav-rebuild { background:#081221; }.landing-rebuild[data-theme="dark"] .landing-nav-rebuild .brand { color:#f5f8ff; }.landing-rebuild[data-theme="dark"] .landing-nav-rebuild .nav-links a { color:#aebbd2; }.landing-rebuild[data-theme="dark"] .hero-catalog { background:radial-gradient(circle at 8% 20%,rgba(72,136,255,.18),transparent 30%),radial-gradient(circle at 86% 70%,rgba(135,97,255,.16),transparent 34%),linear-gradient(180deg,#0b1729,#081221); }.landing-rebuild[data-theme="dark"] .hero-copy-rebuild h1,.landing-rebuild[data-theme="dark"] .catalog-visual-top strong,.landing-rebuild[data-theme="dark"] .flow-card h3,.landing-rebuild[data-theme="dark"] .route-copy h2,.landing-rebuild[data-theme="dark"] .benefit-grid-rebuild h3,.landing-rebuild[data-theme="dark"] .cta-panel-rebuild h2 { color:#f2f6ff; }.landing-rebuild[data-theme="dark"] .hero-copy-rebuild > p:not(.eyebrow),.landing-rebuild[data-theme="dark"] .flow-card p,.landing-rebuild[data-theme="dark"] .route-copy > p:not(.eyebrow),.landing-rebuild[data-theme="dark"] .benefit-grid-rebuild p { color:#a8b5ca; }.landing-rebuild[data-theme="dark"] .catalog-visual,.landing-rebuild[data-theme="dark"] .flow-card,.landing-rebuild[data-theme="dark"] .route-card,.landing-rebuild[data-theme="dark"] .benefit-grid-rebuild .benefit-card { border-color:#263851; background:#101d31; box-shadow:0 18px 45px rgba(0,0,0,.22); }.landing-rebuild[data-theme="dark"] .catalog-tabs,.landing-rebuild[data-theme="dark"] .catalog-table,.landing-rebuild[data-theme="dark"] .service-snapshot,.landing-rebuild[data-theme="dark"] .delivery-snapshot { border-color:#283954; background:#0c1729; }.landing-rebuild[data-theme="dark"] .catalog-tabs button.active,.landing-rebuild[data-theme="dark"] .catalog-search { color:#b4c8ed; border-color:#2b3d59; background:#132238; }.landing-rebuild[data-theme="dark"] .catalog-row strong,.landing-rebuild[data-theme="dark"] .service-snapshot strong,.landing-rebuild[data-theme="dark"] .delivery-line b { color:#eaf1ff; }.landing-rebuild[data-theme="dark"] .link-chip { border-color:#2a3d5b; background:#0d182b; color:#cbd7e9; }.landing-rebuild[data-theme="dark"] .route-card-new { background:linear-gradient(125deg,#0e1e37,#112848); }.landing-rebuild[data-theme="dark"] .stats-strip-rebuild { border-color:#21324c; }.landing-rebuild[data-theme="dark"] .stats-strip-rebuild .stat strong { color:#ecf3ff; }.landing-rebuild[data-theme="dark"] .confidence-section { background:linear-gradient(180deg,#0d192c,#081221); }.landing-rebuild[data-theme="dark"] .platforms-rebuild .platform-pill { border-color:#263851; color:#dfe9fa; background:#101d31; }.landing-rebuild[data-theme="dark"] .cta-panel-rebuild { border-color:#2d4c83; background:radial-gradient(circle at 82% 15%,rgba(122,99,248,.26),transparent 31%),linear-gradient(110deg,#112542,#162b51); }.landing-rebuild[data-theme="dark"] .cta-panel-rebuild > div:last-child > p { color:#b2c0d8; }
.svg-icon { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; flex:none; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); font-family:Manrope,sans-serif; font-size:21px; font-weight:800; letter-spacing:-1px; }
.brand-mark { position:relative; width:30px; height:30px; border-radius:11px; background:linear-gradient(135deg,var(--blue),var(--blue-2)); box-shadow:0 6px 18px #346dec55; overflow:hidden; }
.brand-mark:after { content:""; position:absolute; width:16px; height:16px; border:3px solid white; border-left-color:transparent; border-bottom-color:transparent; border-radius:50%; left:5px; top:5px; transform:rotate(13deg); }
.brand-mark:before { content:""; position:absolute; height:8px; width:3px; background:#fff; left:14px; top:8px; border-radius:3px; transform:rotate(39deg); z-index:1; }
.eyebrow { margin:0 0 14px; color:var(--blue); font-size:12px; letter-spacing:.18em; font-weight:700; text-transform:uppercase; }
.gradient-text { background:linear-gradient(100deg,var(--blue),var(--purple)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.btn { border:0; min-height:46px; padding:0 19px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border-radius:14px; background:var(--blue); color:#fff; font-weight:700; transition:transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 11px 20px #2366df33; }
.btn-primary { background:linear-gradient(110deg,var(--blue),#3879f0); }
.btn-dark { background:var(--ink); color:var(--surface); }
.btn-secondary { background:var(--surface); color:var(--ink); border:1px solid var(--line); }
.btn-ghost { background:transparent; color:var(--muted); border:1px solid var(--line); }
.btn-danger { background:var(--red); }
.btn-sm { min-height:36px; padding:0 13px; border-radius:11px; font-size:13px; }
.icon-button { border:1px solid var(--line); color:var(--ink); background:var(--surface); width:42px; height:42px; padding:0; display:inline-grid; place-items:center; border-radius:13px; transition:background .2s,transform .2s; }
.icon-button:hover { background:var(--blue-soft); color:var(--blue); transform:translateY(-1px); }
.surface { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); }

/* Landing */
.landing { overflow:hidden; background:var(--subtler); }
.landing-nav { position:sticky; top:0; z-index:30; height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 max(28px,calc((100% - var(--page))/2)); border-bottom:1px solid transparent; background:color-mix(in srgb, var(--subtler) 86%, transparent); backdrop-filter:blur(16px); }
.landing-nav.scrolled { border-color:var(--line); }
.nav-links { display:flex; align-items:center; gap:27px; color:var(--muted); font-size:14px; font-weight:600; }
.nav-actions { display:flex; gap:10px; align-items:center; }
.mobile-menu { display:none; }
.hero { position:relative; max-width:var(--page); padding:106px 28px 65px; margin:auto; text-align:center; }
.hero:before,.hero:after { content:""; position:absolute; border-radius:50%; filter:blur(4px); pointer-events:none; }
.hero:before { background:#dce8ff; width:470px; height:470px; left:-160px; top:60px; opacity:.68; }
.hero:after { background:#ece5ff; width:410px; height:410px; right:-100px; top:0; opacity:.66; }
.hero-copy { position:relative; max-width:850px; margin:auto; z-index:1; }
.hero h1 { max-width:820px; margin:0 auto 20px; font-family:Manrope,sans-serif; font-size:clamp(42px,6vw,72px); line-height:1.06; letter-spacing:-.065em; }
.hero h1 span { white-space:nowrap; }
.hero-copy > p:not(.eyebrow) { max-width:650px; margin:0 auto; color:var(--muted); font-size:18px; line-height:1.65; }
.hero-actions { display:flex; justify-content:center; gap:12px; margin:30px 0 38px; }
.trust-line { display:flex; gap:21px; justify-content:center; color:var(--muted); font-size:13px; }
.trust-line span { display:flex; align-items:center; gap:7px; }
.trust-line .svg-icon { width:16px; color:var(--green); }
.product-window { position:relative; z-index:1; max-width:920px; margin:54px auto 0; padding:12px; border-radius:28px; background:linear-gradient(140deg,#fff,#e7eeff); box-shadow:0 30px 75px rgba(24,66,132,.18); text-align:left; }
[data-theme="dark"] .product-window { background:linear-gradient(140deg,#293958,#121c32); }
.window-chrome { height:37px; display:flex; align-items:center; gap:7px; padding:0 7px; }
.window-dot { width:9px; height:9px; border-radius:50%; background:#cad2e0; }
.window-dot:first-child { background:#fb6975; }.window-dot:nth-child(2){background:#fbc154}.window-dot:nth-child(3){background:#53c987}
.window-body { border-radius:19px; border:1px solid var(--line); background:var(--surface); overflow:hidden; }
.dashboard-preview { display:grid; grid-template-columns:190px 1fr; min-height:385px; }
.preview-side { background:var(--subtle); border-right:1px solid var(--line); padding:22px 16px; }
.preview-brand { font-size:15px; }.preview-side ul { display:grid; list-style:none; padding:25px 0 0; margin:0; gap:5px; color:var(--muted); font-size:12px; }.preview-side li { display:flex; gap:9px; align-items:center; padding:9px; border-radius:8px; }.preview-side li:first-child { background:var(--blue); color:white; }
.preview-main { padding:23px; background:linear-gradient(140deg,var(--surface),var(--subtle)); }.preview-top { display:flex; justify-content:space-between; font-size:12px; }.preview-balance { margin:25px 0; padding:22px; border:1px solid #cbdcff; border-radius:17px; background:linear-gradient(120deg,#edf4ff,#fbfbff); }.preview-balance small { color:var(--muted); }.preview-balance strong { display:block; margin-top:7px; font-size:30px; }.preview-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:15px; }.preview-card { padding:17px; border:1px solid var(--line); border-radius:13px; background:var(--surface); }.line { height:7px; margin:10px 0; border-radius:8px; background:var(--line); }.line.blue { width:78%; background:linear-gradient(90deg,var(--blue),#a6c8ff); }.line.short { width:45%; }.preview-card small { color:var(--muted); }
.stats-strip { max-width:var(--page); margin:0 auto; padding:0 28px 110px; display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.stat { padding:24px 20px; background:var(--surface); border:1px solid var(--line); border-radius:17px; text-align:center; }.stat strong { display:block; font-family:Manrope,sans-serif; font-size:28px; letter-spacing:-1.5px; }.stat span { display:block; margin-top:5px; color:var(--muted); font-size:13px; }
.section { max-width:var(--page); padding:100px 28px; margin:auto; }.section-heading { max-width:650px; margin:0 auto 42px; text-align:center; }.section-heading h2 { margin:0; font-family:Manrope,sans-serif; font-size:clamp(31px,4vw,47px); letter-spacing:-.055em; line-height:1.12; }.section-heading p:not(.eyebrow) { color:var(--muted); line-height:1.6; }
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.how-card { min-height:266px; padding:27px; border:1px solid var(--line); border-radius:24px; background:var(--surface); transition:transform .25s,box-shadow .25s; }.how-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }.step { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; background:var(--blue-soft); color:var(--blue); font-weight:700; }.how-card h3 { margin:44px 0 8px; font-size:21px; }.how-card p { color:var(--muted); line-height:1.55; margin:0; }.mini-field { display:flex; align-items:center; gap:8px; height:41px; margin-top:20px; border:1px solid var(--line); padding:0 12px; border-radius:10px; color:var(--muted); font-size:12px; }.mini-field .svg-icon { color:var(--blue); width:14px; }
.benefit-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:16px; }.benefit-card { padding:29px; min-height:245px; background:var(--surface); border:1px solid var(--line); border-radius:23px; }.benefit-card:first-child { background:linear-gradient(140deg,#236cec,#6d5df2); color:#fff; border:0; }.benefit-card h3 { margin:23px 0 9px; font-family:Manrope,sans-serif; font-size:22px; }.benefit-card p { color:var(--muted); line-height:1.6; }.benefit-card:first-child p { color:#dae7ff; }.benefit-icon { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; color:var(--blue); background:var(--blue-soft); }.benefit-card:first-child .benefit-icon { color:#fff; background:#ffffff24; }
.platforms { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }.platform-pill { padding:13px 18px; display:flex; gap:9px; align-items:center; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow-sm); font-weight:600; }.platform-dot { width:11px; height:11px; background:var(--platform,#236cec); border-radius:4px; }
.faq-list { max-width:780px; margin:auto; display:grid; gap:11px; }.faq { overflow:hidden; border:1px solid var(--line); background:var(--surface); border-radius:17px; }.faq summary { padding:20px 22px; display:flex; align-items:center; justify-content:space-between; list-style:none; font-weight:700; cursor:pointer; }.faq summary::-webkit-details-marker { display:none; }.faq summary .svg-icon { color:var(--muted); transition:transform .2s; }.faq[open] summary .svg-icon { transform:rotate(180deg); }.faq p { margin:0; padding:0 22px 20px; color:var(--muted); line-height:1.6; }
.cta-panel { position:relative; overflow:hidden; max-width:var(--page); margin:0 auto 95px; padding:72px 28px; border-radius:30px; color:white; text-align:center; background:linear-gradient(115deg,#112251,#1d69ed 55%,#7454f6); }.cta-panel:after { content:""; position:absolute; right:-60px; bottom:-190px; width:430px; height:430px; border:60px solid #ffffff16; border-radius:50%; }.cta-panel h2 { position:relative; z-index:1; margin:0 0 12px; font-family:Manrope,sans-serif; font-size:42px; letter-spacing:-.055em; }.cta-panel p { position:relative; z-index:1; margin:0 0 26px; color:#dceaff; }
.landing-footer { border-top:1px solid var(--line); padding:58px max(28px,calc((100% - var(--page))/2)); background:var(--subtle); }.footer-grid { display:grid; grid-template-columns:1.8fr repeat(3,1fr); gap:30px; }.footer-grid p { max-width:285px; color:var(--muted); line-height:1.6; font-size:14px; }.footer-grid strong { display:block; margin:4px 0 14px; font-size:12px; letter-spacing:.12em; color:var(--muted); text-transform:uppercase; }.footer-grid a { display:block; margin:10px 0; color:var(--muted); font-size:14px; }.copyright { max-width:var(--page); padding-top:35px; margin-top:38px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }

/* App shell */
.app-shell { min-height:100vh; background:var(--subtler); }.app-sidebar { position:fixed; z-index:20; top:0; bottom:0; left:0; width:250px; padding:25px 15px; display:flex; flex-direction:column; background:var(--surface); border-right:1px solid var(--line); }.side-nav { display:grid; gap:3px; margin-top:39px; }.side-nav a { min-height:45px; padding:0 13px; display:flex; align-items:center; gap:12px; color:var(--muted); border-radius:12px; font-size:14px; font-weight:600; }.side-nav a:hover { background:var(--subtle); color:var(--ink); }.side-nav a.active { color:#fff; background:linear-gradient(100deg,var(--blue),#3878ed); box-shadow:0 8px 17px #2467df31; }.side-nav .svg-icon { width:18px; }.side-section { margin:25px 13px 7px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }.side-bottom { margin-top:auto; }.mini-user { padding:12px; display:flex; align-items:center; gap:10px; border-radius:15px; background:var(--subtle); }.avatar { flex:none; width:34px; height:34px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#172549,#416fd9); color:white; font-size:12px; font-weight:700; }.mini-user strong,.mini-user small { display:block; max-width:132px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.mini-user strong { font-size:12px; }.mini-user small { margin-top:2px; color:var(--muted); font-size:11px; }.app-main { margin-left:250px; min-height:100vh; }.app-header { position:sticky; z-index:10; top:0; height:74px; padding:0 34px; display:flex; align-items:center; justify-content:space-between; gap:17px; background:color-mix(in srgb,var(--subtler) 88%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }.header-title { display:flex; align-items:center; gap:12px; }.header-title h1 { margin:0; font-family:Manrope,sans-serif; font-size:20px; letter-spacing:-.6px; }.header-tools { display:flex; align-items:center; gap:10px; }.balance-pill { padding:6px 7px 6px 12px; display:flex; align-items:center; gap:8px; border-radius:12px; color:var(--blue); background:var(--blue-soft); font-weight:700; font-size:13px; }.balance-plus { width:27px; height:27px; border:0; display:grid; place-items:center; border-radius:9px; color:#fff; background:var(--blue); }.currency { position:relative; }.currency > button { border:0; color:var(--ink); background:transparent; display:flex; align-items:center; gap:4px; font-weight:700; }.currency-menu { display:none; position:absolute; top:35px; right:0; min-width:170px; padding:6px; background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:14px; }.currency.open .currency-menu { display:block; }.currency-menu button { width:100%; display:block; padding:9px; border:0; text-align:left; background:transparent; color:var(--muted); border-radius:9px; font-size:13px; }.currency-menu button:hover { background:var(--subtle); color:var(--blue); }.notice-dot { position:relative; }.notice-dot:after { content:""; position:absolute; top:6px; right:7px; width:6px; height:6px; border:2px solid var(--subtler); border-radius:50%; background:var(--red); }.profile-toggle { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:var(--ink); }.profile-toggle .avatar { width:35px; height:35px; }.profile-menu { display:none; position:absolute; right:31px; top:63px; z-index:12; min-width:215px; padding:8px; border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:var(--shadow); }.profile-menu.open { display:block; }.profile-menu button,.profile-menu a { width:100%; padding:11px; display:flex; align-items:center; gap:8px; border:0; color:var(--muted); background:transparent; text-align:left; border-radius:10px; }.profile-menu button:hover,.profile-menu a:hover { color:var(--ink); background:var(--subtle); }.profile-menu .sign-out { color:var(--red); border-top:1px solid var(--line); margin-top:4px; }.content { max-width:1390px; margin:auto; padding:35px; }.page-title { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }.page-title h2 { margin:0; font-family:Manrope,sans-serif; font-size:30px; letter-spacing:-1.4px; }.page-title p { margin:6px 0 0; color:var(--muted); }.welcome { display:flex; align-items:center; gap:14px; margin-bottom:25px; }.welcome-icon { display:grid; place-items:center; width:44px; height:44px; color:var(--blue); background:var(--blue-soft); border:1px solid #c8d9ff; border-radius:15px; }.welcome h2 { margin:0; font-family:Manrope,sans-serif; letter-spacing:-.8px; font-size:25px; }.dashboard-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:20px; }.dashboard-grid > * { min-width:0; }.balance-card { position:relative; overflow:hidden; padding:30px; min-height:245px; background:linear-gradient(125deg,#e6f0ff,#fff 62%,#eeecff); border:1px solid #c9dafa; border-radius:var(--radius); }.balance-card:after { content:""; position:absolute; width:240px; height:240px; right:-70px; top:-105px; border-radius:50%; background:#fff7; }.balance-card > * { position:relative; z-index:1; }.balance-label { display:flex; align-items:center; gap:10px; color:var(--muted); font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }.balance-amount { margin:17px 0 25px; font-family:Manrope,sans-serif; font-size:48px; line-height:1; letter-spacing:-3px; }.balance-summary { display:flex; max-width:410px; border:1px solid #d6def0; border-radius:15px; overflow:hidden; background:#ffffffa8; }.balance-summary div { flex:1; padding:14px; text-align:center; }.balance-summary div+div { border-left:1px solid #d6def0; }.balance-summary span { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }.balance-summary strong { display:block; margin-top:5px; font-size:17px; }.balance-summary div:first-child strong { color:var(--green); }.quick-actions { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.quick-card { min-height:114px; padding:18px; display:block; border:1px solid var(--line); border-radius:18px; background:var(--surface); transition:transform .2s, box-shadow .2s; }.quick-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-sm); }.quick-card .svg-icon { padding:9px; width:39px; height:39px; color:var(--blue); border-radius:12px; background:var(--blue-soft); }.quick-card strong { display:block; margin-top:13px; font-size:14px; }.quick-card span { color:var(--muted); font-size:12px; }.wide-card { grid-column:1 / -1; }.wide-card .svg-icon { color:var(--purple); background:#efebff; }.section-card { margin-top:20px; padding:25px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.section-card h3 { margin:0; font-family:Manrope,sans-serif; font-size:18px; letter-spacing:-.5px; }.section-card > p { color:var(--muted); }.activity { display:grid; gap:3px; margin-top:17px; }.activity-row { padding:12px 0; display:grid; align-items:center; grid-template-columns:34px 1fr auto; gap:11px; border-bottom:1px solid var(--line); }.activity-row:last-child { border:0; }.activity-icon { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; background:var(--blue-soft); color:var(--blue); }.activity-row strong { display:block; font-size:13px; }.activity-row small { color:var(--muted); font-size:11px; }.activity-row b { font-size:13px; }.status { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:50px; background:var(--blue-soft); color:var(--blue); font-size:11px; font-weight:700; }.status:before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }.status.success { color:var(--green); background:var(--green-soft); }.status.pending { color:var(--orange); background:#fff3e4; }.status.error { color:var(--red); background:var(--red-soft); }

/* Forms, tables and customer modules */
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }.form-group { min-width:0; }.form-group.full { grid-column:1/-1; }.form-group label { display:block; margin:0 0 8px; font-size:13px; font-weight:700; }.form-control { width:100%; min-height:46px; padding:0 13px; border:1px solid var(--line); outline:0; border-radius:12px; color:var(--ink); background:var(--subtler); transition:border .2s, box-shadow .2s; }.form-control:focus { border-color:#78a6ff; box-shadow:0 0 0 3px #2c70eb16; }.form-control::placeholder { color:#aab3c2; }.textarea { min-height:100px; padding-top:12px; resize:vertical; }.input-with-icon { position:relative; }.input-with-icon .svg-icon { position:absolute; left:13px; top:14px; color:var(--muted); }.input-with-icon .form-control { padding-left:42px; }.field-note { display:block; margin-top:7px; color:var(--muted); font-size:11px; }.filters { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }.search { min-width:240px; flex:1; }.select { max-width:190px; appearance:auto; }.tabs { display:flex; gap:5px; padding:4px; overflow:auto; border-radius:14px; background:var(--subtle); }.tabs button { white-space:nowrap; min-height:34px; padding:0 14px; border:0; border-radius:10px; color:var(--muted); background:transparent; font-size:13px; font-weight:700; }.tabs button.active { color:var(--blue); background:var(--surface); box-shadow:var(--shadow-sm); }.service-layout { display:grid; grid-template-columns:1fr 360px; gap:20px; }.service-list { overflow:hidden; }.service-row { padding:18px 22px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:15px; border-bottom:1px solid var(--line); transition:background .2s; }.service-row:hover { background:var(--subtle); }.service-row:last-child { border-bottom:0; }.service-id { color:var(--muted); font-size:11px; font-weight:700; }.service-row h4 { max-width:600px; margin:6px 0; font-size:15px; line-height:1.35; }.service-meta { display:flex; gap:8px; color:var(--muted); font-size:12px; }.service-meta span+span:before { content:"·"; margin-right:8px; }.service-rate { text-align:right; }.service-rate strong { color:var(--blue); font-family:Manrope,sans-serif; font-size:17px; }.service-rate span { display:block; color:var(--muted); font-size:10px; }.service-detail { position:sticky; top:94px; height:fit-content; padding:24px; }.service-detail .detail-icon { display:grid; place-items:center; width:45px; height:45px; color:var(--blue); border-radius:14px; background:var(--blue-soft); }.service-detail h3 { margin:16px 0 6px; }.service-detail p { color:var(--muted); font-size:13px; line-height:1.55; }.detail-specs { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:20px 0; }.detail-specs div { padding:11px; background:var(--subtle); border-radius:11px; }.detail-specs span { display:block; color:var(--muted); font-size:10px; text-transform:uppercase; }.detail-specs strong { display:block; margin-top:4px; font-size:12px; }.new-order { display:grid; grid-template-columns:1fr 350px; gap:20px; }.order-summary { position:sticky; top:94px; height:fit-content; padding:24px; }.summary-placeholder { display:grid; min-height:255px; place-items:center; color:var(--muted); text-align:center; }.summary-placeholder .svg-icon { width:44px; height:44px; margin-bottom:12px; color:#b3bfd4; }.price-display { margin:16px 0; padding:16px; display:flex; justify-content:space-between; align-items:center; border-radius:13px; background:var(--blue-soft); }.price-display span { color:var(--muted); font-size:12px; }.price-display strong { color:var(--blue); font-size:22px; }.info-callout { padding:13px; display:flex; align-items:flex-start; gap:9px; color:var(--muted); border-radius:12px; background:var(--subtle); font-size:12px; line-height:1.45; }.info-callout .svg-icon { flex:none; margin-top:1px; color:var(--blue); width:16px; }.data-table { width:100%; border-collapse:collapse; }.data-table th { padding:0 12px 13px; color:var(--muted); border-bottom:1px solid var(--line); text-align:left; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.data-table td { padding:15px 12px; border-bottom:1px solid var(--line); font-size:13px; }.data-table tr:last-child td { border-bottom:0; }.data-table strong { display:block; font-size:13px; }.data-table small { color:var(--muted); }.progress { width:95px; height:6px; margin-top:5px; overflow:hidden; border-radius:10px; background:var(--line); }.progress span { display:block; height:100%; border-radius:inherit; background:var(--blue); }.mobile-data { display:none; }.wallet-layout { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.payment-methods { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:20px; }.payment-method { min-height:135px; padding:16px; border:1px solid var(--line); border-radius:17px; color:var(--ink); background:var(--surface); text-align:left; transition:border .2s,transform .2s; }.payment-method:hover { transform:translateY(-2px); }.payment-method.selected { border-color:var(--blue); box-shadow:0 0 0 2px #226aed17; background:var(--blue-soft); }.pay-icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:18px; color:var(--blue); background:var(--blue-soft); border-radius:12px; }.payment-method:nth-child(2) .pay-icon { color:#7e55ee; background:#f0eaff; }.payment-method:nth-child(3) .pay-icon { color:var(--green); background:var(--green-soft); }.payment-method strong { display:block; font-size:12px; }.payment-method small { display:block; margin-top:4px; color:var(--muted); font-size:10px; line-height:1.3; }.quick-amounts { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.quick-amounts button { padding:8px 12px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:var(--surface); font-weight:700; }.transactions { margin-top:20px; }.transactions .data-table { margin-top:16px; }.manual-payment { padding:17px; border:1px solid #b9cfef; border-radius:15px; background:linear-gradient(135deg,#eff6ff,#fff); }.manual-payment h4 { margin:0 0 8px; }.payment-details { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:13px 0; }.payment-details div { padding:9px; border-radius:9px; background:#fff; }.payment-details span { display:block; color:var(--muted); font-size:10px; }.payment-details strong { display:block; margin-top:3px; font-size:12px; }.receipt { padding:13px; border:1px dashed #9db9e9; border-radius:12px; color:var(--muted); background:#fff8; font-size:12px; }.receipt input { width:100%; margin-top:5px; }.ticket-layout { display:grid; grid-template-columns:1fr 380px; gap:20px; }.ticket-list { overflow:hidden; }.ticket-row { padding:17px 20px; display:grid; grid-template-columns:36px 1fr auto; gap:12px; align-items:center; border-bottom:1px solid var(--line); }.ticket-row .ticket-symbol { width:34px; height:34px; display:grid; place-items:center; color:var(--purple); border-radius:11px; background:#f0edff; }.ticket-row strong { display:block; font-size:13px; }.ticket-row small { color:var(--muted); font-size:11px; }.ticket-form { padding:23px; height:fit-content; }.affiliate-hero { padding:29px; position:relative; overflow:hidden; background:linear-gradient(130deg,#e9f2ff,#f7f4ff); border:1px solid #c7dafa; }.affiliate-hero:after { content:""; position:absolute; width:180px; height:180px; right:-45px; top:-70px; border:25px solid #526ef320; border-radius:50%; }.affiliate-hero > * { position:relative; z-index:1; }.affiliate-hero h3 { margin:0 0 6px; font-size:25px; }.affiliate-hero p { max-width:600px; margin:0 0 19px; color:var(--muted); line-height:1.55; }.referral-box { max-width:550px; padding:9px; display:flex; gap:10px; border:1px solid #bdcff3; border-radius:14px; background:#ffffffb8; }.referral-box code { flex:1; padding:6px 8px; overflow:hidden; color:var(--ink); white-space:nowrap; text-overflow:ellipsis; font-size:12px; }.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:20px 0; }.metric-card { padding:18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }.metric-card .svg-icon { width:31px; height:31px; padding:8px; color:var(--blue); border-radius:10px; background:var(--blue-soft); }.metric-card strong { display:block; margin-top:12px; font-family:Manrope,sans-serif; font-size:23px; }.metric-card span { color:var(--muted); font-size:12px; }.leaderboard { padding:20px; }.leader-row { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:10px; padding:13px 0; border-bottom:1px solid var(--line); }.leader-row:last-child { border-bottom:0; }.rank { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; color:var(--blue); background:var(--blue-soft); font-size:11px; font-weight:700; }.leader-row strong { font-size:13px; }.leader-row span { color:var(--muted); font-size:11px; }.api-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:20px; }.api-key { margin:18px 0; padding:14px; display:flex; gap:10px; align-items:center; border:1px solid var(--line); border-radius:12px; background:var(--subtle); }.api-key code { flex:1; overflow:hidden; color:var(--muted); white-space:nowrap; text-overflow:ellipsis; font-size:12px; }.codeblock { margin:0; padding:19px; overflow:auto; border-radius:15px; color:#dbe5ff; background:#101b32; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; line-height:1.65; }.codeblock .key { color:#86c3ff; }.codeblock .string { color:#a8e7b7; }.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.news-card { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--surface); transition:transform .2s,box-shadow .2s; }.news-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }.news-visual { height:135px; display:flex; align-items:flex-end; padding:16px; color:#fff; background:linear-gradient(140deg,#165ce3,#7d5ef3); }.news-card:nth-child(2) .news-visual { background:linear-gradient(140deg,#19a881,#42bdd4); }.news-card:nth-child(3) .news-visual { background:linear-gradient(140deg,#e88333,#e04e74); }.news-visual .svg-icon { width:34px; height:34px; }.news-card > div:last-child { padding:17px; }.news-card small { color:var(--muted); font-size:11px; }.news-card h3 { margin:8px 0 8px; font-size:16px; line-height:1.35; }.news-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }.profile-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:20px; }.profile-card { text-align:center; padding:29px; }.profile-card .avatar { width:67px; height:67px; margin:auto; border-radius:23px; font-size:21px; }.profile-card h3 { margin:13px 0 4px; }.profile-card p { margin:0; color:var(--muted); font-size:13px; }.profile-mini { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:25px; }.profile-mini div { padding:12px; border-radius:12px; background:var(--subtle); }.profile-mini strong { display:block; font-size:15px; }.profile-mini span { color:var(--muted); font-size:10px; }.settings-tabs { margin-bottom:20px; }

/* Admin */
.admin-banner { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:24px; padding:13px 17px; color:#5e40d8; background:#f1eeff; border:1px solid #dcd4ff; border-radius:14px; font-size:13px; }.admin-banner strong { color:#4c2dc3; }.admin-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.admin-metric { padding:18px; border:1px solid var(--line); border-radius:17px; background:var(--surface); }.admin-metric .metric-top { display:flex; justify-content:space-between; align-items:center; color:var(--muted); font-size:12px; }.admin-metric .svg-icon { padding:8px; width:34px; height:34px; color:var(--blue); background:var(--blue-soft); border-radius:10px; }.admin-metric strong { display:block; margin-top:15px; font-family:Manrope,sans-serif; font-size:24px; letter-spacing:-1px; }.admin-metric small { display:block; margin-top:3px; color:var(--green); font-size:11px; }.admin-dash-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:20px; margin-top:20px; }.chart-card { padding:23px; }.chart-card header { display:flex; justify-content:space-between; align-items:center; }.chart-card h3 { margin:0; }.chart-card select { padding:6px 9px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--subtle); font-size:11px; }.chart { position:relative; height:215px; margin-top:19px; border-bottom:1px solid var(--line); background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,var(--line) 53px); }.chart svg { width:100%; height:100%; overflow:visible; }.chart-labels { display:flex; justify-content:space-between; padding-top:8px; color:var(--muted); font-size:10px; }.admin-panel { padding:22px; }.admin-panel h3 { margin:0 0 4px; }.admin-panel > p { margin:0 0 18px; color:var(--muted); font-size:12px; }.notification-list { display:grid; gap:2px; }.notification-row { display:grid; grid-template-columns:31px 1fr auto; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line); }.notification-row:last-child { border:0; }.notification-row .svg-icon { width:30px; height:30px; padding:8px; color:var(--orange); background:#fff1de; border-radius:9px; }.notification-row strong { display:block; font-size:12px; }.notification-row small { color:var(--muted); font-size:10px; }.admin-tabs { margin-bottom:20px; }.admin-workspace { padding:23px; }.admin-workspace header { display:flex; align-items:center; justify-content:space-between; gap:13px; margin-bottom:19px; }.admin-workspace h3 { margin:0; }.admin-table-actions { display:flex; gap:5px; }.service-admin-row .toggle { position:relative; display:block; width:38px; height:21px; padding:0; border:0; border-radius:50px; background:#d9deea; }.service-admin-row .toggle:before { content:""; position:absolute; top:3px; left:3px; width:15px; height:15px; border-radius:50%; background:#fff; transition:transform .2s; }.service-admin-row .toggle.active { background:var(--green); }.service-admin-row .toggle.active:before { transform:translateX(17px); }.settings-section { padding:20px 0; border-bottom:1px solid var(--line); }.settings-section:first-child { padding-top:0; }.settings-section:last-child { border:0; padding-bottom:0; }.settings-section h4 { margin:0 0 5px; }.settings-section > p { margin:0 0 14px; color:var(--muted); font-size:12px; }.settings-section .form-grid { max-width:770px; }.user-result { padding:16px; display:flex; justify-content:space-between; align-items:center; border:1px solid var(--line); border-radius:13px; background:var(--subtle); }.user-result .user-data { display:flex; align-items:center; gap:9px; }.user-result .avatar { width:35px; height:35px; }.user-result strong,.user-result small { display:block; }.user-result small { color:var(--muted); font-size:11px; }.broadcast-preview { margin-top:13px; padding:15px; border-left:3px solid var(--purple); border-radius:10px; background:#f5f2ff; }.broadcast-preview strong { display:block; color:#4d3db3; }.broadcast-preview p { margin:5px 0 0; color:#6f67a0; font-size:12px; }

/* Modal / toast / mobile nav */
.modal-layer { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:#10192c88; backdrop-filter:blur(5px); animation:fade .2s ease-out; }.modal { width:min(100%,510px); max-height:calc(100vh - 40px); overflow:auto; position:relative; padding:30px; border-radius:25px; color:var(--ink); background:var(--surface); box-shadow:0 24px 60px #0a132b66; animation:rise .25s ease-out; }.modal-close { position:absolute; top:17px; right:17px; }.modal .brand { justify-content:center; width:100%; margin-bottom:18px; }.modal-heading { margin:0; text-align:center; font-family:Manrope,sans-serif; font-size:28px; letter-spacing:-1.2px; }.modal-sub { margin:6px 0 22px; color:var(--muted); text-align:center; line-height:1.5; }.auth-switch { display:flex; padding:4px; margin-bottom:20px; border-radius:12px; background:var(--subtle); }.auth-switch button { flex:1; padding:9px; border:0; border-radius:9px; color:var(--muted); background:transparent; font-size:13px; font-weight:700; }.auth-switch button.active { color:var(--blue); background:var(--surface); box-shadow:var(--shadow-sm); }.or-divider { display:flex; align-items:center; gap:10px; margin:19px 0; color:var(--muted); font-size:10px; letter-spacing:.13em; }.or-divider:before,.or-divider:after { content:""; height:1px; flex:1; background:var(--line); }.modal .form-grid { margin-top:16px; }.modal .btn.full { width:100%; margin-top:17px; }.modal-footer { margin:20px 0 0; color:var(--muted); text-align:center; font-size:13px; }.text-link { border:0; padding:0; color:var(--blue); background:transparent; font-weight:700; }.broadcast-modal { max-width:560px; padding:0; overflow:hidden; }.broadcast-top { height:140px; position:relative; background:linear-gradient(130deg,#2169ed,#7956f5); }.broadcast-art { position:absolute; right:35px; bottom:-27px; width:108px; height:108px; display:grid; place-items:center; border:14px solid #ffffff22; border-radius:50%; color:#fff; }.broadcast-art .svg-icon { width:45px; height:45px; }.broadcast-content { padding:29px; }.broadcast-content .eyebrow { margin-bottom:7px; }.broadcast-content h2 { margin:0 0 9px; font-family:Manrope,sans-serif; font-size:26px; }.broadcast-content p:not(.eyebrow) { margin:0; color:var(--muted); line-height:1.6; }.broadcast-content .btn { margin-top:22px; }.modal-success { padding:15px; display:flex; gap:9px; color:#157553; border:1px solid #c6ebdc; border-radius:12px; background:var(--green-soft); font-size:13px; }.modal-success .svg-icon { flex:none; }.app-mobile-nav { display:none; } #toast-region { position:fixed; right:22px; bottom:22px; z-index:200; display:grid; gap:9px; max-width:340px; }.toast { display:flex; align-items:flex-start; gap:10px; padding:14px; color:var(--ink); border:1px solid var(--line); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); animation:slidein .3s ease-out; }.toast.success .svg-icon { color:var(--green); }.toast.error .svg-icon { color:var(--red); }.toast strong { display:block; font-size:13px; }.toast span { display:block; margin-top:2px; color:var(--muted); font-size:12px; }.empty { padding:48px 20px; color:var(--muted); text-align:center; }.empty .svg-icon { width:40px; height:40px; margin-bottom:8px; color:#b9c2d4; }

@keyframes fade { from { opacity:0; } to { opacity:1; } } @keyframes rise { from { opacity:0; transform:translateY(13px) scale(.98); } to { opacity:1; transform:none; } } @keyframes slidein { from { opacity:0; transform:translateX(18px); } to { opacity:1; transform:none; } } @keyframes float { 50% { transform:translateY(-7px); } }
.reveal { animation:rise .45s ease both; }.product-window { animation:float 5s ease-in-out infinite; }

/* Landing-page refresh: currency / locale selector, animated social phone and catalog feed. */
.locale-picker { position:relative; z-index:40; }.locale-current { min-height:39px; padding:0 10px; display:flex; align-items:center; gap:7px; color:var(--ink); border:1px solid var(--line); border-radius:12px; background:var(--surface); font-size:12px; font-weight:700; }.locale-current .svg-icon { width:13px; color:var(--muted); }.country-flag { width:17px; height:12px; display:inline-block; overflow:hidden; flex:none; border:1px solid #ffffff66; border-radius:3px; box-shadow:0 0 0 1px #0b19321a; }.flag-ng { background:linear-gradient(90deg,#168c63 0 33%,#fff 33% 66%,#168c63 66%); }.flag-gh { background:linear-gradient(#d83d3d 0 33%,#f6ca36 33% 66%,#14804f 66%); }.flag-us { background:linear-gradient(#cb3544 0 16%,#fff 16% 32%,#cb3544 32% 48%,#fff 48% 64%,#cb3544 64% 80%,#fff 80%); }.flag-es { background:linear-gradient(#b92d3a 0 25%,#f2cd3f 25% 75%,#b92d3a 75%); }.locale-menu { position:absolute; top:47px; right:0; width:216px; padding:8px; display:none; border:1px solid var(--line); border-radius:15px; background:var(--surface); box-shadow:var(--shadow); }.locale-picker.open .locale-menu { display:block; animation:rise .18s ease-out; }.locale-menu p { margin:5px 8px 7px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.locale-menu button { width:100%; padding:9px; display:flex; align-items:center; gap:10px; border:0; border-radius:10px; color:var(--ink); background:transparent; text-align:left; }.locale-menu button:hover { background:var(--subtle); }.locale-menu button > span:nth-child(2) { flex:1; font-size:12px; font-weight:700; }.locale-menu small { display:block; margin-top:1px; color:var(--muted); font-size:10px; font-weight:500; }.locale-menu .svg-icon { width:14px; color:var(--blue); }
.landing-refresh { background:#f7f9fd; }.hero-refresh { max-width:none; min-height:630px; margin:0; padding:0; overflow:hidden; color:#f9fbff; text-align:left; background:radial-gradient(circle at 77% 21%,#1b4c9638,transparent 23%),radial-gradient(circle at 57% 81%,#724ef438,transparent 27%),linear-gradient(135deg,#081321,#0a1830 56%,#101b39); }.hero-refresh:before { width:520px; height:520px; top:-265px; left:33%; opacity:.5; filter:blur(18px); background:#165bd3; }.hero-refresh:after { width:460px; height:460px; right:-190px; top:160px; opacity:.34; filter:blur(18px); background:#7146e9; }.hero-layout { position:relative; z-index:1; max-width:var(--page); min-height:630px; padding:82px 28px 56px; margin:auto; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:25px; }.hero-refresh .hero-copy { max-width:585px; margin:0; }.hero-refresh .eyebrow { color:#6fa4ff; }.hero-refresh h1 { max-width:600px; margin:0 0 19px; font-size:clamp(44px,5.2vw,67px); line-height:1.045; letter-spacing:-.07em; }.hero-refresh .gradient-text { background:linear-gradient(100deg,#5592ff,#9a75ff); -webkit-background-clip:text; background-clip:text; }.hero-refresh .hero-copy > p:not(.eyebrow) { max-width:545px; margin:0; color:#a7b6d1; font-size:16px; line-height:1.67; }.hero-refresh .hero-actions { justify-content:flex-start; margin:27px 0 23px; }.hero-refresh .btn-secondary { color:#f7faff; border-color:#ffffff2e; background:#ffffff12; }.hero-refresh .btn-secondary:hover { background:#ffffff1d; }.hero-refresh .trust-line { justify-content:flex-start; color:#aab9d1; }.hero-refresh .trust-line .svg-icon { color:#6ba0ff; }.phone-stage { position:relative; min-height:510px; display:grid; place-items:center; perspective:1300px; }.iphone-17 { position:relative; z-index:2; width:285px; height:570px; padding:7px; border-radius:48px; transform:rotate(8deg); background:linear-gradient(145deg,#e9f0fa 0,#64728b 11%,#121a2b 48%,#526078 94%,#f5f7fb); box-shadow:24px 30px 60px #0000006e,0 0 0 1px #ffffff72 inset; animation:phoneFloat 5.5s ease-in-out infinite; }.iphone-metal { position:absolute; inset:3px; pointer-events:none; border:1px solid #ffffff4d; border-radius:45px; }.iphone-screen { position:relative; height:100%; overflow:hidden; border-radius:41px; background:#0b1020; }.iphone-status { position:absolute; z-index:5; top:0; right:0; left:0; height:38px; padding:10px 16px 0; display:flex; justify-content:space-between; align-items:flex-start; color:#eef4ff; font-size:9px; font-weight:700; }.dynamic-island { position:absolute; left:50%; top:8px; width:87px; height:22px; border-radius:30px; background:#03060c; transform:translateX(-50%); }.phone-profiles { position:absolute; inset:0; }.phone-profile { position:absolute; inset:0; padding:48px 17px 23px; color:#fff; opacity:0; transform:scale(.94); animation:phoneScreen 20s infinite ease-in-out; animation-delay:calc(var(--profile-index) * -4s); }.phone-profile:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 19%,#ffffff25,transparent 21%),linear-gradient(155deg,#0f172d,#10152b 66%,#0a1021); }.phone-profile > * { position:relative; z-index:1; }.phone-instagram:before { background:radial-gradient(circle at 88% 10%,#ffce633d,transparent 22%),linear-gradient(160deg,#661ac3,#e63778 55%,#ff9b3e); }.phone-x:before { background:radial-gradient(circle at 80% 18%,#4a73db33,transparent 23%),linear-gradient(160deg,#141b2e,#080e1b); }.phone-tiktok:before { background:radial-gradient(circle at 88% 15%,#fd456338,transparent 22%),linear-gradient(150deg,#111827,#113b47 62%,#0d1525); }.phone-facebook:before { background:radial-gradient(circle at 87% 18%,#6ab5ff45,transparent 24%),linear-gradient(160deg,#1359cc,#0a2b78 67%,#081a44); }.phone-snapchat:before { color:#192033; background:radial-gradient(circle at 88% 13%,#fff49e66,transparent 21%),linear-gradient(160deg,#ffd91e,#f4b904 75%,#d78a00); }.phone-snapchat { color:#111829; }.phone-network { display:flex; align-items:center; gap:6px; font-size:10px; font-weight:700; }.network-more { margin-left:auto; letter-spacing:1px; }.social-logo { width:29px; height:29px; display:inline-grid; place-items:center; flex:none; border-radius:9px; color:#fff; background:#6b84bd; }.social-logo svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.social-instagram { background:linear-gradient(135deg,#fdc44f,#df2f7c 55%,#7642ce); }.social-tiktok { background:#111622; color:#74f5ed; }.social-facebook { background:#2879e8; }.social-x { color:#fff; background:#10131c; }.social-snapchat { color:#172033; background:#ffdc21; }.social-youtube { background:#e5323a; }.phone-profile-head { display:grid; grid-template-columns:53px 1fr auto; align-items:center; gap:10px; margin-top:27px; }.phone-avatar { width:51px; height:51px; padding:4px; display:grid; place-items:center; border:1px solid #ffffff73; border-radius:17px; background:#ffffff2c; }.phone-avatar .brand-mark { width:37px; height:37px; border-radius:13px; }.phone-avatar .brand-mark:after { width:18px; height:18px; left:6px; top:6px; }.phone-avatar .brand-mark:before { left:17px; top:10px; }.phone-profile-head strong,.phone-profile-head span { display:block; }.phone-profile-head strong { font-size:13px; }.phone-profile-head span:not(.phone-avatar) { margin-top:2px; opacity:.72; font-size:10px; }.phone-profile-head button { padding:7px 10px; border:1px solid #ffffff5e; border-radius:9px; color:inherit; background:#ffffff22; font-size:10px; font-weight:700; }.phone-bio { min-height:30px; margin:18px 0 12px; font-size:11px; line-height:1.4; }.phone-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:12px 0; border-top:1px solid #ffffff31; border-bottom:1px solid #ffffff31; }.phone-stats div { text-align:center; }.phone-stats strong { display:block; min-width:43px; font-family:Manrope,sans-serif; font-size:15px; letter-spacing:-.5px; }.phone-stats span { display:block; margin-top:1px; opacity:.75; font-size:8px; }.phone-media-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:14px; }.phone-media-grid i { display:block; aspect-ratio:1; border:1px solid #ffffff20; border-radius:7px; background:linear-gradient(135deg,#ffffff3d,#ffffff08); }.phone-media-grid i:nth-child(2n) { background:linear-gradient(135deg,#78b4ff80,#ffffff0b); }.phone-media-grid i:nth-child(3n) { background:linear-gradient(135deg,#ff9ec880,#ffffff0b); }.phone-growth-chip { position:absolute; right:15px; bottom:21px; padding:7px 9px; display:flex; align-items:center; gap:5px; border:1px solid #ffffff42; border-radius:50px; color:#fff; background:#071323a8; backdrop-filter:blur(8px); font-size:9px; font-weight:700; }.phone-growth-chip .svg-icon { width:12px; color:#63dba6; }.phone-home-indicator { position:absolute; z-index:6; bottom:7px; left:50%; width:93px; height:4px; border-radius:10px; background:#fff; transform:translateX(-50%); }.orbit { position:absolute; border:1px solid #8baeff2b; border-radius:50%; }.orbit-one { width:430px; height:430px; animation:spin 21s linear infinite; }.orbit-two { width:550px; height:550px; border-style:dashed; animation:spin 32s linear infinite reverse; }.catalog-ticker { overflow:hidden; padding:15px 0; border-bottom:1px solid #1d3155; color:#afc2e5; background:#0b162b; white-space:nowrap; }.ticker-track { width:max-content; display:flex; align-items:center; gap:45px; animation:catalogMove 29s linear infinite; }.ticker-track span { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:800; letter-spacing:.14em; }.ticker-track .svg-icon { width:15px; color:#6399ff; }.how-refresh { position:relative; }.how-refresh .how-card { min-height:326px; overflow:hidden; background:linear-gradient(145deg,var(--surface),var(--subtler)); }.how-refresh .how-card h3 { margin-top:34px; }.social-logo-row { display:flex; gap:7px; margin-top:17px; }.social-logo-row .social-logo { width:30px; height:30px; }.service-picker-preview { display:grid; grid-template-columns:30px 1fr auto 16px; align-items:center; gap:8px; padding:10px; margin-top:18px; border:1px solid #d5e2fb; border-radius:13px; background:#f1f6ff; }.service-picker-preview .social-logo { width:27px; height:27px; }.service-picker-preview span { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:11px; font-weight:700; }.service-picker-preview strong { color:var(--blue); font-size:9px; }.service-picker-preview .svg-icon { width:14px; color:var(--muted); }.growth-preview { display:flex; align-items:center; gap:13px; margin-top:16px; }.growth-ring { width:91px; height:91px; padding:6px; display:grid; place-content:center; border-radius:50%; color:var(--blue); text-align:center; background:conic-gradient(var(--blue) 0 72%,#d7e4f9 72%); box-shadow:0 0 0 6px #eff5ff; }.growth-ring:before { content:""; position:absolute; }.growth-ring span { display:block; font-family:Manrope,sans-serif; font-size:17px; letter-spacing:-1px; }.growth-ring small { display:block; color:var(--muted); font-size:9px; }.growth-preview > div:last-child strong { display:block; font-size:13px; }.growth-preview > div:last-child span { display:flex; gap:5px; align-items:center; margin-top:6px; color:var(--green); font-size:11px; }.growth-preview .svg-icon { width:13px; }
@keyframes phoneFloat { 50% { transform:translateY(-12px) rotate(6deg); } } @keyframes phoneScreen { 0%,17% { opacity:1; transform:scale(1); } 22%,100% { opacity:0; transform:scale(.94); } } @keyframes spin { to { transform:rotate(360deg); } } @keyframes catalogMove { to { transform:translateX(-50%); } }

@media (max-width:1050px) { .nav-links { display:none; }.dashboard-grid,.new-order,.service-layout,.ticket-layout,.api-layout,.profile-layout { grid-template-columns:1fr; }.service-detail,.order-summary { position:static; }.wallet-layout { grid-template-columns:1fr; }.admin-grid { grid-template-columns:repeat(2,1fr); }.admin-dash-grid { grid-template-columns:1fr; }.metric-grid { grid-template-columns:repeat(2,1fr); }.footer-grid { grid-template-columns:1.4fr repeat(2,1fr); }.footer-grid > :last-child { grid-column:2; }.dashboard-preview { grid-template-columns:145px 1fr; } }
@media (max-width:760px) { body { font-size:15px; }.landing-nav { height:68px; padding:0 18px; }.landing-nav .brand { font-size:18px; }.landing-nav .brand-mark { width:27px; height:27px; }.landing-nav .btn { min-height:39px; padding:0 12px; font-size:12px; }.landing-nav .nav-actions .icon-button { display:none; }.mobile-menu { display:grid; }.hero { padding:73px 20px 38px; }.hero h1 { font-size:42px; }.hero h1 span { white-space:normal; }.hero-copy > p:not(.eyebrow) { font-size:16px; }.hero-actions { flex-direction:column; margin:23px auto 27px; max-width:270px; }.hero-actions .btn { width:100%; }.trust-line { gap:10px; flex-wrap:wrap; font-size:11px; }.product-window { margin-top:35px; }.dashboard-preview { min-height:300px; grid-template-columns:1fr; }.preview-side { display:none; }.preview-main { padding:17px; }.preview-balance { margin:16px 0; }.stats-strip { padding:0 20px 68px; grid-template-columns:repeat(2,1fr); }.stat { padding:17px 8px; }.stat strong { font-size:22px; }.section { padding:65px 20px; }.section-heading { margin-bottom:28px; }.section-heading h2 { font-size:31px; }.how-grid,.benefit-grid,.news-grid { grid-template-columns:1fr; }.how-card { min-height:0; }.how-card h3 { margin-top:26px; }.benefit-card { min-height:0; }.platforms { justify-content:flex-start; }.platform-pill { padding:10px 12px; font-size:13px; }.cta-panel { margin:0 20px 65px; padding:51px 20px; }.cta-panel h2 { font-size:32px; }.landing-footer { padding:45px 20px; }.footer-grid { grid-template-columns:1fr 1fr; }.footer-grid > :first-child { grid-column:1/-1; }.footer-grid > :last-child { grid-column:auto; }
  .app-sidebar { display:none; }.app-main { margin-left:0; padding-bottom:81px; }.app-header { height:63px; padding:0 15px; }.app-header .header-title h1 { font-size:18px; }.app-header .header-title .icon-button { width:36px; height:36px; }.header-tools { gap:5px; }.header-tools > .currency { display:none; }.balance-pill { padding:5px 5px 5px 9px; font-size:12px; }.balance-plus { width:24px; height:24px; }.header-tools > .icon-button { display:none; }.profile-toggle { padding:0; }.profile-toggle .avatar { width:33px; height:33px; }.profile-menu { right:13px; top:54px; }.content { padding:23px 15px; }.page-title { margin-bottom:18px; }.page-title h2 { font-size:26px; }.page-title p { font-size:13px; }.page-title .btn { min-height:38px; padding:0 11px; font-size:12px; }.welcome { gap:10px; margin-bottom:18px; }.welcome h2 { font-size:20px; }.welcome-icon { width:39px; height:39px; }.dashboard-grid { gap:14px; }.balance-card { min-height:215px; padding:23px; }.balance-amount { margin:13px 0 20px; font-size:39px; }.balance-summary div { padding:11px 6px; }.quick-actions { gap:9px; }.quick-card { min-height:105px; padding:14px; }.section-card { margin-top:14px; padding:18px; }.activity-row { grid-template-columns:30px 1fr auto; }.filters { gap:8px; }.search { flex-basis:100%; min-width:100%; }.select { flex:1; max-width:calc(50% - 4px); }.tabs { width:100%; }.service-row { padding:16px; grid-template-columns:1fr; gap:8px; }.service-rate { display:flex; align-items:baseline; gap:7px; text-align:left; }.service-rate span { display:inline; }.service-meta { flex-wrap:wrap; }.service-detail,.order-summary { padding:19px; }.form-grid { grid-template-columns:1fr; }.form-group.full { grid-column:auto; }.data-table { display:none; }.mobile-data { display:grid; gap:0; }.order-mobile-row { padding:14px 0; border-bottom:1px solid var(--line); }.order-mobile-row:last-child { border:0; }.order-mobile-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }.order-mobile-row strong { display:block; font-size:13px; }.order-mobile-row small { color:var(--muted); font-size:11px; }.order-mobile-meta { display:flex; justify-content:space-between; align-items:center; margin-top:8px; }.progress { width:70px; }.payment-methods { grid-template-columns:1fr; }.payment-method { min-height:86px; display:grid; grid-template-columns:42px 1fr; column-gap:11px; align-items:center; }.payment-method .pay-icon { margin:0; grid-row:1/3; }.payment-method strong,.payment-method small { margin:0; }.manual-payment { padding:13px; }.payment-details { grid-template-columns:1fr; }.ticket-row { padding:14px; grid-template-columns:32px 1fr; }.ticket-row .status { grid-column:2; width:max-content; }.ticket-form { padding:18px; }.affiliate-hero { padding:22px; }.affiliate-hero h3 { font-size:21px; }.referral-box { display:grid; }.referral-box .btn { width:100%; }.metric-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.metric-card { padding:14px; }.metric-card strong { margin-top:9px; font-size:19px; }.leaderboard { padding:18px; }.profile-card { padding:23px; }.settings-tabs { overflow:auto; }.admin-banner { align-items:flex-start; flex-direction:column; }.admin-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.admin-metric { padding:14px; }.admin-metric strong { margin-top:11px; font-size:19px; }.admin-metric .svg-icon { width:30px; height:30px; }.chart-card,.admin-panel,.admin-workspace { padding:18px; }.admin-workspace header { align-items:flex-start; flex-direction:column; }.admin-table-actions { width:100%; }.admin-table-actions .btn { flex:1; }.user-result { gap:12px; align-items:flex-start; flex-direction:column; }.app-mobile-nav { position:fixed; z-index:30; left:12px; right:12px; bottom:12px; height:61px; padding:0 8px; display:flex; justify-content:space-around; align-items:center; border:1px solid #5190f8; border-radius:19px; color:#fff; background:linear-gradient(120deg,#1262e9,#377df1); box-shadow:0 13px 31px #0c51bd55; }.app-mobile-nav a { position:relative; min-width:54px; display:grid; justify-items:center; gap:3px; color:#d7e7ff; font-size:10px; font-weight:700; }.app-mobile-nav a.active { color:#fff; }.app-mobile-nav .svg-icon { width:19px; }.app-mobile-nav a.order-fab { transform:translateY(-19px); }.app-mobile-nav a.order-fab .nav-fab { width:52px; height:52px; display:grid; place-items:center; margin-bottom:-4px; border:4px solid var(--subtler); border-radius:50%; color:#fff; background:var(--blue); box-shadow:0 5px 11px #144fba77; }.app-mobile-nav a.order-fab .svg-icon { width:25px; height:25px; }.modal { padding:25px 20px; border-radius:21px; }.modal-heading { font-size:24px; }.broadcast-modal { padding:0; }.broadcast-content { padding:24px 20px; }.broadcast-top { height:112px; }.broadcast-art { right:22px; width:85px; height:85px; bottom:-22px; }.broadcast-art .svg-icon { width:34px; }.modal-layer { padding:12px; } #toast-region { left:12px; right:12px; bottom:87px; max-width:none; }.toast { padding:12px; } }

@media (max-width:1050px) { .hero-layout { grid-template-columns:.94fr 1.06fr; gap:5px; }.hero-refresh h1 { font-size:clamp(42px,5.4vw,57px); }.iphone-17 { transform:rotate(5deg) scale(.91); } .phone-stage { min-height:480px; } }
@media (max-width:760px) { .landing-refresh .landing-nav { height:68px; padding:0 14px; }.landing-refresh .landing-nav .brand { font-size:17px; }.landing-refresh .landing-nav .brand-mark { width:25px; height:25px; }.landing-refresh .landing-create,.landing-refresh .landing-theme { display:none; }.landing-refresh .landing-nav .nav-actions .mobile-menu { display:grid; width:36px; height:36px; }.landing-refresh .nav-actions { gap:6px; }.landing-refresh .locale-current { min-height:36px; padding:0 7px; gap:5px; }.landing-refresh .locale-current .country-flag { width:15px; }.landing-refresh .locale-current .svg-icon { display:none; }.landing-refresh .btn-secondary { min-height:36px; padding:0 9px; font-size:11px; }.hero-refresh { min-height:0; }.hero-layout { min-height:0; padding:55px 20px 34px; display:flex; flex-direction:column; gap:22px; }.hero-refresh .hero-copy { width:100%; text-align:center; }.hero-refresh h1 { margin-bottom:15px; font-size:42px; }.hero-refresh .hero-copy > p:not(.eyebrow) { margin:auto; font-size:14px; }.hero-refresh .hero-actions { max-width:100%; flex-direction:row; margin:22px 0 19px; }.hero-refresh .hero-actions .btn { width:50%; min-height:45px; padding:0 10px; font-size:12px; }.hero-refresh .trust-line { justify-content:center; font-size:10px; }.phone-stage { width:100%; min-height:465px; }.iphone-17 { width:244px; height:488px; border-radius:42px; transform:rotate(4deg); }.iphone-screen { border-radius:35px; }.iphone-metal { border-radius:39px; }.phone-profile { padding:42px 14px 17px; }.iphone-status { height:33px; padding:8px 13px 0; font-size:8px; }.dynamic-island { top:7px; width:73px; height:18px; }.phone-profile-head { grid-template-columns:44px 1fr auto; gap:8px; margin-top:19px; }.phone-avatar { width:43px; height:43px; border-radius:14px; }.phone-avatar .brand-mark { width:30px; height:30px; border-radius:10px; }.phone-avatar .brand-mark:after { width:14px; height:14px; left:5px; top:5px; border-width:2px; }.phone-avatar .brand-mark:before { left:14px; top:8px; }.phone-profile-head strong { font-size:11px; }.phone-bio { min-height:26px; margin:13px 0 9px; font-size:9px; }.phone-stats { padding:9px 0; }.phone-stats strong { font-size:12px; }.phone-media-grid { margin-top:10px; }.phone-growth-chip { right:11px; bottom:16px; padding:6px 7px; font-size:8px; }.phone-home-indicator { bottom:6px; width:75px; height:3px; }.orbit-one { width:320px; height:320px; }.orbit-two { width:405px; height:405px; }.catalog-ticker { padding:12px 0; }.ticker-track { gap:28px; }.ticker-track span { font-size:8px; letter-spacing:.12em; }.stats-strip { padding-top:23px; }.how-refresh .how-card { min-height:0; }.how-refresh .how-card h3 { margin-top:25px; }.growth-ring { width:84px; height:84px; }.locale-menu { right:-44px; } }