@charset "utf-8";

.sym-res-v1 { --res-bg: #f3f7ff; --res-card: #fff; --res-alt: #eef3fb; --res-text: #111827; --res-muted: #68778d; --res-line: rgba(7,18,29,.12); --res-green: #00c8ff; --res-green-dark: #0079c8; --res-cyan: #00eaff; --res-orange: #ff9a45; --res-red: #ff6870; --res-purple: #a97cff; --res-shadow: 0 18px 54px rgba(26,76,116),.08); display: grid; gap: 20px; color: var(--res-text); background: transparent; font-family: Ruda, Arial, sans-serif; position: relative !important; width: min(80vw, 1280px) !important; max-width: 1280px !important; margin-left: calc(50% - min(40vw, 640px)) !important; margin-right: 0px !important; }

html[data-theme="dark"] .sym-res-v1, .digital_newspaper_dark_mode .sym-res-v1 { --res-bg: #14191d; --res-card: #20272c; --res-alt: #192126; --res-text: #eef5f3; --res-muted: #9ba8a4; --res-line: rgba(255,255,255,.11); --res-shadow: 0 20px 58px rgba(0,0,0,.24); }

.sym-res-v1 *, .sym-res-v1 ::before, .sym-res-v1 ::after { box-sizing: border-box; }

.sym-res-v1 :is(h1, h2, h3, h4, h5, h6, .sym-res-kicker, .sym-res-head > span, .sym-res-btn, .sym-res-mini-card > span, .sym-res-system-card > span, .sym-res-plan > span, .sym-res-quote-copy > span, .sym-res-stats strong, .sym-res-material-body em, .sym-res-material-body strong, .sym-res-management-grid strong, .sym-res-dashboard strong, .sym-res-dashboard span, .sym-res-results-grid strong, .sym-res-results-grid span, .sym-res-process-grid span, .sym-res-inline-cta span, .sym-res-final > div > span) { letter-spacing: 0px !important; }

.sym-res-v1 :is(h1, h2, h3, h4, h5, h6) { margin: 0px; color: var(--res-text); font-family: Tektur, system-ui, sans-serif; font-weight: 800; }

.sym-res-v1 h1 { font-size: clamp(38px, 4.9vw, 68px); line-height: 0.98; text-transform: uppercase; }

.sym-res-v1 h2 { font-size: clamp(27px, 3.1vw, 43px); line-height: 1.02; text-transform: uppercase; }

.sym-res-v1 h3 { font-size: 17px; line-height: 1.15; }

.sym-res-v1 p { margin: 0px; color: var(--res-muted); font-size: 14px; line-height: 1.58; }

.sym-res-v1 a { text-underline-offset: 3px; }

.sym-res-panel { position: relative; padding: 54px 50px; overflow: hidden; border: 1px solid var(--res-line); border-radius: 18px; background: var(--res-card); }

.sym-res-panel--soft { background: linear-gradient(180deg,rgba(0,200,255,.045),transparent),var(--res-alt); }

.sym-res-panel--dark { background: radial-gradient(circle at 90% 8%, rgba(57, 201, 255, 0.12), transparent 30%), radial-gradient(circle at 8% 90%, rgba(0, 200, 255, 0.1), transparent 28%), rgb(16, 23, 25); color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.1); }

.sym-res-panel--dark :is(h2, h3), .sym-res-head--dark :is(h2, h3) { color: rgb(255, 255, 255); }

.sym-res-panel--dark p, .sym-res-head--dark p { color: rgba(255, 255, 255, 0.68); }

.sym-res-panel--dark .sym-res-head > span { color: rgb(126, 226, 255); }

.sym-res-panel--payment { background: radial-gradient(circle at 86% 0%,rgba(57,201,255,.09),transparent 30%),var(--res-alt); }

.sym-res-panel--results { background: radial-gradient(circle at 50% 0%, rgba(0, 200, 255, 0.14), transparent 34%), rgb(13, 21, 23); border-color: rgba(255, 255, 255, 0.1); }

.sym-res-panel--artists { background: linear-gradient(180deg,rgba(0,200,255,.055),transparent),var(--res-alt); }

.sym-res-kicker, .sym-res-head > span, .sym-res-final > div > span { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 12px; color: var(--res-green-dark); font-family: Tektur, system-ui, sans-serif; font-size: 12px; line-height: 1.2; font-weight: 800; text-transform: uppercase; }

.sym-res-kicker::before, .sym-res-head > span::before, .sym-res-final > div > span::before { content: ""; width: 28px; height: 1px; background: currentcolor; }

.sym-res-head { margin-bottom: 26px; }

.sym-res-head > p { max-width: 900px; margin-top: 13px; }

.sym-res-head--split { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(340px, 0.8fr); gap: 30px; align-items: start; }

.sym-res-head--split > div:last-child p + p { margin-top: 12px; }

.sym-res-wide-copy { max-width: 1040px; margin: -5px 0px 24px !important; }

.sym-res-hero { min-height: 0; display: grid; grid-template-columns: minmax(0px, 1.38fr) minmax(330px, 0.62fr); gap: 34px; align-items: stretch; background: radial-gradient(circle at 8% 0%,rgba(0,200,255,.16),transparent 30%),radial-gradient(circle at 88% 14%,rgba(57,201,255,.11),transparent 26%),var(--res-card); }

.sym-res-hero::before { content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0.44; background-image: linear-gradient(rgba(7, 18, 29, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(7, 18, 29, 0.04) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(rgb(0, 0, 0), transparent 96%); }

html[data-theme="dark"] .sym-res-hero::before, .digital_newspaper_dark_mode .sym-res-hero::before { background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); }

.sym-res-hero-copy, .sym-res-hero-media { position: relative; z-index: 2; }

.sym-res-hero-copy { display: flex; flex-direction: column; justify-content: center; }

.sym-res-lead { max-width: 800px; margin-top: 20px !important; font-size: 16px !important; line-height: 1.6 !important; }

.sym-res-sublead { max-width: 820px; margin-top: 12px !important; font-size: 13.5px !important; }

.sym-res-hero-actions, .sym-res-btns { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }

.sym-res-btn { min-height: 43px; padding: 0px 17px; border: 1px solid transparent; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: Tektur, system-ui, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.15; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; text-decoration: none !important; }

.sym-res-btn:hover { transform: translateY(-2px); }

.sym-res-btn--mail::before, .sym-res-btn--direct::before { content: ""; width: 15px; height: 15px; flex: 0 0 15px; display: block; background: currentcolor; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; }

.sym-res-btn--mail::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm9 7.15L20.4 7H3.6L12 12.15ZM3 17h18V9.35l-8.48 5.2a1 1 0 0 1-1.04 0L3 9.35V17Z'/%3E%3C/svg%3E"); }

.sym-res-btn--direct::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.8 2.2a1 1 0 0 0-1.04-.23L2.6 9.03a1 1 0 0 0 .08 1.89l7.13 2.38 2.38 7.13a1 1 0 0 0 .89.68h.06a1 1 0 0 0 .91-.57L22.03 3.24a1 1 0 0 0-.23-1.04ZM13.3 17.37l-1.45-4.34 5.78-5.78-7.47 4.98-4.34-1.45 12.7-4.94-5.22 11.53Z'/%3E%3C/svg%3E"); }

.sym-res-btn--primary { background: var(--res-green); border-color: var(--res-green); box-shadow: rgba(0, 200, 255, 0.16) 0px 10px 28px; color: rgb(7, 17, 14) !important; }

.sym-res-btn--dark { background: rgb(17, 25, 27); border-color: rgb(17, 25, 27); color: rgb(255, 255, 255) !important; }

.sym-res-btn--ghost, .sym-res-btn--outline { border-color: var(--res-line); background: rgba(255, 255, 255, 0.45); color: var(--res-text) !important; }

.sym-res-btn--outline { background: transparent; }

html[data-theme="dark"] :is(.sym-res-btn--ghost, .sym-res-btn--outline), .digital_newspaper_dark_mode :is(.sym-res-btn--ghost, .sym-res-btn--outline) { background: rgba(255, 255, 255, 0.043); color: rgb(238, 245, 243) !important; }

.sym-res-stats { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-top: 30px; }

.sym-res-stats > div { min-height: 74px; padding: 13px 14px; border: 1px solid var(--res-line); border-radius: 12px; background: rgba(255, 255, 255, 0.44); }

html[data-theme="dark"] .sym-res-stats > div, .digital_newspaper_dark_mode .sym-res-stats > div { background: rgba(255, 255, 255, 0.035); }

.sym-res-stats strong { display: block; margin-bottom: 5px; font-family: Tektur, system-ui, sans-serif; font-size: 19px; line-height: 1; color: var(--res-text); }

.sym-res-stats span { color: var(--res-muted); font-size: 11.5px; line-height: 1.3; }

.sym-res-hero-media { min-height: 0; overflow: hidden; border-radius: 15px; border: 1px solid var(--res-line); background: rgb(11, 18, 19); }

.sym-res-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; display: block; object-fit: cover; object-position: center center; }

.sym-res-hero-media::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 55%, rgba(7, 18, 29, 0.82)); pointer-events: none; }

