:root {
    --ink: #12182b;
    --muted: #6f7890;
    --line: #e8eaf1;
    --soft: #f5f6fa;
    --white: #fff;
    --navy: #0c1224;
    --navy-soft: #171e34;
    --violet: #7357f5;
    --violet-dark: #5c42df;
    --violet-soft: #f0edff;
    --blue: #4285f4;
    --green: #16a773;
    --green-soft: #e7f8f1;
    --red: #dc4d61;
    --red-soft: #fff0f2;
    --orange: #ee8b36;
    --shadow: 0 12px 35px rgba(29, 35, 58, .06);
    --radius: 18px;
}

.category-form-head:has(.category-mini-image){grid-template-columns:38px 1fr auto}.category-mini-image{width:38px;height:38px;border-radius:7px;object-fit:cover}.category-image-picker{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px dashed #d7dae3;border-radius:7px;color:#6d56dd!important;background:#fff;font-weight:750}.category-image-picker input{width:145px!important;padding:0!important;border:0!important;font-size:8px!important}.blog-categories a img{width:24px;height:24px;border-radius:50%;object-fit:cover}

/* 2026 corporate website and authentication system */
.brand-image-logo { display: block; width: auto; object-fit: contain; }
.brand-logo-fallback { display: inline-grid; place-items: center; flex: 0 0 auto; color: #fff; background: #6a50f5; font-weight: 850; }
.brand-panel-logo { width: 40px; height: 40px; max-width: 118px; border-radius: 10px; }
img.brand-panel-logo { border-radius: 0; }
.brand-mobile-logo { width: 29px; height: 29px; max-width: 88px; border-radius: 8px; }
img.brand-mobile-logo { border-radius: 0; }

.site-page {
    --site-ink: #11152b;
    --site-muted: #686d7c;
    --site-line: #e6e7eb;
    --site-wash: #f5f5f2;
    --site-violet: #684df4;
    color: var(--site-ink);
    background: #fff;
    font-family: 'Segoe UI Variable', 'Segoe UI', Arial, sans-serif;
    overflow: hidden;
}
.site-notice { color: #d8dbe5; background: #0a0e20; font-size: 11px; font-weight: 650; letter-spacing: .2px; }
.site-notice > div { width: min(1680px, calc(100% - 64px)); height: 38px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.site-notice span { display: flex; align-items: center; gap: 8px; }
.site-notice i { width: 6px; height: 6px; border-radius: 50%; background: #2ac083; box-shadow: 0 0 0 4px rgba(42,192,131,.14); }
.site-header { position: relative; z-index: 10; width: min(1680px, calc(100% - 64px)); height: 92px; margin: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--site-line); }
.site-brand { display: inline-flex; align-items: center; gap: 11px; justify-self: start; }
.site-brand-logo { width: 38px; height: 38px; max-width: 150px; border-radius: 9px; }
img.site-brand-logo { width: auto; min-width: 38px; border-radius: 0; }
.site-brand > span { display: grid; }
.site-brand strong { color: var(--site-ink); font-size: 18px; font-weight: 850; letter-spacing: -.5px; }
.site-brand small { margin-top: 1px; color: #8b8f9c; font-size: 7px; font-weight: 800; letter-spacing: 1.35px; }
.site-header nav { display: flex; align-items: center; gap: 38px; font-size: 14px; font-weight: 720; }
.site-header nav a { transition: color .2s; }
.site-header nav a:hover { color: var(--site-violet); }
.site-header-actions { justify-self: end; display: flex; align-items: center; gap: 19px; }
.site-login-link { font-size: 14px; font-weight: 750; }
.site-button { min-height: 49px; padding: 0 21px; border: 1px solid transparent; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; font-size: 14px; font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s; }
.site-button:hover { transform: translateY(-2px); }
.site-button.dark { color: #fff; background: var(--site-ink); box-shadow: 0 10px 22px rgba(17,21,43,.15); }
.site-button.primary { color: #fff; background: var(--site-violet); box-shadow: 0 12px 24px rgba(104,77,244,.2); }
.site-button.outline { border-color: #d8dae1; background: #fff; }
.site-button.light { color: #0e1228; background: #fff; }
.site-button span { font-size: 14px; }

.site-hero { width: min(1680px, calc(100% - 64px)); min-height: 720px; margin: auto; padding: 88px 0 82px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 88px; }
.site-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--site-violet); font-size: 10px; font-weight: 850; letter-spacing: 1.7px; }
.site-kicker::before { content: ''; width: 22px; height: 1px; background: currentColor; }
.site-kicker.light { color: #a99bf9; }
.site-hero h1 { max-width: 610px; margin: 24px 0 25px; font-size: clamp(47px, 4.5vw, 69px); line-height: .99; letter-spacing: -4.3px; font-weight: 790; }
.site-hero h1 em, .site-section-head h2 em { color: var(--site-violet); font-style: normal; }
.site-hero-copy > p { max-width: 640px; margin: 0; color: var(--site-muted); font-size: 18px; line-height: 1.75; }
.site-hero-actions { margin: 32px 0 31px; display: flex; align-items: center; gap: 25px; }
.site-text-button { display: inline-flex; gap: 13px; align-items: center; font-size: 12px; font-weight: 780; border-bottom: 1px solid #bfc2ca; padding-bottom: 5px; }
.site-hero-assurances { display: flex; flex-wrap: wrap; gap: 9px 19px; color: #767b88; font-size: 11px; font-weight: 650; }
.site-hero-assurances span { display: flex; align-items: center; gap: 7px; }
.site-hero-assurances b { color: #9b9fab; font-size: 8px; letter-spacing: .5px; }

.product-stage { position: relative; min-width: 0; padding: 42px 0 40px; }
.product-stage::before { content: ''; position: absolute; inset: 0 6% 0 4%; border-radius: 50%; background: #eeecff; filter: blur(25px); opacity: .8; }
.product-window { position: relative; z-index: 1; overflow: hidden; min-height: 475px; border: 1px solid #dddfe7; border-radius: 15px; background: #fff; box-shadow: 0 28px 70px rgba(22,26,50,.16); transform: rotate(1deg); }
.product-window-bar { height: 42px; padding: 0 16px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #7b8090; background: #f8f8fa; border-bottom: 1px solid #e6e7eb; font-size: 7px; }
.product-window-bar > span { display: flex; gap: 5px; }
.product-window-bar i { width: 6px; height: 6px; border-radius: 50%; background: #d3d5dc; }
.product-window-bar strong { padding: 5px 30px; border: 1px solid #e1e3e8; border-radius: 6px; background: #fff; font-weight: 650; }
.product-window-bar em { justify-self: end; color: #1a9a68; font-style: normal; font-weight: 800; letter-spacing: .7px; }
.product-window-body { min-height: 433px; display: grid; grid-template-columns: 52px 1fr; background: #f7f8fa; }
.product-window-body > aside { padding: 13px 0; display: flex; flex-direction: column; align-items: center; gap: 17px; background: #0d1227; }
.product-mini-brand { margin-bottom: 8px; }
.product-mini-logo { width: 25px; height: 25px; max-width: 35px; border-radius: 7px; font-size: 10px; }
img.product-mini-logo { border-radius: 0; }
.product-window-body > aside > i { width: 18px; height: 4px; border-radius: 5px; background: #343a50; }
.product-window-body > aside > i.active { height: 18px; background: #7357f5; box-shadow: inset 0 0 0 6px #7357f5; }
.product-dashboard { min-width: 0; padding: 23px 22px 20px; }
.product-app-head { display: flex; align-items: center; justify-content: space-between; }
.product-app-head > div { display: flex; align-items: center; gap: 10px; }
.product-app-head > div > span:last-child { display: grid; }
.product-app-head small { color: #8c91a0; font-size: 6px; font-weight: 800; letter-spacing: .6px; }
.product-app-head strong { margin-top: 3px; font-size: 11px; }
.product-app-icon { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: #fff; background: #11152b; font-size: 16px; font-weight: 800; }
.product-app-head button { padding: 8px 11px; border: 0; border-radius: 6px; color: #fff; background: #684df4; font-size: 7px; font-weight: 800; }
.product-metrics { margin: 19px 0 15px; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #e3e5eb; border-radius: 8px; background: #fff; }
.product-metrics > span { padding: 12px 12px 10px; display: grid; gap: 3px; }
.product-metrics > span + span { border-left: 1px solid #e8e9ee; }
.product-metrics small { color: #969aa7; font-size: 5px; font-weight: 850; letter-spacing: .7px; }
.product-metrics strong { font-size: 13px; }
.rank-up { color: #159b68 !important; }
.rank-down { color: #d7475c !important; }
.product-chart-card, .product-keywords { border: 1px solid #e3e5eb; border-radius: 8px; background: #fff; }
.product-chart-card > div:first-child { padding: 10px 12px; display: flex; justify-content: space-between; border-bottom: 1px solid #eceef1; }
.product-chart-card > div > span { display: grid; }
.product-chart-card strong { font-size: 7px; }
.product-chart-card small { margin-top: 2px; color: #979ba8; font-size: 5px; }
.product-chart-card em { color: #888d9a; font-size: 5px; font-style: normal; }
.css-chart { position: relative; height: 94px; margin: 0 12px; overflow: hidden; }
.css-chart > i { position: absolute; left: 0; right: 0; height: 1px; background: #eff0f3; }
.css-chart .grid-one { top: 25%; }.css-chart .grid-two { top: 51%; }.css-chart .grid-three { top: 77%; }
.chart-segment { position: absolute; z-index: 2; height: 2px; transform-origin: left center; background: #684df4; }
.chart-segment.c1 { left: 6%; top: 68%; width: 18%; transform: rotate(-15deg); }
.chart-segment.c2 { left: 23%; top: 61%; width: 18%; transform: rotate(8deg); }
.chart-segment.c3 { left: 40%; top: 65%; width: 19%; transform: rotate(-33deg); }
.chart-segment.c4 { left: 56%; top: 47%; width: 19%; transform: rotate(12deg); }
.chart-segment.c5 { left: 74%; top: 52%; width: 20%; transform: rotate(-25deg); }
.chart-dot { position: absolute; z-index: 3; width: 6px; height: 6px; border: 2px solid #684df4; border-radius: 50%; background: #fff; transform: translate(-50%,-50%); }
.chart-dot.d1 { left: 6%; top: 68%; }.chart-dot.d2 { left: 23%; top: 61%; }.chart-dot.d3 { left: 40%; top: 65%; }.chart-dot.d4 { left: 56%; top: 47%; }.chart-dot.d5 { left: 74%; top: 52%; }
.product-keywords { margin-top: 12px; overflow: hidden; }
.product-keywords > div { min-height: 31px; padding: 0 12px; display: grid; grid-template-columns: 1fr 62px 65px; align-items: center; font-size: 6px; }
.product-keywords > div + div { border-top: 1px solid #edeef2; }
.product-keyword-title { color: #969ba8; background: #fafafb; font-size: 5px !important; font-weight: 850; letter-spacing: .3px; }
.product-keywords em { font-style: normal; font-weight: 800; }
.product-float-card { position: absolute; z-index: 3; padding: 10px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid #e5e6eb; border-radius: 10px; background: #fff; box-shadow: 0 16px 34px rgba(19,23,44,.14); }
.product-float-card > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: #17a66f; font-weight: 900; }
.product-float-card div { display: grid; }.product-float-card small { color: #8a8f9d; font-size: 6px; }.product-float-card strong { margin-top: 2px; font-size: 9px; }
.float-rise { left: -31px; top: 95px; }.float-alert { right: -25px; bottom: 75px; }.float-alert > span { background: #684df4; }

.site-trust-strip { width: min(1680px, calc(100% - 64px)); min-height: 112px; margin: auto; display: grid; grid-template-columns: 1.1fr repeat(4,1fr); align-items: center; border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); }
.site-trust-strip > span { color: #9a9eaa; font-size: 11px; font-weight: 850; letter-spacing: 1.2px; }
.site-trust-strip > div { min-height: 48px; padding-left: 25px; display: grid; align-content: center; border-left: 1px solid var(--site-line); }
.site-trust-strip strong { font-size: 17px; }.site-trust-strip small { margin-top: 4px; color: #8b909d; font-size: 10px; }
.site-section { width: min(1680px, calc(100% - 64px)); margin: auto; padding: 120px 0; }
.site-section-head { margin-bottom: 56px; display: grid; grid-template-columns: 1.3fr .7fr; align-items: end; gap: 80px; }
.site-section-head h2 { margin: 20px 0 0; font-size: clamp(38px, 4vw, 58px); line-height: 1.04; letter-spacing: -3px; }
.site-section-head > p { margin: 0 0 6px; color: var(--site-muted); font-size: 16px; line-height: 1.75; }
.editorial-feature-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--site-line); border-bottom: 1px solid var(--site-line); }
.editorial-feature-grid article { position: relative; min-height: 430px; padding: 27px 25px 30px; overflow: hidden; }
.editorial-feature-grid article + article { border-left: 1px solid var(--site-line); }
.editorial-feature-grid article > span { color: #9b9faa; font-size: 7px; font-weight: 850; letter-spacing: .8px; }
.editorial-icon { width: 45px; height: 45px; margin: 61px 0 24px; display: grid; place-items: center; border: 1px solid #dbdde3; border-radius: 50%; font-size: 20px; }
.editorial-feature-grid h3 { max-width: 230px; margin: 0 0 15px; font-size: 21px; line-height: 1.14; letter-spacing: -.8px; }
.editorial-feature-grid p { margin: 0; color: var(--site-muted); font-size: 13px; line-height: 1.65; }
.editorial-feature-grid ul { margin: 28px 0 0; padding: 0; display: grid; gap: 8px; color: #555b6b; list-style: none; font-size: 11px; }
.editorial-feature-grid li::before { content: '\2192'; margin-right: 8px; color: var(--site-violet); }
.editorial-feature-grid article > b { position: absolute; right: -6px; bottom: -37px; color: #f0f0f1; font-size: 115px; line-height: 1; letter-spacing: -10px; pointer-events: none; }
.insight-section { padding: 115px max(32px, calc((100vw - 1680px) / 2)); display: grid; grid-template-columns: 1fr .9fr; gap: 110px; align-items: center; color: #fff; background: #0b1025; }
.insight-copy h2 { margin: 22px 0 22px; font-size: clamp(40px,4vw,59px); line-height: 1.03; letter-spacing: -3px; }
.insight-copy > p { max-width: 650px; color: #a9afc1; font-size: 16px; line-height: 1.75; }
.insight-points { margin-top: 45px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #2a3044; }
.insight-points > span { padding: 21px 18px 0 0; display: grid; }
.insight-points b { color: #8070e5; font-size: 8px; }.insight-points strong { margin: 15px 0 7px; font-size: 11px; }.insight-points small { color: #81889c; font-size: 8px; line-height: 1.5; }
.insight-report { padding: 30px; border: 1px solid #343a50; border-radius: 4px; color: var(--site-ink); background: #f7f7f4; box-shadow: 30px 30px 0 #151b31; }
.report-head { display: flex; justify-content: space-between; align-items: start; }
.report-head > span { display: grid; }.report-head small { color: #868b99; font-size: 7px; font-weight: 850; letter-spacing: .8px; }.report-head strong { margin-top: 5px; font-size: 48px; letter-spacing: -3px; }.report-head strong em { color: #9296a2; font-size: 15px; font-style: normal; letter-spacing: 0; }
.report-head > b { padding: 7px 9px; color: #148b60; background: #dff4eb; font-size: 7px; letter-spacing: .5px; }
.report-summary { margin: 25px 0 20px; padding: 24px 0; border-top: 1px solid #dddfe4; border-bottom: 1px solid #dddfe4; }
.report-summary > span { color: #6a50f5; font-size: 7px; font-weight: 850; letter-spacing: .8px; }.report-summary h3 { margin: 10px 0; font-size: 22px; line-height: 1.18; }.report-summary p { margin: 0; color: #6e7380; font-size: 10px; line-height: 1.6; }
.report-tags { display: flex; flex-wrap: wrap; gap: 7px; }.report-tags span { padding: 6px 9px; border: 1px solid #d9dbe1; font-size: 8px; }
.report-footer { margin-top: 23px; display: flex; justify-content: space-between; color: #9296a1; font-size: 7px; }.report-footer strong { color: #555a69; }
.process-section { padding: 115px max(32px, calc((100vw - 1680px) / 2)); display: grid; grid-template-columns: .8fr 1.2fr; gap: 115px; color: #fff; background: #0b1025; border-top: 1px solid #2a3044; }
.process-intro h2 { margin: 22px 0; font-size: clamp(36px,3.7vw,54px); line-height: 1.04; letter-spacing: -2.7px; }.process-intro p { color: #9298aa; font-size: 16px; line-height: 1.7; }
.process-section ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid #343a4d; }
.process-section li { min-height: 137px; padding: 28px 0; display: grid; grid-template-columns: 75px 1fr; border-bottom: 1px solid #343a4d; }
.process-section li > span { color: #7160db; font-size: 11px; font-weight: 850; }.process-section h3 { margin: 0 0 10px; font-size: 20px; }.process-section li p { max-width: 570px; margin: 0; color: #959bae; font-size: 13px; line-height: 1.6; }
.pricing-grid-pro { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--site-line); }
.pricing-grid-pro article { position: relative; min-height: 510px; padding: 34px; display: flex; flex-direction: column; background: #fff; }
.pricing-grid-pro article + article { border-left: 1px solid var(--site-line); }.pricing-grid-pro article.featured { color: #fff; background: #11152b; transform: translateY(-10px); box-shadow: 0 20px 45px rgba(17,21,43,.15); }
.pricing-label { position: absolute; top: 0; right: 0; padding: 8px 12px; color: #fff; background: var(--site-violet); font-size: 7px; font-weight: 850; letter-spacing: .8px; }
.pricing-card-head > span { color: #9ca0ac; font-size: 7px; font-weight: 850; letter-spacing: .8px; }.pricing-card-head h3 { margin: 26px 0 8px; font-size: 25px; }.pricing-card-head p { min-height: 38px; margin: 0; color: #777c89; font-size: 10px; line-height: 1.55; }.featured .pricing-card-head p { color: #9fa5b7; }
.pricing-value { margin: 29px 0 25px; padding-bottom: 25px; display: flex; align-items: end; gap: 6px; border-bottom: 1px solid var(--site-line); }.featured .pricing-value { border-color: #30364b; }.pricing-value strong { font-size: 31px; letter-spacing: -1.5px; }.pricing-value span { margin-bottom: 4px; color: #8c919d; font-size: 9px; }
.pricing-grid-pro ul { margin: 0 0 27px; padding: 0; display: grid; gap: 13px; list-style: none; color: #5f6573; font-size: 10px; }.featured ul { color: #c1c5d2; }.pricing-grid-pro li::before { content: '\2713'; margin-right: 9px; color: #24ac79; }.pricing-grid-pro article > .site-button { margin-top: auto; width: 100%; }
.faq-section { width: min(1680px,calc(100% - 64px)); margin: auto; padding: 110px 0; display: grid; grid-template-columns: .75fr 1.25fr; gap: 110px; }.faq-section h2 { margin: 22px 0; font-size: 43px; line-height: 1.07; letter-spacing: -2.3px; }.faq-section > div:first-child p { color: #747986; font-size: 14px; line-height: 1.6; }.faq-section > div:first-child a { color: var(--site-violet); font-weight: 750; }
.faq-list { border-top: 1px solid var(--site-line); }.faq-list details { border-bottom: 1px solid var(--site-line); }.faq-list summary { padding: 23px 0; display: flex; justify-content: space-between; cursor: pointer; font-size: 15px; font-weight: 750; list-style: none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color: var(--site-violet); font-size: 18px; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list p { margin: -5px 50px 24px 0; color: #737886; font-size: 13px; line-height: 1.7; }
.site-final-cta { padding: 73px max(32px,calc((100vw - 1680px)/2)); display: flex; align-items: center; justify-content: space-between; gap: 40px; color: #fff; background: var(--site-violet); }.site-final-cta h2 { max-width: 900px; margin: 17px 0 0; font-size: 42px; line-height: 1.08; letter-spacing: -2px; }.site-final-cta .site-kicker { color: #d9d3ff; }
.site-footer { padding: 65px max(32px,calc((100vw - 1680px)/2)) 25px; color: #bbc0cf; background: #090d20; }.site-footer-main { padding-bottom: 55px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 70px; }.site-footer .site-brand strong { color: #fff; }.site-footer .site-brand small { color: #7c8296; }.site-footer-main > div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }.site-footer-main > div:first-child p { max-width: 440px; margin: 17px 0 0; color: #7f8598; font-size: 13px; line-height: 1.65; }.site-footer-main > div:not(:first-child) strong { margin-bottom: 8px; color: #fff; font-size: 13px; }.site-footer-main > div:not(:first-child) a { color: #959bac; font-size: 12px; }.site-footer-bottom { padding-top: 20px; display: flex; justify-content: space-between; border-top: 1px solid #272c40; color: #696f83; font-size: 10px; letter-spacing: .4px; }

/* Professional authentication */
.auth-page { min-height: 100vh; color: #11152b; background: #f7f7f5; font-family: 'Segoe UI Variable','Segoe UI',Arial,sans-serif; }
.auth-header { position: absolute; z-index: 4; inset: 0 0 auto; height: 82px; padding: 0 clamp(28px,5vw,76px); display: flex; justify-content: space-between; align-items: center; font-size: 10px; }.auth-header > a:last-child, .auth-header > span a { color: #5f49dc; font-weight: 800; }.auth-brand { display: flex; align-items: center; gap: 10px; }.auth-brand > span { display: grid; }.auth-brand strong { font-size: 17px; font-weight: 850; letter-spacing: -.4px; }.auth-brand small { margin-top: 1px; color: #8d919c; font-size: 7px; font-weight: 850; letter-spacing: 1px; }.auth-brand-logo { width: 37px; height: 37px; max-width: 145px; border-radius: 9px; }.auth-brand img { border-radius: 0; }
.auth-layout { min-height: 100vh; display: grid; grid-template-columns: minmax(420px,.8fr) minmax(590px,1.2fr); }.auth-form-column { padding: 120px clamp(35px,6vw,105px) 55px; display: grid; place-items: center; }.auth-form-card { width: min(100%,430px); }.auth-eyebrow { color: #684df4; font-size: 8px; font-weight: 900; letter-spacing: 1.4px; }.auth-eyebrow.light { color: #a99cf8; }.auth-form-card h1 { margin: 15px 0 10px; font-size: 37px; line-height: 1.05; letter-spacing: -2px; }.auth-form-card > p { margin: 0; color: #777c8a; font-size: 11px; line-height: 1.6; }.auth-form { margin-top: 31px; display: grid; gap: 16px; }.auth-field { display: grid; gap: 7px; }.auth-field > span { color: #353a4b; font-size: 9px; font-weight: 750; }.auth-field input { width: 100%; height: 48px; padding: 0 14px; border: 1px solid #dcdfe5; border-radius: 6px; outline: 0; color: #171b31; background: #fff; font-size: 11px; transition: border .2s, box-shadow .2s; }.auth-field input:focus { border-color: #7b65ef; box-shadow: 0 0 0 3px rgba(104,77,244,.1); }.password-input { position: relative; }.password-input input { padding-right: 67px; }.password-input button { position: absolute; top: 50%; right: 9px; transform: translateY(-50%); padding: 5px 7px; border: 0; color: #6650df; background: transparent; font-size: 8px; font-weight: 800; }.auth-form-meta { margin-top: -3px; display: flex; justify-content: space-between; color: #858a96; font-size: 8px; }.auth-form-meta a { color: #654dde; font-weight: 800; }.auth-submit { width: 100%; min-height: 49px; margin-top: 2px; }.auth-divider { margin: 24px 0 15px; display: flex; align-items: center; gap: 12px; color: #969aa5; font-size: 8px; }.auth-divider::before,.auth-divider::after { content:''; height:1px; flex:1; background:#e0e2e7; }.auth-secondary-action { min-height: 45px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dcdfe5; border-radius: 6px; background: #fff; font-size: 10px; font-weight: 750; }.auth-security-note { margin-top: 22px !important; display: flex; align-items: flex-start; gap: 8px; color: #9599a4 !important; font-size: 8px !important; }.auth-security-note span { color: #26966d; }
.auth-product-column { position: relative; overflow: hidden; padding: 135px clamp(45px,7vw,120px) 65px; display: flex; flex-direction: column; justify-content: center; color: #fff; background: #0a0f25; }.auth-product-column::before { content:''; position:absolute; width:500px; height:500px; right:-250px; top:-250px; border:1px solid #262d4a; border-radius:50%; }.auth-product-copy,.auth-data-card,.auth-proof-line,.register-steps,.register-plan-summary { position:relative; z-index:1; }.auth-product-copy { max-width: 640px; }.auth-product-copy h2 { margin: 17px 0; font-size: clamp(38px,3.6vw,58px); line-height: 1.03; letter-spacing: -3.2px; }.auth-product-copy p { max-width: 570px; margin:0; color:#9ca3b8; font-size:12px; line-height:1.7; }.auth-data-card { width:min(100%,650px); margin-top:48px; border:1px solid #32384e; border-radius:9px; background:#11172e; box-shadow:0 25px 60px rgba(0,0,0,.22); }.auth-data-head { min-height:70px; padding:13px 16px; display:flex; align-items:center; gap:11px; border-bottom:1px solid #30364b; }.auth-app-symbol { width:39px;height:39px;display:grid;place-items:center;border-radius:8px;color:#11152b;background:#fff;font-size:17px;font-weight:900; }.auth-data-head > div { display:grid; }.auth-data-head small { color:#727a92;font-size:6px;font-weight:850;letter-spacing:.6px; }.auth-data-head strong { margin-top:4px;font-size:10px; }.auth-data-head em { margin-left:auto;color:#38c78f;font-size:6px;font-style:normal;font-weight:850;letter-spacing:.5px; }.auth-data-metrics { display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #30364b; }.auth-data-metrics span { padding:14px 16px;display:grid;gap:4px; }.auth-data-metrics span+span { border-left:1px solid #30364b; }.auth-data-metrics small{color:#747c94;font-size:6px;font-weight:850;}.auth-data-metrics strong{font-size:17px;}.auth-rank-row{min-height:46px;padding:0 16px;display:grid;grid-template-columns:1fr 50px 70px;align-items:center;font-size:8px;}.auth-rank-row+.auth-rank-row{border-top:1px solid #282e43;}.auth-rank-row>span{display:flex;align-items:center;gap:8px;}.auth-rank-row i{width:6px;height:6px;border-radius:50%;background:#26b67f;}.auth-rank-row em{font-style:normal;font-weight:800;}.auth-proof-line{width:min(100%,650px);margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);}.auth-proof-line span{display:grid;}.auth-proof-line b{font-size:17px;}.auth-proof-line small{margin-top:4px;color:#7c849a;font-size:7px;}
.inline-alert { margin-top: 18px; padding: 11px 13px; border-radius: 5px; font-size: 9px; line-height: 1.45; }.inline-alert-error { color:#a7263c;background:#fff0f2;border:1px solid #f4cbd2; }.inline-alert-success { color:#0d7d55;background:#e7f8f1;border:1px solid #bcead9; }
.register-layout { grid-template-columns: minmax(590px,1.2fr) minmax(450px,.8fr); }.register-product { padding-top: 120px; }.register-product .auth-product-copy h2 { max-width:680px; }.register-steps { max-width:680px;margin:35px 0 0;padding:0;list-style:none;border-top:1px solid #30364b; }.register-steps li { min-height:77px;padding:15px 0;display:grid;grid-template-columns:55px 1fr;align-items:center;border-bottom:1px solid #30364b; }.register-steps>li>span{color:#7e6ce7;font-size:8px;font-weight:850;}.register-steps div{display:grid;gap:5px;}.register-steps strong{font-size:11px;}.register-steps small{color:#858da3;font-size:8px;}.register-plan-summary{max-width:680px;margin-top:28px;padding:14px 18px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;border:1px solid #343a50;background:#11172e;}.register-plan-summary>span{color:#9b91dd;font-size:7px;font-weight:850;letter-spacing:.7px;}.register-plan-summary div{padding-left:15px;display:grid;border-left:1px solid #343a50;}.register-plan-summary strong{font-size:16px;}.register-plan-summary small{margin-top:2px;color:#737b92;font-size:6px;}.register-form-column{padding-top:115px;}.register-form-column .auth-form-card{width:min(100%,500px);}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.password-strength{margin-top:-7px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:5px;align-items:center;}.password-strength i{height:3px;border-radius:3px;background:#dcdfe5;}.password-strength span{margin-left:6px;color:#9599a5;font-size:7px;}.password-strength[data-level="1"] i:nth-child(1){background:#d94e5f;}.password-strength[data-level="2"] i:nth-child(-n+2){background:#e7a136;}.password-strength[data-level="3"] i{background:#1ba471;}.auth-terms{display:flex;align-items:flex-start;gap:8px;color:#747986;font-size:8px;line-height:1.45;}.auth-terms input{margin:1px 0 0;accent-color:#684df4;}

/* Admin branding */
.branding-admin-layout { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;align-items:start; }.branding-form{padding:0;overflow:hidden;}.branding-form>.panel-head{padding:24px 26px;border-bottom:1px solid var(--line);}.branding-status{display:flex;align-items:center;gap:7px;color:#178b61;font-size:8px;font-weight:850;letter-spacing:.6px;}.branding-status i{width:7px;height:7px;border-radius:50%;background:#20b57d;box-shadow:0 0 0 4px rgba(32,181,125,.11);}.branding-form>.form-grid,.branding-form>.field{margin:22px 26px 0;}.field span em{color:#9ba0ad;font-style:normal;font-weight:500;}.branding-upload-grid{margin:24px 26px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}.branding-upload-card{padding:18px;border:1px solid #e3e5eb;border-radius:11px;background:#fbfbfc;}.branding-preview{height:90px;margin-bottom:15px;display:grid;place-items:center;border:1px dashed #d9dce4;border-radius:8px;background:#fff;}.branding-preview img{max-width:80%;max-height:58px;object-fit:contain;}.branding-preview-fallback{width:46px;height:46px;border-radius:11px;font-size:18px;}.favicon-preview img{max-width:52px;max-height:52px;border-radius:9px;}.favicon-preview>span{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#684df4;font-weight:900;}.branding-upload-card>div:nth-child(2) strong{font-size:12px;}.branding-upload-card>div:nth-child(2) p{margin:5px 0 13px;color:#858b9a;font-size:8px;}.file-picker{height:43px;padding:0 11px;display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #dfe2e8;border-radius:7px;background:#fff;cursor:pointer;}.file-picker input{position:absolute;width:1px;height:1px;opacity:0;}.file-picker span{color:#6048dc;font-size:9px;font-weight:800;}.file-picker small{color:#9a9eaa;font-size:7px;}.remove-brand{margin-top:11px;display:flex;align-items:center;gap:7px;color:#ba3f51;font-size:8px;}.remove-brand input{accent-color:#d64a5e;}.branding-form-foot{padding:18px 26px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);background:#fafafb;}.branding-form-foot>div{display:grid;gap:4px;}.branding-form-foot strong{font-size:9px;}.branding-form-foot small{color:#8b909e;font-size:7px;}.branding-live-preview{padding:27px;}.branding-live-preview>h2{margin:9px 0 22px;font-size:22px;}.browser-brand-preview{overflow:hidden;border:1px solid #dfe1e7;border-radius:10px;box-shadow:0 17px 35px rgba(26,31,51,.09);}.browser-brand-preview>div{height:34px;padding:0 10px;display:flex;align-items:center;gap:4px;background:#f0f1f4;}.browser-brand-preview>div>i{width:5px;height:5px;border-radius:50%;background:#c2c5ce;}.browser-brand-preview>div>span{margin-left:7px;padding:5px 8px;display:flex;align-items:center;gap:5px;border-radius:4px;color:#727787;background:#fff;font-size:6px;}.browser-brand-preview>div img{width:10px;height:10px;object-fit:contain;}.browser-brand-preview>div b{width:10px;height:10px;display:grid;place-items:center;border-radius:2px;color:#fff;background:#684df4;font-size:5px;}.browser-brand-preview main{min-height:180px;padding:22px;background:#fff;}.browser-brand-preview header{display:flex;align-items:center;gap:7px;font-size:9px;}.browser-brand-preview header img{max-width:65px;max-height:24px;object-fit:contain;}.preview-mini-logo{width:24px;height:24px;border-radius:6px;font-size:8px;}.browser-brand-preview main p{margin:31px 0 14px;color:#7f8491;font-size:8px;}.preview-button{display:inline-flex;padding:8px 10px;border-radius:4px;color:#fff;background:#684df4;font-size:7px;font-weight:800;}.branding-live-preview>ul{margin:26px 0 0;padding:0;display:grid;gap:0;list-style:none;border-top:1px solid #e5e7ec;}.branding-live-preview>ul li{padding:13px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7ec;font-size:9px;font-weight:700;}.branding-live-preview>ul span{color:#7357f5;font-size:7px;font-weight:850;}

@media (max-width: 1100px) {
    .site-header nav { display:none; }.site-header{grid-template-columns:1fr 1fr;}.site-hero{grid-template-columns:1fr;gap:30px;padding-top:65px;}.site-hero-copy{text-align:center;}.site-hero h1,.site-hero-copy>p{margin-left:auto;margin-right:auto;}.site-hero-actions,.site-hero-assurances{justify-content:center;}.product-stage{width:min(100%,760px);margin:auto;}.editorial-feature-grid{grid-template-columns:1fr 1fr;}.editorial-feature-grid article:nth-child(3){border-left:0;border-top:1px solid var(--site-line);}.editorial-feature-grid article:nth-child(4){border-top:1px solid var(--site-line);}.insight-section,.process-section{grid-template-columns:1fr;gap:65px;}.faq-section{gap:55px;}.auth-layout,.register-layout{grid-template-columns:1fr;}.auth-product-column{min-height:700px;order:2;}.register-product{order:2;}.auth-form-column{min-height:720px;}.branding-admin-layout{grid-template-columns:1fr;}
}
@media (max-width: 720px) {
    .site-notice>div,.site-header,.site-hero,.site-trust-strip,.site-section,.faq-section{width:min(100% - 32px,1240px);}.site-notice>div>span:last-child,.site-header-actions .site-login-link{display:none;}.site-header{height:72px;}.site-brand small{display:none;}.site-brand strong{font-size:15px;}.site-brand-logo{width:33px;height:33px;}.site-button{min-height:43px;padding:0 14px;gap:10px;font-size:10px;}.site-hero{min-height:0;padding:58px 0 56px;}.site-hero h1{font-size:42px;line-height:1.01;letter-spacing:-2.8px;}.site-hero-copy>p{font-size:13px;}.site-hero-actions{flex-direction:column;}.site-hero-assurances{display:grid;justify-content:start;text-align:left;margin:auto;width:max-content;}.product-stage{padding:25px 0 15px;}.product-window{min-height:390px;transform:none;}.product-window-body{grid-template-columns:36px 1fr;min-height:348px;}.product-dashboard{padding:15px 10px;}.product-metrics>span{padding:9px 6px;}.product-metrics strong{font-size:10px;}.product-app-head strong{font-size:8px;}.product-keywords>div{grid-template-columns:1fr 42px 50px;}.product-float-card{display:none;}.site-trust-strip{grid-template-columns:1fr 1fr;padding:20px 0;}.site-trust-strip>span{grid-column:1/-1;margin-bottom:12px;}.site-trust-strip>div{padding:12px;border-left:0;}.site-section{padding:75px 0;}.site-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:35px;}.site-section-head h2{font-size:37px;letter-spacing:-2px;}.editorial-feature-grid{grid-template-columns:1fr;}.editorial-feature-grid article{min-height:350px;}.editorial-feature-grid article+article{border-left:0;border-top:1px solid var(--site-line);}.editorial-icon{margin-top:40px;}.insight-section,.process-section{padding:75px 20px;}.insight-copy h2,.process-intro h2{font-size:38px;letter-spacing:-2px;}.insight-points{grid-template-columns:1fr;}.insight-points>span{padding-bottom:16px;}.insight-report{padding:20px;box-shadow:12px 12px 0 #151b31;}.process-section li{grid-template-columns:48px 1fr;}.pricing-grid-pro{grid-template-columns:1fr;}.pricing-grid-pro article+article{border-left:0;border-top:1px solid var(--site-line);}.pricing-grid-pro article.featured{transform:none;}.faq-section{padding:75px 0;grid-template-columns:1fr;gap:35px;}.faq-section h2{font-size:36px;}.site-final-cta{padding:58px 20px;align-items:flex-start;flex-direction:column;}.site-final-cta h2{font-size:31px;}.site-footer-main{grid-template-columns:1fr;gap:35px;}.site-footer-bottom{flex-direction:column;gap:8px;}.auth-header{height:70px;padding:0 20px;}.auth-header>span{font-size:0;}.auth-header>span a{font-size:9px;}.auth-layout{display:block;}.auth-form-column{min-height:100vh;padding:105px 20px 45px;}.auth-form-card h1{font-size:32px;}.auth-product-column{min-height:auto;padding:70px 20px;}.auth-product-copy h2{font-size:38px;}.auth-form-grid{grid-template-columns:1fr;}.auth-data-card{margin-top:35px;}.register-plan-summary{grid-template-columns:1fr 1fr;gap:14px;}.register-plan-summary>span{grid-column:1/-1;}.register-plan-summary div:nth-of-type(2){border-left:0;}.branding-upload-grid{grid-template-columns:1fr;}.branding-form-foot{align-items:stretch;flex-direction:column;}.branding-form-foot .button{width:100%;}.branding-form>.form-grid{grid-template-columns:1fr;}
}

* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { margin: 0; min-height: 100%; color: var(--ink); background: #f7f8fb; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; }
img { max-width: 100%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; width: 250px; padding: 28px 18px 20px; color: #bfc5d8; background: var(--navy); display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px; color: #fff; }
.brand-mark { display: inline-grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 11px; color: #fff; background: linear-gradient(145deg, #8069ff, #6145e6); box-shadow: 0 8px 20px rgba(115, 87, 245, .35); font-family: 'Segoe UI Variable', 'Segoe UI', sans-serif; font-weight: 800; }
.brand strong { display: block; font-family: 'Manrope', sans-serif; font-size: 17px; letter-spacing: -.3px; }
.brand small { display: block; margin-top: 2px; color: #757e9b; font-size: 9px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.brand-mark-large { width: 44px; height: 44px; border-radius: 14px; font-size: 20px; }
.nav-list { margin-top: 54px; display: grid; gap: 7px; }
.nav-item { position: relative; display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 0 14px; border-radius: 12px; color: #929bb6; font-size: 14px; font-weight: 600; transition: .2s ease; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.045); }
.nav-item.is-active { color: #fff; background: linear-gradient(90deg, rgba(115,87,245,.26), rgba(115,87,245,.08)); }
.nav-item.is-active::before { content: ''; position: absolute; left: -18px; width: 3px; height: 23px; border-radius: 0 4px 4px 0; background: #826cff; }
.nav-icon { width: 22px; color: #9ea6bf; text-align: center; font-size: 19px; }
.is-active .nav-icon { color: #9c89ff; }
.sidebar-foot { margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.07); display: flex; align-items: center; gap: 8px; }
.user-chip { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
.avatar { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; color: #fff; background: #29314a; font-size: 13px; font-weight: 700; }
.user-chip span:last-child { min-width: 0; }
.user-chip strong, .user-chip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-chip strong { color: #e8eaf2; font-size: 12px; }
.user-chip small { max-width: 130px; margin-top: 2px; color: #737c98; font-size: 9px; }
.logout-button { width: 32px; height: 32px; color: #818aa6; border: 0; background: transparent; font-size: 17px; }
.logout-button:hover { color: #fff; }
.main-column { min-height: 100vh; margin-left: 250px; }
.main-content { width: min(1680px, 100%); margin: 0 auto; padding: 50px 56px 76px; }
.mobile-header, .sidebar-backdrop { display: none; }

.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.page-head h1, .app-hero h1 { margin: 5px 0 6px; font-family: 'Manrope', sans-serif; font-size: clamp(31px, 3vw, 42px); line-height: 1.12; letter-spacing: -1.4px; }
.page-head p, .app-hero p { margin: 0; color: var(--muted); font-size: 16px; }
.compact-head { align-items: flex-start; }
.eyebrow { color: var(--violet); font-size: 10px; font-weight: 800; letter-spacing: 1.45px; text-transform: uppercase; }
.eyebrow.light { color: #aa9dff; }
.back-link { display: inline-block; margin-bottom: 13px; color: var(--muted); font-size: 12px; font-weight: 600; }
.back-link:hover { color: var(--violet); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 700; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: wait; opacity: .72; transform: none; }
.button-primary { color: #fff; background: linear-gradient(135deg, #795ff8, #6849ed); box-shadow: 0 8px 20px rgba(104,73,237,.19); }
.button-primary:hover { background: linear-gradient(135deg, #6f54ed, #5e40df); box-shadow: 0 10px 24px rgba(104,73,237,.25); }
.button-secondary { color: #4e5670; border-color: #e1e4eb; background: #fff; }
.button-secondary:hover { color: var(--ink); border-color: #cdd1dc; }
.button-danger { color: var(--red); border-color: #f2ccd2; background: #fff; }
.button-danger:hover { background: var(--red-soft); }
.button-large { min-height: 49px; padding-inline: 22px; border-radius: 12px; }
.button-full { width: 100%; }
.button-loader { display: none; width: 14px; height: 14px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: spin .7s linear infinite; }
.is-loading .button-loader { display: inline-block; }
.is-loading .button-label { opacity: .8; }
@keyframes spin { to { transform: rotate(360deg); } }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 22px; }
.metric-card { min-height: 128px; padding: 24px; border: 1px solid #eef0f5; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); display: flex; align-items: center; gap: 17px; }
.metric-icon { display: grid; place-items: center; width: 45px; height: 45px; flex: 0 0 auto; border-radius: 13px; font-family: 'Manrope', sans-serif; font-size: 19px; font-weight: 800; }
.accent-violet .metric-icon { color: var(--violet); background: var(--violet-soft); }
.accent-blue .metric-icon { color: var(--blue); background: #eaf2ff; }
.accent-green .metric-icon { color: var(--green); background: var(--green-soft); }
.accent-orange .metric-icon { color: var(--orange); background: #fff1e5; }
.metric-card span, .metric-card small { display: block; color: var(--muted); }
.metric-card span { margin-bottom: 4px; font-size: 13px; font-weight: 700; }
.metric-card strong { display: block; font-family: 'Manrope', sans-serif; font-size: 31px; line-height: 1.1; letter-spacing: -.8px; }
.metric-card small { margin-top: 5px; font-size: 11px; }

.panel { border: 1px solid #eceef3; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.panel-head { min-height: 79px; padding: 21px 24px; border-bottom: 1px solid #eff0f4; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.panel-head h2 { margin: 0 0 4px; font-family: 'Manrope', sans-serif; font-size: 18px; letter-spacing: -.25px; }
.panel-head p { margin: 0; color: var(--muted); font-size: 12px; }
.panel-head > a { color: var(--violet); font-size: 12px; font-weight: 700; }
.content-grid { display: grid; gap: 20px; }
.dashboard-grid { grid-template-columns: minmax(0, 1.75fr) minmax(290px, .85fr); }
.app-overview-list, .activity-list { padding: 6px 0; }
.app-overview-row { min-height: 76px; margin: 0 12px; padding: 10px 12px; border-bottom: 1px solid #f0f1f5; display: grid; grid-template-columns: 46px minmax(160px, 1fr) repeat(3, minmax(60px, .36fr)) 20px; align-items: center; gap: 12px; transition: .18s ease; }
.app-overview-row:last-child { border-bottom: 0; }
.app-overview-row:hover { border-radius: 11px; background: #f8f8fc; }
.app-icon { width: 42px; height: 42px; border-radius: 11px; object-fit: cover; box-shadow: 0 5px 12px rgba(28,35,58,.12); }
.app-icon-fallback { display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #7d68f8, #4e68df); font-family: 'Manrope', sans-serif; font-weight: 800; }
.app-overview-name, .app-overview-stat { min-width: 0; }
.app-overview-name strong, .app-overview-name small, .app-overview-stat strong, .app-overview-stat small { display: block; }
.app-overview-name strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.app-overview-name small { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.app-overview-stat strong { font-family: 'Manrope', sans-serif; font-size: 14px; }
.app-overview-stat small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.row-arrow { color: #adb2c2; font-size: 22px; }
.activity-list { padding-inline: 18px; }
.activity-row { min-height: 64px; border-bottom: 1px solid #f0f1f4; display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 10px; }
.activity-row:last-child { border-bottom: 0; }
.status-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #c4c8d2; box-shadow: 0 0 0 3px #f1f2f5; }
.status-found { background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.status-not_found { background: var(--orange); box-shadow: 0 0 0 3px #fff1e6; }
.status-error { background: var(--red); box-shadow: 0 0 0 3px var(--red-soft); }
.status-pending { background: #aeb4c3; }
.activity-name strong, .activity-name small, .activity-rank small { display: block; }
.activity-name strong { font-size: 11px; }
.activity-name small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.activity-rank { font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700; text-align: right; }
.activity-rank small { margin-top: 3px; color: #9ba1b1; font-family: 'DM Sans', sans-serif; font-size: 7px; font-weight: 400; }
.compact-empty { padding: 55px 24px; color: var(--muted); font-size: 12px; text-align: center; }
.empty-state { padding: 44px 24px; text-align: center; }
.empty-icon { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 13px; border-radius: 15px; color: var(--violet); background: var(--violet-soft); font-size: 21px; }
.empty-state h2, .empty-state h3 { margin: 0 0 8px; font-family: 'Manrope', sans-serif; }
.empty-state h3 { font-size: 15px; }
.empty-state p { max-width: 420px; margin: 0 auto 18px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.large-empty { padding: 90px 25px; }
.large-empty h2 { font-size: 22px; }
.empty-orbit { position: relative; display: grid; place-items: center; width: 78px; height: 78px; margin: 0 auto 22px; border: 1px dashed #c8c0f5; border-radius: 50%; }
.empty-orbit::before { content: ''; width: 51px; height: 51px; border-radius: 16px; background: var(--violet-soft); }
.empty-orbit span { position: absolute; color: var(--violet); font-size: 25px; }

.app-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.app-card { min-width: 0; padding: 23px; border: 1px solid #e9ebf1; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); transition: .2s ease; }
.app-card:hover { transform: translateY(-3px); border-color: #dcd7fa; box-shadow: 0 18px 40px rgba(29,35,58,.09); }
.app-card-top { display: flex; align-items: flex-start; justify-content: space-between; }
.app-icon-large { width: 53px; height: 53px; border-radius: 14px; }
.locale-pill { display: inline-flex; align-items: center; min-height: 23px; padding: 0 8px; border: 1px solid #e9eaf0; border-radius: 7px; color: #697087; background: #f9f9fb; font-size: 8px; font-weight: 800; letter-spacing: .6px; }
.app-card h2 { margin: 19px 0 4px; overflow: hidden; font-family: 'Manrope', sans-serif; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.package-name { margin: 0; overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.app-card-stats { margin: 22px 0 18px; padding: 16px 0; border-block: 1px solid #eff0f4; display: grid; grid-template-columns: repeat(3, 1fr); }
.app-card-stats div:not(:last-child) { border-right: 1px solid #eff0f4; }
.app-card-stats strong, .app-card-stats span { display: block; text-align: center; }
.app-card-stats strong { font-family: 'Manrope', sans-serif; font-size: 17px; }
.app-card-stats span { margin-top: 4px; color: var(--muted); font-size: 8px; }
.app-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.app-card-foot > span { color: var(--muted); font-size: 8px; }
.app-card-foot .status-dot { margin-right: 7px; }
.app-card-foot a { color: var(--violet); font-size: 10px; font-weight: 700; }

.form-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .7fr); gap: 22px; align-items: start; }
.primary-form { padding: 29px; }
.form-section-title { margin-bottom: 21px; display: flex; align-items: center; gap: 12px; }
.form-section-title > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: var(--violet); background: var(--violet-soft); font-size: 9px; font-weight: 800; }
.form-section-title strong, .form-section-title small { display: block; }
.form-section-title strong { font-family: 'Manrope', sans-serif; font-size: 13px; }
.form-section-title small { margin-top: 2px; color: var(--muted); font-size: 9px; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field { display: block; margin-bottom: 17px; }
.field > span { display: flex; justify-content: space-between; margin-bottom: 7px; color: #41485d; font-size: 12px; font-weight: 700; }
.field > span em { color: #a3a7b5; font-size: 8px; font-style: normal; font-weight: 500; }
.field > small { display: block; margin-top: 6px; color: #989ead; font-size: 10px; line-height: 1.5; }
.field input, .field textarea, .field select { width: 100%; border: 1px solid #dfe2e9; border-radius: 10px; outline: 0; color: var(--ink); background: #fff; font-size: 14px; transition: .18s ease; }
.field input, .field select { height: 44px; padding: 0 13px; }
.field textarea { min-height: 112px; padding: 12px 13px; line-height: 1.6; resize: vertical; }
.field input::placeholder, .field textarea::placeholder { color: #b1b5c1; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: #9c89f6; box-shadow: 0 0 0 3px rgba(115,87,245,.09); }
.input-with-prefix { position: relative; }
.input-with-prefix i { position: absolute; left: 14px; top: 50%; z-index: 1; color: #48ae71; font-size: 12px; font-style: normal; transform: translateY(-50%); }
.input-with-prefix input { padding-left: 38px; }
.form-divider { height: 1px; margin: 27px 0; background: #eff0f4; }
.form-actions { margin-top: 25px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.form-aside { display: grid; gap: 14px; }
.tip-card, .privacy-card { border-radius: var(--radius); }
.tip-card { padding: 25px; color: #dfe2ed; background: var(--navy); box-shadow: 0 12px 35px rgba(12,18,36,.14); }
.tip-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: #ad9fff; background: rgba(115,87,245,.18); }
.tip-card h3 { margin: 17px 0 8px; color: #fff; font-family: 'Manrope', sans-serif; font-size: 14px; }
.tip-card p { margin: 0; color: #929bb4; font-size: 10px; line-height: 1.65; }
.tip-card ul { margin: 18px 0 0; padding: 15px 0 0; border-top: 1px solid rgba(255,255,255,.08); list-style: none; }
.tip-card li { position: relative; padding: 5px 0 5px 16px; color: #aab1c5; font-size: 9px; }
.tip-card li::before { content: '✓'; position: absolute; left: 0; color: #8470f3; font-weight: 800; }
.privacy-card { padding: 16px; border: 1px solid #dfeee8; background: #f2faf7; display: flex; align-items: flex-start; gap: 11px; }
.privacy-card > span { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 auto; border-radius: 50%; color: var(--green); background: #dcf4eb; font-size: 11px; font-weight: 800; }
.privacy-card p { margin: 0; color: #668176; font-size: 9px; line-height: 1.5; }
.privacy-card strong { display: block; margin-bottom: 2px; color: #315f50; }

.app-hero { margin-bottom: 23px; display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; }
.app-title-row { display: flex; align-items: center; gap: 17px; }
.app-icon-hero { width: 67px; height: 67px; border-radius: 17px; }
.app-title-row h1 { margin: 6px 0 2px; font-size: 27px; }
.package-link { color: var(--muted); font-size: 9px; }
.package-link:hover { color: var(--violet); }
.hero-actions { display: flex; gap: 9px; }
.detail-summary { margin-bottom: 20px; border: 1px solid #eceef3; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); display: grid; grid-template-columns: repeat(4, 1fr); }
.detail-summary > div { min-height: 84px; padding: 20px 24px; display: flex; flex-direction: column; justify-content: center; }
.detail-summary > div:not(:last-child) { border-right: 1px solid #eff0f4; }
.detail-summary span { margin-bottom: 6px; color: var(--muted); font-size: 9px; }
.detail-summary strong { font-family: 'Manrope', sans-serif; font-size: 20px; }
.detail-summary .summary-date { font-size: 13px; }
.chart-panel { margin-bottom: 20px; }
.chart-legend-note { color: var(--violet); font-size: 9px; font-weight: 600; }
.chart-wrap { position: relative; height: 275px; padding: 20px; }
.chart-wrap canvas { width: 100%; height: 100%; }
.chart-empty { height: 210px; display: grid; place-content: center; color: #a2a8b8; text-align: center; }
.chart-empty span { color: #c8ccda; font-size: 35px; }
.chart-empty p { margin: 8px 0 0; font-size: 10px; }
.keywords-panel { margin-bottom: 20px; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { height: 46px; padding: 0 18px; color: #9298a8; background: #fafafd; font-size: 10px; font-weight: 800; letter-spacing: .65px; text-align: left; text-transform: uppercase; }
.data-table td { height: 70px; padding: 10px 18px; border-top: 1px solid #eff0f4; font-size: 13px; }
.data-table tr.is-muted { opacity: .5; }
.keyword-cell { display: flex; align-items: center; gap: 10px; min-width: 160px; }
.keyword-cell strong, .keyword-cell small { display: block; }
.keyword-cell strong { font-size: 11px; }
.keyword-cell small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.rank-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 0 8px; border-radius: 7px; color: #6e7488; background: #f2f3f6; font-size: 10px; font-weight: 700; white-space: nowrap; }
.rank-badge.rank-top { color: var(--green); background: var(--green-soft); }
.change { font-size: 10px; font-weight: 700; }
.change-up { color: var(--green); }
.change-down { color: var(--red); }
.change-neutral { color: #a5aab8; }
.date-cell { color: var(--muted); font-size: 9px; white-space: nowrap; }
.row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.row-actions form { margin: 0; }
.row-actions button { display: grid; place-items: center; width: 29px; height: 29px; padding: 0; border: 0; border-radius: 7px; color: #7c8294; background: transparent; font-size: 12px; }
.row-actions button:hover { color: var(--violet); background: var(--violet-soft); }
.row-actions button.danger-action:hover { color: var(--red); background: var(--red-soft); }
.row-actions .button-loader { border-color: rgba(115,87,245,.25); border-top-color: var(--violet); }
.danger-zone { padding: 18px 20px; border: 1px solid #f2d7dc; border-radius: 14px; background: #fffafb; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.danger-zone h3 { margin: 0 0 3px; color: #773743; font-size: 12px; }
.danger-zone p { margin: 0; color: #a57880; font-size: 9px; }

.settings-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .8fr); gap: 20px; align-items: start; }
.settings-grid .primary-form .panel-head, .automation-card .panel-head { margin: -29px -29px 25px; }
.automation-card { padding: 29px; }
.automation-card .panel-head { margin: -29px -29px 25px; }
.live-pill { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 0 8px; border-radius: 7px; color: #447d69; background: #e6f7f0; font-size: 7px; font-weight: 800; letter-spacing: .6px; }
.live-pill i { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(22,167,115,.12); }
.copy-field { display: flex; }
.copy-field input { border-radius: 10px 0 0 10px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; }
.copy-field button { padding: 0 13px; border: 0; border-radius: 0 10px 10px 0; color: #fff; background: var(--navy-soft); font-size: 9px; font-weight: 700; }
.text-button { padding: 0; border: 0; color: var(--violet); background: transparent; font-size: 9px; font-weight: 700; }
.code-hint { margin-top: 24px; padding: 13px; border-radius: 10px; background: #f7f7fa; }
.code-hint span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.code-hint code { font-size: 9px; }
.schedule-badge { margin-top: 20px; padding: 13px 14px; border: 1px solid #dfd9ff; border-radius: 10px; background: var(--violet-soft); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.schedule-badge strong { color: var(--violet-dark); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; }
.schedule-badge span { color: #7064a8; font-size: 9px; font-weight: 700; }

.connection-pill { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 0 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; color: #9ea8bc; background: rgba(255,255,255,.04); font-size: 7px; font-weight: 800; letter-spacing: .7px; white-space: nowrap; }
.connection-pill i { width: 6px; height: 6px; border-radius: 50%; background: #727d93; }
.connection-pill.is-connected { color: #75dbb6; border-color: rgba(64,208,155,.23); background: rgba(28,155,109,.12); }
.connection-pill.is-connected i { background: #42d49f; box-shadow: 0 0 0 3px rgba(66,212,159,.12); }
.switch-row { min-height: 57px; padding: 10px 12px; border: 1px solid #e5e7ed; border-radius: 11px; display: flex; align-items: center; justify-content: space-between; gap: 15px; cursor: pointer; }
.switch-row > span strong, .switch-row > span small { display: block; }
.switch-row > span strong { font-size: 10px; }
.switch-row > span small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.switch-row input { position: absolute; opacity: 0; pointer-events: none; }
.switch-row > i { position: relative; width: 39px; height: 22px; flex: 0 0 auto; border-radius: 14px; background: #cdd1dc; transition: .2s ease; }
.switch-row > i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.17); transition: .2s ease; }
.switch-row input:checked + i { background: var(--green); }
.switch-row input:checked + i::after { transform: translateX(17px); }
.integration-status { margin-top: 20px; padding: 11px 13px; border: 1px solid; border-radius: 10px; display: flex; gap: 9px; font-size: 9px; }
.integration-status strong { white-space: nowrap; }
.integration-status.status-good { color: #397861; border-color: #cde9de; background: #f0faf6; }
.integration-status.status-bad { color: #934653; border-color: #f1cbd2; background: var(--red-soft); }

.flash-stack { position: fixed; top: 20px; right: 25px; z-index: 100; width: min(390px, calc(100vw - 40px)); display: grid; gap: 8px; }
.flash { min-height: 51px; padding: 13px 13px 13px 16px; border: 1px solid; border-radius: 12px; box-shadow: 0 13px 35px rgba(24,30,49,.15); background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; }
.flash button { border: 0; color: inherit; background: transparent; font-size: 18px; opacity: .55; }
.flash-success { color: #33725d; border-color: #cbe9dd; }
.flash-error { color: #934653; border-color: #f1cbd2; }
.flash-info { color: #4b6292; border-color: #d2dced; }

.modal { width: min(520px, calc(100vw - 30px)); max-height: calc(100vh - 30px); padding: 0; border: 0; border-radius: 18px; color: var(--ink); box-shadow: 0 25px 80px rgba(12,18,36,.25); }
.modal::backdrop { background: rgba(12,18,36,.62); backdrop-filter: blur(3px); }
.modal-card { padding: 28px; }
.modal-head { margin-bottom: 24px; display: flex; align-items: flex-start; justify-content: space-between; }
.modal-head h2 { margin: 5px 0 0; font-family: 'Manrope', sans-serif; font-size: 21px; }
.modal-head button { width: 32px; height: 32px; border: 0; border-radius: 8px; color: #777e91; background: #f2f3f6; font-size: 18px; }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; }

.guest-body { background: #0c1224; }
.guest-shell { min-height: 100vh; }
.setup-card { width: min(720px, calc(100% - 30px)); margin: 35px auto; padding: 38px; border-radius: 22px; background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.22); }
.setup-wide { width: min(880px, calc(100% - 30px)); }
.setup-brand { display: flex; align-items: center; gap: 12px; }
.setup-brand strong, .setup-brand small { display: block; }
.setup-brand strong { font-family: 'Manrope', sans-serif; font-size: 18px; }
.setup-brand small { margin-top: 2px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.setup-heading { margin: 36px 0 30px; }
.setup-heading h1 { max-width: 600px; margin: 8px 0 8px; font-family: 'Manrope', sans-serif; font-size: clamp(27px, 4vw, 38px); line-height: 1.15; letter-spacing: -1.3px; }
.setup-heading p { margin: 0; color: var(--muted); font-size: 12px; }
.form-section { margin-bottom: 28px; padding: 24px; border: 1px solid #ebedf2; border-radius: 15px; background: #fcfcfd; }
.db-grid { grid-template-columns: 1.2fr .5fr 1fr 1fr 1fr; }
.advanced-settings { margin: 0 0 22px; padding: 15px 18px; border: 1px solid #e7e9ef; border-radius: 12px; }
.advanced-settings summary { color: #5e6579; cursor: pointer; font-size: 10px; font-weight: 700; }
.advanced-settings .form-grid { margin-top: 18px; }
.setup-note { margin: 15px 0 0; color: #969bab; font-size: 8px; line-height: 1.5; text-align: center; }
.inline-alert { margin: 15px 0; padding: 12px 14px; border: 1px solid; border-radius: 10px; font-size: 10px; line-height: 1.5; }
.inline-alert-error { color: #934653; border-color: #f1cbd2; background: var(--red-soft); }
.inline-alert-success { color: #33725d; border-color: #cbe9dd; background: var(--green-soft); }
.error-card { margin-top: 10vh; text-align: center; }
.error-card .brand-mark { margin: 0 auto 18px; background: var(--red); }
.error-card h1 { margin: 8px 0; font-family: 'Manrope', sans-serif; }
.error-card p { margin: 0 auto 22px; color: var(--muted); }

.login-wrap { min-height: 100vh; display: grid; grid-template-columns: 1.08fr .92fr; }
.login-visual { position: relative; min-height: 100vh; padding: 44px clamp(35px, 7vw, 100px); overflow: hidden; color: #fff; background: radial-gradient(circle at 80% 35%, rgba(115,87,245,.23), transparent 32%), radial-gradient(circle at 25% 90%, rgba(58,98,185,.16), transparent 35%), #0c1224; display: flex; flex-direction: column; justify-content: center; }
.login-visual::before, .login-visual::after { content: ''; position: absolute; border: 1px solid rgba(130,108,255,.12); border-radius: 50%; }
.login-visual::before { width: 520px; height: 520px; right: -260px; top: -230px; }
.login-visual::after { width: 400px; height: 400px; left: -250px; bottom: -220px; }
.login-brand { position: absolute; top: 42px; left: clamp(35px, 7vw, 100px); display: flex; align-items: center; gap: 12px; font-family: 'Manrope', sans-serif; }
.login-copy { position: relative; z-index: 1; }
.login-copy h1 { margin: 13px 0 17px; font-family: 'Manrope', sans-serif; font-size: clamp(38px, 5vw, 66px); line-height: 1.05; letter-spacing: -2.7px; }
.login-copy h1 em { color: #8b76ff; font-style: normal; }
.login-copy p { max-width: 460px; margin: 0; color: #929bb5; font-size: 13px; line-height: 1.7; }
.rank-preview { position: relative; z-index: 1; width: min(390px, 100%); margin-top: 45px; padding: 21px; border: 1px solid rgba(255,255,255,.09); border-radius: 17px; background: rgba(255,255,255,.055); box-shadow: 0 20px 45px rgba(0,0,0,.18); backdrop-filter: blur(10px); }
.preview-top { display: flex; justify-content: space-between; color: #b4bbce; font-size: 10px; }
.preview-rank { margin: 15px 0 9px; display: flex; align-items: flex-end; justify-content: space-between; }
.preview-rank strong { font-family: 'Manrope', sans-serif; font-size: 32px; }
.preview-rank > span { color: #5bd0a5; font-size: 9px; font-weight: 700; }
.preview-bars { height: 45px; display: flex; align-items: flex-end; gap: 8px; }
.preview-bars i { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(#7d67f4, rgba(125,103,244,.15)); }
.preview-bars i:nth-child(1) { height: 25%; }.preview-bars i:nth-child(2) { height: 42%; }.preview-bars i:nth-child(3) { height: 34%; }.preview-bars i:nth-child(4) { height: 61%; }.preview-bars i:nth-child(5) { height: 53%; }.preview-bars i:nth-child(6) { height: 75%; }.preview-bars i:nth-child(7) { height: 94%; }
.login-panel { min-height: 100vh; padding: 40px; background: #fff; display: grid; place-items: center; }
.login-form-wrap { width: min(370px, 100%); }
.login-form-wrap h2 { margin: 8px 0 5px; font-family: 'Manrope', sans-serif; font-size: 28px; letter-spacing: -1px; }
.login-form-wrap > p { margin: 0 0 28px; color: var(--muted); font-size: 11px; }
.login-form .field { margin-bottom: 16px; }
.login-security { margin: 17px 0 0 !important; color: #a1a6b3 !important; font-size: 8px !important; text-align: center; }

@media (max-width: 1180px) {
    .main-content { padding-inline: 32px; }
    .metric-grid { grid-template-columns: repeat(2, 1fr); }
    .app-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .db-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .sidebar { transform: translateX(-100%); transition: transform .23s ease; }
    .menu-open .sidebar { transform: translateX(0); }
    .sidebar-backdrop { position: fixed; inset: 0; z-index: 35; border: 0; background: rgba(5,9,20,.5); }
    .menu-open .sidebar-backdrop { display: block; }
    .main-column { margin-left: 0; }
    .mobile-header { position: sticky; top: 0; z-index: 30; height: 62px; padding: 0 20px; border-bottom: 1px solid #e9ebf0; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: space-between; }
    .menu-button, .mobile-add { display: grid; place-items: center; width: 35px; height: 35px; border: 0; border-radius: 10px; color: var(--ink); background: #f2f3f7; }
    .mobile-brand { display: flex; align-items: center; gap: 8px; font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 800; }
    .mobile-brand .brand-mark { width: 28px; height: 28px; border-radius: 9px; font-size: 12px; }
    .mobile-add { color: #fff; background: var(--violet); font-size: 18px; }
    .main-content { padding: 30px 22px 60px; }
    .dashboard-grid, .form-layout, .settings-grid { grid-template-columns: 1fr; }
    .app-hero { align-items: flex-start; }
    .form-aside { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 680px) {
    .main-content { padding-inline: 15px; }
    .page-head { align-items: flex-start; margin-bottom: 24px; }
    .page-head p { max-width: 240px; }
    .page-head > .button { min-width: 42px; padding: 0 13px; }
    .metric-grid { gap: 10px; }
    .metric-card { min-height: 105px; padding: 15px; gap: 11px; }
    .metric-icon { width: 38px; height: 38px; border-radius: 11px; font-size: 16px; }
    .metric-card strong { font-size: 22px; }
    .metric-card small { display: none; }
    .dashboard-grid { gap: 14px; }
    .app-overview-row { grid-template-columns: 42px minmax(100px, 1fr) 48px 18px; gap: 8px; }
    .app-overview-stat:nth-of-type(2) { display: none; }
    .hide-mobile { display: none; }
    .activity-panel { display: none; }
    .app-card-grid { grid-template-columns: 1fr; }
    .form-grid.two, .form-aside { grid-template-columns: 1fr; }
    .primary-form { padding: 20px; }
    .form-actions { flex-direction: column-reverse; }
    .form-actions .button { width: 100%; }
    .app-hero { display: block; }
    .hero-actions { margin-top: 20px; }
    .hero-actions > * { flex: 1; }
    .hero-actions .button { width: 100%; }
    .app-icon-hero { width: 56px; height: 56px; }
    .app-title-row h1 { font-size: 22px; }
    .detail-summary { grid-template-columns: repeat(2, 1fr); }
    .detail-summary > div { min-height: 70px; padding: 15px; }
    .detail-summary > div:nth-child(2) { border-right: 0; }
    .detail-summary > div:nth-child(-n+2) { border-bottom: 1px solid #eff0f4; }
    .keyword-panel-head { align-items: flex-start; }
    .table-scroll { overflow-x: auto; }
    .data-table { min-width: 750px; }
    .danger-zone { align-items: flex-start; flex-direction: column; }
    .danger-zone .button { width: 100%; }
    .setup-card { margin: 15px auto; padding: 23px 18px; }
    .form-section { padding: 17px; }
    .db-grid { grid-template-columns: 1fr 1fr; }
    .db-grid .field:last-child { grid-column: 1 / -1; }
    .login-wrap { grid-template-columns: 1fr; }
    .login-visual { display: none; }
    .login-panel { min-height: 100vh; padding: 28px 22px; }
}

/* 2026 checkout, auth artwork and ENB-inspired corporate hero refinement */
.auth-submit.site-button.primary {
    color: #fff !important;
    border: 1px solid #5635ef !important;
    background: linear-gradient(112deg,#5635ef 0%,#7357f5 48%,#2589ef 100%) !important;
    box-shadow: 0 15px 34px rgba(91,58,232,.28) !important;
    opacity: 1;
}
.auth-submit.site-button.primary:hover { color:#fff !important; background:linear-gradient(112deg,#4628d8,#6849ed 48%,#1478dc) !important; box-shadow:0 18px 38px rgba(91,58,232,.35) !important; }
.auth-submit.site-button.primary:focus-visible { outline:3px solid rgba(75,121,255,.28); outline-offset:3px; }
.auth-submit.site-button.primary:disabled { color:#fff !important; background:linear-gradient(112deg,#806cec,#8290dc) !important; opacity:.72; cursor:not-allowed; }

.auth-store-art { position:relative; z-index:1; width:min(100%,650px); height:390px; margin-top:18px; }
.auth-store-art::before { content:''; position:absolute; inset:13% 12%; border-radius:50%; background:radial-gradient(circle,rgba(99,86,245,.35),rgba(21,176,209,.14) 40%,transparent 72%); filter:blur(24px); }
.auth-store-art img { position:absolute; object-fit:contain; filter:drop-shadow(0 26px 25px rgba(0,0,0,.28)); }
.auth-art-main { z-index:2; width:300px; height:400px; left:25%; bottom:-14px; }
.auth-art-secondary { z-index:1; width:190px; height:285px; right:1%; bottom:4px; transform:rotate(8deg); opacity:.94; }
.login-store-art .auth-art-main { left:21%; }
.auth-art-badge { position:absolute; z-index:4; left:6%; bottom:54px; min-width:155px; padding:13px 16px; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:rgba(14,21,44,.78); box-shadow:0 18px 34px rgba(0,0,0,.24); backdrop-filter:blur(14px); display:grid; grid-template-columns:34px 1fr; column-gap:10px; }
.auth-art-badge i { grid-row:1/3; width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#14b77a,#3985f4);font-style:normal;font-weight:900; }
.auth-art-badge b { font-size:12px; }.auth-art-badge small { color:#8e98b3;font-size:7px; }
.register-product { justify-content:center; }
.register-product .auth-product-copy,.register-product .register-steps,.register-product .register-plan-summary { width:58%; max-width:680px; }
.register-product .auth-product-copy h2 { font-size:clamp(35px,3vw,53px); }
.register-store-art { position:absolute; z-index:1; width:42%; height:520px; right:2%; top:145px; margin:0; }
.register-store-art .auth-art-main { width:290px;height:440px;left:2%;bottom:20px; }
.register-store-art .auth-art-secondary { width:160px;height:250px;right:0;bottom:0; }
.register-store-art .auth-art-badge { left:0;bottom:50px; }
.free-plan-lifetime { min-height:74px; margin:13px 0; padding:13px 15px; border:1px solid #ddd8ff; border-radius:12px; background:#f5f2ff; display:flex; align-items:center; gap:12px; }
.free-plan-lifetime>span { width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;background:#684df4;font-size:22px;font-weight:900; }
.free-plan-lifetime>div { display:grid;gap:3px; }.free-plan-lifetime strong{font-size:11px}.free-plan-lifetime small{color:#737a8d;font-size:8px}

.site-header { width:100%; height:96px; padding-inline:max(32px,calc((100vw - 1680px)/2)); color:#fff; background:#080d22; border-bottom-color:rgba(255,255,255,.1); box-sizing:border-box; }
.site-header::after { content:''; position:absolute; left:max(32px,calc((100vw - 1680px)/2)); right:max(32px,calc((100vw - 1680px)/2)); bottom:0; height:1px; background:linear-gradient(90deg,transparent,rgba(95,226,255,.36),rgba(122,81,255,.45),transparent); }
.site-header .site-brand strong,.site-header nav a,.site-header .site-login-link { color:#f7f9ff; }
.site-header .site-brand small { color:#7e8aa6; }
.site-header nav a { position:relative; }.site-header nav a::after { content:''; position:absolute; left:0; right:100%; bottom:-10px; height:2px; background:linear-gradient(90deg,#36d1ff,#7a54ff); transition:right .2s; }.site-header nav a:hover::after { right:0; }
.site-header .site-button.dark { color:#fff; border-color:rgba(255,255,255,.08); background:linear-gradient(105deg,#6a43f0,#2c8eea); box-shadow:0 14px 35px rgba(62,83,222,.3); }
.site-hero { position:relative; width:100%; min-height:750px; padding:90px max(32px,calc((100vw - 1680px)/2)) 92px; color:#fff; background:
    linear-gradient(120deg,rgba(21,164,220,.08),transparent 31%),
    radial-gradient(circle at 84% 25%,rgba(103,71,231,.24),transparent 27%),
    repeating-linear-gradient(132deg,transparent 0 74px,rgba(118,139,194,.06) 75px,transparent 76px),#080d22;
    box-sizing:border-box;
}
.site-hero::after { content:''; position:absolute; inset:auto 0 0; height:1px; background:linear-gradient(90deg,transparent,#2a95e8,#7651f3,transparent); opacity:.6; }
.site-hero>* { position:relative;z-index:1; }
.site-hero h1 { max-width:680px;font-size:clamp(51px,4.7vw,78px);letter-spacing:-5px; }
.site-hero h1 em { color:transparent;background:linear-gradient(95deg,#41d5ff 0%,#7660ff 54%,#d87ce7 100%);-webkit-background-clip:text;background-clip:text; }
.site-hero-copy>p { color:#aeb8cf; }
.site-hero .site-kicker { color:#5cdaff; }
.site-hero .site-button.primary { color:#fff;background:linear-gradient(105deg,#6d48f2,#2b93e8);box-shadow:0 16px 38px rgba(50,89,224,.32); }
.site-hero .site-text-button { color:#e2e8f6;border-bottom-color:#65708a; }
.site-hero-assurances { color:#8995ae; }.site-hero-assurances b{color:#56caec;}
.site-hero .product-stage::before { background:radial-gradient(circle,rgba(85,80,242,.33),rgba(42,166,217,.12),transparent 67%);filter:blur(35px); }
.site-hero .product-window { border-color:rgba(255,255,255,.18); box-shadow:0 42px 90px rgba(0,0,0,.42),0 0 0 1px rgba(88,154,255,.06); }
.site-trust-strip { width:100%; padding-inline:max(32px,calc((100vw - 1680px)/2)); box-sizing:border-box; }

.plan-usage-bar { grid-template-columns:1fr repeat(3,1.05fr) auto; }
.plan-upgrade-button { min-height:40px;white-space:nowrap; }
.secure-payment-badge { padding:10px 14px;border:1px solid #dfe2eb;border-radius:10px;color:#296d5a;background:#f2fbf7;font-size:10px;font-weight:800; }
.billing-head { align-items:center; }
.current-plan-card { margin-bottom:28px;padding:25px 28px;border-radius:19px;color:#fff;background:linear-gradient(115deg,#0e1630,#172348 57%,#4330aa);box-shadow:0 20px 45px rgba(16,25,57,.17);display:flex;justify-content:space-between;align-items:center;gap:25px; }
.current-plan-card>div:first-child>span { color:#69d7ef;font-size:8px;font-weight:900;letter-spacing:1.4px; }.current-plan-card h2{margin:6px 0 5px;font-size:26px}.current-plan-card p{margin:0;color:#aab4cd;font-size:10px}
.current-plan-quota { display:flex;gap:1px;border:1px solid rgba(255,255,255,.14);border-radius:13px;overflow:hidden; }.current-plan-quota span{min-width:130px;padding:13px 18px;display:grid}.current-plan-quota span+span{border-left:1px solid rgba(255,255,255,.14)}.current-plan-quota b{font-size:17px}.current-plan-quota small{margin-top:3px;color:#8f9bb8;font-size:8px}
.billing-section { margin:32px 0; }.section-title-row{margin-bottom:18px;display:flex;justify-content:space-between;align-items:end;gap:25px}.section-title-row h2{margin:7px 0 0;font-size:26px;letter-spacing:-1px}.section-title-row>p{max-width:480px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.billing-total{font-size:23px}
.billing-plan-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }.billing-plan-card{min-height:245px;padding:24px;border:1px solid #e3e6ee;border-radius:17px;background:#fff;box-shadow:0 12px 33px rgba(30,36,62,.05);display:flex;flex-direction:column;transition:.2s}.billing-plan-card:hover{transform:translateY(-3px);border-color:#b9adf8}.billing-plan-card.selected{color:#fff;border-color:#263460;background:linear-gradient(145deg,#10182e,#1d2850);box-shadow:0 20px 45px rgba(20,29,59,.19)}
.billing-plan-card>div>span{color:#7357f5;font-size:7px;font-weight:900;letter-spacing:1px}.billing-plan-card.selected>div>span{color:#5ed5f3}.billing-plan-card h3{margin:7px 0;font-size:20px}.billing-plan-card p{min-height:30px;margin:0;color:#81889a;font-size:9px;line-height:1.5}.billing-plan-card>strong{margin-top:17px;font-size:23px}.billing-plan-card>strong small{margin-left:5px;color:#8b92a5;font-size:8px;font-weight:600}.billing-plan-card ul{margin:16px 0;padding:0;display:grid;gap:7px;list-style:none;color:#676f82;font-size:9px}.billing-plan-card.selected ul{color:#adb6cc}.billing-plan-card li::before{content:'✓';margin-right:7px;color:#21b57c}.plan-select-action{margin-top:auto;color:#644de3;font-size:9px;font-weight:850}.billing-plan-card.selected .plan-select-action{color:#66d6f2}
.payment-unavailable{padding:24px;display:flex;align-items:center;gap:15px}.payment-unavailable>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#9c6022;background:#fff1db;font-weight:900}.payment-unavailable h3{margin:0 0 4px}.payment-unavailable p{margin:0;color:var(--muted);font-size:10px}
.payment-checkout{padding:24px}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.payment-method-option{position:relative;cursor:pointer}.payment-method-option>input{position:absolute;opacity:0}.payment-method-card{min-height:92px;padding:15px;border:1px solid #e1e4eb;border-radius:13px;background:#fafbfc;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;transition:.2s}.payment-method-option input:checked+.payment-method-card{border-color:#7357f5;background:#f5f2ff;box-shadow:0 0 0 3px rgba(115,87,245,.08)}.payment-method-card img,.payment-method-card>i{width:44px;height:44px;object-fit:contain;border-radius:10px}.payment-method-card>i{display:grid;place-items:center;color:#fff;background:#151c34;font-size:18px;font-style:normal}.payment-method-card>span{display:grid;gap:4px}.payment-method-card strong{font-size:11px}.payment-method-card small{color:#7c8496;font-size:8px}.payment-method-card>b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#7357f5;font-size:9px;opacity:0}.payment-method-option input:checked+.payment-method-card>b{opacity:1}
.payment-checkout .field textarea,.payment-admin-card .field textarea{width:100%;padding:12px;border:1px solid #dfe2e9;border-radius:10px;resize:vertical;outline:0;font:inherit}.payment-checkout-foot{margin-top:18px;padding-top:18px;border-top:1px solid #eceef3;display:flex;justify-content:space-between;align-items:center;gap:25px}.payment-checkout-foot p{max-width:620px;margin:0;color:#798195;font-size:9px;line-height:1.6}
.payment-instruction-card{margin:28px 0;padding:28px;border:1px solid #dfe3eb;border-left:4px solid #e7a437;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.payment-instruction-card.status-paid{border-left-color:#18a873}.payment-instruction-card.status-rejected,.payment-instruction-card.status-cancelled{border-left-color:#d95162}.payment-instruction-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.payment-instruction-head span:first-child{color:#858da0;font-size:8px;font-weight:850;letter-spacing:1px}.payment-instruction-head h2{margin:5px 0 0;font-size:23px;letter-spacing:.5px}.order-status{padding:6px 9px;border-radius:7px;font-size:8px;font-weight:850;white-space:nowrap}.order-status.status-pending{color:#9d6425;background:#fff0da}.order-status.status-paid{color:#157c5a;background:#e4f8ef}.order-status.status-rejected,.order-status.status-cancelled{color:#a14653;background:#ffebee}
.payment-instruction-grid{margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7e9ef;border-radius:11px}.payment-instruction-grid>div{padding:13px;display:grid;gap:4px}.payment-instruction-grid>div+div{border-left:1px solid #e7e9ef}.payment-instruction-grid span,.payment-details-box p>span{color:#8990a1;font-size:8px}.payment-instruction-grid strong{font-size:11px}.payment-details-box{padding:18px;border-radius:13px;background:#f6f7fa}.payment-details-box p{margin:0 0 12px;display:grid;gap:4px}.payment-details-box code{overflow-wrap:anywhere;color:#17213b;font-size:13px;font-weight:800}.reference-warning{margin:16px 0 0!important;padding-top:13px;border-top:1px solid #e1e4eb;color:#676f82;font-size:9px}.billing-history{overflow:hidden}.order-list>a{min-height:66px;padding:12px 20px;border-top:1px solid #eceef3;display:grid;grid-template-columns:1fr auto 120px;align-items:center;gap:18px}.order-list span{display:grid;gap:3px}.order-list strong{font-size:11px}.order-list small{color:#8b92a2;font-size:8px}.order-list>a>span:nth-child(2){text-align:right;font-size:10px}
.payment-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.payment-admin-card{padding:22px}.payment-admin-head{margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.payment-admin-head>div{display:flex;align-items:center;gap:10px}.payment-admin-head img,.payment-admin-head>div>span{width:42px;height:42px;object-fit:contain;border-radius:11px}.payment-admin-head>div>span{display:grid;place-items:center;color:#fff;background:#151c33;font-size:18px}.payment-admin-head small{color:#7b8395;font-size:7px;font-weight:850}.payment-admin-head h2{margin:3px 0 0;font-size:17px}.payment-admin-card .field{margin-bottom:12px}.payment-admin-card .button-full{margin-top:16px}.payment-admin-card .inline-alert{margin-bottom:12px}.payment-orders-admin{overflow:hidden}.admin-order-list article{border-top:1px solid #eceef3}.admin-order-main{min-height:70px;padding:14px 20px;display:grid;grid-template-columns:90px 1fr auto 120px;align-items:center;gap:16px}.admin-order-main>div{display:grid;gap:3px}.admin-order-main strong{font-size:11px}.admin-order-main small,.admin-order-main time{color:#858c9d;font-size:8px}.admin-order-review{padding:14px 20px;background:#f8f9fb;display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}.admin-order-review>div{display:flex;gap:8px}.admin-order-note{margin:0;padding:12px 20px;color:#727a8c;background:#f8f9fb;font-size:9px}

@media (max-width: 1250px) {
    .register-product .auth-product-copy,.register-product .register-steps,.register-product .register-plan-summary{width:55%}.register-store-art{width:46%;right:0}.payment-admin-grid{grid-template-columns:1fr 1fr}.plan-usage-bar{grid-template-columns:1fr 1fr 1fr}.plan-upgrade-button{width:100%}
}
@media (max-width: 1100px) {
    .site-header{padding-inline:32px}.site-hero{padding-inline:32px}.site-trust-strip{padding-inline:32px}.register-product .auth-product-copy,.register-product .register-steps,.register-product .register-plan-summary{width:100%}.register-store-art{position:relative;width:min(100%,650px);height:390px;right:auto;top:auto;margin-top:12px}.register-store-art .auth-art-main{left:25%;bottom:-14px}.register-store-art .auth-art-secondary{right:1%;bottom:4px}.billing-plan-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px) {
    .site-header{width:100%;padding-inline:16px}.site-hero{width:100%;padding:58px 16px 56px}.site-trust-strip{width:100%;padding-inline:16px}.site-hero h1{font-size:43px;letter-spacing:-3px}.auth-product-column{padding-inline:24px}.auth-store-art{height:330px}.auth-art-main{width:230px;height:330px;left:16%!important}.auth-art-secondary{width:130px;height:210px}.auth-art-badge{left:0;bottom:40px}.register-plan-summary{grid-template-columns:1fr 1fr}.register-plan-summary>span{grid-column:1/-1;margin-bottom:10px}.register-plan-summary div:nth-of-type(2){border-left:0}.billing-plan-grid,.payment-method-grid,.payment-admin-grid{grid-template-columns:1fr}.section-title-row,.current-plan-card,.payment-checkout-foot{align-items:flex-start;flex-direction:column}.current-plan-quota{width:100%}.current-plan-quota span{min-width:0;flex:1}.payment-instruction-grid{grid-template-columns:1fr}.payment-instruction-grid>div+div{border-left:0;border-top:1px solid #e7e9ef}.order-list>a{grid-template-columns:1fr auto}.order-list>a>b{grid-column:1/-1;width:max-content}.admin-order-main{grid-template-columns:1fr auto}.admin-order-main>.order-status{grid-column:1/-1;width:max-content}.admin-order-main time{display:none}.admin-order-review{grid-template-columns:1fr}.admin-order-review>div{flex-direction:column}.admin-order-review .button{width:100%}
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* SaaS landing, iOS, AI and administration */
.nav-section-label { margin: 18px 14px 3px; color: #59627c; font-size: 8px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
.landing-shell { min-height: 100vh; padding: 0; background: #fff; }
.landing-frame { overflow: hidden; width: 100%; max-width: none; margin: 0; border-radius: 0; color: #121321; background: #fffaf7; box-shadow: none; }
.landing-nav { height: 88px; padding: 0 clamp(24px,5vw,74px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; }
.landing-brand { display: inline-flex; align-items: center; gap: 11px; justify-self: start; }
.landing-brand > span:last-child { display: grid; }
.landing-brand strong { font-size: 17px; letter-spacing: -.4px; }
.landing-brand small { margin-top: 1px; color: #918b90; font-size: 7px; font-weight: 800; letter-spacing: 1.2px; }
.landing-links { display: flex; gap: 34px; font-size: 12px; font-weight: 700; }
.landing-links a:hover, .nav-login:hover { color: var(--violet); }
.landing-actions { justify-self: end; display: flex; align-items: center; gap: 17px; }
.nav-login { font-size: 12px; font-weight: 700; }
.landing-hero { position: relative; min-height: 610px; padding: 65px clamp(24px,5vw,74px) 55px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 20px; background: radial-gradient(circle at 78% 36%, rgba(226,205,255,.85), transparent 32%), linear-gradient(180deg,#fffaf7,#fff7f4); }
.landing-hero::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg,transparent,#ead9dc,transparent); }
.hero-kicker { display: inline-flex; align-items: center; gap: 8px; color: #7654eb; font-size: 10px; font-weight: 900; letter-spacing: 1.6px; }
.hero-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #18b77a; box-shadow: 0 0 0 5px rgba(24,183,122,.1); }
.landing-hero-copy { position: relative; z-index: 2; max-width: 610px; }
.landing-hero-copy h1 { margin: 19px 0 20px; font-size: clamp(43px,5vw,72px); line-height: 1.02; letter-spacing: -4.5px; }
.landing-hero-copy h1 em { color: transparent; background: linear-gradient(90deg,#8a42e9,#ee765f); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.landing-hero-copy > p { max-width: 570px; margin: 0; color: #6f6970; font-size: 16px; line-height: 1.75; }
.hero-cta-row { margin-top: 30px; display: flex; gap: 10px; }
.button-hero { min-height: 52px; padding-inline: 23px; border-radius: 14px; }
.button-ghost { border-color: #dcd2d2; background: rgba(255,255,255,.56); }
.button-light { color: #5b42d9; background: #fff; }
.hero-trust { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 17px; color: #7c757a; font-size: 10px; font-weight: 650; }
.landing-hero-art { position: relative; z-index: 1; min-width: 0; }
.landing-hero-art::before { content: ''; position: absolute; inset: 16% 9%; border-radius: 50%; background: rgba(141,97,240,.22); filter: blur(60px); }
.landing-hero-art img { position: relative; z-index: 2; width: 100%; filter: drop-shadow(0 25px 20px rgba(48,30,75,.12)); }
.store-float { position: absolute; z-index: 3; padding: 11px 14px; border: 1px solid rgba(255,255,255,.9); border-radius: 15px; background: rgba(255,255,255,.82); box-shadow: 0 16px 35px rgba(47,29,74,.13); backdrop-filter: blur(13px); display: grid; grid-template-columns: 34px auto; column-gap: 9px; }
.store-float i { grid-row: 1/3; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #fff; font-style: normal; }
.store-float b { font-size: 11px; }.store-float small { color: #807887; font-size: 8px; }
.store-float-play { top: 8%; left: 2%; }.store-float-play i { background: linear-gradient(135deg,#18ad70,#3e8bf4); }
.store-float-ios { right: 1%; bottom: 14%; }.store-float-ios i { background: linear-gradient(145deg,#181b27,#606879); }
.landing-proof { min-height: 105px; padding: 20px clamp(24px,5vw,74px); display: grid; grid-template-columns: 1.45fr repeat(4,1fr); align-items: center; gap: 20px; background: #fff; }
.landing-proof > span { font-size: 12px; font-weight: 800; }.landing-proof div { padding-left: 25px; border-left: 1px solid #ede5e5; display: grid; }.landing-proof strong { font-size: 21px; }.landing-proof small { margin-top: 3px; color: #8a8388; font-size: 9px; }
.product-showcase, .feature-section, .pricing-section { padding: 105px clamp(24px,6vw,90px); }
.section-copy { max-width: 640px; }.section-copy.centered { margin: 0 auto 44px; text-align: center; }.section-copy h2 { margin: 9px 0 13px; font-size: clamp(30px,4vw,48px); line-height: 1.1; letter-spacing: -2.3px; }.section-copy p { margin: 0; color: #777079; font-size: 14px; line-height: 1.7; }
.product-showcase { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 70px; background: #fff; }
.showcase-window { min-width: 0; min-height: 430px; padding: 14px; border: 1px solid #ece9ef; border-radius: 24px; background: #f4f4f8; box-shadow: 0 30px 70px rgba(40,35,62,.12); display: grid; grid-template-columns: 58px 1fr; }
.showcase-sidebar { padding: 12px 7px; border-radius: 15px; background: #11172a; display: flex; flex-direction: column; align-items: center; gap: 24px; }.mini-logo { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: #fff; background: var(--violet); font-weight: 800; }.showcase-sidebar i { width: 25px; height: 6px; border-radius: 4px; background: #293149; }.showcase-content { padding: 25px; overflow: hidden; }.showcase-top { display: flex; justify-content: space-between; }.showcase-top span { display: grid; }.showcase-top b { font-size: 17px; }.showcase-top small { color: #8a8fa0; font-size: 8px; }.showcase-top button { height: 35px; border: 0; border-radius: 9px; color: #fff; background: var(--violet); font-size: 9px; font-weight: 700; }.showcase-stats { margin: 22px 0; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #e4e5ec; border-radius: 14px; background: #fff; }.showcase-stats span { padding: 14px; display: grid; }.showcase-stats span+span { border-left: 1px solid #e9eaf0; }.showcase-stats small { color: #969baa; font-size: 7px; font-weight: 800; }.showcase-stats b { margin-top: 4px; font-size: 18px; }.green { color: #10aa70 !important; }.red { color: #db5060 !important; }.showcase-chart { height: 135px; padding: 10px; border: 1px solid #e7e8ef; border-radius: 14px; background: repeating-linear-gradient(0deg,#fff,#fff 31px,#eef0f5 32px); }.showcase-chart svg { width: 100%; height: 100%; }.showcase-rows { margin-top: 12px; display: grid; gap: 7px; }.showcase-rows span { min-height: 37px; padding: 0 11px; border-radius: 9px; background: #fff; display: grid; grid-template-columns: 1fr 50px 72px; align-items: center; font-size: 8px; }.showcase-rows i { font-style: normal; font-weight: 800; }.showcase-rows em { font-style: normal; font-weight: 800; }
.feature-section { background: #fff9f6; }.feature-grid { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.feature-card { min-height: 245px; padding: 30px; border: 1px solid #eee4e2; border-radius: 20px; background: rgba(255,255,255,.75); }.feature-card.feature-large { grid-row: span 2; min-height: 506px; background: radial-gradient(circle at 50% 90%,#e8deff,transparent 44%),#fff; }.feature-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; font-size: 19px; }.feature-icon.purple { color: #7357f5; background: #eeeaff; }.feature-icon.green { color: #0f9d68; background: #e5f8f0; }.feature-icon.blue { color: #397de8; background: #e9f1ff; }.feature-icon.coral { color: #dc6854; background: #ffebe6; }.feature-icon.ink { color: #fff; background: #171d30; }.feature-card h3 { margin: 23px 0 9px; font-size: 18px; }.feature-card p { margin: 0; color: #777078; font-size: 12px; line-height: 1.65; }.mini-store-pills { margin-top: 165px; display: flex; gap: 8px; }.mini-store-pills span { padding: 10px 13px; border: 1px solid #ded8e8; border-radius: 11px; background: rgba(255,255,255,.78); font-size: 9px; font-weight: 800; }
.how-section { padding: 95px clamp(24px,6vw,90px); color: #fff; background: #131528; display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: center; }.how-steps { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }.how-steps li { min-height: 230px; padding: 25px; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(255,255,255,.035); }.how-steps span { color: #9786ff; font-size: 10px; font-weight: 900; }.how-steps h3 { margin: 55px 0 8px; font-size: 16px; }.how-steps p { margin: 0; color: #9fa5b9; font-size: 11px; line-height: 1.6; }
.pricing-section { background: #fff; }.pricing-grid { max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); align-items: center; gap: 16px; }.price-card { position: relative; min-height: 440px; padding: 30px; border: 1px solid #e8e5eb; border-radius: 21px; background: #fff; }.price-card.featured { min-height: 480px; padding-top: 48px; border: 2px solid #7859f4; box-shadow: 0 25px 55px rgba(115,87,245,.15); }.popular-tag { position: absolute; inset: 0 25px auto; height: 25px; border-radius: 0 0 9px 9px; color: #fff; background: var(--violet); display: grid; place-items: center; font-size: 8px; font-weight: 900; letter-spacing: 1px; }.price-card h3 { margin: 0; font-size: 20px; }.price-card > p { min-height: 40px; color: #7d7680; font-size: 11px; }.price { margin: 22px 0; display: flex; align-items: flex-end; gap: 6px; }.price strong { font-size: 32px; letter-spacing: -1.5px; }.price span { padding-bottom: 5px; color: #918a91; font-size: 10px; }.price-card ul { min-height: 175px; margin: 0; padding: 0; list-style: none; display: grid; align-content: start; gap: 13px; color: #4e4b54; font-size: 11px; }
.landing-final { padding: 90px 25px; color: #fff; text-align: center; background: radial-gradient(circle at 20%,#8c3fe1,transparent 38%),linear-gradient(115deg,#6436d9,#e27567); }.landing-final h2 { max-width: 760px; margin: 12px auto 28px; font-size: clamp(30px,4vw,48px); line-height: 1.12; letter-spacing: -2px; }.landing-footer { min-height: 100px; padding: 25px clamp(24px,5vw,74px); background: #101326; color: #b8bdcc; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }.landing-footer .landing-brand { color: #fff; }.landing-footer p { font-size: 10px; }.landing-footer > div { justify-self: end; display: flex; gap: 22px; font-size: 10px; }
.auth-switch { margin-top: 18px !important; text-align: center; font-size: 11px !important; }.auth-switch a { color: var(--violet); font-weight: 800; }.login-brand { text-decoration: none; }.register-benefits { max-width: 480px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.register-benefits span { padding: 13px 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #d9dcE8; background: rgba(255,255,255,.04); font-size: 11px; }.check-label { display: flex; align-items: flex-start; gap: 9px; color: #70778b; font-size: 10px; line-height: 1.4; }.check-label input { margin-top: 1px; accent-color: var(--violet); }
.store-selector { margin-bottom: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.store-option { position: relative; min-height: 80px; padding: 15px; border: 1px solid #e4e6ed; border-radius: 14px; background: #fafbfc; display: flex; align-items: center; gap: 12px; cursor: pointer; }.store-option:has(input:checked) { border-color: #8068f7; background: #f4f1ff; box-shadow: 0 0 0 3px rgba(115,87,245,.08); }.store-option input { position: absolute; opacity: 0; }.store-option > span:nth-of-type(2) { display: grid; }.store-option strong { font-size: 13px; }.store-option small { margin-top: 3px; color: #888fa1; font-size: 9px; }.store-option > i { margin-left: auto; display: none; width: 20px; height: 20px; border-radius: 50%; color: #fff; background: var(--violet); place-items: center; font-size: 10px; font-style: normal; }.store-option:has(input:checked) > i { display: grid; }.store-option-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; color: #fff; }.store-option-icon.play { background: linear-gradient(135deg,#19a970,#4185ef); }.store-option-icon.ios { background: linear-gradient(145deg,#141825,#5e6677); }.quota-head-pill { padding: 8px 12px; border-radius: 10px; color: #5d49d4; background: #eeeaff; font-size: 10px; font-weight: 800; }.quota-side-card { padding: 21px; border-radius: 16px; color: #fff; background: linear-gradient(145deg,#151a2c,#252c46); }.quota-side-card > span,.quota-side-card > strong,.quota-side-card > small { display: block; }.quota-side-card > span { color: #9e90f9; font-size: 9px; font-weight: 800; text-transform: uppercase; }.quota-side-card > strong { margin-top: 11px; font-size: 24px; }.quota-side-card > small { color: #9299ac; font-size: 9px; }.quota-side-card > div { height: 6px; margin-top: 15px; border-radius: 5px; background: #343b55; overflow: hidden; }.quota-side-card > div i { display: block; height: 100%; background: linear-gradient(90deg,#7457f5,#a28fff); }.locale-pill.play { color: #087957; background: #e2f7ef; }.locale-pill.ios { color: #e9ebf2; background: #252b3c; }.store-locale { width: fit-content; }
.button-ai { color: #fff; border-color: transparent; background: linear-gradient(110deg,#7456f5,#a246db,#e36d72); box-shadow: 0 9px 23px rgba(135,73,212,.2); }.button-ai:hover { filter: brightness(.98); }.aso-panel { margin-bottom: 22px; overflow: hidden; }.aso-panel-head { padding: 24px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: linear-gradient(100deg,#fbf9ff,#fff8f5); }.aso-panel-head > div { display: flex; align-items: center; gap: 13px; }.aso-panel-head h2 { margin: 3px 0; font-size: 18px; }.aso-panel-head p { margin: 0; color: var(--muted); font-size: 10px; }.ai-spark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#7657f5,#e06d79); box-shadow: 0 9px 22px rgba(117,87,245,.24); font-size: 18px; }.ai-spark.small { width: 33px; height: 33px; border-radius: 10px; font-size: 13px; }.aso-result { padding: 24px; display: grid; grid-template-columns: 150px 1fr; align-items: center; gap: 25px; }.aso-score { min-height: 110px; border-radius: 16px; color: #fff; background: #151a2e; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; align-content: center; }.aso-score span { width: 100%; color: #969eb7; text-align: center; font-size: 8px; font-weight: 800; }.aso-score strong { font-size: 43px; }.aso-score small { color: #a5acc0; }.aso-summary h3,.aso-columns h3 { margin: 0 0 8px; font-size: 13px; }.aso-summary p,.action-list p { margin: 0; color: #6e7589; font-size: 10px; line-height: 1.65; }.aso-columns { padding: 0 24px 25px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 28px; }.action-list { display: grid; gap: 9px; }.action-list article { padding: 12px; border: 1px solid #ebecef; border-radius: 11px; display: grid; grid-template-columns: 52px 1fr; gap: 10px; }.priority { height: 21px; border-radius: 6px; display: grid; place-items: center; font-size: 7px; font-weight: 900; }.priority-yüksek { color: #c53e50; background: #ffeaed; }.priority-orta { color: #b06d22; background: #fff2dd; }.priority-düşük { color: #16805e; background: #e5f7f0; }.action-list strong { font-size: 10px; }.muted-copy { margin: -4px 0 12px; color: var(--muted); font-size: 9px; }.aso-empty { padding: 28px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #747b8f; }.aso-empty > span { color: var(--violet); font-size: 22px; }.aso-empty p { max-width: 680px; margin: 0; font-size: 11px; line-height: 1.6; }
.keyword-modal-card { width: min(680px,calc(100vw - 28px)); }.keyword-idea-box { margin-bottom: 19px; padding: 16px; border: 1px solid #e6e0f8; border-radius: 14px; background: linear-gradient(110deg,#f7f4ff,#fff8f5); }.keyword-idea-box > div:first-child { display: flex; align-items: center; gap: 10px; }.keyword-idea-box > div:first-child div { display: grid; }.keyword-idea-box strong { font-size: 11px; }.keyword-idea-box small { margin-top: 2px; color: #7c8292; font-size: 8px; }.idea-input { margin-top: 12px; display: grid; grid-template-columns: 1fr auto; gap: 8px; }.idea-input input { min-width: 0; height: 42px; padding: 0 12px; border: 1px solid #dfe1e9; border-radius: 10px; background: #fff; outline: 0; }.idea-message { margin: 9px 0 0; color: #777e91; font-size: 9px; }.idea-chips { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 7px; }.idea-chips button,.idea-chip { padding: 7px 10px; border: 1px solid #e2dafa; border-radius: 9px; color: #5944bd; background: #fff; text-align: left; font-size: 9px; font-weight: 700; }.idea-chip { display: grid; }.idea-chip small { max-width: 220px; margin-top: 3px; color: #8a8295; font-size: 7px; font-weight: 500; }.idea-chips button:hover,.idea-chip:hover { border-color: #927ef4; background: #f5f2ff; }
.plan-usage-bar { margin: -10px 0 25px; padding: 15px 20px; border: 1px solid #e8e8ef; border-radius: 15px; background: #fff; display: grid; grid-template-columns: 1fr repeat(3,1.1fr); align-items: center; gap: 24px; }.plan-usage-bar p { margin: 5px 0 0; color: #858b9c; font-size: 9px; }.plan-pill.strong { color: #5c48d2; background: #eeeaff; font-weight: 800; }.usage-meter > span { color: #747b8c; font-size: 9px; }.usage-meter > span b { color: var(--ink); }.usage-meter > i { display: block; height: 5px; margin-top: 7px; border-radius: 4px; background: #ebeaf0; overflow: hidden; }.usage-meter > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#7357f5,#a28ef8); }
.admin-stat-strip { margin-bottom: 20px; border: 1px solid #e6e8ee; border-radius: 15px; background: #fff; display: grid; grid-template-columns: repeat(3,1fr); }.admin-stat-strip > div { min-height: 75px; padding: 16px 22px; display: grid; align-content: center; }.admin-stat-strip > div+div { border-left: 1px solid #eceef2; }.admin-stat-strip span { color: #858c9e; font-size: 9px; }.admin-stat-strip strong { margin-top: 4px; font-size: 18px; }.admin-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.admin-plan-card { padding: 22px; }.admin-plan-card.is-featured { border: 1px solid #8067f5; box-shadow: 0 15px 38px rgba(115,87,245,.1); }.admin-plan-head { margin-bottom: 18px; display: flex; justify-content: space-between; align-items: flex-start; }.admin-plan-head h2 { margin: 6px 0 0; font-size: 19px; }.admin-plan-head > strong { font-size: 16px; }.plan-status { padding: 4px 7px; border-radius: 6px; color: #9b5760; background: #ffedf0; font-size: 7px; font-weight: 900; }.plan-status.active { color: #14795b; background: #e5f8f0; }.form-grid.three { grid-template-columns: repeat(3,1fr); }.quota-edit-grid { margin: 14px 0; padding: 13px; border-radius: 12px; background: #f5f6fa; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.quota-edit-grid label { display: grid; gap: 5px; color: #777e91; font-size: 8px; }.quota-edit-grid input { min-width: 0; height: 38px; padding: 0 9px; border: 1px solid #e1e3ea; border-radius: 8px; background: #fff; }.check-row { margin: 15px 0; display: flex; flex-wrap: wrap; gap: 12px; color: #687084; font-size: 9px; }.check-row input { accent-color: var(--violet); }.wide-modal { width: min(700px,calc(100vw - 28px)); }.admin-table-panel { overflow: hidden; }.admin-users-table { min-width: 1050px; }.member-cell { display: flex; align-items: center; gap: 10px; }.member-cell span:last-child { display: grid; }.member-cell small { margin-top: 2px; color: #8b91a1; }.usage-inline { color: #777e90; font-size: 9px; }.usage-inline b { color: var(--ink); }.inline-admin-form { display: grid; grid-template-columns: 150px 90px auto; gap: 6px; }.inline-admin-form select { min-width: 0; height: 35px; padding: 0 7px; border: 1px solid #dfe2e9; border-radius: 8px; background: #fff; font-size: 9px; }.inline-admin-form .button { min-height: 35px; padding: 0 10px; font-size: 9px; }.ai-admin-grid { grid-template-columns: 1.15fr .85fr; }.ai-info-card { padding: 28px; }.ai-info-card h2 { margin: 20px 0; }.ai-info-card ul { padding-left: 17px; color: #636b7e; display: grid; gap: 14px; font-size: 11px; line-height: 1.5; }.security-note { margin-top: 24px; padding: 15px; border-radius: 12px; background: #f3f1ff; display: flex; gap: 10px; }.security-note > span { color: var(--violet); }.security-note p { margin: 0; color: #686f82; font-size: 9px; line-height: 1.5; }.split-actions { justify-content: space-between; }

@media (max-width: 1100px) {
    .landing-links { display: none; }.landing-nav { grid-template-columns: 1fr 1fr; }.landing-hero { grid-template-columns: 1fr 1fr; min-height: 560px; }.landing-hero-copy h1 { font-size: 48px; letter-spacing: -3px; }.product-showcase { grid-template-columns: 1fr; }.feature-grid { grid-template-columns: repeat(2,1fr); }.feature-card.feature-large { grid-row: auto; min-height: 245px; }.mini-store-pills { margin-top: 35px; }.how-section { grid-template-columns: 1fr; }.admin-plan-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 760px) {
    .landing-shell { padding: 0; }.landing-frame { border-radius: 0; }.landing-nav { height: 72px; padding: 0 18px; }.landing-actions .nav-login { display: none; }.landing-actions .button { min-height: 37px; padding: 0 12px; font-size: 10px; }.landing-brand small { display: none; }.landing-hero { min-height: auto; padding: 55px 22px 35px; grid-template-columns: 1fr; text-align: center; }.landing-hero-copy { margin: 0 auto; }.landing-hero-copy h1 { font-size: 42px; letter-spacing: -2.8px; }.landing-hero-copy > p { font-size: 14px; }.hero-kicker { justify-content: center; }.hero-cta-row { justify-content: center; flex-direction: column; }.hero-trust { justify-content: center; }.landing-hero-art { margin-top: 18px; }.store-float { display: none; }.landing-proof { grid-template-columns: repeat(2,1fr); }.landing-proof > span { grid-column: 1/-1; text-align: center; }.landing-proof div:nth-of-type(odd) { border-left: 0; }.product-showcase,.feature-section,.pricing-section { padding: 70px 20px; }.section-copy.centered { margin-bottom: 30px; }.showcase-window { min-height: 350px; grid-template-columns: 42px 1fr; }.showcase-content { padding: 14px; }.showcase-stats { margin: 14px 0; }.showcase-rows span { grid-template-columns: 1fr 35px 55px; }.feature-grid,.pricing-grid,.admin-plan-grid { grid-template-columns: 1fr; }.price-card,.price-card.featured { min-height: auto; }.price-card ul { min-height: auto; margin-bottom: 25px; }.how-section { padding: 70px 20px; }.how-steps { grid-template-columns: 1fr; }.how-steps li { min-height: 150px; }.how-steps h3 { margin-top: 30px; }.landing-footer { grid-template-columns: 1fr; text-align: center; }.landing-footer .landing-brand,.landing-footer > div { justify-self: center; }.store-selector,.aso-columns,.aso-result,.plan-usage-bar { grid-template-columns: 1fr; }.aso-panel-head { align-items: flex-start; flex-direction: column; }.aso-panel-head form,.aso-panel-head .button { width: 100%; }.aso-result { text-align: center; }.action-list article { text-align: left; }.plan-usage-bar { gap: 13px; }.admin-stat-strip { grid-template-columns: 1fr; }.admin-stat-strip > div+div { border-left: 0; border-top: 1px solid #eceef2; }.form-grid.three,.quota-edit-grid { grid-template-columns: 1fr; }.idea-input { grid-template-columns: 1fr; }.ai-admin-grid { grid-template-columns: 1fr; }
}
.quota-side-card progress { width: 100%; height: 6px; margin-top: 15px; border: 0; border-radius: 5px; overflow: hidden; background: #343b55; }.quota-side-card progress::-webkit-progress-bar { background: #343b55; }.quota-side-card progress::-webkit-progress-value { background: linear-gradient(90deg,#7457f5,#a28fff); }.quota-side-card progress::-moz-progress-bar { background: #7457f5; }
.usage-meter progress { display: block; width: 100%; height: 5px; margin-top: 7px; border: 0; border-radius: 4px; overflow: hidden; background: #ebeaf0; }.usage-meter progress::-webkit-progress-bar { background: #ebeaf0; }.usage-meter progress::-webkit-progress-value { background: linear-gradient(90deg,#7357f5,#a28ef8); }.usage-meter progress::-moz-progress-bar { background: #7357f5; }
#keyword-modal, #new-plan-modal { width: min(700px, calc(100vw - 30px)); overflow-x: hidden; overflow-y: auto; }
#keyword-modal .keyword-modal-card, #new-plan-modal .wide-modal { width: auto; max-width: none; }

/* Dedicated administration dashboard */
.admin-overview-grid { margin-bottom: 22px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.admin-overview-grid article { min-height: 142px; padding: 25px; border: 1px solid #e9ebf1; border-radius: 18px; background: #fff; box-shadow: var(--shadow); display: grid; align-content: center; }
.admin-overview-grid article:nth-child(2) { background: #11172a; color: #fff; border-color: #11172a; }
.admin-overview-grid span { color: #8b92a5; font-size: 10px; font-weight: 850; letter-spacing: 1px; }
.admin-overview-grid strong { margin: 9px 0 5px; font-family: 'Manrope',sans-serif; font-size: 34px; line-height: 1; }
.admin-overview-grid small { color: #7d8497; font-size: 11px; }
.admin-overview-grid article:nth-child(2) small { color: #959caf; }
.admin-dashboard-columns { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(310px,.7fr); gap: 20px; align-items: start; }
.admin-user-list { padding: 4px 20px 10px; }
.admin-user-list article { min-height: 76px; padding: 12px 4px; border-bottom: 1px solid #eef0f4; display: grid; grid-template-columns: 42px minmax(180px,1fr) minmax(120px,.45fr) auto; align-items: center; gap: 14px; }
.admin-user-list article:last-child { border-bottom: 0; }
.admin-user-list article > div strong,.admin-user-list article > div small,.admin-user-list article > span:nth-child(3) b,.admin-user-list article > span:nth-child(3) small { display: block; }
.admin-user-list article > div strong { font-size: 13px; }
.admin-user-list article > div small,.admin-user-list article > span:nth-child(3) small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.admin-user-list article > span:nth-child(3) b { font-size: 12px; }
.status-badge { min-width: 64px; padding: 7px 9px; border-radius: 8px; font-size: 9px; font-style: normal; font-weight: 850; text-align: center; }
.status-active { color: #127757; background: #e4f7ef; }
.status-paused { color: #9b5962; background: #ffedf0; }
.admin-plan-list { padding: 8px 20px 18px; }
.admin-plan-list a { min-height: 69px; border-bottom: 1px solid #eef0f4; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 12px; }
.admin-plan-list a:last-child { border-bottom: 0; }
.admin-plan-list a > span { color: var(--violet); font-size: 10px; font-weight: 850; }
.admin-plan-list div strong,.admin-plan-list div small { display: block; }
.admin-plan-list div strong { font-size: 13px; }
.admin-plan-list div small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.admin-plan-list a > b { min-width: 32px; color: var(--violet); font-size: 19px; text-align: right; }

@media (max-width: 1180px) {
    .admin-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-dashboard-columns { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .admin-page-head { flex-direction: column; }
    .admin-overview-grid { grid-template-columns: 1fr; }
    .admin-user-list article { grid-template-columns: 38px minmax(0,1fr) auto; }
    .admin-user-list article > span:nth-child(3) { display: none; }
}

/* Dashboard live server clock and explicit remaining quota summary */
.dashboard-page-head { align-items:center; }
.dashboard-head-actions { display:flex;align-items:center;gap:12px; }
.server-clock-card { min-width:245px;min-height:56px;padding:9px 13px;border:1px solid #dfe3ec;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(26,34,61,.06);display:flex;align-items:center;gap:11px; }
.server-clock-icon { width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#11192f,#5943d3);font-size:18px; }
.server-clock-card>span:last-child { min-width:0;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:end; }
.server-clock-card small { grid-column:1/-1;color:#8991a4;font-size:7px;font-weight:850;letter-spacing:.65px;white-space:nowrap; }
.server-clock-card strong { margin-top:2px;font-variant-numeric:tabular-nums;font-size:18px;line-height:1;letter-spacing:.3px; }
.server-clock-card em { color:#747c90;font-size:8px;font-style:normal; }
.dashboard-system-status{min-width:205px;min-height:56px;padding:9px 11px;border:1px solid #d8eee6;border-radius:14px;background:linear-gradient(120deg,#fff,#f2fbf7);box-shadow:0 10px 28px rgba(26,34,61,.05);display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.dashboard-system-status>span:nth-child(2){display:grid;gap:2px}.dashboard-system-status small{color:#7d8c92;font-size:7px;font-weight:850;letter-spacing:.7px}.dashboard-system-status strong{color:#1d3a32;font-size:10px;white-space:nowrap}.dashboard-system-status em{padding:5px 7px;border-radius:6px;color:#12845e;background:#ddf7ed;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.6px}
.remaining-rights-panel { margin-bottom:20px;padding:19px 20px;border:1px solid #e1e5ed;border-radius:18px;color:#fff;background:linear-gradient(110deg,#0c142a 0%,#121d39 56%,#33278d 100%);box-shadow:0 18px 40px rgba(20,29,62,.13);display:grid;grid-template-columns:1.15fr repeat(3,minmax(150px,.72fr)) auto;align-items:center;gap:14px; }
.remaining-rights-intro h2 { margin:4px 0 3px;font-size:21px;letter-spacing:-.7px; }
.remaining-rights-intro p { margin:0;color:#9da8c1;font-size:9px;line-height:1.45; }
.remaining-rights-panel .eyebrow { color:#65d6f4; }
.remaining-right-card { min-height:82px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.055);display:flex;align-items:center;gap:12px; }
.rights-icon { width:39px;height:39px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-size:16px; }
.rights-app .rights-icon { color:#b3a6ff;background:rgba(126,102,246,.18); }.rights-keyword .rights-icon { color:#73cffd;background:rgba(54,153,232,.17); }.rights-ai .rights-icon { color:#78e0b4;background:rgba(34,183,126,.15); }
.remaining-right-card>div { display:grid; }.remaining-right-card small { color:#8e9ab6;font-size:7px;font-weight:850;letter-spacing:.45px;white-space:nowrap; }.remaining-right-card strong { margin:2px 0;font-size:24px;line-height:1;font-variant-numeric:tabular-nums; }.remaining-right-card em { color:#929db6;font-size:7px;font-style:normal;white-space:nowrap; }
.remaining-rights-link { min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;background:rgba(255,255,255,.09);display:flex;align-items:center;gap:12px;font-size:9px;font-weight:850;white-space:nowrap;transition:.2s; }.remaining-rights-link:hover { background:#fff;color:#21194d;transform:translateY(-2px); }
.plan-usage-bar { margin:0 0 25px;grid-template-columns:1fr repeat(3,1.05fr) auto; }
.plan-upgrade-button { min-height:40px;white-space:nowrap; }

@media (max-width: 1420px) {
    .remaining-rights-panel { grid-template-columns:1fr repeat(3,minmax(140px,.8fr)); }
    .remaining-rights-link { grid-column:1/-1;justify-self:end; }
    .plan-usage-bar { grid-template-columns:1fr repeat(3,1fr); }.plan-upgrade-button { grid-column:1/-1;justify-self:end; }
}
@media (max-width: 980px) {
    .dashboard-page-head { align-items:flex-start; }.dashboard-head-actions { align-items:stretch;flex-direction:column; }.server-clock-card,.dashboard-system-status { min-width:230px; }
    .remaining-rights-panel { grid-template-columns:1fr 1fr; }.remaining-rights-intro { grid-column:1/-1; }.remaining-right-card.rights-ai { grid-column:1/-1; }.remaining-rights-link { justify-self:stretch;justify-content:center; }
    .plan-usage-bar { grid-template-columns:1fr 1fr; }.plan-upgrade-button { justify-self:stretch; }
}
@media (max-width: 620px) {
    .dashboard-page-head { gap:18px; }.dashboard-head-actions,.server-clock-card,.dashboard-system-status { width:100%; }.dashboard-head-actions>.button { width:100%; }
    .remaining-rights-panel { padding:17px;grid-template-columns:1fr; }.remaining-rights-intro,.remaining-right-card.rights-ai,.remaining-rights-link { grid-column:auto; }.remaining-right-card { min-height:76px; }.remaining-right-card strong { font-size:22px; }
    .plan-usage-bar { grid-template-columns:1fr; }.plan-upgrade-button { grid-column:auto; }
}

/* 2026 navigation, quota bars and payment accounts */
.sidebar { width:272px;padding:24px 16px 18px;border-right:1px solid rgba(130,151,210,.13);background:radial-gradient(circle at 20% 0,rgba(89,70,222,.18),transparent 27%),linear-gradient(180deg,#080e20 0%,#0b1226 56%,#080e1e 100%);box-shadow:16px 0 45px rgba(11,18,38,.06);overflow:hidden; }
.sidebar::before { content:'';position:absolute;left:-120px;bottom:12%;width:320px;height:320px;border:1px solid rgba(112,101,237,.1);border-radius:50%;pointer-events:none; }
.main-column { margin-left:272px; }
.sidebar .brand { position:relative;z-index:1;min-height:62px;padding:9px 10px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(120deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 16px 36px rgba(0,0,0,.16); }
.sidebar .brand-panel-logo { width:42px;height:42px;border-radius:12px;box-shadow:0 10px 25px rgba(108,78,245,.32); }.sidebar .brand strong{font-size:15px;letter-spacing:-.3px}.sidebar .brand small{margin-top:3px;color:#7783a2;font-size:6px;letter-spacing:1.2px}
.sidebar-system-card { position:relative;z-index:1;margin:12px 2px 6px;padding:10px 11px;border:1px solid rgba(64,218,169,.12);border-radius:12px;background:rgba(31,176,128,.055);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px; }
.system-pulse{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(33,194,141,.12)}.system-pulse i{width:7px;height:7px;border-radius:50%;background:#2ad293;box-shadow:0 0 0 5px rgba(42,210,147,.12)}.sidebar-system-card>span:nth-child(2){display:grid;gap:2px}.sidebar-system-card small{color:#60708f;font-size:6px;font-weight:850;letter-spacing:.8px}.sidebar-system-card strong{color:#c7d3e5;font-size:9px}.sidebar-system-card em{padding:4px 6px;border-radius:5px;color:#39d39b;background:rgba(44,207,150,.1);font-size:6px;font-style:normal;font-weight:900;letter-spacing:.6px}
.sidebar .nav-list { position:relative;z-index:1;min-height:0;flex:1;margin-top:24px;padding-right:2px;gap:5px;align-content:start;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#273250 transparent }.sidebar .nav-section-label{margin:17px 12px 5px;color:#53617f;font-size:6px;letter-spacing:1.7px}.sidebar .nav-item{min-height:51px;padding:0 10px;border:1px solid transparent;border-radius:13px;color:#8e9ab7;font-size:12px;font-weight:680}.sidebar .nav-item:hover{color:#eef2ff;border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.045);transform:translateX(2px)}.sidebar .nav-item.is-active{color:#fff;border-color:rgba(125,100,247,.25);background:linear-gradient(100deg,rgba(109,79,244,.3),rgba(65,85,193,.11));box-shadow:0 12px 26px rgba(50,39,134,.17)}.sidebar .nav-item.is-active::before{left:-17px;width:3px;height:25px;background:linear-gradient(#67d7ff,#8261ff);box-shadow:0 0 14px #7357f5}.sidebar .nav-icon{width:33px;height:33px;border:1px solid rgba(255,255,255,.065);border-radius:10px;display:grid;place-items:center;color:#7583a4;background:rgba(255,255,255,.035);font-size:14px}.sidebar .nav-item.is-active .nav-icon{color:#fff;border-color:rgba(132,110,255,.25);background:linear-gradient(145deg,#7357f5,#4c72d8);box-shadow:0 8px 18px rgba(91,67,212,.28)}
.sidebar-foot{position:relative;z-index:1;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.sidebar-foot .avatar{width:36px;height:36px;background:linear-gradient(145deg,#263455,#111b36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.sidebar-foot .logout-button{border-radius:9px;background:rgba(255,255,255,.045)}
.current-plan-card { overflow:hidden;position:relative; }.current-plan-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#52d9ff,#7656f4,#ca72e7)}
.current-plan-quota{min-width:520px;border:0;gap:12px;overflow:visible}.current-plan-quota>span{min-width:250px;padding:15px 17px;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px;background:rgba(255,255,255,.055);display:block}.quota-number{padding:0!important;border:0!important;display:grid!important;grid-template-columns:auto auto 1fr;align-items:end;gap:5px}.quota-number small{margin-left:4px}.current-plan-progress{height:8px;margin-top:13px;border-radius:8px;display:block;overflow:hidden;background:rgba(3,8,25,.4)}.current-plan-progress>b{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#4ed9ff,#7c62f8);box-shadow:0 0 15px rgba(83,203,255,.35)}.current-plan-progress.keyword>b{background:linear-gradient(90deg,#7657f5,#d875dd)}.current-plan-quota>span>em{margin-top:6px;display:block;color:#7f8ba7;font-size:7px;font-style:normal;text-align:right}
.payment-account-groups{margin:4px 0 18px}.payment-account-group[hidden]{display:none!important}.payment-account-title{margin-bottom:10px;display:flex;justify-content:space-between;gap:15px}.payment-account-title span{font-size:10px;font-weight:850}.payment-account-title small{color:#858da0;font-size:8px}.checkout-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.checkout-account-card{position:relative;cursor:pointer}.checkout-account-card>input{position:absolute;opacity:0}.checkout-account-card>span{min-height:72px;padding:11px;border:1px solid #e0e4ec;border-radius:12px;background:#fafbfc;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.checkout-account-card img,.checkout-account-card i{width:38px;height:38px;border-radius:9px;object-fit:contain}.checkout-account-card i{display:grid;place-items:center;color:#fff;background:#111a32;font-style:normal}.checkout-account-card>span>span{display:grid;gap:3px}.checkout-account-card strong{font-size:10px}.checkout-account-card small{color:#81899b;font-size:7px}.checkout-account-card>span>b{opacity:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#7357f5;font-size:8px}.checkout-account-card input:checked+span{border-color:#7357f5;background:#f3f0ff;box-shadow:0 0 0 3px rgba(115,87,245,.08)}.checkout-account-card input:checked+span>b{opacity:1}.pos-coming-soon{padding:16px;border:1px dashed #d9dce5;border-radius:11px;color:#848b9c;background:#f8f9fb;font-size:9px;text-align:center}
.payment-notice-form{margin-top:16px;padding:18px;border:1px solid #dfe3eb;border-radius:13px;background:linear-gradient(105deg,#f7f5ff,#f7fbff);display:grid;grid-template-columns:1.1fr .85fr .6fr auto;align-items:end;gap:12px}.payment-notice-form h3{margin:4px 0;font-size:16px}.payment-notice-form p{margin:0;color:#778094;font-size:8px}.amount-input{position:relative}.amount-input input{padding-right:48px}.amount-input b{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:8px}.payment-notice-sent{margin-top:16px;padding:15px;border:1px solid #bee9d7;border-radius:12px;background:#edf9f4;display:flex;align-items:center;gap:11px}.payment-notice-sent>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1db17a}.payment-notice-sent>div{display:grid;gap:3px}.payment-notice-sent strong{font-size:10px}.payment-notice-sent small{color:#648273;font-size:8px}
.method-account-hint{min-height:69px;margin:8px 0 12px;padding:12px;border:1px solid #e5e7ee;border-radius:11px;background:#f7f8fb;display:flex;align-items:center;gap:10px}.method-account-hint>span{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#121b34}.method-account-hint p{margin:0;color:#737b8e;font-size:8px;line-height:1.5}.payment-account-admin-section{margin:30px 0}.account-admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-admin-column{padding:18px;border:1px solid #e4e7ed;border-radius:18px;background:#f4f5f8}.account-column-head{margin-bottom:13px;display:flex;align-items:center;gap:10px}.account-column-head>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#111a32,#4c3ab4)}.account-column-head h3{margin:0;font-size:17px}.account-column-head small{color:#858d9f;font-size:8px}.payment-account-form{margin-top:11px;padding:18px}.payment-account-form.is-new{border:1px dashed #927ff2;background:linear-gradient(105deg,#fff,#f8f6ff)}.payment-account-form-head{margin-bottom:13px;display:flex;justify-content:space-between;align-items:center}.payment-account-form-head>div{display:flex;align-items:center;gap:9px}.payment-account-form-head img,.payment-account-form-head>div>span{width:38px;height:38px;border-radius:9px;object-fit:contain}.payment-account-form-head>div>span{display:grid;place-items:center;color:#fff;background:#121b34}.payment-account-form-head>div>div{display:grid;gap:2px}.payment-account-form-head small{color:#7d8598;font-size:6px;font-weight:850}.payment-account-form-head strong{font-size:11px}.admin-order-list article.has-payment-notice{border-left:4px solid #1db17a;background:linear-gradient(90deg,#f1fbf7,transparent 34%)}.admin-payment-notice{margin-top:5px;color:#477866;font-size:8px}.admin-payment-notice b{color:#176a4e}
@media(max-width:1250px){.current-plan-card{align-items:flex-start;flex-direction:column}.current-plan-quota{width:100%;min-width:0}.current-plan-quota>span{flex:1}.payment-notice-form{grid-template-columns:1fr 1fr}.payment-notice-form>div:first-child{grid-column:1/-1}.account-admin-columns{grid-template-columns:1fr}.checkout-account-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{width:272px;transform:translateX(-100%)}.menu-open .sidebar{transform:translateX(0)}.main-column{margin-left:0}}
@media(max-width:680px){.current-plan-quota{flex-direction:column}.current-plan-quota>span{width:100%;min-width:0}.checkout-account-grid,.payment-notice-form{grid-template-columns:1fr}.payment-notice-form>div:first-child{grid-column:auto}.payment-account-title{flex-direction:column}}

/* Sales-ready landing: white navigation, animated store growth visual and conversion pricing */
.site-page .site-header {
    color:#11172d;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #e5e8f0;
    box-shadow:0 14px 40px rgba(17,24,46,.055);
    backdrop-filter:blur(18px);
}
.site-page .site-header::after {
    left:max(32px,calc((100vw - 1680px)/2));
    right:max(32px,calc((100vw - 1680px)/2));
    background:linear-gradient(90deg,transparent,#dfe3eb 12%,#dfe3eb 88%,transparent);
}
.site-page .site-header .site-brand strong,
.site-page .site-header nav a,
.site-page .site-header .site-login-link { color:#11172d; }
.site-page .site-header .site-brand small { color:#858da0; }
.site-page .site-header nav a:hover { color:#624ae8; }
.site-page .site-header nav a::after { background:linear-gradient(90deg,#664be9,#2da7e9); }
.site-page .site-header .site-button.dark {
    color:#fff;
    border-color:#11182e;
    background:#11182e;
    box-shadow:0 12px 26px rgba(17,24,46,.18);
}

.store-growth-stage { position:relative; min-width:0; min-height:570px; isolation:isolate; }
.growth-glow { position:absolute; z-index:-3; inset:11% 4% 7%; border-radius:50%; background:radial-gradient(circle at 50% 48%,rgba(100,78,245,.42),rgba(47,163,230,.15) 42%,transparent 70%); filter:blur(20px); }
.growth-orbit { position:absolute; z-index:-1; left:50%; top:50%; border:1px solid rgba(145,160,212,.19); border-radius:50%; transform:translate(-50%,-50%) rotate(-12deg); }
.orbit-one { width:82%; height:73%; }.orbit-two { width:104%; height:93%; border-style:dashed; opacity:.65; }
.growth-core { position:absolute; z-index:2; left:50%; top:50%; width:min(78%,515px); min-height:385px; padding:42px 40px 32px; border:1px solid rgba(255,255,255,.2); border-radius:38px; color:#fff; background:linear-gradient(145deg,rgba(27,39,82,.96),rgba(28,24,79,.95) 55%,rgba(64,39,132,.94)); box-shadow:0 45px 100px rgba(1,6,28,.48),inset 0 1px 0 rgba(255,255,255,.12); transform:translate(-50%,-50%) rotate(-2deg); overflow:hidden; }
.growth-core::before { content:''; position:absolute; width:270px; height:270px; right:-100px; top:-110px; border-radius:50%; background:rgba(55,207,255,.15); filter:blur(4px); }
.growth-core::after { content:''; position:absolute; inset:0; opacity:.24; background:repeating-linear-gradient(132deg,transparent 0 42px,rgba(255,255,255,.07) 43px,transparent 44px); pointer-events:none; }
.growth-live { position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; color:#9eabd0; font-size:8px; font-weight:900; letter-spacing:1.15px; }
.growth-live i { width:7px; height:7px; border-radius:50%; background:#32d99a; box-shadow:0 0 0 6px rgba(50,217,154,.12); }
.growth-core>strong { position:relative; z-index:1; margin:28px 0 27px; display:block; font-size:clamp(38px,3.25vw,55px); line-height:.96; letter-spacing:-3px; }
.growth-core>strong em { color:transparent; background:linear-gradient(90deg,#4dd8ff,#8e72ff 58%,#e87dde); -webkit-background-clip:text; background-clip:text; font-style:normal; }
.growth-bars { position:relative; z-index:1; height:83px; padding:0 12px 8px; border-bottom:1px solid rgba(255,255,255,.11); display:flex; align-items:end; gap:12px; }
.growth-bars::after { content:''; position:absolute; left:0; right:0; top:35%; border-top:1px dashed rgba(255,255,255,.1); }
.growth-bars i { flex:1; min-width:8px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#60ddff,#7957f4); box-shadow:0 6px 16px rgba(88,130,246,.2); animation:growthBars 2.8s ease-in-out infinite alternate; }
.growth-bars i:nth-child(1){height:25%}.growth-bars i:nth-child(2){height:42%;animation-delay:.2s}.growth-bars i:nth-child(3){height:36%;animation-delay:.4s}.growth-bars i:nth-child(4){height:61%;animation-delay:.6s}.growth-bars i:nth-child(5){height:76%;animation-delay:.8s}.growth-bars i:nth-child(6){height:96%;animation-delay:1s}
.growth-core-meta { position:relative; z-index:1; margin-top:21px; display:grid; grid-template-columns:repeat(3,1fr); }
.growth-core-meta>span { display:grid; gap:3px; }.growth-core-meta>span+span { padding-left:18px; border-left:1px solid rgba(255,255,255,.11); }
.growth-core-meta b { font-size:18px; }.growth-core-meta small { color:#8d99b8; font-size:7px; font-weight:700; }
.store-growth-card { position:absolute; z-index:5; width:225px; min-height:88px; padding:13px 15px; border:1px solid rgba(255,255,255,.7); border-radius:18px; color:#12182d; background:rgba(255,255,255,.96); box-shadow:0 25px 58px rgba(2,8,34,.32); display:flex; align-items:center; gap:12px; backdrop-filter:blur(12px); }
.play-card { left:-3%; top:14%; animation:storeFloatA 4.2s ease-in-out infinite; }.apple-card { right:-2%; bottom:14%; animation:storeFloatB 4.8s ease-in-out infinite; }
.store-growth-icon { width:48px; height:48px; flex:0 0 auto; border-radius:14px; display:grid; place-items:center; color:#fff; box-shadow:0 10px 22px rgba(26,48,101,.18); }
.play-icon { position:relative; background:linear-gradient(145deg,#14bd8b,#238be9); }.play-icon::before { content:''; margin-left:4px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:17px solid #fff; filter:drop-shadow(-4px 0 0 rgba(255,212,52,.82)); }
.apple-icon { background:linear-gradient(145deg,#2e98ff,#4267e9); font-size:23px; font-weight:800; letter-spacing:-2px; }
.store-growth-card>div { min-width:0; display:grid; gap:3px; }.store-growth-card small { color:#9098ab; font-size:6px; font-weight:900; letter-spacing:.8px; }.store-growth-card strong { overflow:hidden; font-size:10px; white-space:nowrap; text-overflow:ellipsis; }.store-growth-card em { width:max-content; padding:4px 7px; border-radius:6px; color:#0c9b68; background:#e6f9f1; font-size:8px; font-style:normal; font-weight:900; }
.growth-keyword { position:absolute; z-index:4; min-width:225px; min-height:58px; padding:10px 12px; border:1px solid rgba(255,255,255,.13); border-radius:14px; color:#fff; background:rgba(12,20,48,.88); box-shadow:0 18px 45px rgba(2,8,32,.32); display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:9px; backdrop-filter:blur(12px); }
.growth-keyword>i { width:7px; height:7px; border-radius:50%; background:#30d396; box-shadow:0 0 0 5px rgba(48,211,150,.11); }.growth-keyword>span { display:grid; gap:3px; }.growth-keyword small { color:#697796; font-size:5px; font-weight:900; letter-spacing:.75px; }.growth-keyword strong { font-size:9px; }.growth-keyword>b { color:#6ee5b8; font-size:15px; }
.keyword-one { right:2%; top:8%; transform:rotate(2deg); animation:storeFloatB 5.2s ease-in-out infinite -.7s; }.keyword-two { left:0; bottom:8%; transform:rotate(-2deg); animation:storeFloatA 4.6s ease-in-out infinite -1.1s; }
.growth-arrow { position:absolute; z-index:6; width:55px; height:55px; border:1px solid rgba(255,255,255,.42); border-radius:17px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#20c98d,#2d9ee7); box-shadow:0 20px 42px rgba(19,165,163,.32); font-size:27px; font-weight:900; animation:arrowPulse 2.4s ease-in-out infinite; }
.arrow-one { right:7%; top:26%; }.arrow-two { left:11%; bottom:21%; width:43px; height:43px; border-radius:13px; background:linear-gradient(145deg,#7455f4,#cc72e6); animation-delay:-1.2s; }

.pricing-section-pro { position:relative; width:100%; max-width:none; padding:120px max(32px,calc((100vw - 1680px)/2)); background:linear-gradient(180deg,#fff 0%,#f6f7fb 28%,#f4f2fb 100%); }
.pricing-section-pro::before { content:''; position:absolute; right:-8%; top:8%; width:450px; height:450px; border-radius:50%; background:rgba(106,76,242,.08); filter:blur(60px); pointer-events:none; }
.pricing-section-pro>.site-section-head,.pricing-section-pro>.pricing-benefit-row,.pricing-section-pro>.pricing-grid-pro,.pricing-section-pro>.pricing-footnote { position:relative; z-index:1; }
.pricing-benefit-row { margin:-24px 0 37px; display:flex; flex-wrap:wrap; gap:9px; }
.pricing-benefit-row span { padding:9px 13px; border:1px solid #dfe3ec; border-radius:999px; color:#4e586e; background:rgba(255,255,255,.8); font-size:9px; font-weight:780; box-shadow:0 8px 24px rgba(24,31,61,.04); }
.pricing-grid-pro { gap:18px; border:0; align-items:stretch; }
.pricing-grid-pro article { min-height:560px; padding:30px; border:1px solid #dfe3ec; border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 18px 52px rgba(24,30,58,.075); transition:transform .25s,border-color .25s,box-shadow .25s; overflow:hidden; }
.pricing-grid-pro article+article { border-left:1px solid #dfe3ec; }
.pricing-grid-pro article:hover { z-index:2; border-color:#bcb1f5; box-shadow:0 28px 65px rgba(37,31,81,.13); transform:translateY(-7px); }
.pricing-grid-pro article.featured { border-color:#4f45b9; color:#fff; background:radial-gradient(circle at 92% 5%,rgba(88,203,255,.21),transparent 28%),linear-gradient(145deg,#11182f,#202654 58%,#432b94); box-shadow:0 30px 75px rgba(30,31,92,.24); transform:translateY(-12px); }
.pricing-grid-pro article.featured:hover { transform:translateY(-18px); }
.pricing-label { top:17px; right:17px; padding:7px 10px; border:1px solid rgba(255,255,255,.16); border-radius:999px; color:#fff; background:rgba(255,255,255,.1); letter-spacing:.65px; }
.pricing-plan-icon { width:48px; height:48px; margin-bottom:23px; border:1px solid #e2e5ed; border-radius:15px; color:#6550e8; background:linear-gradient(145deg,#f8f7ff,#ecf8ff); display:grid; grid-template-columns:1fr; place-items:center; box-shadow:0 10px 25px rgba(55,55,106,.07); overflow:hidden; }
.pricing-plan-icon i { width:17px; height:17px; margin-top:8px; border:2px solid currentColor; border-radius:6px; transform:rotate(45deg); }.pricing-plan-icon span { margin-top:-5px; color:#7c8396; font-size:6px; font-weight:900; }
.featured .pricing-plan-icon { border-color:rgba(255,255,255,.15); color:#66dcf7; background:rgba(255,255,255,.08); box-shadow:none; }.featured .pricing-plan-icon span { color:#aeb8d0; }
.pricing-card-head>span { color:#6c55e9; font-size:8px; }.featured .pricing-card-head>span { color:#69d9f5; }
.pricing-card-head h3 { margin:10px 0 9px; font-size:29px; letter-spacing:-1px; }.pricing-card-head p { min-height:42px; color:#747c8d; font-size:11px; }.featured .pricing-card-head p { color:#aab4cc; }
.pricing-value { margin:28px 0 20px; padding-bottom:25px; border-color:#e4e7ee; }.pricing-value strong { font-size:35px; }.pricing-value span { color:#8991a4; }
.featured .pricing-value { border-color:rgba(255,255,255,.13); }
.pricing-included-label { margin-bottom:14px; color:#969daf; font-size:7px; font-weight:900; letter-spacing:1.1px; }.featured .pricing-included-label { color:#71809f; }
.pricing-grid-pro ul { gap:12px; font-size:10px; }.pricing-grid-pro li::before { width:17px; height:17px; margin-right:9px; border-radius:50%; display:inline-grid; place-items:center; color:#169f6e; background:#e8f8f2; font-size:8px; }.pricing-grid-pro .featured li::before { color:#6de2b8; background:rgba(49,211,153,.12); }
.pricing-grid-pro article>.site-button { min-height:52px; border-radius:12px; }.pricing-grid-pro article>.site-button.outline { color:#18203a; border-color:#d9dde7; background:#fff; }.pricing-grid-pro article>.site-button.primary { background:linear-gradient(100deg,#7051f4,#438deb); box-shadow:0 14px 32px rgba(70,72,216,.28); }
.pricing-footnote { margin:28px 0 0; color:#7f8798; display:flex; align-items:center; justify-content:center; gap:9px; font-size:9px; text-align:center; }.pricing-footnote i { width:7px; height:7px; border-radius:50%; background:#25ba82; box-shadow:0 0 0 5px rgba(37,186,130,.1); }

@keyframes storeFloatA { 0%,100%{translate:0 0} 50%{translate:0 -13px} }
@keyframes storeFloatB { 0%,100%{translate:0 0} 50%{translate:0 12px} }
@keyframes arrowPulse { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-10px) scale(1.05)} }
@keyframes growthBars { from{filter:saturate(.9);transform:scaleY(.88);transform-origin:bottom} to{filter:saturate(1.3);transform:scaleY(1.06);transform-origin:bottom} }

@media (max-width:1100px) {
    .store-growth-stage { width:min(100%,760px); min-height:570px; margin:auto; }
    .pricing-grid-pro { grid-template-columns:repeat(2,1fr); }
    .pricing-grid-pro article.featured { transform:none; }.pricing-grid-pro article.featured:hover { transform:translateY(-7px); }
}
@media (max-width:760px) {
    .site-page .site-header { height:76px; }
    .site-page .site-header::after { left:16px; right:16px; }
    .store-growth-stage { min-height:480px; margin-top:12px; }
    .growth-core { width:88%; min-height:330px; padding:32px 25px 25px; border-radius:28px; }
    .growth-core>strong { margin:22px 0 19px; font-size:39px; letter-spacing:-2.6px; }
    .growth-bars { height:62px; }.growth-core-meta { margin-top:16px; }.growth-core-meta b { font-size:14px; }
    .store-growth-card { width:188px; min-height:74px; padding:10px; border-radius:14px; }.store-growth-icon { width:40px; height:40px; border-radius:11px; }.play-card { left:0; top:5%; }.apple-card { right:0; bottom:4%; }
    .growth-keyword { display:none; }
    .growth-arrow { width:44px; height:44px; right:4%; top:37%; }.arrow-two { left:7%; bottom:27%; width:36px; height:36px; }
    .pricing-section-pro { padding:78px 16px; }
    .pricing-benefit-row { margin:-12px 0 28px; display:grid; }.pricing-benefit-row span { width:100%; }
    .pricing-grid-pro { grid-template-columns:1fr; }.pricing-grid-pro article { min-height:530px; }.pricing-grid-pro article+article { border-top:1px solid #dfe3ec; }.pricing-grid-pro article:hover,.pricing-grid-pro article.featured:hover { transform:none; }
    .pricing-footnote { align-items:flex-start; }
}

/* Readable application type scale, interactive rank chart and payment readiness */
.app-shell { font-size:15px; }
.app-shell .sidebar .brand strong { font-size:16px; }
.app-shell .sidebar .brand small { font-size:9px; }
.app-shell .sidebar-system-card small { font-size:9px; }
.app-shell .sidebar-system-card strong { font-size:12px; }
.app-shell .sidebar-system-card em { font-size:8px; }
.app-shell .sidebar .nav-section-label { font-size:9px; }
.app-shell .sidebar .nav-item { font-size:14px; }
.app-shell .sidebar-foot .user-chip strong { font-size:13px; }
.app-shell .sidebar-foot .user-chip small { font-size:10px; }
.app-shell .main-content .eyebrow { font-size:11px; }
.app-shell .main-content .panel-head h2 { font-size:20px; }
.app-shell .main-content .panel-head p { font-size:13px; line-height:1.55; }
.app-shell .main-content .metric-card span { font-size:14px; }
.app-shell .main-content .metric-card small { font-size:12px; }
.app-shell .main-content .app-overview-name strong { font-size:14px; }
.app-shell .main-content .app-overview-name small,
.app-shell .main-content .app-overview-stat small { font-size:11px; }
.app-shell .main-content .app-overview-stat strong { font-size:16px; }
.app-shell .main-content .activity-name strong { font-size:13px; }
.app-shell .main-content .activity-name small { font-size:11px; }
.app-shell .main-content .activity-rank { font-size:15px; }
.app-shell .main-content .activity-rank small { font-size:10px; }
.app-shell .main-content .app-card h2 { font-size:18px; }
.app-shell .main-content .package-name,
.app-shell .main-content .app-card-foot>span { font-size:11px; }
.app-shell .main-content .app-card-stats span { font-size:11px; }
.app-shell .main-content .app-card-foot a { font-size:12px; }

/* Marka ölçüleri ve yüksek kontrastlı panel logo alanı */
.brand-image-logo{width:var(--brand-logo-width,160px)!important;height:var(--brand-logo-height,44px)!important;max-width:100%;object-fit:contain;object-position:left center;flex:none}
.sidebar .brand.brand-has-image{justify-content:center;min-height:72px;padding:10px 12px;background:#fff;border-color:#e6e8ef;box-shadow:0 14px 30px rgba(1,8,28,.22)}
.sidebar .brand.brand-has-image{height:72px}.auth-brand.brand-has-image,.site-header>.site-brand.brand-has-image,.mobile-brand.brand-has-image{height:100%}
.sidebar .brand.brand-has-image .brand-image-logo{object-position:center}
.mobile-brand.brand-has-image,.auth-brand.brand-has-image,.site-brand.brand-has-image{min-width:0}
.mobile-brand.brand-has-image{padding:5px 10px;border-radius:10px;background:#fff}
.measure-input{display:grid;grid-template-columns:1fr 82px}.measure-input input{border-radius:8px 0 0 8px}.measure-input select{border-left:0;border-radius:0 8px 8px 0}.logo-size-grid{margin:18px 26px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.logo-size-grid .field{margin:0}
.site-hero h1 em{display:inline-block;padding-right:.12em;overflow:visible}
.growth-core>strong{max-width:430px}
.app-card-actions{display:flex;align-items:center;gap:13px}.app-card-actions form{margin:0}.app-card-actions button{padding:0;border:0;color:#d54b61;background:transparent;font:700 12px/1 inherit;cursor:pointer}.app-card-actions button:hover{text-decoration:underline}

/* Blog vitrini */
.blog-site-page{min-height:100vh;background:#fff;color:#0b1229}.blog-header nav .is-current{color:#654af4}.blog-main{width:min(100% - 48px,1240px);margin:0 auto;padding:92px 0 110px}.blog-hero{max-width:850px;padding-bottom:55px}.blog-hero h1{margin:22px 0 20px;font-size:clamp(45px,6vw,78px);line-height:1;letter-spacing:-4.5px}.blog-hero p{max-width:760px;margin:0;color:#697188;font-size:17px;line-height:1.8}.blog-categories{display:flex;align-items:center;gap:8px;padding:17px 0;border-top:1px solid #e4e7ee;border-bottom:1px solid #e4e7ee;overflow:auto}.blog-categories a{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;color:#60687b;font-size:12px;font-weight:750;white-space:nowrap}.blog-categories a span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#eff1f5;font-size:9px}.blog-categories a.is-active{color:#fff;background:#11182f}.blog-categories a.is-active span{color:#11182f;background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:38px}.blog-card{overflow:hidden;border:1px solid #e2e5ec;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(24,31,51,.07);transition:.22s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(24,31,51,.12)}.blog-card.is-featured{grid-column:span 2}.blog-card-media{height:230px;display:block;overflow:hidden;background:#0d1630}.blog-card.is-featured .blog-card-media{height:340px}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card-media img{transform:scale(1.035)}.blog-card-media>span{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#0c1730,#2e247b)}.blog-card-media>span i{position:absolute;width:240px;height:240px;border:1px solid rgba(97,211,255,.22);border-radius:50%;box-shadow:0 0 80px rgba(97,81,245,.55)}.blog-card-media>span b{position:relative;color:#fff;font-size:66px}.blog-card-body{padding:24px}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;color:#9298a7;font-size:10px;font-weight:700}.blog-card-meta span{color:#654af4;letter-spacing:.6px;text-transform:uppercase}.blog-card h2{margin:16px 0 11px;font-size:23px;line-height:1.2;letter-spacing:-.7px}.blog-card.is-featured h2{font-size:31px}.blog-card h2 a{color:#0b1229}.blog-card p{min-height:48px;margin:0 0 22px;color:#6d7487;font-size:13px;line-height:1.7}.blog-read-more{color:#11182f;font-size:12px;font-weight:850}.blog-read-more span{color:#654af4}.blog-empty{padding:90px 20px;text-align:center}.blog-empty>span{font-size:34px;color:#654af4}.blog-empty h2{font-size:27px}.blog-empty p{color:#798092}.blog-footer{min-height:95px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e7ee;color:#737b8e;font-size:11px}.blog-footer div{display:flex;gap:23px}.blog-footer a{color:#11182f;font-weight:750}
.blog-post-main{width:min(100% - 48px,1000px);margin:0 auto;padding:85px 0 120px}.blog-article>header{max-width:850px;margin:0 auto 46px;text-align:center}.blog-back{display:block;width:max-content;margin:0 auto 40px;color:#6d7488;font-size:11px;font-weight:750}.blog-category-label{display:inline-flex;padding:8px 12px;border-radius:999px;color:#5c42e7;background:#f0edff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}.blog-article h1{margin:22px 0 22px;font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-3.7px}.blog-article>header>p{max-width:760px;margin:0 auto;color:#6b7286;font-size:18px;line-height:1.7}.blog-author{margin-top:28px;display:flex;justify-content:center;align-items:center;gap:10px}.blog-author>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#644bf2;font-weight:900}.blog-author div{display:grid;text-align:left}.blog-author strong{font-size:11px}.blog-author small{margin-top:4px;color:#9096a5;font-size:9px}.blog-cover{margin:0 0 55px;overflow:hidden;border-radius:22px;box-shadow:0 28px 70px rgba(17,25,49,.13)}.blog-cover img{display:block;width:100%;max-height:580px;object-fit:cover}.blog-content{max-width:780px;margin:auto;color:#242c40;font-size:17px;line-height:1.85}.blog-content h2{margin:52px 0 15px;color:#0b1229;font-size:31px;line-height:1.2;letter-spacing:-1px}.blog-content h3{margin:36px 0 12px;color:#11182f;font-size:24px}.blog-content p{margin:0 0 24px}.blog-content ul,.blog-content ol{margin:0 0 26px;padding-left:25px}.blog-content li{margin:8px 0}.blog-content blockquote{margin:34px 0;padding:23px 26px;border-left:4px solid #654af4;background:#f6f5ff;color:#3e4660;font-size:18px}.blog-content a{color:#5c42e7;text-decoration:underline}.blog-article-footer{max-width:780px;margin:60px auto 0;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e1e4eb;border-bottom:1px solid #e1e4eb}.blog-article-footer div{display:grid;gap:4px}.blog-article-footer div span{color:#8c92a1;font-size:9px;text-transform:uppercase}.blog-article-footer div strong{font-size:13px}.blog-article-footer>a{padding:14px 18px;border-radius:9px;color:#fff;background:#11182f;font-size:11px;font-weight:850}

/* Blog ve SEO yönetimi */
.admin-blog-stats{margin-bottom:22px;display:grid;grid-template-columns:repeat(3,1fr) auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.admin-blog-stats>div{padding:20px 23px;display:grid;gap:7px;border-right:1px solid var(--line)}.admin-blog-stats span{color:var(--muted);font-size:11px}.admin-blog-stats strong{font-size:24px}.admin-blog-stats>a{padding:0 24px;display:flex;align-items:center;color:var(--violet);font-size:12px;font-weight:800}.admin-blog-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:22px;align-items:start}.admin-post-list,.category-manager{padding:0;overflow:hidden}.admin-post-table article{padding:17px 20px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:15px;border-top:1px solid var(--line)}.admin-post-thumb{width:62px;height:52px;overflow:hidden;border-radius:9px;background:#131b34}.admin-post-thumb img{width:100%;height:100%;object-fit:cover}.admin-post-thumb span{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}.admin-post-table h3{margin:5px 0 4px;font-size:14px}.admin-post-table p{margin:0;color:var(--muted);font-size:10px}.post-state{display:inline-flex;padding:4px 7px;border-radius:999px;color:#7d5b11;background:#fff4d9;font-size:8px;font-weight:850}.post-state.published{color:#157b57;background:#e5f8f0}.admin-post-actions{display:flex;align-items:center;gap:10px}.admin-post-actions a,.admin-post-actions button{border:0;color:var(--violet);background:none;font-size:10px;font-weight:800;cursor:pointer}.admin-post-actions button{color:#d44b61}.category-list{padding:0 18px}.category-list>form{padding:16px 0;display:grid;gap:8px;border-top:1px solid var(--line)}.category-form-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.category-form-head input{font-weight:800}.category-form-head span{color:var(--muted);font-size:9px}.category-list input,.category-list textarea,.new-category-form input,.new-category-form textarea{width:100%;padding:10px;border:1px solid #dfe2e9;border-radius:7px;background:#fff;font:inherit}.category-list form>div:last-child{display:grid;grid-template-columns:1fr 60px auto;align-items:center;gap:8px}.category-list label,.new-category-form label{font-size:10px}.category-list button{padding:8px 10px;border:0;border-radius:6px;color:#fff;background:#5f49dd;font-weight:750}.new-category-form{margin:0 18px 18px;padding:17px;display:grid;gap:9px;border-radius:10px;background:#f5f3ff}.new-category-form h3{margin:0 0 5px}.ai-draft-panel{margin-bottom:20px;padding:18px 20px;display:grid;grid-template-columns:1fr 1.8fr;gap:20px;align-items:center;background:linear-gradient(100deg,#fff,#f8f5ff)}.ai-draft-panel>div{display:flex;align-items:center;gap:12px}.ai-draft-panel>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#694ef4,#df657e)}.ai-draft-panel>div div{display:grid;gap:4px}.ai-draft-panel small{color:var(--muted);font-size:9px}.ai-draft-panel form{display:grid;grid-template-columns:1.4fr .7fr .8fr auto;gap:8px}.ai-draft-panel input{min-width:0;padding:11px;border:1px solid #dfe2e9;border-radius:8px}.blog-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.blog-editor-main{display:grid;gap:20px}.blog-editor-card,.seo-preview-card,.publish-card,.cover-upload{padding:22px}.editor-title-input{font-size:23px!important;font-weight:800;letter-spacing:-.5px}.rich-editor-field>span{display:block;margin-bottom:7px;font-size:11px;font-weight:750}.rich-toolbar{padding:8px;display:flex;flex-wrap:wrap;gap:5px;border:1px solid #dde1e9;border-bottom:0;border-radius:9px 9px 0 0;background:#f6f7f9}.rich-toolbar button{min-width:32px;padding:7px 9px;border:1px solid #e1e3e9;border-radius:5px;background:#fff;color:#272e42;font-size:10px;cursor:pointer}.rich-editor{min-height:420px;padding:25px;border:1px solid #dde1e9;border-radius:0 0 9px 9px;background:#fff;font-size:15px;line-height:1.75;outline:none}.rich-editor:focus{border-color:#765df4;box-shadow:0 0 0 3px rgba(118,93,244,.08)}.rich-editor h2{font-size:28px}.rich-editor h3{font-size:21px}.rich-editor-field>textarea{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.rich-editor-field>small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.search-preview{margin:20px 22px;padding:18px;border:1px solid #e2e5ec;border-radius:10px;background:#fff}.search-preview span{color:#24834f;font-size:10px}.search-preview strong{margin:7px 0 5px;display:block;color:#1a0dab;font:20px Arial,sans-serif}.search-preview p{margin:0;color:#4d5156;font:13px/1.45 Arial,sans-serif}.blog-editor-side{display:grid;gap:20px;position:sticky;top:20px}.publish-card,.cover-upload{display:grid;gap:15px}.publish-card h2,.cover-upload h2{margin:0;font-size:17px}.publish-card>a{color:var(--violet);font-size:10px;font-weight:800;text-align:center}.cover-upload>img{width:100%;max-height:170px;object-fit:cover;border-radius:9px}.cover-upload>label:not(.file-picker){font-size:10px}.seo-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.seo-admin-layout>aside{display:grid;gap:20px}.seo-settings-form{padding:0;overflow:hidden}.seo-form-body{padding:22px;display:grid;gap:17px}.toggle-row.compact{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750}.seo-ai-card,.seo-health-card{padding:24px}.seo-ai-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#674df3,#e0647a)}.seo-ai-card h2{margin:16px 0 8px;font-size:20px}.seo-ai-card p{color:var(--muted);font-size:11px;line-height:1.6}.seo-ai-card form{display:grid;gap:10px}.seo-ai-card textarea{padding:11px;border:1px solid #dfe2e9;border-radius:8px}.seo-health-card h2{margin:0 0 16px}.seo-health-card ul{margin:0;padding:0;display:grid;gap:11px;list-style:none;font-size:11px}.seo-health-card li{display:flex;gap:9px}.seo-health-card li span{color:#15a673;font-weight:900}

@media (max-width:1050px){.blog-grid{grid-template-columns:1fr 1fr}.blog-card.is-featured{grid-column:span 2}.admin-blog-layout,.seo-admin-layout{grid-template-columns:1fr}.ai-draft-panel{grid-template-columns:1fr}.blog-editor-layout{grid-template-columns:1fr}.blog-editor-side{position:static;grid-template-columns:1fr 1fr}.ai-draft-panel form{grid-template-columns:1fr 1fr}.ai-draft-panel .button{grid-column:1/-1}.logo-size-grid{grid-template-columns:1fr}}
@media (max-width:700px){.blog-main,.blog-post-main{width:min(100% - 30px,1240px);padding-top:60px}.blog-hero h1,.blog-article h1{font-size:40px;letter-spacing:-2px}.blog-grid{grid-template-columns:1fr}.blog-card.is-featured{grid-column:auto}.blog-card.is-featured .blog-card-media{height:230px}.blog-footer{padding:20px 16px;align-items:flex-start;flex-direction:column;gap:12px}.blog-article-footer{align-items:flex-start;flex-direction:column}.admin-blog-stats{grid-template-columns:1fr 1fr}.admin-blog-stats>a{min-height:58px}.admin-post-table article{grid-template-columns:52px 1fr}.admin-post-actions{grid-column:1/-1;justify-content:flex-end}.ai-draft-panel form{grid-template-columns:1fr}.blog-editor-side{grid-template-columns:1fr}.logo-size-grid{margin-inline:18px}.measure-input{grid-template-columns:1fr 70px}}
.app-shell .main-content .locale-pill { min-height:27px; font-size:10px; }
.app-shell .main-content .back-link { font-size:13px; }
.app-shell .main-content .package-link { font-size:11px; }
.app-shell .main-content .detail-summary span { font-size:12px; }
.app-shell .main-content .detail-summary strong { font-size:22px; }
.app-shell .main-content .detail-summary .summary-date { font-size:15px; }
.app-shell .main-content .field>span { font-size:13px; }
.app-shell .main-content .field>span em { font-size:11px; }
.app-shell .main-content .field>small { font-size:11px; }
.app-shell .main-content .compact-empty,
.app-shell .main-content .empty-state p { font-size:13px; }
.app-shell .main-content .tip-card p,
.app-shell .main-content .tip-card li,
.app-shell .main-content .privacy-card p { font-size:12px; }
.app-shell .main-content .form-section-title strong { font-size:14px; }
.app-shell .main-content .form-section-title small { font-size:11px; }
.app-shell .main-content .aso-panel-head h2 { font-size:20px; }
.app-shell .main-content .aso-panel-head p,
.app-shell .main-content .aso-summary p,
.app-shell .main-content .action-list p,
.app-shell .main-content .aso-empty p { font-size:13px; }
.app-shell .main-content .aso-summary h3,
.app-shell .main-content .aso-columns h3 { font-size:15px; }
.app-shell .main-content .action-list strong { font-size:13px; }
.app-shell .main-content .priority { font-size:9px; }
.app-shell .main-content .muted-copy { font-size:12px; }
.app-shell .main-content .keyword-idea-box strong { font-size:13px; }
.app-shell .main-content .keyword-idea-box small,
.app-shell .main-content .idea-message { font-size:11px; }
.app-shell .main-content .idea-chips button,
.app-shell .main-content .idea-chip { font-size:11px; }
.app-shell .main-content .idea-chip small { font-size:10px; }
.app-shell .main-content .remaining-rights-intro p { font-size:11px; }
.app-shell .main-content .remaining-right-card small,
.app-shell .main-content .remaining-right-card em { font-size:9px; }
.app-shell .main-content .server-clock-card small { font-size:9px; }
.app-shell .main-content .server-clock-card em { font-size:10px; }
.app-shell .main-content .plan-usage-bar p,
.app-shell .main-content .usage-meter>span { font-size:11px; }
.app-shell .main-content .billing-plan-card p,
.app-shell .main-content .billing-plan-card ul,
.app-shell .main-content .billing-plan-card .plan-select-action { font-size:12px; }
.app-shell .main-content .billing-plan-card>div>span { font-size:10px; }
.app-shell .main-content .section-title-row>p { font-size:12px; }
.app-shell .main-content .current-plan-card p { font-size:12px; }
.app-shell .main-content .current-plan-card>div:first-child>span { font-size:10px; }
.app-shell .main-content .current-plan-quota small,
.app-shell .main-content .current-plan-quota>span>em { font-size:10px; }
.app-shell .main-content .payment-method-card strong { font-size:13px; }
.app-shell .main-content .payment-method-card small,
.app-shell .main-content .checkout-account-card small { font-size:11px; }
.app-shell .main-content .checkout-account-card strong { font-size:13px; }
.app-shell .main-content .payment-checkout-foot p { font-size:12px; }
.app-shell .main-content .order-list strong { font-size:13px; }
.app-shell .main-content .order-list small { font-size:11px; }

.chart-panel { overflow:hidden; }
.chart-panel-head { min-height:104px; padding:22px 26px; }
.chart-panel-head h2 { margin-top:5px!important; }
.chart-store-badge { min-height:31px; padding:0 11px; border:1px solid #dcd8fa; border-radius:9px; color:#5f49dc; background:#f2efff; display:inline-flex; align-items:center; font-size:10px; font-weight:850; letter-spacing:.45px; white-space:nowrap; }
.rank-chart-meta { padding:16px 26px 6px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.rank-chart-meta>div:first-child{display:grid;gap:4px}.rank-chart-meta>div:first-child>strong{color:#222a40;font-size:12px}.rank-chart-meta>div:first-child>span{color:#848c9e;font-size:10px}
.rank-chart-legend { display:flex; flex-wrap:wrap; gap:8px; }
.rank-chart-legend>span { min-height:30px; padding:0 10px; border:1px solid #e5e7ee; border-radius:9px; background:#fff; display:inline-flex; align-items:center; gap:7px; }
.rank-chart-legend i { width:9px; height:9px; border-radius:50%; box-shadow:0 0 0 3px rgba(70,78,110,.07); }
.rank-chart-legend b { max-width:180px; overflow:hidden; color:#444c61; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.rank-chart-legend em { min-height:30px; padding:0 10px; border-radius:9px; color:#746b8f; background:#f5f3fa; display:inline-flex; align-items:center; font-size:10px; font-style:normal; font-weight:750; }
.rank-chart-guide { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.rank-chart-guide span { min-height:30px; padding:0 10px; border-radius:9px; color:#6f7789; background:#f5f6f9; display:inline-flex; align-items:center; font-size:10px; font-weight:720; white-space:nowrap; }
.rank-chart-guide .guide-better { color:#167a59; background:#e8f7f1; }.rank-chart-guide .guide-worse { color:#a94453; background:#ffedef; }.rank-chart-guide b { margin-right:4px; color:#11182d; }
.rank-chart-workspace{margin-top:12px;display:grid;grid-template-columns:255px minmax(0,1fr);border-top:1px solid #e8eaf0;background:#fff}.rank-chart-series-list{height:420px;padding:12px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #e8eaf0;background:#f7f8fb;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbc6ee transparent}.rank-series-button{width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:11px;color:#535c70;background:transparent;display:grid;grid-template-columns:10px minmax(0,1fr) 14px;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.18s ease}.rank-series-button:hover{border-color:#ddd9f5;background:#fff;transform:translateX(2px)}.rank-series-button.is-active{border-color:#d5cffb;background:#fff;box-shadow:0 8px 20px rgba(43,48,74,.08)}.rank-series-button>i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(78,83,111,.07)}.rank-series-button>span{min-width:0;display:grid;gap:4px}.rank-series-button b{overflow:hidden;color:#30384e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.rank-series-button small{color:#8e96a7;font-size:9px}.rank-series-button small.is-rise{color:#16825e}.rank-series-button small.is-drop{color:#b64b5b}.rank-series-button>em{color:#a1a7b5;font-size:20px;font-style:normal}.rank-series-button.is-active>em{color:#654cf0}.chart-wrap { height:420px; padding:15px 22px 14px; background:linear-gradient(180deg,#fff,#fdfdff); }
.chart-wrap canvas { display:block; border-radius:12px; outline:0; }
.chart-wrap canvas:focus-visible { box-shadow:0 0 0 3px rgba(115,87,245,.18); }
.rank-chart-tooltip { position:absolute; z-index:5; min-width:215px; max-width:280px; padding:13px 14px; border:1px solid rgba(255,255,255,.12); border-radius:13px; color:#fff; background:rgba(12,18,38,.96); box-shadow:0 20px 46px rgba(12,18,38,.28); display:grid; grid-template-columns:10px 1fr; align-items:start; gap:10px; pointer-events:none; backdrop-filter:blur(12px); }
.rank-chart-tooltip[hidden] { display:none; }
.rank-chart-tooltip>i { width:9px; height:9px; margin-top:5px; border-radius:50%; box-shadow:0 0 0 4px rgba(255,255,255,.08); }
.rank-chart-tooltip>span { display:grid; gap:3px; }.rank-chart-tooltip small { overflow:hidden; color:#aeb7ca; font-size:10px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }.rank-chart-tooltip strong { font-size:23px; line-height:1.1; }.rank-chart-tooltip em { color:#8f9ab1; font-size:10px; font-style:normal; }

.keyword-panel-actions { display:flex; align-items:center; gap:9px; }.keyword-panel-actions form { margin:0; }
.data-table th { height:50px; font-size:12px; }
.data-table td { min-height:76px; font-size:14px; }
.keyword-cell strong { font-size:14px; }.keyword-cell small { font-size:11px; }
.rank-badge { min-height:30px; padding:0 10px; font-size:12px; }.change { font-size:12px; }
.last-update-cell { min-width:128px; display:grid; gap:3px; }.last-update-cell strong { color:#535b70; font-size:12px; white-space:nowrap; }.last-update-cell small { color:#969dad; font-size:10px; white-space:nowrap; }
.row-actions button { width:33px; height:33px; font-size:14px; }

.payment-method-option.is-unavailable { cursor:not-allowed; }
.payment-method-option.is-unavailable .payment-method-card { opacity:.68; border-style:dashed; background:#f7f8fa; }
.payment-method-option.is-unavailable .payment-method-card>b { opacity:1; color:#98601f; background:#fff0d8; }
.payment-readiness-warning { margin:0 0 18px; padding:15px; border:1px solid #f0d8ae; border-radius:12px; color:#72501f; background:#fff8e9; display:flex; align-items:flex-start; gap:11px; }
.payment-readiness-warning>span { width:30px; height:30px; flex:0 0 auto; border-radius:9px; color:#fff; background:#d9902e; display:grid; place-items:center; font-weight:900; }.payment-readiness-warning strong { display:block; font-size:13px; }.payment-readiness-warning p { margin:4px 0 0; color:#8a6b3d; font-size:11px; line-height:1.5; }
.payment-account-empty { padding:18px; border:1px dashed #d9dde7; border-radius:11px; color:#7e8698; background:#f8f9fb; font-size:12px; text-align:center; }
.method-readiness-alert { margin:-4px 0 16px; padding:12px; border:1px solid #f0d8ae; border-radius:11px; color:#75501c; background:#fff8e9; display:flex; align-items:center; gap:10px; }.method-readiness-alert>b { width:27px; height:27px; flex:0 0 auto; border-radius:8px; color:#fff; background:#d9902e; display:grid; place-items:center; }.method-readiness-alert>span { display:grid; gap:3px; }.method-readiness-alert strong { font-size:12px; }.method-readiness-alert small { color:#8c6d3e; font-size:10px; }
.branding-topbar-fields { margin:24px 26px 0; padding:20px 20px 4px; border:1px solid #e4e0f7; border-radius:14px; background:linear-gradient(110deg,#f8f6ff,#f7fbff); }.branding-topbar-fields .form-section-title { margin-bottom:17px; }

.site-page .site-notice { font-size:13px; }
.site-page .site-header nav,
.site-page .site-login-link { font-size:15px; }
.site-page .site-kicker { font-size:12px; }
.site-page .site-hero-assurances { font-size:12px; }
.site-page .site-trust-strip small { font-size:12px; }
.site-page .site-section-head>p { font-size:17px; }
.site-page .editorial-feature-grid article>span { font-size:10px; }
.site-page .editorial-feature-grid h3 { max-width:270px; font-size:23px; }
.site-page .editorial-feature-grid p { font-size:15px; }
.site-page .editorial-feature-grid ul { font-size:13px; }
.site-page .insight-copy>p,
.site-page .process-intro p { font-size:17px; }
.site-page .insight-points strong { font-size:13px; }.site-page .insight-points small { font-size:11px; }
.site-page .process-section li p { font-size:15px; }.site-page .process-section li>span { font-size:12px; }
.site-page .pricing-card-head>span,
.site-page .pricing-included-label { font-size:10px; }
.site-page .pricing-card-head p { font-size:14px; }
.site-page .pricing-grid-pro ul { font-size:13px; }
.site-page .pricing-benefit-row span,
.site-page .pricing-footnote { font-size:12px; }
.site-page .faq-list summary { font-size:17px; }.site-page .faq-list p { font-size:15px; }
.site-page .site-footer-main>div:first-child p,
.site-page .site-footer-main>div:not(:first-child) a,
.site-page .site-footer-bottom { font-size:13px; }

@media (max-width:980px) {
    .rank-chart-meta { flex-direction:column; }.rank-chart-guide { justify-content:flex-start; }.rank-chart-workspace{grid-template-columns:220px minmax(0,1fr)}.rank-chart-series-list,.chart-wrap { height:380px; }
    .keyword-panel-head { align-items:flex-start; flex-direction:column; }.keyword-panel-actions { width:100%; }.keyword-panel-actions form,.keyword-panel-actions .button { flex:1; }
}
@media (max-width:680px) {
    .app-shell .main-content { font-size:14px; }
    .chart-panel-head { align-items:flex-start; flex-direction:column; }.chart-store-badge { white-space:normal; }
    .rank-chart-meta { padding-inline:16px; }.rank-chart-guide { display:grid; width:100%; }.rank-chart-guide span { width:100%; }
    .rank-chart-workspace{grid-template-columns:1fr}.rank-chart-series-list{height:auto;padding:10px;flex-direction:row;border-right:0;border-bottom:1px solid #e8eaf0;overflow-x:auto;overflow-y:hidden}.rank-series-button{min-width:210px}.chart-wrap { height:320px; padding:8px; }.rank-chart-tooltip { min-width:190px; }
    .keyword-panel-actions { flex-direction:column; }.keyword-panel-actions form,.keyword-panel-actions .button { width:100%; }
    .data-table { min-width:940px; }
    .branding-topbar-fields { margin-inline:16px; padding-inline:15px; }.branding-topbar-fields .form-grid { grid-template-columns:1fr; }
    .site-page .site-notice { font-size:11px; }
}
/* Deterministic brand sizing and sortable navigation management */
.brand-image-logo{max-width:none!important;max-height:none!important}
.site-brand-logo{--brand-logo-context-width:280px;--brand-logo-context-height:64px}.brand-panel-logo{--brand-logo-context-width:220px;--brand-logo-context-height:52px}.auth-brand-logo{--brand-logo-context-width:250px;--brand-logo-context-height:58px}.brand-mobile-logo{--brand-logo-context-width:145px;--brand-logo-context-height:40px}
.preview-configured-logo{--brand-logo-context-width:120px;--brand-logo-context-height:34px}
.site-brand.brand-has-image,.auth-brand.brand-has-image,.mobile-brand.brand-has-image{overflow:visible}
.navigation-page-head{align-items:center}.navigation-security-note{padding:10px 13px;border:1px solid #cdebdc;border-radius:10px;color:#177853;background:#f1fbf7;font-size:11px;font-weight:800}.navigation-admin-form{display:grid;gap:22px}.navigation-area-grid{display:grid;gap:22px}.navigation-area-card{padding:0;overflow:hidden}.navigation-area-card>header{padding:23px 25px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#fff,#faf9ff)}.navigation-area-card>header>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#654bf0;background:#f0edff;font-size:10px;font-weight:900}.navigation-area-card h2{margin:0 0 5px;font-size:20px}.navigation-area-card p{margin:0;color:var(--muted);font-size:12px}.menu-sort-list{padding:13px;display:grid;gap:8px}.menu-sort-item{min-height:76px;padding:10px 13px;border:1px solid #e3e6ed;border-radius:12px;background:#fff;display:grid;grid-template-columns:28px 40px minmax(220px,1fr) auto 105px;align-items:center;gap:12px;transition:border-color .18s,box-shadow .18s,opacity .18s,transform .18s}.menu-sort-item:hover{border-color:#cfc8f7;box-shadow:0 10px 28px rgba(36,40,68,.07)}.menu-sort-item.is-dragging{opacity:.42;transform:scale(.99)}.menu-sort-item.is-drag-over{border-color:#7055f4;box-shadow:0 0 0 3px rgba(112,85,244,.1)}.menu-sort-item.is-disabled{opacity:.58;background:#f7f8fa}.menu-drag-handle{padding:0;border:0;color:#9299aa;background:transparent;font-size:19px;letter-spacing:-5px;cursor:grab}.menu-drag-handle:active{cursor:grabbing}.menu-item-icon{width:40px;height:40px;border:1px solid #e0dcfa;border-radius:11px;display:grid;place-items:center;color:#6048df;background:#f4f1ff;font-size:17px}.menu-label-field{display:grid;gap:4px}.menu-label-field>span{font-size:9px;font-weight:850}.menu-label-field input{width:100%;height:38px;padding:0 11px;border:1px solid #dfe2e9;border-radius:8px;background:#fff;font:700 13px/1 inherit}.menu-label-field input:focus{border-color:#7357f5;outline:0;box-shadow:0 0 0 3px rgba(115,87,245,.08)}.menu-label-field small{color:#9399a8;font-size:9px}.menu-order-actions{display:flex;gap:5px}.menu-order-actions button{width:32px;height:32px;border:1px solid #dfe2e9;border-radius:8px;color:#536078;background:#fff;cursor:pointer}.menu-order-actions button:hover{color:#fff;border-color:#6a4ff0;background:#6a4ff0}.menu-active-toggle{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;cursor:pointer}.menu-active-toggle input{position:absolute;width:1px;height:1px;opacity:0}.menu-active-toggle>span{position:relative;width:36px;height:21px;border-radius:999px;background:#c9ced9;transition:.2s}.menu-active-toggle>span::after{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(14,20,40,.18);transition:.2s}.menu-active-toggle input:checked+span{background:#22b880}.menu-active-toggle input:checked+span::after{transform:translateX(15px)}.menu-active-toggle b{font-size:10px}.navigation-save-bar{position:sticky;z-index:8;bottom:14px;padding:16px 18px;border:1px solid #ddd9f8;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(25,30,55,.14);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:20px}.navigation-save-bar>div{display:grid;gap:4px}.navigation-save-bar strong{font-size:13px}.navigation-save-bar small{color:var(--muted);font-size:10px}
@media(max-width:850px){.menu-sort-item{grid-template-columns:24px 36px 1fr auto}.menu-active-toggle{grid-column:3}.menu-order-actions{grid-column:4;grid-row:1/3}.navigation-save-bar{position:static;align-items:stretch;flex-direction:column}.navigation-save-bar .button{width:100%}}
@media(max-width:560px){.navigation-security-note{display:none}.navigation-area-card>header{padding:18px}.menu-sort-list{padding:8px}.menu-sort-item{grid-template-columns:22px 34px 1fr;padding:10px;gap:8px}.menu-order-actions{grid-column:2;grid-row:2}.menu-active-toggle{grid-column:3}.menu-item-icon{width:34px;height:34px}.menu-label-field{grid-column:3}.menu-order-actions button{width:30px;height:30px}}

/* Payment flow, admin legibility and compact uploaded-logo treatment */
.sidebar .brand.brand-has-image{height:70px;min-height:70px;padding:8px 12px;border:1px solid rgba(134,120,242,.2);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(102,79,239,.08));box-shadow:0 14px 34px rgba(1,8,28,.2)}
.sidebar .brand.brand-has-image .brand-image-logo{width:min(var(--brand-logo-width,180px),180px)!important;height:min(var(--brand-logo-height,44px),44px)!important;padding:7px 12px;box-sizing:border-box;border:1px solid rgba(255,255,255,.8);border-radius:11px;background:#fff;box-shadow:0 7px 19px rgba(73,50,192,.18);object-position:center}
.checkout-account-details-list{margin-top:13px}.checkout-account-details{padding:20px;border:1px solid #d9d4fb;border-radius:15px;background:linear-gradient(120deg,#f8f6ff,#f7fbff);box-shadow:0 13px 30px rgba(48,43,89,.07)}.checkout-account-details[hidden]{display:none}.checkout-details-lead{margin-bottom:16px;display:flex;align-items:center;gap:12px}.checkout-details-lead img,.checkout-details-lead>span{width:48px;height:48px;padding:6px;box-sizing:border-box;border:1px solid #e4e6ed;border-radius:12px;background:#fff;object-fit:contain}.checkout-details-lead>span{display:grid;place-items:center;color:#fff;background:#111a32;font-size:20px}.checkout-details-lead small{color:#6f56e9;font-size:9px;font-weight:900;letter-spacing:.8px}.checkout-details-lead h3{margin:4px 0 0;font-size:19px}.checkout-account-details dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-account-details dl>div{padding:12px 14px;border:1px solid #e2e4eb;border-radius:11px;background:#fff;display:grid;gap:5px}.checkout-account-details dl>div.is-wide{grid-column:1/-1}.checkout-account-details dt{color:#7d8597;font-size:10px;font-weight:800}.checkout-account-details dd{margin:0;color:#151d34;font-size:14px;font-weight:800}.checkout-account-details dd:has(button){display:flex;align-items:center;justify-content:space-between;gap:10px}.checkout-account-details code{overflow-wrap:anywhere;color:#151d34;font:800 15px/1.45 inherit}.checkout-account-details button{min-height:32px;padding:0 11px;border:1px solid #d9d4fb;border-radius:8px;color:#5d48d5;background:#f4f1ff;font:800 10px/1 inherit;cursor:pointer}.checkout-account-details>p{margin:13px 0 0;color:#647086;font-size:11px}.payment-notice-direct{margin:18px 0;padding:19px;border:1px solid #ded9fb;border-radius:15px;background:#fbfaff;display:grid;grid-template-columns:1.25fr 1fr .75fr;align-items:end;gap:14px}.payment-notice-direct[hidden]{display:none}.payment-notice-direct h3{margin:5px 0;font-size:18px}.payment-notice-direct p{margin:0;color:#778095;font-size:11px;line-height:1.5}.payment-notice-direct .field{margin:0}.payment-account-actions{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:9px}.payment-account-actions .button-danger{min-width:108px}.admin-order-main{min-height:92px;padding:18px 22px;grid-template-columns:120px 1fr auto 135px;gap:18px}.admin-order-main strong{font-size:15px}.admin-order-main small,.admin-order-main time{font-size:11px;line-height:1.5}.admin-payment-notice{margin-top:8px;font-size:12px;line-height:1.55}.admin-order-main>b{font-size:15px}.admin-order-review{padding:18px 22px}.admin-order-review .field>span{font-size:12px}.admin-order-review input{font-size:13px}.admin-order-note{padding:15px 22px;font-size:12px}.payment-orders-admin .panel-head h2{font-size:21px}.payment-orders-admin .panel-head p{font-size:12px}.admin-payment-alert-settings{margin:20px 0;padding:18px;border:1px solid #dcd7fa;border-radius:14px;background:linear-gradient(120deg,#f7f5ff,#f6fbff)}.payment-alert-heading{display:flex;align-items:center;gap:11px}.payment-alert-heading>span{width:39px;height:39px;border-radius:11px;background:#fff;box-shadow:0 7px 18px rgba(52,43,112,.09);display:grid;place-items:center;font-size:18px}.payment-alert-heading>div{display:grid;gap:3px}.payment-alert-heading strong{font-size:14px}.payment-alert-heading small{color:#737d91;font-size:10px;line-height:1.45}.admin-payment-alert-settings .field{margin:16px 0}.admin-payment-alert-settings>.button{width:100%}
@media(max-width:900px){.payment-notice-direct{grid-template-columns:1fr}.admin-order-main{grid-template-columns:1fr auto}.admin-order-main>.order-status{grid-column:1/-1;width:max-content}.admin-order-main time{display:none}}
@media(max-width:620px){.checkout-account-details dl{grid-template-columns:1fr}.checkout-account-details dl>div.is-wide{grid-column:auto}.checkout-account-details dd:has(button){align-items:flex-start;flex-direction:column}.payment-account-actions{grid-template-columns:1fr}.payment-account-actions .button{width:100%}}

/* User workspace: portfolio hierarchy, position intelligence and guided setup */
.position-overview-panel{margin-bottom:20px;padding:23px 24px;border:1px solid #e4e7ee;border-radius:19px;background:#fff;box-shadow:0 15px 38px rgba(24,31,55,.065);display:grid;grid-template-columns:280px 1fr;align-items:center;gap:32px}.position-overview-copy h2{margin:5px 0 5px;font-size:22px;letter-spacing:-.7px}.position-overview-copy>p{margin:0;color:#7b8498;font-size:11px}.movement-summary{margin-top:14px;display:flex;gap:8px}.movement-summary span{min-height:28px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;font-size:10px;font-weight:800}.movement-summary .is-rise{color:#147755;background:#e7f7f0}.movement-summary .is-drop{color:#a94755;background:#ffedef}.position-distribution{position:relative;padding-bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.position-segment{min-height:74px;padding:12px 13px;border:1px solid #e9ebf1;border-radius:12px;background:#fafbfc;display:flex;align-items:center;justify-content:space-between;gap:8px}.position-segment>span{display:grid;grid-template-columns:9px 1fr;column-gap:8px}.position-segment i{grid-row:1/3;width:8px;height:8px;margin-top:4px;border-radius:50%}.position-segment b{font-size:12px}.position-segment em{color:#8c94a5;font-size:9px;font-style:normal}.position-segment>strong{font-size:18px}.segment-top3 i,.position-progress .segment-top3{background:#1cb47b}.segment-top10 i,.position-progress .segment-top10{background:#4b8df8}.segment-top30 i,.position-progress .segment-top30{background:#8a65ee}.segment-outside i,.position-progress .segment-outside{background:#d9a143}.position-progress{position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:999px;background:#eef0f4;display:flex;overflow:hidden}.position-progress i{height:100%;min-width:0;transition:width .35s ease}.mini-rise{color:#16805c!important;font-weight:800}.mini-drop{color:#bd4d5d!important;font-weight:800}
.portfolio-page-head h1{max-width:720px}.portfolio-overview-strip{margin-bottom:18px;border:1px solid #e4e7ed;border-radius:18px;background:linear-gradient(105deg,#0d162d,#172346 58%,#3a2d9a);box-shadow:0 18px 42px rgba(22,30,62,.14);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.portfolio-overview-strip>div{min-height:102px;padding:20px 22px;border-left:1px solid rgba(255,255,255,.09);display:grid;align-content:center;gap:6px}.portfolio-overview-strip>div:first-child{border-left:0}.portfolio-overview-strip span{color:#8490ae;font-size:9px;font-weight:850;letter-spacing:.65px}.portfolio-overview-strip strong{color:#fff;font-size:28px;line-height:1}.portfolio-overview-strip .play strong{color:#66d99f}.portfolio-overview-strip .ios strong{color:#9baaf7}.portfolio-toolbar{min-height:72px;margin-bottom:18px;padding:12px;border:1px solid #e4e7ed;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(25,31,54,.055);display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:13px}.portfolio-toolbar>label,.keyword-list-toolbar>label{position:relative}.portfolio-toolbar>label>span,.keyword-list-toolbar>label>span{position:absolute;left:14px;top:50%;color:#667087;font-size:17px;transform:translateY(-50%)}.portfolio-toolbar input,.keyword-list-toolbar input{width:100%;height:44px;padding:0 14px 0 42px;border:1px solid #dde1e9;border-radius:11px;outline:0;color:#151d34;background:#f9fafc;font:600 13px/1 inherit}.portfolio-toolbar input:focus,.keyword-list-toolbar input:focus{border-color:#8e78f4;background:#fff;box-shadow:0 0 0 3px rgba(111,84,240,.08)}.portfolio-filter-tabs,.keyword-list-toolbar>div{padding:4px;border:1px solid #e3e5eb;border-radius:11px;background:#f5f6f9;display:flex;gap:3px}.portfolio-filter-tabs button,.keyword-list-toolbar button{height:35px;padding:0 12px;border:0;border-radius:8px;color:#667087;background:transparent;font:750 11px/1 inherit;cursor:pointer;white-space:nowrap}.portfolio-filter-tabs button b,.keyword-list-toolbar button b{margin-left:4px;color:#9aa1b1;font-size:9px}.portfolio-filter-tabs button.is-active,.keyword-list-toolbar button.is-active{color:#fff;background:#151d35;box-shadow:0 7px 16px rgba(19,27,53,.15)}.portfolio-filter-tabs button.is-active b,.keyword-list-toolbar button.is-active b{color:#b9c3dc}.portfolio-toolbar>[data-app-result-count],.keyword-list-toolbar>[data-keyword-result-count]{color:#81899b;font-size:10px;white-space:nowrap}.portfolio-card-grid{gap:20px}.portfolio-app-card{position:relative;padding:24px;border-radius:18px;overflow:hidden}.portfolio-app-card::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#5b89f5,#7456ed)}.portfolio-app-card[hidden]{display:none}.app-card-badges{display:grid;justify-items:end;gap:7px}.tracking-live{color:#187859;font-size:8px;font-weight:900;letter-spacing:.5px}.tracking-live i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#27c68f;box-shadow:0 0 0 4px rgba(39,198,143,.11)}.portfolio-app-card h2{margin-top:18px;font-size:19px!important}.app-visibility-meter{margin:-2px 0 18px;padding:14px;border:1px solid #e9ebf1;border-radius:12px;background:#f8f9fb}.app-visibility-meter>div{display:flex;align-items:center;justify-content:space-between}.app-visibility-meter>div span{color:#697287;font-size:10px;font-weight:800}.app-visibility-meter>div strong{font-size:13px}.app-visibility-meter>i{height:7px;margin:9px 0;border-radius:999px;background:#e5e8ee;display:block;overflow:hidden}.app-visibility-meter>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#26b77f,#637af1)}.app-visibility-meter>small{display:flex;gap:12px;font-size:9px}.portfolio-app-card .app-card-foot>span{display:grid;grid-template-columns:10px 1fr;column-gap:5px;align-items:center;color:#697286;font-size:10px}.portfolio-app-card .app-card-foot>span i{grid-row:1/3}.portfolio-app-card .app-card-foot>span small{color:#9aa1b0;font-size:7px;font-weight:850;letter-spacing:.5px}.app-detail-button{min-height:35px;padding:0 12px;border:1px solid #dcd7fa;border-radius:9px;color:#5d49d8!important;background:#f5f2ff;display:inline-flex;align-items:center;gap:9px}.app-detail-button:hover{color:#fff!important;border-color:#684ff0;background:#684ff0}.portfolio-empty-filter{padding:60px;text-align:center}.portfolio-empty-filter[hidden]{display:none}.portfolio-empty-filter>span{width:48px;height:48px;margin:0 auto 13px;border-radius:14px;color:#684ff0;background:#f0edff;display:grid;place-items:center;font-size:20px}.portfolio-empty-filter h3{margin:0 0 6px}.portfolio-empty-filter p{margin:0;color:#7f8799;font-size:12px}
.detail-position-board{margin:18px 0 22px;border:1px solid #e2e5ec;border-radius:18px;background:#fff;box-shadow:0 15px 36px rgba(27,34,59,.06);display:grid;grid-template-columns:1.05fr 1.95fr;overflow:hidden}.detail-visibility-score{padding:22px 24px;color:#fff;background:linear-gradient(135deg,#101a34,#2f2785);display:grid;align-content:center}.detail-visibility-score>div{margin:7px 0 11px;display:flex;align-items:end;gap:13px}.detail-visibility-score>div>strong{font-size:35px;line-height:1}.detail-visibility-score>div>span{padding-bottom:3px;color:#aab4cc;font-size:10px}.detail-visibility-score>i{height:7px;border-radius:99px;background:rgba(255,255,255,.13);overflow:hidden}.detail-visibility-score>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#46d3aa,#72a2ff)}.detail-position-cells{display:grid;grid-template-columns:repeat(4,1fr)}.detail-position-cells>div{padding:20px;border-left:1px solid #e9ebf0;display:grid;align-content:center;gap:5px}.detail-position-cells span{color:#878fa1;font-size:8px;font-weight:900;letter-spacing:.55px}.detail-position-cells strong{font-size:24px}.detail-position-cells small{color:#9299a8;font-size:9px}.detail-position-cells .top3 strong{color:#15956a}.detail-position-cells .top10 strong{color:#347dea}.detail-position-cells .top30 strong{color:#7757e8}.detail-position-cells .movement strong{display:flex;gap:8px}.detail-position-cells .movement b{color:#15956a}.detail-position-cells .movement em{color:#c24c5d;font-style:normal}
.keyword-list-toolbar{min-height:68px;padding:11px 15px;border-bottom:1px solid #e9ebf1;background:#f9fafc;display:grid;grid-template-columns:minmax(190px,.75fr) auto 1fr;align-items:center;gap:12px}.keyword-list-toolbar>[data-keyword-result-count]{justify-self:end}.keyword-filter-empty{padding:35px;text-align:center}.keyword-filter-empty[hidden]{display:none}.keyword-filter-empty span{color:#6c54e4;font-size:20px}.keyword-filter-empty p{margin:7px 0 0;color:#7e8698;font-size:12px}
.setup-progress{margin:-29px -29px 28px;padding:20px 28px;border-bottom:1px solid #e8eaf0;border-radius:18px 18px 0 0;background:linear-gradient(105deg,#faf9ff,#f7fbff);display:flex;align-items:center;justify-content:center}.setup-progress>span{min-width:120px;display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center}.setup-progress i{grid-row:1/3;width:32px;height:32px;border:1px solid #d8dce7;border-radius:50%;color:#8b93a5;background:#fff;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900}.setup-progress b{font-size:11px}.setup-progress small{color:#949baa;font-size:8px}.setup-progress>span.is-active i{color:#fff;border-color:#6650e8;background:linear-gradient(145deg,#7357f5,#4e78e7);box-shadow:0 7px 18px rgba(92,71,218,.25)}.setup-progress>em{width:70px;height:1px;margin:0 12px;background:#dfe2ea}
@media(max-width:1180px){.position-overview-panel{grid-template-columns:1fr}.portfolio-overview-strip{grid-template-columns:repeat(3,1fr)}.portfolio-toolbar{grid-template-columns:1fr}.portfolio-toolbar>[data-app-result-count]{justify-self:end}.detail-position-board{grid-template-columns:1fr}.detail-position-cells>div:first-child{border-left:0}.keyword-list-toolbar{grid-template-columns:1fr}.keyword-list-toolbar>[data-keyword-result-count]{justify-self:end}.keyword-list-toolbar>div{overflow-x:auto}}
@media(max-width:760px){.position-distribution{grid-template-columns:1fr 1fr}.portfolio-overview-strip{grid-template-columns:1fr 1fr}.portfolio-overview-strip>div{min-height:78px}.portfolio-filter-tabs{overflow-x:auto}.detail-position-cells{grid-template-columns:1fr 1fr}.detail-position-cells>div:nth-child(odd){border-left:0}.detail-position-cells>div:nth-child(n+3){border-top:1px solid #e9ebf0}.setup-progress{margin:-29px -20px 24px;padding:17px;justify-content:flex-start;overflow-x:auto}.setup-progress>span{min-width:108px}.setup-progress>em{width:35px;margin-inline:5px}}
@media(max-width:520px){.position-overview-panel{padding:18px}.position-distribution{grid-template-columns:1fr}.portfolio-overview-strip{grid-template-columns:1fr 1fr}.portfolio-overview-strip>div:last-child{grid-column:1/-1}.portfolio-toolbar{padding:9px}.portfolio-filter-tabs button{padding-inline:9px}.detail-position-cells{grid-template-columns:1fr 1fr}.keyword-list-toolbar>div{width:100%}.keyword-list-toolbar button{padding-inline:10px}.portfolio-app-card{padding:19px}}

/* Conversion landing: interactive store-rank preview and performance intelligence */
.landing-rank-finder{padding:118px max(32px,calc((100vw - 1680px)/2));background:radial-gradient(circle at 18% 18%,rgba(112,87,244,.09),transparent 27%),linear-gradient(180deg,#f7f8fd 0%,#f1f4fb 100%)}
.rank-finder-heading{max-width:820px;margin:0 auto 48px;text-align:center}.rank-finder-heading h2{margin:18px 0 17px;font-size:clamp(42px,4.3vw,66px);line-height:1.01;letter-spacing:-3.7px}.rank-finder-heading h2 em{color:transparent;background:linear-gradient(90deg,#574ce8,#3c91eb 54%,#8a62ee);background-clip:text;-webkit-background-clip:text;font-style:normal}.rank-finder-heading>p{max-width:720px;margin:auto;color:#667087;font-size:17px;line-height:1.7}
.rank-lab-shell{max-width:1380px;margin:auto;border:1px solid #dde2ed;border-radius:28px;background:#fff;box-shadow:0 35px 90px rgba(22,33,68,.13);overflow:hidden}
.rank-lab-store-tabs{padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #e4e7ef;background:#f8f9fc}.rank-lab-store-tabs button{min-height:78px;padding:13px 18px;border:1px solid #dfe3ec;border-radius:16px;color:#657087;background:#fff;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;text-align:left;font:inherit;cursor:pointer;transition:.2s}.rank-lab-store-tabs button:hover{border-color:#aaa0ee;transform:translateY(-1px)}.rank-lab-store-tabs button.is-active{color:#151d34;border-color:#6b56ed;background:linear-gradient(110deg,#fff,#f2efff);box-shadow:0 8px 24px rgba(92,72,210,.1),inset 0 0 0 2px rgba(107,86,237,.06)}.rank-lab-store-tabs button>span{display:grid;gap:3px}.rank-lab-store-tabs strong{font-size:15px}.rank-lab-store-tabs small{color:#9098a9;font-size:10px}.rank-lab-store-tabs button>b{padding:7px 9px;border-radius:8px;color:#8c94a4;background:#f0f2f6;font-size:8px;letter-spacing:.6px}.rank-lab-store-tabs button.is-active>b{color:#fff;background:#6751e9}
.rank-store-mark{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;overflow:hidden;font-style:normal}.rank-store-mark.play{background:linear-gradient(145deg,#effbf7,#e9f2ff)}.rank-store-mark.play img{width:32px;height:32px;object-fit:contain}.rank-store-mark.apple{background:#fff;box-shadow:inset 0 0 0 1px #e2e6ef}.rank-store-mark.apple img{width:31px;height:31px;object-fit:contain}
.rank-lab-body{display:grid;grid-template-columns:minmax(380px,.82fr) minmax(560px,1.18fr)}.rank-lab-query{padding:38px;border-right:1px solid #e2e5ed;background:#fff}.rank-lab-steps{margin-bottom:35px;display:flex;align-items:center;justify-content:center;color:#959dae;font-size:10px;font-weight:800}.rank-lab-steps span{display:flex;align-items:center;gap:7px;white-space:nowrap}.rank-lab-steps i{width:26px;height:26px;border:1px solid #dce0e8;border-radius:50%;background:#f5f6f9;display:grid;place-items:center;font-size:9px;font-style:normal}.rank-lab-steps .is-complete i{color:#fff;border-color:#22b882;background:#22b882}.rank-lab-steps .is-active{color:#5c49d6}.rank-lab-steps .is-active i{color:#fff;border-color:#6952eb;background:#6952eb;box-shadow:0 6px 15px rgba(105,82,235,.25)}.rank-lab-steps em{width:42px;height:1px;margin:0 8px;background:#dfe3eb}
.rank-query-intro>span{color:#6a51e7;font-size:9px;font-weight:900;letter-spacing:1px}.rank-query-intro h3{margin:8px 0 7px;font-size:25px;letter-spacing:-1px}.rank-query-intro p{margin:0 0 27px;color:#7d8698;font-size:12px}.rank-lab-field{margin-top:15px;display:grid;gap:8px}.rank-lab-field>span{color:#414b61;font-size:10px;font-weight:850}.rank-lab-field>div{position:relative}.rank-lab-field>div>i{position:absolute;left:15px;top:50%;color:#6b55e9;font-size:15px;font-style:normal;font-weight:900;transform:translateY(-50%)}.rank-lab-field input,.rank-lab-field select{width:100%;height:52px;padding:0 15px;border:1px solid #dce1ea;border-radius:12px;outline:0;color:#171f35;background:#fafbfc;font:650 13px/1 inherit;transition:.2s}.rank-lab-field>div input{padding-left:43px}.rank-lab-field input:focus,.rank-lab-field select:focus{border-color:#7862ed;background:#fff;box-shadow:0 0 0 4px rgba(109,84,235,.08)}.rank-lab-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rank-resolve-status{min-height:25px;margin:8px 0 0;padding:7px 9px;border:1px solid transparent;border-radius:8px;color:#7d879a;background:#f7f8fb;display:flex;align-items:center;gap:7px;font-size:9px}.rank-resolve-status i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#a9b0bd}.rank-resolve-status.is-loading{color:#5d50c9;background:#f2f0ff}.rank-resolve-status.is-loading i{border:2px solid #d5cffd;border-top-color:#6650e6;background:transparent;animation:rankSpin .7s linear infinite}.rank-resolve-status.is-success{color:#087b58;border-color:#c9eee1;background:#effbf7}.rank-resolve-status.is-success i{background:#20bd86;box-shadow:0 0 0 4px rgba(32,189,134,.1)}.rank-resolve-status.is-error{color:#b74655;border-color:#f3d3d8;background:#fff5f6}.rank-resolve-status.is-error i{background:#e25a6b}.rank-lab-submit{width:100%;min-height:54px;margin-top:20px;padding:0 9px 0 19px;border:0;border-radius:13px;color:#fff;background:linear-gradient(105deg,#684deb,#338ce9);box-shadow:0 14px 27px rgba(70,91,220,.25);display:flex;align-items:center;justify-content:space-between;font:850 12px/1 inherit;cursor:pointer;transition:.2s}.rank-lab-submit:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(70,91,220,.3)}.rank-lab-submit:disabled{opacity:.7;cursor:wait;transform:none}.rank-lab-submit b{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:16px}.rank-demo-note{margin:15px 0 0;color:#8a92a3;font-size:9px;line-height:1.55;display:flex;gap:8px}.rank-demo-note i{width:17px;height:17px;flex:0 0 auto;border-radius:50%;color:#674fe5;background:#efecff;display:grid;place-items:center;font-style:normal;font-weight:900}
.rank-lab-result{position:relative;min-width:0;padding:34px;color:#fff;background:radial-gradient(circle at 92% 8%,rgba(107,82,235,.23),transparent 34%),linear-gradient(145deg,#0d152b 0%,#121d3a 58%,#17244a 100%);outline:0}.rank-lab-result.is-refreshing{animation:rankResultPulse .5s ease}.rank-lab-result.is-loading{cursor:progress}.rank-lab-result.is-loading::after{content:'';position:absolute;right:34px;top:73px;width:18px;height:18px;border:2px solid rgba(255,255,255,.18);border-top-color:#5edbf8;border-radius:50%;animation:rankSpin .7s linear infinite}.rank-lab-result.has-error .rank-result-query>span{color:#ff9aa6}.rank-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.rank-result-top>div{display:grid;gap:8px}.result-live{color:#63d7f8;font-size:8px;font-weight:900;letter-spacing:1.1px}.result-live i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#28d096;box-shadow:0 0 0 5px rgba(40,208,150,.1)}.rank-result-top small{color:#7987a5;font-size:8px;font-weight:800;letter-spacing:.7px}.result-updated{padding:7px 9px;border:1px solid rgba(52,207,155,.16);border-radius:7px;color:#51d4a4;background:rgba(35,193,141,.08);font-size:7px;font-weight:900;letter-spacing:.6px}
.rank-result-app{margin-top:23px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.result-app-icon{width:48px;height:48px;border-radius:13px;color:#91a0bd;background:linear-gradient(145deg,#6c50ed,#318ee9);display:grid;place-items:center;overflow:hidden;font-size:19px;font-weight:900;box-shadow:0 10px 24px rgba(43,91,215,.25)}.result-app-icon img,.result-app-placeholder{grid-area:1/1;width:100%;height:100%}.result-app-icon img{display:block;object-fit:cover}.result-app-placeholder{display:grid;place-items:center;font:inherit}.result-app-icon img[hidden],.result-app-placeholder[hidden],.preview-app-icon img[hidden],.preview-app-icon b[hidden]{display:none!important}.result-app-icon.is-empty{background:rgba(255,255,255,.08);box-shadow:none}.rank-result-app>div{min-width:0;display:grid;gap:3px}.rank-result-app small{color:#7786a6;font-size:7px;font-weight:900;letter-spacing:.7px}.rank-result-app strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.rank-result-app em{color:#94a0b9;font-size:8px;font-style:normal}.result-status{color:#48d19f;font-size:7px;font-weight:900;letter-spacing:.6px}.result-status i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#39d49b}.result-status.is-waiting{color:#8b98b0}.result-status.is-waiting i{background:#7e8aa2}.result-status.is-ready{color:#48d19f}
.rank-result-kpis{margin:12px 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(4,9,25,.22);overflow:hidden}.rank-result-kpis>span{min-height:88px;padding:15px;display:grid;align-content:center;gap:3px}.rank-result-kpis>span+span{border-left:1px solid rgba(255,255,255,.09)}.rank-result-kpis small{color:#697795;font-size:7px;font-weight:900;letter-spacing:.7px}.rank-result-kpis strong{font-size:24px;line-height:1}.rank-result-kpis em{color:#8491ac;font-size:8px;font-style:normal}.rank-result-kpis em.positive{color:#40d29c;font-weight:800}
.rank-result-query{padding:13px 2px 12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.rank-result-query>div{display:grid;gap:3px}.rank-result-query>div>span{font-size:11px;font-weight:800}.rank-result-query>div>small{color:#7e8ba5;font-size:8px}.rank-result-query>span{color:#8b96ad;font-size:7px}.rank-result-query>span i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#f1a847}
.rank-preview-list{max-height:560px;margin:0;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;list-style:none;overflow-x:hidden;overflow-y:auto;scrollbar-color:#53627f #101a34;scrollbar-width:thin}.rank-preview-list li{min-height:58px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.075);display:grid;grid-template-columns:25px 38px 1fr auto;align-items:center;gap:10px}.rank-preview-list li:last-child{border-bottom:0}.rank-preview-list li>b{color:#687692;font-size:10px;text-align:center}.preview-app-icon{position:relative;width:38px;height:38px;border-radius:10px;color:#9aa9c4;background:#202c49;display:grid;place-items:center;overflow:hidden;font-size:11px;font-weight:900}.preview-app-icon img,.preview-app-icon>b{grid-area:1/1;width:100%;height:100%}.preview-app-icon img{display:block;object-fit:cover}.preview-app-icon>b{display:grid;place-items:center}.rank-preview-list li>div{min-width:0;display:grid;gap:3px}.rank-preview-list li>div strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.rank-preview-list li>div strong a{color:#f7f9ff}.rank-preview-list li>div strong a:hover{color:#65dcf8}.rank-preview-list li>div small{overflow:hidden;color:#8390aa;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.rank-preview-list li>em{color:#a3aec2;font-size:9px;font-style:normal;white-space:nowrap}.rank-preview-list li.is-owned{position:relative;background:linear-gradient(90deg,rgba(47,196,146,.17),rgba(87,85,224,.1))}.rank-preview-list li.is-owned::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#3dd19c}.rank-preview-list li.is-owned>div small{color:#52d3a3;font-weight:800}.rank-preview-list li.is-owned>div small i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#43d4a0}.rank-preview-list li.rank-empty-state{min-height:170px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8491aa;text-align:center}.rank-empty-state>span{width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:13px;display:grid;place-items:center;font-size:18px}.rank-empty-state>strong{color:#dbe1ef;font-size:13px}.rank-empty-state>small{max-width:390px;font-size:9px;line-height:1.6}
.rank-preview-list li:not(.rank-empty-state){min-height:66px;grid-template-columns:28px 42px 1fr auto;gap:12px}.rank-preview-list li>b{font-size:11px}.preview-app-icon{width:42px;height:42px}.rank-preview-list li>div strong{font-size:13px}.rank-preview-list li>div small{font-size:10px}.rank-preview-list li>em{font-size:10px}.rank-result-query>div>small{font-size:10px;line-height:1.45}.rank-result-query>span{font-size:9px}
.rank-result-footer{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.rank-result-footer>span{color:#8290aa;font-size:8px}.rank-result-footer>span i{margin-right:5px;color:#46d1a0;font-style:normal}.rank-result-footer>a{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#fff;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:10px;font-size:9px;font-weight:850}.rank-result-footer>a:hover{background:#fff;color:#18213a}.rank-result-footer>a b{color:#55d8f7}.rank-query-remaining{margin:11px 0 0;color:#64738f;font-size:8px;text-align:right}
@keyframes rankResultPulse{0%{opacity:.62;transform:translateY(4px)}100%{opacity:1;transform:none}}@keyframes rankSpin{to{transform:rotate(360deg)}}

.landing-signal-showcase{padding:112px max(32px,calc((100vw - 1680px)/2));color:#fff;background:radial-gradient(circle at 18% 90%,rgba(41,154,225,.14),transparent 29%),radial-gradient(circle at 88% 15%,rgba(105,77,234,.22),transparent 34%),#091126;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:90px}.signal-copy{max-width:570px}.signal-copy h2{margin:19px 0 22px;font-size:clamp(43px,4vw,63px);line-height:1.02;letter-spacing:-3.5px}.signal-copy h2 em{color:transparent;background:linear-gradient(90deg,#48d6f9,#7964ef,#dd72d1);background-clip:text;-webkit-background-clip:text;font-style:normal}.signal-copy>p{margin:0;color:#9aa7c1;font-size:16px;line-height:1.75}.signal-proof{margin-top:27px;display:flex;flex-wrap:wrap;gap:9px}.signal-proof span{padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#aab5ca;background:rgba(255,255,255,.04);font-size:9px;font-weight:750}.signal-proof i{margin-right:6px;color:#4bd3a1;font-style:normal}
.signal-dashboard{min-width:0;padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(16,26,53,.78);box-shadow:0 40px 90px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.signal-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.signal-dashboard-head>div{display:grid;gap:5px}.signal-dashboard-head>div span{color:#61d8f7;font-size:8px;font-weight:900;letter-spacing:.8px}.signal-dashboard-head>div span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#31d094}.signal-dashboard-head strong{font-size:20px}.signal-dashboard-head>small{color:#7886a2;font-size:8px}.signal-kpis{margin:19px 0 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.signal-kpis article{min-height:95px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);display:grid;align-content:center;gap:4px}.signal-kpis small{color:#71809e;font-size:7px;font-weight:900;letter-spacing:.6px}.signal-kpis strong{font-size:23px}.signal-kpis em{color:#45d19d;font-size:8px;font-style:normal}
.signal-position-card{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(4,9,26,.27)}.signal-card-title{display:flex;align-items:center;justify-content:space-between}.signal-card-title>span{display:grid;gap:3px}.signal-card-title strong{font-size:11px}.signal-card-title small{color:#74829f;font-size:7px}.signal-card-title>b{padding:5px 7px;border-radius:6px;color:#42d19e;background:rgba(49,205,150,.1);font-size:7px}.signal-bars{margin-top:17px;display:grid;gap:11px}.signal-bars>span{display:grid;grid-template-columns:1fr 54px 20px;align-items:center;gap:10px}.signal-bars>span>i{grid-column:1;height:7px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden}.signal-bars>span>i::before{content:'';display:block;width:var(--signal-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,#41d3a1,#4f9bec,#785fed)}.signal-bars b{color:#9ba7bd;font-size:8px}.signal-bars em{color:#fff;font-size:9px;font-style:normal;font-weight:900;text-align:right}.signal-bottom-grid{margin-top:12px;display:grid;grid-template-columns:.76fr 1.24fr;gap:9px}.signal-movement,.signal-report{min-height:75px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035)}.signal-movement>span{display:flex;align-items:center;justify-content:space-between}.signal-movement small,.signal-report small{color:#71809c;font-size:7px;font-weight:900;letter-spacing:.5px}.signal-movement strong{display:flex;gap:8px;font-size:11px}.signal-movement strong b{color:#42d09d}.signal-movement strong em{color:#ef7182;font-style:normal}.signal-movement p{margin:11px 0 0;color:#929fb7;font-size:8px}.signal-report{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.signal-report>span{width:38px;height:38px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#4f63dc,#169d73);display:grid;place-items:center}.signal-report>div{display:grid;gap:3px}.signal-report strong{font-size:10px}.signal-report em{color:#8390aa;font-size:7px;font-style:normal}.signal-report>b{color:#55d7f6;font-size:9px}

@media(max-width:1180px){.rank-lab-body{grid-template-columns:1fr}.rank-lab-query{border-right:0;border-bottom:1px solid #e2e5ed}.landing-signal-showcase{grid-template-columns:1fr;gap:55px}.signal-copy{max-width:760px}.signal-dashboard{width:100%}}
@media(max-width:760px){.landing-rank-finder,.landing-signal-showcase{padding:78px 16px}.rank-finder-heading{margin-bottom:30px}.rank-finder-heading h2,.signal-copy h2{font-size:39px;letter-spacing:-2.4px}.rank-finder-heading>p,.signal-copy>p{font-size:14px}.rank-lab-shell{border-radius:20px}.rank-lab-store-tabs{grid-template-columns:1fr}.rank-lab-store-tabs button{min-height:68px}.rank-lab-query,.rank-lab-result{padding:22px}.rank-lab-steps{justify-content:flex-start;overflow-x:auto}.rank-lab-steps em{width:22px}.rank-lab-field-row{grid-template-columns:1fr}.rank-result-app{grid-template-columns:43px 1fr}.result-status{grid-column:2}.rank-result-kpis>span{padding:12px}.rank-result-kpis strong{font-size:20px}.rank-result-query,.rank-result-footer{align-items:flex-start;flex-direction:column}.rank-result-footer>a{width:100%;justify-content:center}.signal-dashboard{padding:17px}.signal-kpis{grid-template-columns:1fr}.signal-kpis article{min-height:75px}.signal-bottom-grid{grid-template-columns:1fr}}
@media(max-width:480px){.rank-lab-store-tabs button{grid-template-columns:40px 1fr auto;padding:11px}.rank-store-mark{width:40px;height:40px}.rank-lab-query,.rank-lab-result{padding:17px}.rank-query-intro h3{font-size:22px}.rank-lab-steps{font-size:8px}.rank-lab-steps i{width:23px;height:23px}.rank-lab-steps em{margin-inline:4px}.rank-result-top{flex-direction:column}.rank-result-kpis{grid-template-columns:1fr}.rank-result-kpis>span{min-height:68px}.rank-result-kpis>span+span{border-left:0;border-top:1px solid rgba(255,255,255,.09)}.rank-preview-list li{grid-template-columns:18px 32px 1fr}.rank-preview-list li>em{grid-column:3}.signal-copy h2{font-size:36px}.signal-dashboard-head{align-items:flex-start;flex-direction:column}.signal-position-card{padding:14px}}

/* Landing icon system: official store marks + one consistent Lucide family */
.ui-icon{width:1.15em;height:1.15em;flex:0 0 auto;display:inline-block;color:inherit;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.icon-arrow-down{-webkit-mask-image:url('icons/arrow-down.svg');mask-image:url('icons/arrow-down.svg')}.icon-arrow-right{-webkit-mask-image:url('icons/arrow-right.svg');mask-image:url('icons/arrow-right.svg')}.icon-arrow-up{-webkit-mask-image:url('icons/arrow-up.svg');mask-image:url('icons/arrow-up.svg')}.icon-arrow-up-right{-webkit-mask-image:url('icons/arrow-up-right.svg');mask-image:url('icons/arrow-up-right.svg')}.icon-bell-ring{-webkit-mask-image:url('icons/bell-ring.svg');mask-image:url('icons/bell-ring.svg')}.icon-check{-webkit-mask-image:url('icons/check.svg');mask-image:url('icons/check.svg')}.icon-external-link{-webkit-mask-image:url('icons/external-link.svg');mask-image:url('icons/external-link.svg')}.icon-globe{-webkit-mask-image:url('icons/globe.svg');mask-image:url('icons/globe.svg')}.icon-hash{-webkit-mask-image:url('icons/hash.svg');mask-image:url('icons/hash.svg')}.icon-info{-webkit-mask-image:url('icons/info.svg');mask-image:url('icons/info.svg')}.icon-layout-dashboard{-webkit-mask-image:url('icons/layout-dashboard.svg');mask-image:url('icons/layout-dashboard.svg')}.icon-lightbulb{-webkit-mask-image:url('icons/lightbulb.svg');mask-image:url('icons/lightbulb.svg')}.icon-package{-webkit-mask-image:url('icons/package.svg');mask-image:url('icons/package.svg')}.icon-plus{-webkit-mask-image:url('icons/plus.svg');mask-image:url('icons/plus.svg')}.icon-search{-webkit-mask-image:url('icons/search.svg');mask-image:url('icons/search.svg')}.icon-send{-webkit-mask-image:url('icons/send.svg');mask-image:url('icons/send.svg')}
.site-button .ui-icon,.site-text-button .ui-icon{width:16px;height:16px}.site-button .ui-icon{transition:transform .2s}.site-button:hover .ui-icon{transform:translate(2px,-2px)}
.store-growth-icon{padding:7px;border:1px solid #e4e7ed;color:inherit;background:#fff;box-shadow:0 10px 24px rgba(9,20,52,.13)}.store-growth-icon img{width:100%;height:100%;display:block;object-fit:contain}.play-icon,.apple-icon{background:#fff}.play-icon::before{content:none}.store-growth-card em{display:inline-flex;align-items:center;gap:4px}.store-growth-card em .ui-icon{width:10px;height:10px}.growth-arrow{border-color:rgba(255,255,255,.28);background:#16a778;box-shadow:0 16px 34px rgba(22,167,120,.25)}.growth-arrow.arrow-two{background:#6754e8;box-shadow:0 16px 34px rgba(103,84,232,.24)}.growth-arrow .ui-icon{width:25px;height:25px}.growth-arrow.arrow-two .ui-icon{width:20px;height:20px}
.rank-lab-field>div>.ui-icon{width:17px;height:17px}.rank-lab-submit b .ui-icon{width:17px;height:17px}.rank-demo-note>.ui-icon{width:16px;height:16px;border-radius:0;background:currentColor}.result-app-placeholder .ui-icon{width:19px;height:19px}.rank-empty-icon .ui-icon{width:19px;height:19px}.rank-result-footer>span{display:inline-flex;align-items:center}.rank-result-footer>span>.ui-icon{width:13px;height:13px}.rank-result-footer>a>.ui-icon{width:13px;height:13px}
.signal-proof span{display:inline-flex;align-items:center}.signal-proof .ui-icon{width:13px;height:13px;margin-right:7px}.signal-movement strong b,.signal-movement strong em{display:inline-flex;align-items:center;gap:3px}.signal-movement strong .ui-icon{width:12px;height:12px}.signal-report>span{box-shadow:0 9px 20px rgba(63,107,199,.2)}.signal-report>span .ui-icon{width:18px;height:18px}
.editorial-icon{color:#5147c7;background:#fafaff;box-shadow:0 8px 22px rgba(28,33,71,.06)}.editorial-icon .ui-icon{width:21px;height:21px}.editorial-feature-grid li::before{content:'';width:13px;height:13px;margin-right:8px;display:inline-block;vertical-align:-2px;color:var(--site-violet);background:currentColor;-webkit-mask:url('icons/check.svg') center/contain no-repeat;mask:url('icons/check.svg') center/contain no-repeat}
.pricing-benefit-row span{display:inline-flex;align-items:center;gap:7px}.pricing-benefit-row .ui-icon{width:13px;height:13px;color:#13986a}.pricing-plan-icon .ui-icon{width:20px;height:20px;margin:8px 0 0;border:0;border-radius:0;transform:none}.pricing-grid-pro li::before{content:'';width:17px;height:17px;margin-right:9px;color:#169f6e;background:currentColor;-webkit-mask:url('icons/check.svg') center/11px no-repeat;mask:url('icons/check.svg') center/11px no-repeat}.pricing-grid-pro .featured li::before{color:#6de2b8;background:currentColor}.faq-list summary .ui-icon{width:18px;height:18px;color:var(--site-violet);transition:transform .2s}.faq-list details[open] summary .ui-icon{transform:rotate(45deg)}
.icon-star{-webkit-mask-image:url('icons/star.svg');mask-image:url('icons/star.svg')}.signal-kpis em:has(.ui-icon){display:inline-flex;align-items:center;gap:4px}.signal-kpis em .ui-icon{width:11px;height:11px}.rank-preview-list li>em.has-rating{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}.rank-preview-list li>em.has-rating::after{content:'';width:11px;height:11px;display:inline-block;color:#f4b942;background:currentColor;-webkit-mask:url('icons/star.svg') center/contain no-repeat;mask:url('icons/star.svg') center/contain no-repeat}

/* Landing polish: unclipped hero type and restrained product-report surfaces */
.site-hero h1{overflow:visible;line-height:1.035;padding-bottom:.08em}
.site-hero h1 .hero-gradient-line{display:inline-block;overflow:visible;padding:.02em .12em .13em 0;line-height:1.04;vertical-align:top;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.rank-result-surface-light{color:#172036;background:#f5f7fa;box-shadow:inset 1px 0 #e1e6ed}
.rank-result-surface-light::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:#5b50d6}
.rank-result-surface-light.is-loading::after{border-color:#d9dee7;border-top-color:#5b50d6}
.rank-result-surface-light.has-error .rank-result-query>span{color:#bd3448}
.rank-result-surface-light .result-live{color:#4b44b7}
.rank-result-surface-light .result-live i{background:#15966f;box-shadow:0 0 0 4px #d9f1e9}
.rank-result-surface-light .rank-result-top small{color:#6d7687}
.rank-result-surface-light .result-updated{border-color:#d5e7df;color:#167554;background:#eaf6f1}
.rank-result-surface-light .rank-result-app{border-color:#dfe4eb;background:#fff;box-shadow:0 8px 24px rgba(24,34,55,.06)}
.rank-result-surface-light .result-app-icon.is-empty{color:#687488;background:#eef1f5;border:1px solid #e1e5eb}
.rank-result-surface-light .rank-result-app small{color:#7c8595}
.rank-result-surface-light .rank-result-app strong{color:#172036}
.rank-result-surface-light .rank-result-app em{color:#727c8f}
.rank-result-surface-light .result-status.is-waiting{color:#6f798a}
.rank-result-surface-light .result-status.is-waiting i{background:#a5adba}
.rank-result-surface-light .rank-result-kpis{border-color:#dfe4eb;background:#fff;box-shadow:0 5px 18px rgba(24,34,55,.035)}
.rank-result-surface-light .rank-result-kpis>span+span{border-left-color:#e5e9ef}
.rank-result-surface-light .rank-result-kpis small{color:#7c8595}
.rank-result-surface-light .rank-result-kpis strong{color:#182137;font-variant-numeric:tabular-nums}
.rank-result-surface-light .rank-result-kpis em{color:#747f91}
.rank-result-surface-light .rank-result-kpis em.positive{color:#147b57}
.rank-result-surface-light .rank-result-query>div>span{color:#1f293d}
.rank-result-surface-light .rank-result-query>div>small{color:#707a8c}
.rank-result-surface-light .rank-result-query>span{color:#687386}
.rank-result-surface-light .rank-preview-list{border-color:#dfe4eb;background:#fff;scrollbar-color:#b8c0cc #eef1f5;box-shadow:0 8px 24px rgba(24,34,55,.045)}
.rank-result-surface-light .rank-preview-list li{border-bottom-color:#e9edf2}
.rank-result-surface-light .rank-preview-list li>b{color:#727d90;font-variant-numeric:tabular-nums}
.rank-result-surface-light .preview-app-icon{color:#606c80;background:#edf0f4}
.rank-result-surface-light .rank-preview-list li>div strong,.rank-result-surface-light .rank-preview-list li>div strong a{color:#202a3d}
.rank-result-surface-light .rank-preview-list li>div strong a:hover{color:#5146ca}
.rank-result-surface-light .rank-preview-list li>div small{color:#7b8597}
.rank-result-surface-light .rank-preview-list li>em{color:#606b7e}
.rank-result-surface-light .rank-preview-list li.is-owned{background:#ebf7f2}
.rank-result-surface-light .rank-preview-list li.is-owned::before{background:#18a879}
.rank-result-surface-light .rank-preview-list li.is-owned>div small{color:#137958}
.rank-result-surface-light .rank-empty-state{color:#748093;background:#fbfcfd}
.rank-result-surface-light .rank-empty-state>span{border-color:#dce2e9;color:#646f82;background:#f1f4f7}
.rank-result-surface-light .rank-empty-state>strong{color:#253044}
.rank-result-surface-light .rank-result-footer>span{color:#687487}
.rank-result-surface-light .rank-result-footer>a{border-color:#263047;color:#fff;background:#263047;box-shadow:0 8px 18px rgba(24,34,55,.12)}
.rank-result-surface-light .rank-result-footer>a:hover{border-color:#5146ca;color:#fff;background:#5146ca}
.rank-result-surface-light .rank-result-footer>a b{color:#fff}
.rank-result-surface-light .rank-query-remaining{color:#7b8595}

.analytics-showcase-light{position:relative;color:#172036;background:#f3f5f8;border-block:1px solid #e0e5eb}
.analytics-showcase-light::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:1px;background:#e1e5eb}
.analytics-showcase-light .site-kicker.light{color:#5650c5}
.analytics-showcase-light .signal-copy h2{color:#171f31}
.analytics-showcase-light .signal-copy h2 em{color:#5a50cc;background:none;-webkit-text-fill-color:currentColor}
.analytics-showcase-light .signal-copy>p{color:#657084}
.analytics-showcase-light .signal-proof span{border-color:#d9dee6;color:#4f5b70;background:#fff;box-shadow:0 2px 8px rgba(27,37,56,.035)}
.analytics-showcase-light .signal-proof .ui-icon{color:#15845f}
.analytics-showcase-light .signal-dashboard{border-color:#d9dfe7;background:#fff;box-shadow:0 24px 65px rgba(31,42,64,.11);backdrop-filter:none}
.analytics-showcase-light .signal-dashboard-head{padding-bottom:19px;border-bottom:1px solid #e5e9ef}
.analytics-showcase-light .signal-dashboard-head>div span{color:#5952c6}
.analytics-showcase-light .signal-dashboard-head>div span i{background:#15966f;box-shadow:0 0 0 4px #e1f3ed}
.analytics-showcase-light .signal-dashboard-head strong{color:#1c2639}
.analytics-showcase-light .signal-dashboard-head>small{color:#778194}
.analytics-showcase-light .signal-kpis{gap:0;border:1px solid #dfe4eb;border-radius:14px;overflow:hidden}
.analytics-showcase-light .signal-kpis article{min-height:105px;border:0;border-radius:0;background:#fff}
.analytics-showcase-light .signal-kpis article+article{border-left:1px solid #e3e7ed}
.analytics-showcase-light .signal-kpis small{color:#7a8495}
.analytics-showcase-light .signal-kpis strong{color:#1a2437;font-variant-numeric:tabular-nums}
.analytics-showcase-light .signal-kpis em{color:#147b57}
.analytics-showcase-light .signal-position-card{border-color:#dfe4eb;background:#f7f9fb}
.analytics-showcase-light .signal-card-title strong{color:#202a3e}
.analytics-showcase-light .signal-card-title small{color:#7b8597}
.analytics-showcase-light .signal-card-title>b{color:#176f52;background:#e5f4ee}
.analytics-showcase-light .signal-bars>span>i{height:8px;background:#e5e9ef}
.analytics-showcase-light .signal-bars>span>i::before{background:#6157d5}
.analytics-showcase-light .signal-bars b{color:#657084}
.analytics-showcase-light .signal-bars em{color:#202a3c;font-variant-numeric:tabular-nums}
.analytics-showcase-light .signal-movement,.analytics-showcase-light .signal-report{border-color:#dfe4eb;background:#fff}
.analytics-showcase-light .signal-movement small,.analytics-showcase-light .signal-report small{color:#7c8698}
.analytics-showcase-light .signal-movement p{color:#697487}
.analytics-showcase-light .signal-report>span{background:#4f63dc;box-shadow:none}
.analytics-showcase-light .signal-report strong{color:#202a3d}
.analytics-showcase-light .signal-report em{color:#7a8496}
.analytics-showcase-light .signal-report>b{color:#4e47bd;font-variant-numeric:tabular-nums}

@media(max-width:1180px){.analytics-showcase-light::before{display:none}}
@media(max-width:760px){.site-hero h1{line-height:1.055;padding-bottom:.1em}.site-hero h1 .hero-gradient-line{padding-bottom:.16em}.rank-result-surface-light .rank-result-kpis>span+span{border-left-color:#e5e9ef}.analytics-showcase-light .signal-kpis article+article{border-left:0;border-top:1px solid #e3e7ed}}
@media(max-width:480px){.rank-result-surface-light .rank-result-kpis>span+span{border-left:0;border-top-color:#e5e9ef}}

/* Authentication legibility: shared desktop and mobile type scale */
.auth-page{font-size:15px}
.auth-header{height:92px;font-size:13px;line-height:1.45}
.auth-header>span{display:flex;align-items:center;gap:5px}
.auth-header>a:last-child,.auth-header>span a{font-size:13px}
.auth-brand strong{font-size:19px}
.auth-brand small{font-size:9px;line-height:1.35}
.auth-form-column{padding-top:132px;padding-bottom:68px}
.auth-form-card{width:min(100%,520px)}
.register-form-column .auth-form-card{width:min(100%,580px)}
.auth-eyebrow{font-size:10px;line-height:1.3;letter-spacing:1.5px}
.auth-form-card h1{margin:17px 0 12px;font-size:clamp(38px,2.6vw,44px);line-height:1.08;letter-spacing:-2.1px}
.auth-form-card>p{font-size:14px;line-height:1.65}
.auth-form{margin-top:34px;gap:19px}
.auth-field{gap:9px}
.auth-field>span{font-size:13px;line-height:1.35}
.auth-field input{height:55px;padding:0 16px;border-radius:10px;font-size:15px}
.password-input input{padding-right:78px}
.password-input button{right:11px;padding:7px 8px;font-size:12px}
.auth-form-meta{margin-top:-2px;font-size:12px;line-height:1.45}
.auth-submit{min-height:55px;font-size:14px!important}
.auth-divider{margin:27px 0 17px;font-size:12px}
.auth-secondary-action{min-height:51px;padding:0 17px;border-radius:10px;font-size:13px}
.auth-security-note{margin-top:24px!important;font-size:11px!important;line-height:1.55!important}
.inline-alert{padding:13px 15px;border-radius:8px;font-size:12px;line-height:1.55}
.auth-terms{gap:10px;font-size:12px;line-height:1.55}
.auth-terms input{width:16px;height:16px;margin-top:1px;flex:0 0 auto}
.password-strength{margin-top:-6px;gap:7px}
.password-strength i{height:4px}
.password-strength span{font-size:11px}

.auth-product-copy p{font-size:15px;line-height:1.72}
.register-steps{margin-top:38px}
.register-steps li{min-height:88px;grid-template-columns:58px 1fr}
.register-steps>li>span{font-size:11px}
.register-steps div{gap:6px}
.register-steps strong{font-size:14px;line-height:1.35}
.register-steps small{font-size:11px;line-height:1.45}
.register-plan-summary{min-height:72px;padding:16px 19px}
.register-plan-summary>span{font-size:10px;line-height:1.35}
.register-plan-summary strong{font-size:19px}
.register-plan-summary small{font-size:9px;line-height:1.4}
.auth-art-badge b{font-size:14px}
.auth-art-badge small{font-size:10px}
.auth-data-head small{font-size:9px}
.auth-data-head strong{font-size:13px}
.auth-data-head em{font-size:9px}
.auth-data-metrics small{font-size:9px}
.auth-data-metrics strong{font-size:21px}
.auth-rank-row{min-height:52px;font-size:11px}
.auth-proof-line b{font-size:21px}
.auth-proof-line small{font-size:10px;line-height:1.4}

@media(max-width:1100px){.auth-form-card,.register-form-column .auth-form-card{width:min(100%,620px)}.auth-form-column{min-height:auto;padding:125px 28px 70px}.auth-product-column{padding-top:90px;padding-bottom:90px}}
@media(max-width:720px){.auth-header{height:78px;padding-inline:20px}.auth-header>span{font-size:0}.auth-header>span a,.auth-header>a:last-child{font-size:12px}.auth-form-column{min-height:100vh;padding:105px 20px 48px}.auth-form-card h1{font-size:35px;letter-spacing:-1.7px}.auth-form-card>p{font-size:13px}.auth-form-grid{grid-template-columns:1fr;gap:19px}.auth-product-column{padding:74px 20px}.auth-product-copy h2{font-size:39px}.auth-product-copy p{font-size:14px}.register-steps strong{font-size:13px}.register-steps small{font-size:11px}.register-plan-summary{grid-template-columns:1fr 1fr;gap:15px}.register-plan-summary>span{grid-column:1/-1}.register-plan-summary div{padding-left:0;border-left:0}.auth-proof-line small{font-size:9px}}

/* Persistent keyword movement and personal-best badges */
.keywords-panel .change{min-height:31px;padding:0 11px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;font-size:11px;font-weight:850;line-height:1;white-space:nowrap}
.keywords-panel .change-up{color:#087451;border-color:#bee9d9;background:#e7f7f0}
.keywords-panel .change-down{color:#b13e50;border-color:#f2c7ce;background:#fff0f2}
.keywords-panel .change-neutral{color:#747e90;border-color:#e1e5eb;background:#f5f7f9}
.best-rank-badge{min-width:61px;min-height:32px;padding:0 11px 0 8px;border:1px solid #dfe3e9;border-radius:999px;color:#253047;background:#f7f8fa;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px 9px rgba(23,31,49,.045)}
.best-rank-badge i{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#9aa3b2;box-shadow:0 0 0 3px #e6e9ee}
.best-rank-badge b{font-size:13px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.best-rank-badge.is-top-ten{color:#5140bd;border-color:#d9d1fb;background:#f3f0ff}
.best-rank-badge.is-top-ten i{background:#6a51df;box-shadow:0 0 0 3px #ddd6fb}
.best-rank-badge.is-podium{color:#087451;border-color:#bce8d7;background:#e8f7f1}
.best-rank-badge.is-podium i{background:#13a875;box-shadow:0 0 0 3px #c7ecdf}
.best-rank-badge.is-empty{color:#8c94a2;background:#f5f6f8;box-shadow:none}
.best-rank-badge.is-empty i{background:#c7ccd4;box-shadow:0 0 0 3px #eceef1}

/* Sortable keyword intelligence table and dark-compatible sidebar wordmark */
.keyword-rank-table .table-sort-button{width:max-content;min-height:34px;margin-left:-9px;padding:0 9px;border:0;border-radius:8px;color:inherit;background:transparent;display:inline-flex;align-items:center;gap:8px;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .18s,background .18s,box-shadow .18s}
.keyword-rank-table .table-sort-button:hover{color:#4f3fd2;background:#f0edff}
.keyword-rank-table .table-sort-button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(106,79,240,.16)}
.keyword-rank-table .table-sort-button>span{width:18px;height:18px;border:1px solid #dfe3eb;border-radius:6px;color:#8d95a6;background:#fff;display:grid;place-items:center;font-size:10px;line-height:1;transition:.18s}
.keyword-rank-table .table-sort-button.is-active{color:#4e3acb;background:#f0edff}
.keyword-rank-table .table-sort-button.is-active>span{color:#fff;border-color:#654cf0;background:linear-gradient(145deg,#7658f4,#4e74db);box-shadow:0 5px 12px rgba(88,65,211,.24)}
.keyword-rank-table tbody tr{transition:background-color .16s}
.keyword-rank-table tbody tr:hover{background:#fbfaff}
.keyword-rank-table tbody tr[hidden]{display:none}
.best-rank-badge{min-width:88px;min-height:42px;padding:5px 11px 5px 7px;border-radius:13px;gap:10px;box-shadow:0 7px 16px rgba(24,31,53,.07)}
.best-rank-badge>i{position:relative;width:25px;height:25px;border:0;flex:0 0 auto;background:#a4acb9;box-shadow:inset 0 0 0 6px #eef0f4,0 0 0 1px #dfe3e9}
.best-rank-badge>i::after{content:'';position:absolute;inset:9px;border-radius:50%;background:currentColor}
.best-rank-badge>span{display:grid;gap:2px}
.best-rank-badge>span>b{font-size:16px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.35px}
.best-rank-badge>span>small{color:#9299a8;font-size:6px;font-weight:900;line-height:1;letter-spacing:.75px}
.best-rank-badge.is-top-ten>i{color:#6a51df;background:#6a51df;box-shadow:inset 0 0 0 6px #e5dffd,0 0 0 1px #d4caf8}
.best-rank-badge.is-podium>i{color:#15966d;background:#15966d;box-shadow:inset 0 0 0 6px #d5f2e7,0 0 0 1px #b9e5d5}
.best-rank-badge.is-podium>span>small{color:#16815f}
.best-rank-badge.is-empty>i{color:#aeb5c0;background:#aeb5c0;box-shadow:inset 0 0 0 6px #f0f2f5,0 0 0 1px #e0e3e8}
.sidebar .brand.brand-has-image{position:relative;height:68px;min-height:68px;padding:12px 18px;overflow:hidden;border:1px solid rgba(128,111,246,.24);border-radius:16px;background:linear-gradient(125deg,rgba(103,78,232,.2),rgba(27,39,75,.52) 62%,rgba(14,23,48,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 34px rgba(0,0,0,.19);justify-content:center}
.sidebar .brand.brand-has-image::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#5bd6ff,#7859f4);box-shadow:0 0 14px rgba(94,174,255,.45)}
.sidebar .brand.brand-has-image::after{content:'';position:absolute;right:-24px;top:-42px;width:105px;height:105px;border:1px solid rgba(138,119,247,.13);border-radius:50%;pointer-events:none}
.sidebar .brand.brand-has-image .brand-image-logo{position:relative;z-index:1;width:min(var(--brand-logo-width,164px),164px)!important;height:min(var(--brand-logo-height,36px),36px)!important;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;object-fit:contain;object-position:center;filter:brightness(0) invert(1) drop-shadow(0 5px 10px rgba(0,0,0,.26));opacity:.94}
.sidebar .brand.brand-has-image:hover .brand-image-logo{opacity:1}

/* User panel typography standard: dashboard, apps, app detail, settings and billing */
.user-panel-body{font-size:16px}
.user-panel-body .main-content{font-size:16px;line-height:1.5}
.user-panel-body .main-content p{font-size:14px!important;line-height:1.65}
.user-panel-body .main-content small{font-size:12px!important;line-height:1.45}
.user-panel-body .main-content .eyebrow{font-size:11.5px;line-height:1.35;letter-spacing:1.45px}
.user-panel-body .main-content .button{min-height:46px;padding-inline:18px;font-size:14px;line-height:1.2}
.user-panel-body .main-content :is(input,select,textarea){font-size:14.5px}
.user-panel-body .main-content .panel-head{min-height:88px}
.user-panel-body .main-content .panel-head h2{font-size:22px;line-height:1.25}
.user-panel-body .main-content .panel-head p,
.user-panel-body .main-content .panel-head>a{font-size:13.5px;line-height:1.55}
.user-panel-body .main-content .compact-empty{font-size:14px;line-height:1.6}
.user-panel-body .main-content .empty-state h3{font-size:18px}
.user-panel-body .main-content .back-link,
.user-panel-body .main-content .package-link{font-size:13px}

/* Sidebar remains compact, but no longer uses micro type. */
.user-panel-body .sidebar .brand strong{font-size:17px}
.user-panel-body .sidebar .brand small{font-size:10px}
.user-panel-body .sidebar .nav-section-label{font-size:9.5px;line-height:1.35;letter-spacing:1.55px}
.user-panel-body .sidebar .nav-item{font-size:14.5px;line-height:1.35}
.user-panel-body .sidebar-foot .user-chip strong{font-size:13.5px}
.user-panel-body .sidebar-foot .user-chip small{font-size:11px}

/* Dashboard */
.user-panel-body .dashboard-system-status small,
.user-panel-body .server-clock-card small{font-size:10px!important}
.user-panel-body .dashboard-system-status strong{font-size:12.5px}
.user-panel-body .dashboard-system-status em{font-size:9.5px}
.user-panel-body .server-clock-card em{font-size:11px}
.user-panel-body .metric-card span{font-size:14.5px}
.user-panel-body .metric-card small{font-size:12px!important}
.user-panel-body .position-overview-copy>p{font-size:13.5px!important}
.user-panel-body .movement-summary span{font-size:12.5px}
.user-panel-body .position-segment b{font-size:13px}
.user-panel-body .position-segment em{font-size:11px}
.user-panel-body .remaining-rights-intro p{font-size:12.5px!important}
.user-panel-body .remaining-right-card small{font-size:10.5px!important}
.user-panel-body .remaining-right-card em{font-size:10.5px}
.user-panel-body .remaining-rights-link{font-size:12.5px}
.user-panel-body .app-overview-name strong{font-size:14.5px}
.user-panel-body .app-overview-name small,
.user-panel-body .app-overview-stat small{font-size:11.5px!important}
.user-panel-body .app-overview-stat strong{font-size:17px}
.user-panel-body .activity-name strong{font-size:13.5px}
.user-panel-body .activity-name small{font-size:11.5px!important}
.user-panel-body .activity-rank{font-size:15px}
.user-panel-body .activity-rank small{font-size:10.5px!important}

/* Application portfolio and setup forms */
.user-panel-body .portfolio-overview-strip span{font-size:11.5px}
.user-panel-body .portfolio-filter-tabs button,
.user-panel-body .keyword-list-toolbar button{font-size:13px}
.user-panel-body .portfolio-filter-tabs b,
.user-panel-body .keyword-list-toolbar b{font-size:11px}
.user-panel-body .portfolio-filter-result-count,
.user-panel-body .keyword-list-toolbar>span{font-size:12px}
.user-panel-body .tracking-live-pill{font-size:10px}
.user-panel-body .app-card h2{font-size:19px}
.user-panel-body .locale-pill{min-height:29px;font-size:10.5px}
.user-panel-body .package-name{font-size:11.5px}
.user-panel-body .app-card-stats span{font-size:11.5px}
.user-panel-body .app-card-foot>span,
.user-panel-body .app-card-foot a{font-size:12px}
.user-panel-body .app-visibility-meter span{font-size:12.5px}
.user-panel-body .app-visibility-meter small{font-size:11.5px!important}
.user-panel-body .form-section-title>span{font-size:11px}
.user-panel-body .form-section-title strong{font-size:16px}
.user-panel-body .form-section-title small{font-size:12px!important}
.user-panel-body .field>span{font-size:13.5px;line-height:1.4}
.user-panel-body .field>span em{font-size:11.5px}
.user-panel-body .field>small{font-size:12px!important}
.user-panel-body .store-option strong{font-size:14.5px}
.user-panel-body .store-option small{font-size:12px!important}
.user-panel-body .setup-progress b{font-size:13px}
.user-panel-body .setup-progress small{font-size:11.5px!important}
.user-panel-body .tip-card h3{font-size:18px}
.user-panel-body .tip-card p,
.user-panel-body .tip-card li,
.user-panel-body .privacy-card p{font-size:13px!important;line-height:1.65}

/* App detail, rank chart and keyword intelligence table */
.user-panel-body .detail-summary span{font-size:12px}
.user-panel-body .detail-summary strong{font-size:23px}
.user-panel-body .detail-summary .summary-date{font-size:15px}
.user-panel-body .chart-store-badge{font-size:11.5px}
.user-panel-body .rank-chart-meta>div:first-child>strong{font-size:14px}
.user-panel-body .rank-chart-meta>div:first-child>span{font-size:12px}
.user-panel-body .rank-chart-legend b{font-size:12.5px}
.user-panel-body .rank-chart-legend em,
.user-panel-body .rank-chart-guide span{font-size:11.5px}
.user-panel-body .rank-series-button b{font-size:13px}
.user-panel-body .rank-series-button small{font-size:11px!important}
.user-panel-body .rank-chart-tooltip small,
.user-panel-body .rank-chart-tooltip em{font-size:11px!important}
.user-panel-body .data-table th{font-size:13px}
.user-panel-body .data-table td{min-height:80px;font-size:15px}
.user-panel-body .keyword-cell strong{font-size:15px}
.user-panel-body .keyword-cell small{font-size:11.5px!important}
.user-panel-body .rank-badge{min-height:32px;font-size:13px}
.user-panel-body .keywords-panel .change{font-size:12.5px}
.user-panel-body .last-update-cell strong{font-size:13px}
.user-panel-body .last-update-cell small{font-size:11px!important}
.user-panel-body .keyword-list-toolbar input{font-size:14px}
.user-panel-body .table-sort-button{font-size:13px}
.user-panel-body .best-rank-badge>span>small{font-size:8.5px!important;line-height:1!important}
.user-panel-body .danger-zone h3{font-size:15px}
.user-panel-body .danger-zone p{font-size:12px!important}

/* ASO assistant and keyword ideas */
.user-panel-body .aso-panel-head h2{font-size:21px}
.user-panel-body .aso-panel-head p,
.user-panel-body .aso-summary p,
.user-panel-body .action-list p,
.user-panel-body .aso-empty p{font-size:13.5px!important}
.user-panel-body .aso-score span{font-size:10px}
.user-panel-body .aso-summary h3,
.user-panel-body .aso-columns h3{font-size:16px}
.user-panel-body .action-list strong{font-size:13.5px}
.user-panel-body .priority{font-size:10px}
.user-panel-body .muted-copy{font-size:12.5px}
.user-panel-body .keyword-idea-box strong{font-size:14px}
.user-panel-body .keyword-idea-box small,
.user-panel-body .idea-message{font-size:12px!important}
.user-panel-body .idea-chips button,
.user-panel-body .idea-chip{font-size:12px}

/* Settings and cron */
.user-panel-body .live-pill{font-size:9.5px}
.user-panel-body .copy-field input,
.user-panel-body .copy-field button,
.user-panel-body .text-button{font-size:12px}
.user-panel-body .code-hint span{font-size:10.5px}
.user-panel-body .code-hint code{font-size:12px;line-height:1.55}
.user-panel-body .schedule-badge strong{font-size:13px}
.user-panel-body .schedule-badge span{font-size:12px}
.user-panel-body .switch-row small{font-size:11.5px!important}

/* Billing and payment flow */
.user-panel-body .secure-payment-badge{font-size:12px}
.user-panel-body .current-plan-card p{font-size:13.5px!important}
.user-panel-body .current-plan-card>div:first-child>span{font-size:10.5px}
.user-panel-body .current-plan-quota small,
.user-panel-body .current-plan-quota>span>em{font-size:11px!important}
.user-panel-body .section-title-row>p{font-size:13.5px!important}
.user-panel-body .billing-plan-card>div>span{font-size:10.5px}
.user-panel-body .billing-plan-card p,
.user-panel-body .billing-plan-card ul,
.user-panel-body .billing-plan-card .plan-select-action{font-size:13px!important;line-height:1.6}
.user-panel-body .billing-plan-card>strong small{font-size:11px!important}
.user-panel-body .payment-unavailable p,
.user-panel-body .payment-readiness-warning p{font-size:13px!important}
.user-panel-body .payment-method-card strong{font-size:14.5px}
.user-panel-body .payment-method-card small,
.user-panel-body .checkout-account-card small{font-size:12px!important}
.user-panel-body .checkout-account-card strong{font-size:13.5px}
.user-panel-body .payment-account-title span{font-size:13px}
.user-panel-body .payment-account-title small{font-size:11.5px!important}
.user-panel-body .checkout-details-lead small{font-size:10.5px!important}
.user-panel-body .checkout-account-details dt{font-size:12px}
.user-panel-body .checkout-account-details button{font-size:12px}
.user-panel-body .checkout-account-details>p,
.user-panel-body .payment-notice-direct p,
.user-panel-body .payment-checkout-foot p{font-size:13px!important}
.user-panel-body .payment-instruction-head>div>span,
.user-panel-body .payment-instruction-grid span{font-size:11px}
.user-panel-body .payment-instruction-grid strong{font-size:14px}
.user-panel-body .order-status{font-size:10.5px}
.user-panel-body .order-list strong{font-size:14px}
.user-panel-body .order-list small{font-size:11.5px!important}

@media(max-width:760px){
    .user-panel-body .main-content{font-size:15px}
    .user-panel-body .main-content p{font-size:13.5px!important}
    .user-panel-body .main-content .panel-head h2{font-size:20px}
    .user-panel-body .data-table th{font-size:12px}
    .user-panel-body .data-table td{font-size:14px}
}

/* Live current position and crown-style personal record badges */
.user-panel-body .current-rank-badge{
    min-width:88px;
    min-height:42px;
    padding:5px 11px 5px 7px;
    border:1px solid #b9e7d7;
    border-radius:13px;
    color:#087451;
    background:linear-gradient(145deg,#f0fbf7,#e5f8f0);
    display:inline-flex;
    align-items:center;
    gap:10px;
    box-shadow:0 7px 16px rgba(15,130,93,.08);
    white-space:nowrap;
}
.user-panel-body .current-rank-badge>i{
    position:relative;
    width:25px;
    height:25px;
    flex:0 0 25px;
    border-radius:50%;
    background:#d7f3e8;
    box-shadow:inset 0 0 0 1px #b5e5d4;
}
.user-panel-body .current-rank-badge>i::before{
    content:'';
    position:absolute;
    inset:8px;
    z-index:1;
    border-radius:50%;
    background:#13a875;
    box-shadow:0 0 0 3px rgba(19,168,117,.12);
}
.user-panel-body .current-rank-badge.is-live>i::after{
    content:'';
    position:absolute;
    inset:4px;
    border:1px solid rgba(19,168,117,.42);
    border-radius:50%;
    animation:current-rank-live 1.8s ease-out infinite;
}
.user-panel-body .current-rank-badge>span{
    display:grid;
    gap:2px;
}
.user-panel-body .current-rank-badge>span>b{
    font-size:16px;
    font-weight:950;
    line-height:1;
    letter-spacing:-.3px;
    font-variant-numeric:tabular-nums;
}
.user-panel-body .current-rank-badge>span>small{
    color:#16815f;
    font-size:8.5px!important;
    font-weight:900;
    line-height:1!important;
    letter-spacing:.8px;
}
.user-panel-body .current-rank-badge.is-top-ten{
    border-color:#aee2d0;
    background:linear-gradient(145deg,#ebfaf4,#dff6ed);
    box-shadow:0 8px 18px rgba(15,130,93,.11);
}
.user-panel-body .current-rank-badge.is-unavailable{
    min-width:96px;
    color:#687386;
    border-color:#dde2e9;
    background:linear-gradient(145deg,#f8f9fb,#f1f3f6);
    box-shadow:none;
}
.user-panel-body .current-rank-badge.is-unavailable>i{
    border-radius:9px;
    background:#e9edf2;
    box-shadow:inset 0 0 0 1px #dce1e8;
}
.user-panel-body .current-rank-badge.is-unavailable>i::before{
    inset:7px;
    border:2px solid #8c96a5;
    background:transparent;
    box-shadow:none;
}
.user-panel-body .current-rank-badge.is-unavailable>i::after{
    content:'';
    position:absolute;
    right:5px;
    bottom:5px;
    width:6px;
    height:2px;
    border-radius:2px;
    background:#8c96a5;
    transform:rotate(45deg);
}
.user-panel-body .current-rank-badge.is-unavailable>span>b{
    max-width:132px;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    letter-spacing:0;
}
.user-panel-body .current-rank-badge.is-unavailable>span>small{color:#7d8796}

.user-panel-body .best-rank-badge{
    min-width:88px;
    min-height:42px;
    padding:5px 11px 5px 7px;
    border:1px solid #ead393;
    border-radius:13px;
    color:#80570a;
    background:linear-gradient(145deg,#fffaf0,#fff2cf);
    gap:10px;
    box-shadow:0 8px 18px rgba(142,98,17,.09);
}
.user-panel-body .best-rank-badge>i.best-rank-crown{
    position:relative;
    width:27px;
    height:27px;
    flex:0 0 27px;
    border:0;
    border-radius:9px;
    color:#b67b13;
    background:linear-gradient(145deg,#fff1bb,#f8dda0);
    box-shadow:inset 0 0 0 1px #e8c979,0 5px 10px rgba(155,104,10,.12);
}
.user-panel-body .best-rank-badge>i.best-rank-crown::before{
    content:'';
    position:absolute;
    left:5px;
    top:6px;
    width:17px;
    height:13px;
    border:0;
    border-radius:0;
    background:currentColor;
    box-shadow:none;
    clip-path:polygon(0 18%,25% 50%,50% 4%,75% 50%,100% 18%,84% 82%,16% 82%);
}
.user-panel-body .best-rank-badge>i.best-rank-crown::after{
    content:'';
    position:absolute;
    left:6px;
    right:6px;
    bottom:5px;
    height:2px;
    border-radius:2px;
    background:currentColor;
}
.user-panel-body .best-rank-badge>span>b{
    color:#80570a;
    font-size:16px;
    font-weight:950;
}
.user-panel-body .best-rank-badge>span>small{
    color:#a16f16;
    font-size:8.5px!important;
    line-height:1!important;
}
.user-panel-body .best-rank-badge.is-top-ten,
.user-panel-body .best-rank-badge.is-podium{
    color:#714800;
    border-color:#e4bd59;
    background:linear-gradient(145deg,#fff8e2,#ffedb5);
    box-shadow:0 9px 20px rgba(151,101,8,.12);
}
.user-panel-body .best-rank-badge.is-top-ten>i.best-rank-crown,
.user-panel-body .best-rank-badge.is-podium>i.best-rank-crown{
    color:#a86e00;
    background:linear-gradient(145deg,#ffe69a,#f4ca62);
    box-shadow:inset 0 0 0 1px #dbaa37,0 5px 11px rgba(155,104,10,.16);
}
.user-panel-body .best-rank-badge.is-podium>span>small{color:#98640a}
.user-panel-body .best-rank-badge.is-empty{
    color:#8a93a1;
    border-color:#dfe3e9;
    background:#f5f7f9;
    box-shadow:none;
}
.user-panel-body .best-rank-badge.is-empty>i.best-rank-crown{
    color:#9ca5b2;
    background:#e9edf2;
    box-shadow:inset 0 0 0 1px #dce1e8;
}
.user-panel-body .best-rank-badge.is-empty>span>b,
.user-panel-body .best-rank-badge.is-empty>span>small{color:#8a93a1}

@keyframes current-rank-live{
    0%{transform:scale(.72);opacity:.75}
    70%,100%{transform:scale(1.18);opacity:0}
}
@media(prefers-reduced-motion:reduce){
    .user-panel-body .current-rank-badge.is-live>i::after{animation:none}
}