:root {
    --sl-navy: #071426;
    --sl-navy-2: #0d1d35;
    --sl-blue: #176bff;
    --sl-blue-bright: #2f80ff;
    --sl-blue-dark: #0b51d8;
    --sl-cyan: #38bdf8;
    --sl-indigo: #5267ff;
    --sl-ink: #081426;
    --sl-muted: #71809a;
    --sl-line: rgba(35, 72, 125, .14);
    --sl-soft: #f1f5fb;
    --sl-bg: #06142e;
    --sl-surface: rgba(255, 255, 255, .94);
    --sl-white: #fff;
    --sl-danger: #bd2f48;
    --sl-success: #16865b;
    --sl-shadow: 0 38px 100px rgba(0, 10, 38, .42), 0 16px 44px rgba(10, 74, 255, .24);
    --sl-radius: 14px;
    --sl-transition: 190ms cubic-bezier(.2, .75, .25, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--sl-bg); color: var(--sl-ink); font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.sl_shell { position: relative; isolation: isolate; min-height: 100vh; display: flex; flex-direction: column; overflow: hidden; background: radial-gradient(ellipse 62% 58% at 83% 19%, rgba(20, 91, 255, .78), transparent 70%), radial-gradient(ellipse 48% 46% at 5% 34%, rgba(51, 182, 255, .27), transparent 72%), radial-gradient(ellipse 58% 52% at 50% 108%, rgba(122, 92, 255, .28), transparent 70%), linear-gradient(135deg, #06142e 0%, #09245b 44%, #071a43 100%); }
.sl_shell::before { content: ""; position: absolute; z-index: -2; inset: 0; pointer-events: none; opacity: .68; background-image: linear-gradient(rgba(184, 218, 255, .065) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 218, 255, .065) 1px, transparent 1px), linear-gradient(rgba(184, 218, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 218, 255, .035) 1px, transparent 1px); background-size: 44px 44px, 44px 44px, 176px 176px, 176px 176px; -webkit-mask-image: radial-gradient(ellipse 92% 78% at 50% 32%, #000 10%, rgba(0,0,0,.76) 65%, transparent 100%); mask-image: radial-gradient(ellipse 92% 78% at 50% 32%, #000 10%, rgba(0,0,0,.76) 65%, transparent 100%); }
.sl_shell::after { content: ""; position: absolute; z-index: -1; top: -330px; right: -260px; width: 980px; height: 980px; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(51, 182, 255, .23), rgba(20, 91, 255, .12) 44%, transparent 72%); filter: blur(28px); animation: sl_ambient 20s ease-in-out infinite alternate; }
main { position: relative; z-index: 1; flex: 1; }
.w_page { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.sl_header { width: min(1260px, calc(100% - 48px)); min-height: 82px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 20; border-bottom: 1px solid rgba(205, 229, 255, .14); }
.sl_brand { display: inline-flex; align-items: center; gap: 11px; color: white; font-weight: 800; font-size: 20px; letter-spacing: -.04em; }
.sl_brand > span:last-child span { color: #70d2ff; }
.sl_brand_mark { width: 34px; height: 34px; flex: 0 0 34px; display: block; object-fit: cover; border-radius: 9px; box-shadow: 0 10px 24px rgba(23, 107, 255, .3), inset 0 1px 0 rgba(255,255,255,.35); }
.sl_nav { display: flex; align-items: center; gap: 8px; }
.sl_nav > a, .sl_text_button { position: relative; border: 0; background: none; padding: 10px 13px; font-size: 13px; font-weight: 650; color: rgba(235, 246, 255, .76); cursor: pointer; transition: color var(--sl-transition), background var(--sl-transition); border-radius: 8px; }
.sl_nav > a:hover, .sl_nav > a.is_active, .sl_text_button:hover { color: white; background: rgba(255, 255, 255, .09); }
.sl_nav .sl_signin { padding: 10px 20px; color: white; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.24); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 10px 28px rgba(0,12,40,.15); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.sl_nav .sl_signin:hover { color: white; background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.4); transform: translateY(-1px); }
.sl_inline_form { display: inline; margin: 0; }
.sl_user_chip { margin-left: 8px; padding: 8px 12px; background: rgba(255,255,255,.1); color: #eaf5ff; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; font-size: 12px; font-weight: 700; }
.sl_nav_toggle { display: none; border: 0; background: transparent; width: 40px; height: 40px; padding: 10px; }
.sl_nav_toggle span { display: block; height: 2px; margin: 5px 0; background: white; }

.sl_home { padding: 62px 0 66px; }
.sl_hero { max-width: 840px; padding-bottom: 48px; }
.sl_eyebrow, .sl_kicker { color: #68d0ff; font-size: 10px; text-transform: uppercase; letter-spacing: .19em; font-weight: 850; }
.sl_eyebrow { display: flex; align-items: center; gap: 10px; }
.sl_eyebrow > span { width: 26px; height: 2px; background: linear-gradient(90deg, #33b6ff, #83dcff); }
.sl_hero h1, .sl_auth_intro h1 { margin: 23px 0 24px; color: white; font-size: clamp(48px, 5vw, 70px); line-height: .98; letter-spacing: -.063em; font-weight: 780; text-wrap: balance; text-shadow: 0 16px 42px rgba(0, 12, 42, .22); }
.sl_hero h1 em, .sl_auth_intro h1 em { font-style: normal; color: #68d0ff; background: linear-gradient(92deg, #7cdcff 4%, #42bfff 45%, #a797ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.sl_hero > p, .sl_auth_intro > p { max-width: 480px; margin: 0; color: rgba(235, 246, 255, .8); font-size: 17px; line-height: 1.7; }
.sl_trust_line { margin-top: 35px; display: flex; flex-wrap: wrap; gap: 10px 20px; color: rgba(231, 243, 255, .78); font-size: 10px; font-weight: 760; text-transform: uppercase; letter-spacing: .07em; }
.sl_trust_line span::before { content: "✓"; margin-right: 7px; color: #55cbff; }
.sl_builder_wrap { position: relative; }
.sl_builder_wrap::before { content: ""; position: absolute; z-index: -1; inset: 6% -11% -5% -10%; border-radius: 34%; background: radial-gradient(ellipse at center, rgba(51, 182, 255, .32), rgba(20,91,255,.16) 45%, transparent 73%); filter: blur(30px); pointer-events: none; }

.sl_builder_card, .sl_auth_card { position: relative; background: var(--sl-surface); border: 1px solid rgba(255, 255, 255, .74); box-shadow: var(--sl-shadow), inset 0 1px 0 rgba(255,255,255,.96); border-radius: var(--sl-radius); backdrop-filter: blur(22px) saturate(138%); -webkit-backdrop-filter: blur(22px) saturate(138%); }
.sl_builder_card { width: 100%; padding: 42px; }
.sl_builder_card::before, .sl_auth_card::before { content: ""; position: absolute; top: -1px; left: 30px; right: 30px; height: 3px; background: linear-gradient(90deg, var(--sl-blue), var(--sl-indigo) 55%, var(--sl-cyan)); border-radius: 0 0 3px 3px; box-shadow: 0 2px 14px rgba(23,107,255,.2); }
.sl_card_head, .sl_panel_head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }
.sl_card_head { margin-bottom: 27px; }
.sl_card_head > div { display: block; }
.sl_card_head h2, .sl_panel_head h2 { margin: 0; color: var(--sl-navy); font-size: 20px; letter-spacing: -.03em; }
.sl_card_head p { margin: 3px 0 0; color: #697b93; font-size: 11px; }
.sl_step { display: inline-flex; align-items: center; min-height: 25px; padding: 0 8px; background: linear-gradient(135deg, rgba(23,107,255,.11), rgba(82,103,255,.08)); color: var(--sl-blue); border: 1px solid rgba(23,107,255,.11); border-radius: 5px; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.sl_status { display: inline-flex; align-items: center; gap: 7px; color: #567087; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.sl_status i { width: 7px; height: 7px; border-radius: 50%; background: #25b77c; box-shadow: 0 0 0 4px rgba(37, 183, 124, .11); }

.sl_form { display: grid; gap: 17px; }
.sl_field { display: flex; flex-direction: column; gap: 7px; }
.sl_field > span { color: #35445a; font-size: 11px; text-transform: uppercase; letter-spacing: .07em; font-weight: 750; }
.sl_field > span i { float: right; color: #8a98a9; text-transform: none; font-style: normal; font-weight: 500; letter-spacing: 0; }
.sl_field input { width: 100%; height: 47px; padding: 0 14px; border: 1px solid rgba(43, 79, 130, .19); background: rgba(247, 250, 255, .82); color: var(--sl-ink); border-radius: 8px; outline: none; box-shadow: inset 0 1px 2px rgba(20,52,94,.025); transition: border-color var(--sl-transition), box-shadow var(--sl-transition), background var(--sl-transition), transform var(--sl-transition); }
.sl_field input::placeholder { color: #a5b0bf; }
.sl_field input:hover { border-color: #aebed2; }
.sl_field input:focus { border-color: var(--sl-blue); background: white; box-shadow: 0 0 0 3px rgba(23, 107, 255, .1), 0 8px 20px rgba(23,107,255,.05); }
.sl_field small { color: #8794a7; font-size: 11px; }
.sl_field_full { grid-column: 1 / -1; }
.sl_section_head { border-top: 1px solid rgba(35,72,125,.1); border-bottom: 1px solid rgba(35,72,125,.1); background: linear-gradient(90deg, transparent, rgba(23,107,255,.025), transparent); padding: 13px 1px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sl_section_head b { color: var(--sl-navy); font-size: 13px; }
.sl_section_head small { color: #8794a7; font-size: 11px; }
.sl_tracking_grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; row-gap: 12px; }
.sl_actions { display: flex; gap: 10px; flex-wrap: wrap; }
.sl_button { min-height: 45px; border: 1px solid transparent; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 8px; cursor: pointer; font-size: 12px; font-weight: 750; transition: transform var(--sl-transition), color var(--sl-transition), border-color var(--sl-transition), background var(--sl-transition), box-shadow var(--sl-transition); }
.sl_button:hover { transform: translateY(-1px); }
.sl_button:active { transform: translateY(0); }
.sl_button_primary { color: white; background: linear-gradient(135deg, var(--sl-blue-bright), var(--sl-blue) 48%, var(--sl-indigo)); border-color: rgba(18,85,227,.65); box-shadow: 0 12px 28px rgba(23, 107, 255, .25), inset 0 1px 0 rgba(255,255,255,.27); }
.sl_button_primary:hover { background: linear-gradient(135deg, #3b88ff, var(--sl-blue) 46%, #485be9); border-color: var(--sl-blue-dark); box-shadow: 0 16px 34px rgba(23, 107, 255, .32), inset 0 1px 0 rgba(255,255,255,.3); transform: translateY(-2px); }
.sl_button_primary b { font-size: 16px; }
.sl_button_secondary { color: #33445b; background: rgba(255,255,255,.7); border-color: rgba(35,72,125,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
.sl_button_secondary:hover { color: var(--sl-blue); border-color: var(--sl-blue); }
.sl_button_full { width: 100%; }

.sl_alert { margin-bottom: 20px; padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; border-radius: 8px; font-size: 12px; }
.sl_alert_error { color: #8d2034; background: #fff1f3; border: 1px solid #f2c5ce; }
.sl_alert_success { color: #126443; background: #ecfaf4; border: 1px solid #bfe8d6; }
.sl_live_result, .sl_short_result { position: relative; overflow: hidden; padding: 22px 24px; background: linear-gradient(135deg, rgba(231,240,255,.97), rgba(247,250,255,.9)); border: 1px solid rgba(47, 100, 184, .2); border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 14px 34px rgba(17,70,158,.08); transition: border-color var(--sl-transition), background var(--sl-transition), box-shadow var(--sl-transition); }
.sl_live_result::before, .sl_short_result::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: #b7c6dc; transition: background var(--sl-transition); }
.sl_live_result.is_ready { background: linear-gradient(135deg, rgba(224,237,255,.99), rgba(244,249,255,.94)); border-color: rgba(23,107,255,.32); box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 18px 42px rgba(23,107,255,.13); }
.sl_live_result.is_ready::before, .sl_short_result::before { background: linear-gradient(180deg, var(--sl-blue), var(--sl-cyan)); }
.sl_live_result.is_invalid { border-color: rgba(189,47,72,.25); background: rgba(255,244,246,.86); }
.sl_live_result.is_invalid::before { background: var(--sl-danger); }
.sl_result_meta { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #75849a; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .13em; }
.sl_result_meta span { display: inline-flex; align-items: center; gap: 7px; }
.sl_result_meta span i { width: 5px; height: 5px; border-radius: 50%; background: #9aabc1; box-shadow: 0 0 0 3px rgba(113,128,154,.09); }
.is_ready .sl_result_meta span i, .sl_short_result .sl_result_meta span i { background: #24b77c; box-shadow: 0 0 0 3px rgba(36,183,124,.1); }
.sl_result_meta b { color: var(--sl-blue); font-size: 11px; font-weight: 850; }
.sl_result_body { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; }
.sl_result_body strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #53647c; font-size: 13px; line-height: 1.55; font-weight: 650; }
.is_ready .sl_result_body strong { color: #243650; }
.sl_short_result { margin-top: 17px; background: linear-gradient(135deg, rgba(228,239,255,.98), rgba(239,246,255,.93)); border-color: rgba(23,107,255,.24); animation: sl_reveal .24s ease both; }
.sl_short_result .sl_result_body strong { color: var(--sl-blue); font-size: 15px; font-weight: 800; }
.sl_copy:disabled { opacity: .42; cursor: not-allowed; }
.sl_actions_single { display: grid; align-items: stretch; gap: 8px; }
.sl_actions_single > small { max-width: none; color: #8491a4; font-size: 9px; line-height: 1.45; text-align: center; }
.sl_create_button { width: 100%; min-height: 52px; }
.sl_create_button:disabled { cursor: wait; opacity: .78; transform: none; box-shadow: 0 8px 20px rgba(23,107,255,.18); }
.sl_create_button.is_processing b { display: none; }
.sl_form_feedback { margin: 0; }
.sl_results { margin-top: 24px; border-top: 1px solid #e1e8f1; padding-top: 20px; display: grid; gap: 10px; animation: sl_reveal .32s ease both; }
.sl_result { min-width: 0; padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 18px; background: #f3f7fc; border: 1px solid #e2eaf4; border-radius: 8px; }
.sl_result > div { min-width: 0; }
.sl_result span { display: block; color: #7c8a9f; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.sl_result strong { display: block; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #24354b; font-size: 12px; }
.sl_result_primary { background: #eef4ff; border-color: #cbdcff; }
.sl_result_primary strong { color: var(--sl-blue); font-size: 14px; }
.sl_copy { border: 0; background: white; padding: 8px 11px; border-radius: 6px; color: var(--sl-blue); cursor: pointer; font-size: 10px; font-weight: 800; text-transform: uppercase; transition: background var(--sl-transition), color var(--sl-transition); }
.sl_copy:hover, [data-copy].is_copied { color: white; background: var(--sl-blue); }

.sl_seo_sections { padding: 48px 0 82px; border-top: 1px solid rgba(210,232,255,.16); }
.sl_seo_intro { max-width: 760px; margin-bottom: 25px; }
.sl_seo_intro h2, .sl_faq_intro h2 { margin: 10px 0 12px; color: white; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.08; letter-spacing: -.045em; }
.sl_seo_intro p, .sl_faq_intro p { margin: 0; color: rgba(229,242,255,.76); font-size: 14px; line-height: 1.75; }
.sl_seo_grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sl_seo_card { min-width: 0; padding: 26px 28px; background: rgba(5,25,65,.3); border: 1px solid rgba(210,232,255,.14); border-radius: var(--sl-radius); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: background var(--sl-transition), border-color var(--sl-transition), transform var(--sl-transition); }
.sl_seo_card:hover { background: rgba(255,255,255,.055); border-color: rgba(112,210,255,.3); transform: translateY(-2px); }
.sl_seo_card h3, .sl_how h2 { margin: 0 0 9px; color: white; font-size: 18px; line-height: 1.25; letter-spacing: -.025em; }
.sl_seo_card p, .sl_how_intro p, .sl_steps p { margin: 0; color: rgba(229,242,255,.72); font-size: 12px; line-height: 1.7; }
.sl_how { margin-top: 20px; padding: 28px 30px; display: grid; grid-template-columns: 250px 1fr; gap: 34px; align-items: center; border: 1px solid rgba(210,232,255,.14); border-radius: var(--sl-radius); background: linear-gradient(135deg, rgba(20,91,255,.14), rgba(122,92,255,.08)); }
.sl_steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; }
.sl_steps li { min-width: 0; padding: 4px 16px; border-left: 1px solid rgba(210,232,255,.13); }
.sl_steps li:first-child { border-left: 0; }
.sl_steps span { width: 25px; height: 25px; margin-bottom: 10px; display: grid; place-items: center; color: white; background: rgba(51,182,255,.16); border: 1px solid rgba(112,210,255,.34); border-radius: 50%; font-size: 10px; font-weight: 850; }
.sl_faq { margin-top: 56px; display: grid; grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr); gap: 54px; align-items: start; }
.sl_faq_intro { position: sticky; top: 24px; }
.sl_faq_list { display: grid; gap: 10px; }
.sl_faq_list details { overflow: hidden; background: rgba(5,25,65,.34); border: 1px solid rgba(210,232,255,.14); border-radius: 11px; transition: background var(--sl-transition), border-color var(--sl-transition); }
.sl_faq_list details:hover, .sl_faq_list details[open] { background: rgba(12,45,102,.55); border-color: rgba(112,210,255,.28); }
.sl_faq_list summary { position: relative; padding: 18px 52px 18px 20px; color: white; cursor: pointer; list-style: none; font-size: 14px; font-weight: 760; line-height: 1.35; }
.sl_faq_list summary::-webkit-details-marker { display: none; }
.sl_faq_list summary::after { content: "+"; position: absolute; top: 50%; right: 19px; width: 23px; height: 23px; display: grid; place-items: center; color: #8cdbff; border: 1px solid rgba(112,210,255,.25); border-radius: 50%; font-size: 16px; font-weight: 500; transform: translateY(-50%); transition: transform var(--sl-transition), color var(--sl-transition), border-color var(--sl-transition); }
.sl_faq_list details[open] summary::after { color: white; border-color: rgba(112,210,255,.48); transform: translateY(-50%) rotate(45deg); }
.sl_faq_list summary:focus-visible { outline: 2px solid #70d2ff; outline-offset: -3px; border-radius: 10px; }
.sl_faq_list p { margin: 0; padding: 0 52px 20px 20px; color: rgba(229,242,255,.72); font-size: 12px; line-height: 1.75; }
.sl_faq_list a { color: #77d7ff; font-weight: 750; text-decoration: underline; text-decoration-color: rgba(119,215,255,.38); text-underline-offset: 3px; }
.sl_faq_list a:hover { color: white; }

.sl_footer { width: min(1260px, calc(100% - 48px)); min-height: 74px; margin: 0 auto; border-top: 1px solid rgba(210,232,255,.14); display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(217,235,255,.55); font-size: 11px; }
.sl_footer_copy { display: flex; align-items: center; gap: 18px; }
.sl_footer_links { display: flex; align-items: center; gap: 14px; }
.sl_footer_links a, .sl_footer_links button { padding: 3px 0; border: 0; background: none; color: rgba(225,239,255,.62); font: inherit; cursor: pointer; transition: color var(--sl-transition); }
.sl_footer_links a:hover, .sl_footer_links button:hover { color: white; }
.sl_footer_links a:focus-visible, .sl_footer_links button:focus-visible { color: white; outline: 2px solid rgba(104,208,255,.75); outline-offset: 3px; border-radius: 2px; }

.sl_auth_privacy { display: block; width: max-content; margin: 9px auto 0; color: #8290a4; font-size: 10px; font-weight: 700; transition: color var(--sl-transition); }
.sl_auth_privacy:hover { color: var(--sl-blue); }

.sl_legal_page { padding: 64px 0 92px; }
.sl_legal_head { max-width: 780px; margin-bottom: 34px; }
.sl_legal_head h1 { margin: 8px 0 12px; color: white; font-size: clamp(40px, 5vw, 60px); line-height: 1; letter-spacing: -.055em; }
.sl_legal_head p { max-width: 680px; margin: 0 0 10px; color: rgba(225,239,255,.76); font-size: 16px; }
.sl_legal_head > span:last-child { color: rgba(213,232,255,.52); font-size: 11px; }
.sl_legal_card { padding: 42px 46px; background: rgba(255,255,255,.95); border: 1px solid rgba(255,255,255,.75); border-radius: 12px; box-shadow: var(--sl-shadow); }
.sl_legal_card section + section { margin-top: 36px; padding-top: 32px; border-top: 1px solid rgba(35,72,125,.12); }
.sl_legal_card h2 { margin: 0 0 13px; color: var(--sl-navy); font-size: 23px; letter-spacing: -.035em; }
.sl_legal_card h3 { margin: 21px 0 7px; color: #173258; font-size: 15px; }
.sl_legal_card p, .sl_legal_card li { color: #5f6f87; }
.sl_legal_card p { margin: 0 0 12px; }
.sl_legal_card p:last-child { margin-bottom: 0; }
.sl_legal_card ul { margin: 0; padding-left: 19px; }
.sl_legal_card li + li { margin-top: 6px; }
.sl_legal_card a, .sl_legal_inline_button { color: var(--sl-blue-dark); font-weight: 750; text-decoration: underline; text-decoration-color: rgba(23,107,255,.28); text-underline-offset: 3px; }
.sl_legal_inline_button { padding: 0; border: 0; background: none; cursor: pointer; }
.sl_legal_details { margin: 0 0 14px; display: grid; gap: 1px; overflow: hidden; border: 1px solid rgba(35,72,125,.12); border-radius: 8px; background: rgba(35,72,125,.12); }
.sl_legal_details > div { padding: 12px 14px; display: grid; grid-template-columns: 140px 1fr; gap: 18px; background: #f7f9fd; }
.sl_legal_details dt { color: #70809a; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.sl_legal_details dd { margin: 0; color: #243b5d; overflow-wrap: anywhere; }
.sl_legal_table_wrap { margin: 18px 0; overflow-x: auto; border: 1px solid rgba(35,72,125,.13); border-radius: 8px; }
.sl_legal_table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 12px; }
.sl_legal_table th { padding: 12px 14px; background: #edf3fc; color: #4e607b; text-align: left; font-size: 10px; text-transform: uppercase; letter-spacing: .075em; }
.sl_legal_table td { padding: 13px 14px; color: #5f6f87; border-top: 1px solid rgba(35,72,125,.1); vertical-align: top; }
.sl_legal_table code { color: #1b3e70; font-size: 11px; }

.sl_cookie_modal_open { overflow: hidden; }
.sl_cookie_banner[hidden], .sl_cookie_dialog_root[hidden] { display: none; }
.sl_cookie_banner { position: fixed; z-index: 90; left: 50%; bottom: 18px; width: min(980px, calc(100% - 32px)); padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 22px; color: white; background: linear-gradient(135deg, rgba(6,20,46,.97), rgba(10,45,122,.96)); border: 1px solid rgba(126,198,255,.28); border-radius: 12px; box-shadow: 0 28px 80px rgba(0,9,35,.52), inset 0 1px 0 rgba(255,255,255,.1); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transform: translateX(-50%); animation: sl_cookie_reveal 220ms ease both; }
.sl_cookie_banner_copy { max-width: 520px; }
.sl_cookie_banner_copy > span { display: block; margin-bottom: 3px; font-size: 14px; font-weight: 800; }
.sl_cookie_banner_copy p { margin: 0; color: rgba(226,241,255,.72); font-size: 11px; line-height: 1.5; }
.sl_cookie_actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.sl_cookie_button, .sl_cookie_manage { min-height: 38px; padding: 0 15px; border-radius: 7px; font-size: 11px; font-weight: 800; cursor: pointer; transition: transform var(--sl-transition), background var(--sl-transition), border-color var(--sl-transition), color var(--sl-transition); }
.sl_cookie_button { color: white; background: var(--sl-blue); border: 1px solid rgba(255,255,255,.16); }
.sl_cookie_button[data-cookie-action="reject"] { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.24); }
.sl_cookie_manage { padding-inline: 8px; color: rgba(231,244,255,.78); background: transparent; border: 1px solid transparent; }
.sl_cookie_button:hover, .sl_cookie_manage:hover { transform: translateY(-1px); }
.sl_cookie_button:hover { background: #2879ff; }
.sl_cookie_button[data-cookie-action="reject"]:hover { background: rgba(255,255,255,.17); }
.sl_cookie_manage:hover { color: white; }
.sl_cookie_button:focus-visible, .sl_cookie_manage:focus-visible, .sl_cookie_close:focus-visible { outline: 2px solid #74d5ff; outline-offset: 2px; }
.sl_cookie_dialog_root { position: fixed; z-index: 100; inset: 0; padding: 22px; display: grid; place-items: center; }
.sl_cookie_backdrop { position: absolute; inset: 0; background: rgba(0,10,34,.7); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.sl_cookie_dialog { position: relative; z-index: 1; width: min(620px, 100%); max-height: calc(100vh - 44px); overflow-y: auto; padding: 34px; background: #f8fbff; border: 1px solid rgba(255,255,255,.85); border-radius: 12px; box-shadow: 0 40px 110px rgba(0,7,30,.58); }
.sl_cookie_dialog h2 { margin: 5px 0 7px; color: var(--sl-navy); font-size: 28px; letter-spacing: -.045em; }
.sl_cookie_dialog > p { margin: 0; color: #697991; font-size: 12px; }
.sl_cookie_close { position: absolute; top: 17px; right: 17px; width: 34px; height: 34px; border: 1px solid rgba(35,72,125,.13); border-radius: 7px; background: white; color: #53657f; font-size: 21px; line-height: 1; cursor: pointer; }
.sl_cookie_categories { margin: 24px 0; border: 1px solid rgba(35,72,125,.12); border-radius: 9px; overflow: hidden; }
.sl_cookie_category { min-height: 84px; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: white; }
.sl_cookie_category + .sl_cookie_category { border-top: 1px solid rgba(35,72,125,.1); }
.sl_cookie_category b { display: block; color: #19365f; font-size: 13px; }
.sl_cookie_category p { margin: 3px 0 0; color: #75849a; font-size: 11px; line-height: 1.4; }
.sl_cookie_always { flex: 0 0 auto; color: #16865b; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.sl_cookie_switch { position: relative; flex: 0 0 42px; cursor: pointer; }
.sl_cookie_switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sl_cookie_switch i { width: 42px; height: 24px; display: block; border-radius: 20px; background: #cbd5e4; transition: background var(--sl-transition); }
.sl_cookie_switch i::after { content: ""; width: 18px; height: 18px; display: block; border-radius: 50%; background: white; box-shadow: 0 2px 7px rgba(17,43,80,.25); transform: translate(3px, 3px); transition: transform var(--sl-transition); }
.sl_cookie_switch input:checked + i { background: var(--sl-blue); }
.sl_cookie_switch input:checked + i::after { transform: translate(21px, 3px); }
.sl_cookie_switch input:focus-visible + i { outline: 2px solid var(--sl-blue); outline-offset: 2px; }
.sl_cookie_switch > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.sl_cookie_dialog_actions { display: flex; gap: 8px; flex-wrap: wrap; }
.sl_cookie_dialog_actions .sl_cookie_button { flex: 1 1 150px; }
.sl_cookie_dialog_actions .sl_cookie_button_light { color: #304867; background: white; border-color: rgba(35,72,125,.18); }
.sl_cookie_dialog_actions .sl_cookie_button_light:hover { color: var(--sl-blue-dark); background: #edf4ff; }
.sl_cookie_policy_links { margin-top: 16px !important; display: flex; justify-content: center; gap: 18px; }
.sl_cookie_policy_links a { color: #60718a; font-size: 10px; font-weight: 750; }

.sl_auth_page { min-height: calc(100vh - 156px); padding: 80px 0 100px; display: grid; grid-template-columns: 1fr 430px; gap: 100px; align-items: center; }
.sl_auth_intro h1 { font-size: clamp(48px, 5vw, 68px); }
.sl_auth_card { padding: 38px; }
.sl_auth_card h2 { margin: 18px 0 4px; color: var(--sl-navy); font-size: 26px; letter-spacing: -.04em; }
.sl_auth_card > p { margin: 0 0 26px; color: var(--sl-muted); font-size: 13px; }
.sl_back_link { display: block; margin-top: 22px; text-align: center; color: #728096; font-size: 11px; font-weight: 700; transition: color var(--sl-transition); }
.sl_back_link:hover { color: var(--sl-blue); }
.sl_field input[aria-invalid="true"] { border-color: rgba(189,47,72,.58); background: #fff8f9; box-shadow: 0 0 0 3px rgba(189,47,72,.07); }
.sl_field .sl_field_error { color: var(--sl-danger); font-weight: 700; }
.sl_auth_notice { margin: -12px 0 20px; padding: 10px 12px; background: #edf4ff; border: 1px solid #d9e7fb; border-radius: 7px; color: var(--sl-blue-dark); font-size: 11px; font-weight: 750; }
.sl_auth_support { margin-top: 18px; padding-top: 17px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid rgba(35,72,125,.12); color: #7b899d; font-size: 11px; }
.sl_auth_support a { color: var(--sl-blue-dark); font-weight: 800; }
.sl_auth_support_single { justify-content: center; }
.sl_auth_terms { margin: 14px 0 0 !important; color: #8794a7 !important; font-size: 10px !important; text-align: center; }
.sl_auth_terms a { color: var(--sl-blue-dark); font-weight: 750; }
.sl_auth_minor { margin-top: 13px; display: flex; justify-content: center; gap: 18px; }
.sl_auth_minor a { color: #8290a4; font-size: 10px; font-weight: 700; transition: color var(--sl-transition); }
.sl_auth_minor a:hover { color: var(--sl-blue); }
.sl_auth_status_page { min-height: calc(100vh - 156px); padding: 78px 0 96px; display: grid; place-items: center; }
.sl_auth_status_card { width: min(560px, 100%); padding: 48px 44px; text-align: center; background: rgba(255,255,255,.96); border: 1px solid rgba(255,255,255,.78); border-radius: 12px; box-shadow: var(--sl-shadow); }
.sl_auth_status_icon { width: 54px; height: 54px; margin: 0 auto 20px; display: grid; place-items: center; color: white; background: linear-gradient(145deg, var(--sl-blue), var(--sl-cyan)); border-radius: 15px; box-shadow: 0 16px 34px rgba(23,107,255,.24); font-size: 24px; font-weight: 850; }
.sl_auth_status_card h1 { margin: 8px 0 13px; color: var(--sl-navy); font-size: 36px; line-height: 1.06; letter-spacing: -.05em; }
.sl_auth_status_card > p { max-width: 430px; margin: 0 auto 25px; color: var(--sl-muted); }
.sl_auth_status_card .sl_button { min-width: 180px; }
.sl_auth_status_secondary { display: block; width: max-content; margin: 15px auto 0; color: #6f7e93; font-size: 11px; font-weight: 750; }
.sl_auth_status_secondary:hover { color: var(--sl-blue); }

.sl_workspace { padding: 58px 0 92px; }
.sl_page_head { margin-bottom: 35px; display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.sl_page_head h1 { margin: 4px 0 2px; color: white; font-size: clamp(32px, 4vw, 47px); line-height: 1.1; letter-spacing: -.055em; text-shadow: 0 12px 32px rgba(0,12,42,.18); }
.sl_page_head p { margin: 0; color: rgba(222,238,255,.68); font-size: 13px; }
.sl_metrics { margin-bottom: 26px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.sl_metrics article { position: relative; min-height: 142px; padding: 23px; overflow: hidden; background: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.74); border-radius: 10px; box-shadow: 0 14px 38px rgba(16, 40, 75, .065), inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.sl_metrics article::after { content: ""; position: absolute; left: 0; top: 20px; bottom: 20px; width: 2px; background: linear-gradient(180deg, transparent, rgba(23,107,255,.42), transparent); }
.sl_metrics article > span { display: block; color: #6c7b90; font-size: 10px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.sl_metrics article > strong { display: block; margin-top: 17px; color: var(--sl-navy); font-size: 38px; line-height: 1; letter-spacing: -.05em; }
.sl_metrics article > i { position: absolute; right: 22px; top: 22px; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 7px; background: #edf3fc; color: var(--sl-blue); font-style: normal; }
.sl_metrics .sl_metric_accent { color: white; background: linear-gradient(145deg, #071426, #10284a); border-color: rgba(22,59,105,.65); box-shadow: 0 18px 42px rgba(7,20,38,.18), inset 0 1px 0 rgba(255,255,255,.08); }
.sl_metrics .sl_metric_accent > span { color: #9eb0ca; }
.sl_metrics .sl_metric_accent > strong { color: white; }
.sl_metrics .sl_metric_accent > i { color: #55c6ff; background: rgba(255, 255, 255, .08); }
.sl_panel { background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.76); border-radius: 10px; box-shadow: 0 18px 48px rgba(16, 40, 75, .07), inset 0 1px 0 rgba(255,255,255,.9); overflow: hidden; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.sl_panel_head { min-height: 84px; padding: 22px 24px; border-bottom: 1px solid #e5ebf3; align-items: center; }
.sl_panel_head h2 { font-size: 17px; }
.sl_panel_head p { margin: 2px 0 0; color: #8290a3; font-size: 11px; }
.sl_panel_head > a { color: var(--sl-blue); font-size: 11px; font-weight: 750; }
.sl_analytics_stack { margin-bottom: 26px; display: grid; gap: 16px; }
.sl_analytics_panel { overflow: hidden; }
.sl_analytics_head { gap: 22px; }
.sl_range { padding: 4px; display: inline-flex; flex: 0 0 auto; gap: 2px; background: #edf3fb; border: 1px solid #dce6f2; border-radius: 8px; }
.sl_range button { min-width: 43px; height: 31px; padding: 0 10px; color: #718198; background: transparent; border: 0; border-radius: 5px; cursor: pointer; font-size: 10px; font-weight: 800; transition: color var(--sl-transition), background var(--sl-transition), box-shadow var(--sl-transition); }
.sl_range button:hover { color: var(--sl-blue); background: rgba(255,255,255,.7); }
.sl_range button.is_active { color: white; background: linear-gradient(135deg, var(--sl-blue), #4b69ef); box-shadow: 0 5px 13px rgba(23,107,255,.22), inset 0 1px 0 rgba(255,255,255,.24); }
.sl_range button:focus-visible, .sl_line_chart:focus-visible { outline: 2px solid var(--sl-blue); outline-offset: 3px; }
.sl_chart_wrap { padding: 18px 24px 24px; }
.sl_chart_summary { margin-bottom: 8px; display: flex; align-items: baseline; gap: 8px; }
.sl_chart_summary strong { color: var(--sl-navy); font-size: 24px; letter-spacing: -.04em; }
.sl_chart_summary span { color: #8997a9; font-size: 10px; }
.sl_line_chart { position: relative; width: 100%; height: 280px; border-radius: 8px; }
.sl_line_chart svg { width: 100%; height: 280px; display: block; overflow: visible; }
.sl_chart_grid line { stroke: #e5ecf5; stroke-width: 1; vector-effect: non-scaling-stroke; }
.sl_chart_labels text { fill: #8290a3; font-family: inherit; font-size: 10px; }
.sl_chart_area { fill: rgba(23,107,255,.1); }
.sl_chart_line { fill: none; stroke: #176bff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 5px 7px rgba(23,107,255,.15)); }
.sl_chart_guide { stroke: rgba(23,107,255,.3); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; transition: opacity .12s ease; }
.sl_chart_dot { fill: #fff; stroke: #176bff; stroke-width: 3; vector-effect: non-scaling-stroke; filter: drop-shadow(0 3px 6px rgba(23,107,255,.3)); transition: opacity .12s ease; }
.sl_chart_tooltip { position: absolute; z-index: 2; min-width: 88px; padding: 8px 10px; transform: translate(-50%, -100%); color: white; background: #071a3a; border: 1px solid rgba(93,178,255,.3); border-radius: 7px; box-shadow: 0 10px 24px rgba(7,20,46,.2); pointer-events: none; text-align: center; }
.sl_chart_tooltip[hidden] { display: none; }
.sl_chart_tooltip strong, .sl_chart_tooltip span { display: block; }
.sl_chart_tooltip strong { font-size: 13px; }
.sl_chart_tooltip span { margin-top: 1px; color: #afc5df; font-size: 9px; white-space: nowrap; }
.sl_chart_noscript { margin: 0; color: var(--sl-muted); font-size: 11px; }
.sl_analytics_empty { min-height: 180px; padding: 32px; display: grid; place-content: center; justify-items: center; gap: 9px; color: #7d8ca1; text-align: center; }
.sl_analytics_empty span { width: 38px; height: 38px; display: grid; place-items: center; color: var(--sl-blue); background: #edf3ff; border-radius: 9px; font-size: 18px; }
.sl_analytics_empty p { margin: 0; font-size: 12px; }
.sl_country_chart { margin: 0; padding: 22px 24px 26px; display: grid; gap: 15px; list-style: none; }
.sl_country_chart li { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 11px; align-items: center; }
.sl_country_rank { width: 25px; height: 25px; display: grid; place-items: center; color: #6f8097; background: #edf3fb; border-radius: 6px; font-size: 9px; font-weight: 850; }
.sl_country_label { margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.sl_country_label strong { color: #31435b; font-size: 11px; }
.sl_country_label small { color: #95a2b4; font-size: 9px; font-weight: 800; }
.sl_country_label b { margin-left: auto; color: var(--sl-blue); font-size: 11px; }
.sl_country_track { height: 7px; display: block; overflow: hidden; background: #e8eef6; border-radius: 20px; }
.sl_country_track i { height: 100%; display: block; background: linear-gradient(90deg, var(--sl-blue), var(--sl-cyan)); border-radius: inherit; box-shadow: 0 2px 8px rgba(23,107,255,.2); }
.sl_country_chart_compact { padding: 14px 0 2px; gap: 10px; }
.sl_country_chart_compact li { grid-template-columns: 21px minmax(0, 1fr); gap: 8px; }
.sl_country_chart_compact .sl_country_rank { width: 21px; height: 21px; font-size: 8px; }
.sl_country_chart_compact .sl_country_label { margin-bottom: 4px; gap: 5px; }
.sl_country_chart_compact .sl_country_label strong { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.sl_country_chart_compact .sl_country_label small { font-size: 8px; }
.sl_country_chart_compact .sl_country_label b { font-size: 10px; }
.sl_country_chart_compact .sl_country_track { height: 5px; }
.sl_table_wrap { width: 100%; overflow-x: auto; }
.sl_table { width: 100%; border-collapse: collapse; text-align: left; white-space: nowrap; }
.sl_table th { padding: 13px 17px; background: rgba(239,245,252,.8); color: #74839a; font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .09em; }
.sl_table td { max-width: 240px; padding: 16px 17px; border-top: 1px solid #edf1f6; color: #526279; font-size: 11px; transition: background var(--sl-transition); }
.sl_table tbody tr:first-child td { border-top: 0; }
.sl_table tbody tr:hover td { background: rgba(237,244,255,.72); }
.sl_link_copy { border: 0; padding: 0; background: none; text-align: left; cursor: pointer; }
.sl_link_copy strong { display: block; color: var(--sl-blue); font-size: 12px; }
.sl_link_copy span { color: #98a4b4; font-size: 9px; }
.sl_destination { min-width: 190px; max-width: 260px; }
.sl_destination strong { display: block; color: #28384e; font-size: 11px; }
.sl_destination span, .sl_agent { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #8794a7; font-size: 10px; }
.sl_count_badge { min-width: 30px; display: inline-flex; justify-content: center; padding: 3px 7px; color: var(--sl-blue); background: #eaf1ff; border-radius: 20px; font-weight: 800; }
.sl_row_actions { display: flex; gap: 10px; }
.sl_row_actions a { color: #5d6d82; font-weight: 750; }
.sl_row_actions a:hover { color: var(--sl-blue); }
.sl_empty { padding: 64px 25px; text-align: center; }
.sl_empty > span { width: 43px; height: 43px; margin: 0 auto; display: grid; place-items: center; border-radius: 9px; color: var(--sl-blue); background: #edf3ff; font-size: 20px; }
.sl_empty h3 { margin: 13px 0 2px; color: var(--sl-navy); }
.sl_empty p { margin: 0; color: var(--sl-muted); font-size: 12px; }
.sl_empty a { display: inline-block; margin-top: 14px; color: var(--sl-blue); font-size: 11px; font-weight: 800; }

.sl_breadcrumbs { margin-bottom: 22px; display: flex; align-items: center; gap: 9px; color: rgba(216,235,255,.5); font-size: 11px; }
.sl_breadcrumbs a:hover { color: #68d0ff; }
.sl_breadcrumbs b { color: rgba(238,247,255,.84); }
.sl_detail_head h1 { color: #70d2ff; font-size: clamp(28px, 3.5vw, 43px); }
.sl_head_actions { display: flex; gap: 9px; }
.sl_metrics_compact article { min-height: 116px; }
.sl_metrics_compact article > strong { font-size: 30px; }
.sl_metrics_compact .sl_metric_date { font-size: 21px; letter-spacing: -.025em; }
.sl_detail_grid { display: grid; grid-template-columns: 1fr 330px; gap: 16px; }
.sl_info_panel .sl_panel_head { border-bottom: 0; }
.sl_data_list { margin: 0; padding: 0 24px 24px; }
.sl_data_list > div { padding: 13px 0; display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 18px; border-top: 1px solid #edf1f6; }
.sl_data_list dt { color: #8491a3; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.sl_data_list dd { min-width: 0; margin: 0; color: #34445a; font-size: 12px; overflow-wrap: anywhere; }
.sl_data_list dd a { color: var(--sl-blue); }
.sl_side_panel { padding: 25px; }
.sl_side_panel h2 { margin: 0 0 6px; color: var(--sl-navy); font-size: 17px; }
.sl_side_panel > p { margin: 0 0 22px; color: var(--sl-muted); font-size: 12px; }
.sl_side_country { margin: 0 0 20px; padding-top: 18px; border-top: 1px solid #e5ebf3; }
.sl_side_country_head h3 { margin: 0; color: #34455d; font-size: 12px; }
.sl_side_country_head span { display: block; margin-top: 2px; color: #8a98aa; font-size: 9px; }
.sl_analytics_empty_compact { min-height: 118px; padding: 18px 8px 4px; }
.sl_analytics_empty_compact span { width: 32px; height: 32px; font-size: 15px; }
.sl_analytics_empty_compact p { font-size: 10px; }
.sl_meta { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e5ebf3; display: grid; grid-template-columns: 1fr auto; gap: 7px 14px; color: #8290a3; font-size: 10px; }
.sl_meta b { color: #526178; font-weight: 650; }
.sl_edit_page { max-width: 920px; }
.sl_edit_card { padding: 32px; }
.sl_edit_card::before { display: none; }
.sl_stats_table .sl_agent { max-width: 260px; }
.sl_stats_table code { color: #46576e; font-family: "Cascadia Mono", Consolas, monospace; font-size: 10px; }
.sl_pagination { padding: 20px 24px; display: flex; gap: 6px; border-top: 1px solid #edf1f6; }
.sl_pagination a { width: 31px; height: 31px; display: grid; place-items: center; color: #64748a; border: 1px solid #dce4ef; border-radius: 6px; font-size: 11px; }
.sl_pagination a:hover, .sl_pagination a.is_active { color: white; background: var(--sl-blue); border-color: var(--sl-blue); }

.sl_button:focus-visible, .sl_copy:focus-visible, .sl_text_button:focus-visible, .sl_nav a:focus-visible, .sl_link_copy:focus-visible, .sl_pagination a:focus-visible { outline: 2px solid var(--sl-blue); outline-offset: 3px; }

.sl_error_page { min-height: calc(100vh - 156px); padding: 90px 0; display: grid; grid-template-columns: 310px 1fr; align-items: center; gap: 70px; }
.sl_error_code { color: rgba(231,244,255,.16); font-size: clamp(110px, 18vw, 210px); line-height: .8; font-weight: 850; letter-spacing: -.08em; }
.sl_error_page h1 { margin: 9px 0; color: white; font-size: 42px; letter-spacing: -.05em; }
.sl_error_page p { margin: 0 0 22px; color: rgba(222,238,255,.68); }

@keyframes sl_reveal { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@keyframes sl_cookie_reveal { from { opacity: 0; transform: translate(-50%, 7px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes sl_ambient { from { transform: translate3d(-2%, -1%, 0) scale(1); } to { transform: translate3d(2%, 2%, 0) scale(1.05); } }

@media (max-width: 980px) {
    .sl_home { padding-top: 40px; }
    .sl_hero { padding-bottom: 38px; }
    .sl_hero > p { max-width: 680px; }
    .sl_tracking_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sl_auth_page { grid-template-columns: 1fr 390px; gap: 50px; }
    .sl_detail_grid { grid-template-columns: 1fr; }
    .sl_metrics article { min-height: 125px; }
    .sl_table { min-width: 980px; }
    .sl_how { grid-template-columns: 1fr; gap: 20px; }
    .sl_faq { grid-template-columns: 1fr; gap: 24px; }
    .sl_faq_intro { position: static; max-width: 680px; }
}

@media (max-width: 720px) {
    .w_page, .sl_header, .sl_footer { width: min(100% - 30px, 1180px); }
    .sl_header { min-height: 68px; }
    .sl_nav_toggle { display: block; }
    .sl_nav { position: absolute; top: 60px; left: 0; right: 0; padding: 10px; display: none; flex-direction: column; align-items: stretch; background: rgba(255,255,255,.97); border: 1px solid rgba(255,255,255,.75); border-radius: 9px; box-shadow: var(--sl-shadow); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
    .sl_nav.is_open { display: flex; }
    .sl_nav > a, .sl_text_button { width: 100%; color: #40516a; text-align: left; }
    .sl_nav > a:hover, .sl_nav > a.is_active, .sl_text_button:hover { color: var(--sl-blue); background: rgba(23,107,255,.07); }
    .sl_nav .sl_signin { color: white; background: linear-gradient(135deg, var(--sl-blue-bright), var(--sl-indigo)); border-color: transparent; }
    .sl_user_chip { margin: 0; color: #40516a; background: #edf3fc; border-color: #dce7f4; }
    .sl_home { padding: 38px 0 46px; }
    .sl_hero h1, .sl_auth_intro h1 { font-size: 46px; }
    .sl_builder_card, .sl_auth_card { padding: 24px 18px; }
    .sl_builder_card::before, .sl_auth_card::before { left: 18px; right: 18px; }
    .sl_card_head { align-items: center; }
    .sl_status { display: none; }
    .sl_tracking_grid { grid-template-columns: 1fr; }
    .sl_actions { flex-direction: column; }
    .sl_actions .sl_button { width: 100%; }
    .sl_actions_single { align-items: stretch; }
    .sl_actions_single > small { max-width: none; text-align: center; }
    .sl_result_body { align-items: flex-end; }
    .sl_result_body strong { white-space: normal; overflow-wrap: anywhere; }
    .sl_result { align-items: flex-end; }
    .sl_seo_sections { padding-top: 40px; padding-bottom: 55px; }
    .sl_seo_grid { grid-template-columns: 1fr; }
    .sl_seo_card { padding: 24px 20px; }
    .sl_how { padding: 24px 20px; }
    .sl_steps { grid-template-columns: 1fr; }
    .sl_steps li, .sl_steps li:first-child { padding: 12px 0; display: grid; grid-template-columns: 34px 1fr; align-items: center; border-left: 0; border-bottom: 1px solid rgba(210,232,255,.12); }
    .sl_steps li:last-child { border-bottom: 0; }
    .sl_steps span { margin: 0; }
    .sl_faq { margin-top: 44px; }
    .sl_faq_list summary { padding: 17px 48px 17px 17px; }
    .sl_faq_list summary::after { right: 15px; }
    .sl_faq_list p { padding: 0 17px 18px; }
    .sl_auth_page { grid-template-columns: 1fr; gap: 35px; padding: 45px 0 70px; }
    .sl_auth_intro h1 { margin-top: 15px; }
    .sl_auth_status_page { min-height: calc(100vh - 136px); padding: 50px 0 70px; }
    .sl_auth_status_card { padding: 38px 21px; }
    .sl_auth_status_card h1 { font-size: 31px; }
    .sl_workspace { padding: 40px 0 70px; }
    .sl_page_head { align-items: flex-start; flex-direction: column; }
    .sl_page_head > .sl_button { width: 100%; }
    .sl_analytics_head { align-items: flex-start; flex-direction: column; }
    .sl_range { width: 100%; overflow-x: auto; }
    .sl_range button { flex: 1 0 43px; padding: 0 7px; }
    .sl_chart_wrap { padding: 16px 13px 20px; }
    .sl_chart_summary { padding-left: 5px; }
    .sl_country_chart { padding: 20px 16px 23px; }
    .sl_metrics { grid-template-columns: 1fr; }
    .sl_metrics article { min-height: 112px; }
    .sl_metrics article > strong { margin-top: 10px; }
    .sl_head_actions { width: 100%; }
    .sl_head_actions .sl_button { flex: 1; }
    .sl_data_list > div { grid-template-columns: 1fr; gap: 3px; }
    .sl_error_page { grid-template-columns: 1fr; gap: 25px; padding: 60px 0; }
    .sl_error_code { font-size: 110px; }
    .sl_footer { padding: 18px 0; flex-direction: column; justify-content: center; gap: 8px; align-items: flex-start; }
    .sl_footer_copy { flex-direction: column; align-items: flex-start; gap: 1px; }
    .sl_footer_links { gap: 12px; flex-wrap: wrap; }
    .sl_legal_page { padding: 42px 0 70px; }
    .sl_legal_card { padding: 28px 20px; }
    .sl_legal_card section + section { margin-top: 28px; padding-top: 26px; }
    .sl_legal_details > div { grid-template-columns: 1fr; gap: 3px; }
    .sl_cookie_banner { bottom: 10px; padding: 17px; align-items: stretch; flex-direction: column; gap: 14px; }
    .sl_cookie_actions { display: grid; grid-template-columns: 1fr 1fr; }
    .sl_cookie_manage { grid-column: 1 / -1; }
    .sl_cookie_dialog_root { padding: 10px; }
    .sl_cookie_dialog { max-height: calc(100vh - 20px); padding: 28px 18px 22px; }
    .sl_cookie_category { align-items: flex-start; gap: 14px; }
}

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