.sym-res-hero-media-badge { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 16px; padding: 12px 13px; border: 1px solid rgba(0, 200, 255, 0.28); border-radius: 10px; background: rgba(7, 18, 29, 0.72); backdrop-filter: blur(10px); }

.sym-res-hero-media-badge span, .sym-res-hero-media-badge strong { display: block; font-family: Tektur, system-ui, sans-serif; letter-spacing: 0px !important; }

.sym-res-hero-media-badge span { color: var(--res-green); font-size: 10px; }

.sym-res-hero-media-badge strong { margin-top: 3px; color: rgb(255, 255, 255); font-size: 15px; }

.sym-res-grid { display: grid; gap: 12px; }

.sym-res-grid--3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.sym-res-grid--4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }

.sym-res-mini-card, .sym-res-info-card, .sym-res-feature-card, .sym-res-payment-card, .sym-res-system-card { padding: 20px; border: 1px solid var(--res-line); border-radius: 14px; background: rgba(255, 255, 255, 0.56); box-shadow: rgba(26, 76, 116), 0.035) 0px 10px 28px; }

html[data-theme="dark"] :is(.sym-res-mini-card, .sym-res-info-card, .sym-res-feature-card, .sym-res-payment-card, .sym-res-system-card), .digital_newspaper_dark_mode :is(.sym-res-mini-card, .sym-res-info-card, .sym-res-feature-card, .sym-res-payment-card, .sym-res-system-card) { background: rgba(255, 255, 255, 0.035); }

.sym-res-mini-card > span, .sym-res-system-card > span, .sym-res-payment-card > span { display: block; margin-bottom: 18px; color: var(--res-green-dark); font-family: Tektur, system-ui, sans-serif; font-size: 11px; font-weight: 800; }

.sym-res-mini-card h3, .sym-res-info-card h3, .sym-res-feature-card h3, .sym-res-payment-card h3, .sym-res-system-card h3 { margin-bottom: 9px; }

.sym-res-mini-card p, .sym-res-info-card p, .sym-res-feature-card p, .sym-res-payment-card p, .sym-res-system-card p { font-size: 12.5px; line-height: 1.48; }

.sym-res-dark-card { padding: 20px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; background: rgba(255, 255, 255, 0.035); }

.sym-res-dark-card h3 { color: rgb(255, 255, 255); margin-bottom: 9px; }

.sym-res-dark-card p { color: rgba(255, 255, 255, 0.65); font-size: 12.5px; }

.sym-res-feature-card > span { width: 28px; height: 28px; margin-bottom: 14px; display: grid; place-items: center; border-radius: 50%; color: rgb(7, 17, 14); background: var(--res-green); font-family: Tektur, system-ui, sans-serif; font-weight: 800; }

.sym-res-quote { margin-top: 28px; display: grid; grid-template-columns: 230px minmax(0px, 1fr); gap: 28px; align-items: center; padding: 20px; border: 1px solid var(--res-line); border-radius: 16px; background: rgb(14, 23, 24); color: rgb(255, 255, 255); overflow: hidden; }

.sym-res-quote--right { grid-template-columns: minmax(0px, 1fr) 230px; }

.sym-res-quote--right .sym-res-quote-photo { order: 2; }

.sym-res-quote-photo { width: 230px; aspect-ratio: 1 / 1; min-height: 0px; overflow: hidden; border-radius: 14px; background: rgb(17, 17, 17); display: grid; place-items: center; }

.sym-res-quote-photo img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center center; }

.sym-res-quote-copy { position: relative; padding: 10px 8px; display: flex; flex-direction: column; justify-content: center; }

.sym-res-quote-copy > span { color: var(--res-green); font-family: Tektur, system-ui, sans-serif; font-size: 10px; font-weight: 800; text-transform: uppercase; }

.sym-res-quote-copy blockquote { margin: 14px 0px 16px; padding: 0px; border: 0px; color: rgb(255, 255, 255); font-family: Ruda, Arial, sans-serif; font-size: 15px; line-height: 1.58; font-style: normal; }

.sym-res-quote-person strong { display: block; color: rgb(255, 255, 255); font-family: Tektur, system-ui, sans-serif; font-size: 14px; letter-spacing: 0px !important; }

.sym-res-quote-person small { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.58); font-size: 11px; line-height: 1.3; }

.sym-res-fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.sym-res-fit-card { padding: 24px; border-radius: 15px; border: 1px solid var(--res-line); }

.sym-res-fit-card--yes { background: rgba(0, 200, 255, 0.055); }

.sym-res-fit-card--no { background: rgba(255, 104, 112, 0.043); }

.sym-res-fit-card h3 { margin-bottom: 14px; }

.sym-res-fit-card ul, .sym-res-plan ul, .sym-res-role-grid ul { margin: 0px; padding: 0px; list-style: none; display: grid; gap: 8px; }

.sym-res-fit-card li, .sym-res-plan li, .sym-res-role-grid li { position: relative; padding-left: 18px; color: var(--res-text); font-size: 12.5px; line-height: 1.48; }

.sym-res-fit-card li::before, .sym-res-plan li::before, .sym-res-role-grid li::before { content: "•"; position: absolute; left: 2px; top: 0px; color: var(--res-green-dark); font-size: 16px; }

.sym-res-fit-card--no li::before { color: var(--res-red); }

.sym-res-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }

.sym-res-plan { position: relative; padding: 24px; overflow: hidden; border: 1px solid var(--res-line); border-radius: 16px; background: var(--res-card); box-shadow: var(--res-shadow); }

.sym-res-plan::before { content: ""; position: absolute; inset: 0px 0px auto; height: 4px; background: var(--plan,#00c8ff); }

.sym-res-plan--base { --plan: var(--res-green); }

.sym-res-plan--pro { --plan: var(--res-cyan); }

.sym-res-plan--special { --plan: var(--res-red); }

.sym-res-plan > span { display: inline-flex; margin-bottom: 18px; color: var(--plan); font-family: Tektur, system-ui, sans-serif; font-size: 12px; font-weight: 800; }

.sym-res-plan h3 { margin-bottom: 8px; font-size: 20px; }

.sym-res-plan p { margin-bottom: 16px; font-size: 12.5px; }

.sym-res-plan li::before { color: var(--plan); }

.sym-res-inline-cta { margin-top: 14px; padding: 18px 20px; display: flex; gap: 20px; align-items: center; justify-content: space-between; border: 1px solid var(--res-line); border-radius: 14px; background: rgb(17, 25, 27); }

.sym-res-inline-cta span { color: var(--res-green); font-family: Tektur, system-ui, sans-serif; font-size: 10px; }

.sym-res-inline-cta h3 { margin-top: 5px; color: rgb(255, 255, 255); }

.sym-res-inline-cta .sym-res-btns { margin-top: 0px; flex: 0 0 auto; }

.sym-res-system-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }

.sym-res-system-card { min-height: 170px; }

.sym-res-material-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; }

.sym-res-material-card { overflow: hidden; border: 1px solid var(--res-line); border-radius: 15px; background: var(--res-card); transition: transform 0.18s, box-shadow 0.18s; color: inherit !important; text-decoration: none !important; }

.sym-res-material-card:hover { transform: translateY(-3px); box-shadow: var(--res-shadow); }

.sym-res-material-image { aspect-ratio: 16 / 9; display: block; overflow: hidden; background: rgb(11, 18, 19); }

.sym-res-material-image img { width: 100%; height: 100%; display: block; object-fit: cover; }

.sym-res-material-body { display: block; padding: 16px; }

.sym-res-material-body em { display: block; margin-bottom: 8px; color: var(--res-green-dark); font-family: Tektur, system-ui, sans-serif; font-size: 9px; font-style: normal; font-weight: 800; }

.sym-res-material-body strong { display: block; color: var(--res-text); font-family: Tektur, system-ui, sans-serif; font-size: 16px; line-height: 1.1; }

.sym-res-material-body p { margin-top: 8px; font-size: 11.5px; line-height: 1.42; }

.sym-res-material-body b { display: block; margin-top: 12px; color: var(--res-green-dark); font-size: 10px; }

.sym-res-management-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }

.sym-res-management-grid > div { padding: 18px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 13px; background: rgba(255, 255, 255, 0.035); }

.sym-res-management-grid strong { display: block; color: var(--res-green); font-family: Tektur, system-ui, sans-serif; font-size: 15px; }

.sym-res-management-grid span { display: block; margin-top: 5px; color: rgba(255, 255, 255, 0.62); font-size: 11.5px; }

.sym-res-payment-card--accent { background: rgb(13, 22, 23); border-color: rgba(0, 200, 255, 0.25); }

.sym-res-payment-card--accent h3 { color: rgb(255, 255, 255); }

.sym-res-payment-card--accent p { color: rgba(255, 255, 255, 0.65); }

.sym-res-dashboard { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }

.sym-res-dashboard > div { padding: 18px; border: 1px solid var(--res-line); border-radius: 13px; background: rgba(0, 200, 255, 0.035); }

.sym-res-dashboard span { display: block; color: var(--res-green-dark); font-family: Tektur, system-ui, sans-serif; font-size: 10px; }

.sym-res-dashboard strong { display: block; margin-top: 15px; font-family: Tektur, system-ui, sans-serif; font-size: 18px; color: var(--res-text); }

.sym-res-dashboard p { margin-top: 6px; font-size: 12px; }

.sym-res-results-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }

.sym-res-results-grid article { min-height: 185px; padding: 22px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 15px; background: rgba(255, 255, 255, 0.04); }

.sym-res-results-grid strong { display: block; color: var(--res-green); font-family: Tektur, system-ui, sans-serif; font-size: clamp(32px, 3.5vw, 48px); line-height: 0.95; }

.sym-res-results-grid span { display: block; margin-top: 9px; color: rgb(255, 255, 255); font-family: Tektur, system-ui, sans-serif; font-size: 14px; }

.sym-res-results-grid p { margin-top: 10px; color: rgba(255, 255, 255, 0.58); font-size: 11.5px; }

.sym-res-result-tags { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }

.sym-res-result-tags span { padding: 7px 10px; border: 1px solid rgba(0, 200, 255, 0.25); border-radius: 999px; color: var(--res-green); background: rgba(0, 200, 255, 0.06); font-size: 10px; }

.sym-res-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }

.sym-res-process-grid article { padding: 20px; border: 1px solid var(--res-line); border-radius: 14px; background: rgba(255, 255, 255, 0.45); }

html[data-theme="dark"] .sym-res-process-grid article, .digital_newspaper_dark_mode .sym-res-process-grid article { background: rgba(255, 255, 255, 0.035); }

.sym-res-process-grid span { display: block; margin-bottom: 16px; color: var(--res-green-dark); font-family: Tektur, system-ui, sans-serif; font-size: 11px; font-weight: 800; }

.sym-res-process-grid h3 { margin-bottom: 8px; }

.sym-res-process-grid p { font-size: 12px; }

.sym-res-first-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 9px; }

.sym-res-first-grid span { min-height: 52px; padding: 12px 14px; display: flex; align-items: center; border: 1px solid var(--res-line); border-radius: 12px; background: rgba(255, 255, 255, 0.48); color: var(--res-text); font-size: 12px; }

html[data-theme="dark"] .sym-res-first-grid span, .digital_newspaper_dark_mode .sym-res-first-grid span { background: rgba(255, 255, 255, 0.035); }

.sym-res-role-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.sym-res-role-grid ul { padding: 20px; border: 1px solid var(--res-line); border-radius: 14px; background: rgba(0, 200, 255, 0.035); }

.sym-res-artists-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 30px 18px; justify-items: center; }

.sym-res-artist { display: flex; flex-direction: column; align-items: center; text-align: center; color: inherit !important; text-decoration: none !important; }

.sym-res-artist-photo { width: min(176px, 100%); aspect-ratio: 1 / 1; padding: 6px; display: block; border-radius: 50%; background: linear-gradient(135deg,var(--res-green),var(--res-cyan)); transition: transform 0.18s, box-shadow 0.18s; }

.sym-res-artist-photo img, .sym-res-artist-photo em { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; background: rgb(11, 18, 19); }

.sym-res-artist-photo em { display: grid; place-items: center; color: var(--res-green); font-family: Tektur, system-ui, sans-serif; font-size: 38px; font-style: normal; font-weight: 800; }

.sym-res-artist strong { display: block; max-width: 185px; margin-top: 12px; color: var(--res-text); font-family: Tektur, system-ui, sans-serif; font-size: 13px; line-height: 1.15; letter-spacing: 0px !important; }

.sym-res-artist:hover .sym-res-artist-photo { transform: translateY(-3px) scale(1.02); box-shadow: rgba(0, 200, 255, 0.16) 0px 18px 38px; }

.sym-res-artist--join .sym-res-artist-photo { background: rgb(13, 22, 23); border: 1px solid rgba(0, 200, 255, 0.3); }

.sym-res-artists-empty { grid-column: 1 / -1; padding: 22px; border: 1px dashed var(--res-line); border-radius: 14px; color: var(--res-muted); text-align: center; font-size: 12px; }

.sym-res-final { display: grid; grid-template-columns: minmax(0px, 1fr) 310px; gap: 34px; align-items: center; background: radial-gradient(circle at 0% 100%,rgba(0,200,255,.14),transparent 34%),radial-gradient(circle at 90% 8%,rgba(57,201,255,.10),transparent 26%),var(--res-card); }

.sym-res-final p { max-width: 780px; margin-top: 12px; }

.sym-res-final-note { font-size: 12px !important; }

.sym-res-final-actions { display: grid; gap: 8px; }

.sym-res-final-actions .sym-res-btn { width: 100%; }

.sym-res-faq-list { display: grid; gap: 7px; }

.sym-res-faq-list details { border: 1px solid var(--res-line); border-radius: 13px; background: rgba(255, 255, 255, 0.4); overflow: hidden; }

html[data-theme="dark"] .sym-res-faq-list details, .digital_newspaper_dark_mode .sym-res-faq-list details { background: rgba(255, 255, 255, 0.024); }

.sym-res-faq-list summary { min-height: 58px; padding: 10px 44px 10px 12px; display: grid; grid-template-columns: 38px minmax(0px, 1fr); gap: 12px; align-items: center; cursor: pointer; list-style: none; position: relative; }

.sym-res-faq-list summary::-webkit-details-marker { display: none; }

.sym-res-faq-list summary > span { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(0, 200, 255, 0.34); border-radius: 50%; color: var(--res-green-dark); font-family: Tektur, system-ui, sans-serif; font-size: 10px; }

.sym-res-faq-list summary strong { color: var(--res-text); font-family: Ruda, Arial, sans-serif; font-size: 14px; line-height: 1.25; font-weight: 700; letter-spacing: 0px !important; }

.sym-res-faq-list summary::after { content: "+"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--res-green-dark); font-size: 20px; }

.sym-res-faq-list details[open] summary::after { content: "–"; }

.sym-res-faq-list details > div { padding: 0px 16px 16px 62px; }

.sym-res-faq-list details p { font-size: 13px; }

.sym-res-faq-list details a { color: var(--res-green-dark); font-weight: 700; }

@media (max-width: 1180px) {
  .sym-res-v1 { width: min(92vw, 960px) !important; max-width: 960px !important; margin-left: calc(50% - min(46vw, 480px)) !important; }
  .sym-res-hero { grid-template-columns: 1fr; }
  .sym-res-hero-media { min-height: 320px; height: 360px; }
  .sym-res-hero-media img { min-height: 0; max-height: none; }
  .sym-res-grid--4 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sym-res-material-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sym-res-artists-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}

@media (max-width: 820px) {
  .sym-res-panel { padding: 34px 26px; }
  .sym-res-head--split, .sym-res-final { grid-template-columns: 1fr; }
  .sym-res-grid--3, .sym-res-plan-grid, .sym-res-system-grid, .sym-res-results-grid, .sym-res-process-grid, .sym-res-first-grid, .sym-res-management-grid, .sym-res-dashboard { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sym-res-inline-cta { align-items: flex-start; flex-direction: column; }
  .sym-res-quote, .sym-res-quote--right { grid-template-columns: 190px minmax(0px, 1fr); }
  .sym-res-quote-photo { width: 190px; }
  .sym-res-quote--right .sym-res-quote-photo { order: 0; }
  .sym-res-artists-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}

@media (max-width: 640px) {
  .sym-res-v1 { gap: 10px; width: calc(-24px + 100vw) !important; max-width: none !important; margin-left: calc(50% + 12px - 50vw) !important; margin-right: 0px !important; }
  .sym-res-panel { padding: 22px 18px; border-radius: 14px; }
  .sym-res-v1 h1 { font-size: 35px; }
  .sym-res-v1 h2 { font-size: 27px; }
  .sym-res-lead { font-size: 14px !important; }
  .sym-res-hero-actions, .sym-res-btns { display: grid; grid-template-columns: 1fr; }
  .sym-res-btn { width: 100%; }
  .sym-res-stats { grid-template-columns: 1fr; }
  .sym-res-grid--3, .sym-res-grid--4, .sym-res-plan-grid, .sym-res-system-grid, .sym-res-results-grid, .sym-res-process-grid, .sym-res-first-grid, .sym-res-management-grid, .sym-res-dashboard, .sym-res-material-grid, .sym-res-fit-grid, .sym-res-role-grid { grid-template-columns: 1fr; }
  .sym-res-quote, .sym-res-quote--right { grid-template-columns: 1fr; }
  .sym-res-quote-photo { width: min(230px, 100%); min-height: 0px; max-height: none; justify-self: center; }
  .sym-res-artists-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .sym-res-faq-list details > div { padding-left: 16px; }
}

/* M12.6 portal typography normalization: 12px only for deliberate metadata. */
.sym-res-v1 h1{font-size:clamp(36px,4vw,48px)!important;line-height:1.02!important}
.sym-res-v1 h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.06!important}
.sym-res-v1 h3{font-size:18px!important}
.sym-res-v1 p{font-size:16px!important;line-height:1.58!important}
.sym-res-v1 .sym-res-sublead{font-size:14px!important}
.sym-res-v1 .sym-res-btn{font-size:14px!important}
.sym-res-v1 :is(.sym-res-mini-card p,.sym-res-info-card p,.sym-res-feature-card p,.sym-res-payment-card p,.sym-res-system-card p,.sym-res-dark-card p,.sym-res-plan p,.sym-res-results-grid p,.sym-res-process-grid p,.sym-res-dashboard p,.sym-res-material-body p,.sym-res-faq-list details p){font-size:14px!important}
.sym-res-v1 :is(.sym-res-fit-card li,.sym-res-plan li,.sym-res-role-grid li,.sym-res-first-grid span){font-size:14px!important}
.sym-res-v1 .sym-res-stats span{font-size:12px!important}
.sym-res-v1 .sym-res-stats strong{font-size:24px!important}
.sym-res-v1 .sym-res-material-body strong{font-size:18px!important}
.sym-res-v1 .sym-res-material-body em,.sym-res-v1 .sym-res-material-body b,.sym-res-v1 .sym-res-quote-copy>span,.sym-res-v1 .sym-res-quote-person small,.sym-res-v1 .sym-res-dashboard span,.sym-res-v1 .sym-res-process-grid span,.sym-res-v1 .sym-res-mini-card>span,.sym-res-v1 .sym-res-system-card>span,.sym-res-v1 .sym-res-payment-card>span{font-size:12px!important}
.sym-res-v1 .sym-res-quote-copy blockquote{font-size:16px!important}
.sym-res-v1 .sym-res-quote-person strong{font-size:16px!important}
.sym-res-v1 .sym-res-faq-list summary strong{font-size:16px!important}
.sym-res-v1 .sym-res-result-tags span{font-size:12px!important}
.sym-res-v1 .sym-res-artist strong{font-size:14px!important}
.sym-res-fit-actions{display:flex;justify-content:center;margin-top:22px}
.sym-res-fit-actions .sym-res-btn{min-width:230px}
/* Blue portal palette fine tuning. */
.sym-res-panel--soft{background:linear-gradient(180deg,rgba(0,200,255,.055),transparent),var(--res-alt)}
.sym-res-panel--artists{background:linear-gradient(180deg,rgba(0,200,255,.06),transparent),var(--res-alt)}
.sym-res-panel--results{background:radial-gradient(circle at 50% 0%,rgba(0,200,255,.17),transparent 34%),rgb(13,21,27)}
.sym-res-panel--dark{background:radial-gradient(circle at 90% 8%,rgba(0,234,255,.13),transparent 30%),radial-gradient(circle at 8% 90%,rgba(0,121,200,.16),transparent 28%),rgb(14,22,29)}
.sym-res-final{background:radial-gradient(circle at 0% 100%,rgba(0,200,255,.15),transparent 34%),radial-gradient(circle at 90% 8%,rgba(155,92,255,.10),transparent 26%),var(--res-card)}
.sym-res-artist-photo{background:linear-gradient(135deg,var(--res-green),var(--res-purple))}
.sym-res-plan--base{--plan:#00c8ff}.sym-res-plan--pro{--plan:#0079c8}.sym-res-plan--special{--plan:#ff6870}
@media(max-width:640px){.sym-res-v1 h1{font-size:36px!important}.sym-res-v1 h2{font-size:30px!important}.sym-res-v1 p{font-size:16px!important}.sym-res-v1 .sym-res-btn{font-size:14px!important}}