/* Home page: explain the offer, show the steps, help visitors choose. */
*, *::before, *::after { box-sizing: border-box; }
.sj-home { --sj-ink:#102039; --sj-muted:#536278; --sj-blue:#2563eb; color:var(--sj-ink); }
.sj-home h1,.sj-home h2,.sj-home h3,.sj-home p { margin-top:0; }
.sj-home h2 { font-size:clamp(1.85rem,3.2vw,2.75rem); line-height:1.17; letter-spacing:-.04em; margin-bottom:20px; color:var(--sj-ink); }
.sj-home h3 { font-size:1.17rem; line-height:1.35; letter-spacing:-.02em; margin:0 0 12px; color:var(--sj-ink); }
.sj-home p { color:var(--sj-muted); line-height:1.75; }
.sj-home a { text-underline-offset:4px; }
.sj-home a:focus-visible,.sj-home summary:focus-visible,.sj-skip:focus { outline:3px solid #06b6d4; outline-offset:5px; }
.sj-home section[id],#main { scroll-margin-top:100px; }
.sj-skip { position:fixed; top:-100px; left:20px; z-index:10001; padding:12px 18px; background:#fff; color:#102039; border-radius:8px; }
.sj-skip:focus { top:12px; }
.sj-wrap { max-width:1220px; margin:0 auto; padding:0 32px; }
.sj-section { padding:clamp(64px,7vw,100px) 0; }
.sj-section-head { max-width:790px; margin-bottom:36px; }
.sj-section-head>p,.sj-lead { font-size:1.07rem; }
.sj-kicker { display:block; font-size:.76rem; font-weight:800; color:#2563eb; letter-spacing:.12em; text-transform:uppercase; margin-bottom:15px; }
.sj-soft { background:#f3f6fb; border-top:1px solid #e5ebf3; border-bottom:1px solid #e5ebf3; }
.sj-grid { display:grid; gap:22px; }
.sj-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sj-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.sj-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:28px; }
.sj-btn { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:50px; padding:14px 21px; font-size:.92rem; line-height:1.4; font-weight:700; border:1px solid transparent; border-radius:10px; text-decoration:none; transition:background .18s,transform .18s; }
.sj-btn:hover { transform:translateY(-2px); }
.sj-primary { color:#fff; background:#2563eb; box-shadow:0 7px 22px #2563eb26; }
.sj-primary:hover { background:#1d4ed8; color:#fff; }
.sj-outline { color:#e4ecff; border-color:#52627d; background:#ffffff06; }
.sj-outline:hover { color:#fff; background:#ffffff12; }
.sj-light { color:#1d4ed8; background:#eef4ff; border-color:#d4e2fc; }
.sj-light:hover { background:#dfebff; color:#1e40af; }
.sj-text-link { color:#1d4ed8; font-weight:700; font-size:.94rem; }
.sj-small { font-size:.8rem; }
.sj-hero { position:relative; overflow:hidden; isolation:isolate; color:#fff; background:radial-gradient(ellipse at 85% 20%,#162c51 0%,#0b1429 45%,#080f1e 100%); padding:80px 0 76px; }
.sj-hero canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.3; pointer-events:none; z-index:-1; }
.sj-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }
.sj-eyebrow { display:inline-flex; align-items:center; gap:9px; color:#9adfff; font-size:.77rem; font-weight:700; margin-bottom:25px; }
.sj-dot { width:7px; height:7px; background:#67e8f9; box-shadow:0 0 14px #22d3ee88; border-radius:50%; }
.sj-hero h1 { font-size:clamp(2.45rem,4.3vw,3.65rem); line-height:1.09; font-weight:800; color:#fff; letter-spacing:-.05em; margin-bottom:25px; }
.sj-hero h1 span { color:#93c5fd; }
.sj-hero .sj-hero-lead { font-size:1.07rem; color:#ccd8eb; margin-bottom:18px; }
.sj-hero-lead strong { color:#fff; font-weight:600; }
.sj-hero .sj-hero-note { font-size:.92rem; color:#b2c3dd; max-width:510px; }
.sj-hero .sj-hero-small { color:#a7b9d4; margin:18px 0 0; }
.sj-hero .sj-actions { gap:12px; }
.sj-report-card { border:1px solid #3b557e; border-radius:18px; overflow:hidden; background:linear-gradient(145deg,#1b2c48ed,#111c30f5); box-shadow:0 30px 65px #0005,0 0 50px #3b82f60c; }
.sj-report-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:21px 24px; border-bottom:1px solid #ffffff16; font-size:.95rem; font-weight:700; }
.sj-report-top i { color:#93c5fd; margin-right:8px; }
.sj-example { padding:3px 9px; font-size:.69rem; color:#c3d6ed; font-weight:500; border:1px solid #597291; border-radius:6px; }
.sj-report-step { display:flex; align-items:center; gap:14px; margin:0 24px; padding:20px 0; border-bottom:1px solid #ffffff12; }
.sj-step-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; color:#93c5fd; background:#3b82f619; flex-shrink:0; }
.sj-report-step strong { font-size:.89rem; color:#fff; }
.sj-report-step p { font-size:.77rem; color:#b2c3dd; margin:3px 0 0; }
.sj-report-step>i { margin-left:auto; color:#6ee7b7; font-size:.75rem; }
.sj-rule-stack { padding:18px 24px; display:grid; gap:12px; }
.sj-rule-stack>div { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.sj-rule-stack>div>span:last-child { font-size:.73rem; color:#b2c3dd; }
.sj-status { display:inline-block; width:fit-content; padding:5px 9px; border-radius:6px; font-size:.72rem; font-weight:700; line-height:1.45; }
.sj-green { color:#a7f3d0; background:#10b9811c; border:1px solid #34d39955; }
.sj-amber { color:#fde68a; background:#f59e0b17; border:1px solid #fbbf2455; }
.sj-red { color:#fecdd3; background:#f43f5e1c; border:1px solid #fb718555; }
.sj-report-link { display:flex; justify-content:space-between; align-items:center; gap:10px; background:#ffffff04; border-top:1px solid #ffffff16; color:#a5d8ff; padding:17px 24px; text-decoration:none; font-size:.84rem; font-weight:600; }
.sj-report-link:hover { color:#fff; background:#ffffff08; }
.sj-facts { border-bottom:1px solid #e1e8f1; background:#fff; }
.sj-facts-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding-top:29px; padding-bottom:29px; gap:24px; }
.sj-facts-grid>div { border-right:1px solid #e1e8f1; padding-right:20px; }
.sj-facts-grid>div:last-child { border:0; }
.sj-facts strong { display:block; font-size:1.6rem; font-weight:800; color:#17335b; letter-spacing:-.03em; }
.sj-facts span { display:block; color:#536278; font-size:.78rem; line-height:1.5; margin-top:3px; }
.sj-card { padding:30px; border:1px solid #dfe6f0; border-radius:15px; background:#fff; display:flex; flex-direction:column; }
.sj-card p { font-size:.93rem; margin-bottom:20px; }
.sj-card>a:not(.sj-btn) { color:#1d4ed8; font-weight:700; font-size:.85rem; margin-top:auto; text-decoration:none; }
.sj-card>a:not(.sj-btn):hover { text-decoration:underline; }
.sj-card-icon { width:46px; height:46px; display:grid; place-items:center; background:#eaf1ff; color:#2563eb; border-radius:12px; margin-bottom:23px; font-size:1.12rem; }
.sj-purple { background:#f1ebff; color:#7c3aed; }
.sj-teal { background:#e4f6f3; color:#087f70; }
.sj-steps { list-style:none; padding:0; margin:0; }
.sj-number { font-size:.87rem; font-weight:800; color:#2563eb; margin-bottom:17px; }
.sj-steps p { margin-bottom:0; }
.sj-industry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sj-industry { display:flex; align-items:center; gap:13px; padding:19px; text-decoration:none; border:1px solid #dfe6f0; border-radius:10px; background:#fff; color:#102039; font-size:.88rem; font-weight:600; transition:border-color .18s,background .18s; }
.sj-industry>i { color:#386cbe; width:25px; text-align:center; }
.sj-industry-arrow { color:#7286a4; margin-left:auto; }
.sj-industry:hover { border-color:#2563eb; background:#f2f6ff; color:#1d4ed8; }
.sj-caption { margin:20px 0 0; font-size:.86rem; }
.sj-dark { background:#0b1425; color:#e2e8f0; }
.sj-dark h2,.sj-dark h3 { color:#fff; }
.sj-dark p { color:#b5c4d9; }
.sj-dark .sj-kicker,.sj-final .sj-kicker { color:#93c5fd; }
.sj-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0 0 30px; border:1px solid #33455e; border-radius:15px; }
.sj-flow li { padding:27px; border-right:1px solid #33455e; position:relative; }
.sj-flow li:last-child { border:0; }
.sj-flow li:not(:last-child)::after { content:'→'; position:absolute; right:-12px; top:35px; background:#0b1425; color:#93c5fd; padding:0 4px; }
.sj-flow span { display:block; color:#93c5fd; margin-bottom:14px; font-size:.82rem; font-weight:700; }
.sj-flow strong { font-size:1.05rem; color:#fff; }
.sj-flow p { font-size:.88rem; margin:10px 0 0; }
.sj-decisions article { padding:26px; border-radius:12px; background:#ffffff05; border:1px solid #ffffff13; }
.sj-decisions h3 { margin-top:18px; font-size:1.06rem; }
.sj-decisions p { font-size:.89rem; margin-bottom:0; }
.sj-dark-note { font-size:.85rem; border-top:1px solid #33455e; padding-top:23px; margin:28px 0 0; }
.sj-dark-note i { color:#93c5fd; margin-right:8px; }
.sj-check-list { list-style:none; padding:0; margin:25px 0 30px; }
.sj-check-list li { padding:0 0 0 23px; position:relative; color:#536278; font-size:.94rem; margin-bottom:18px; }
.sj-check-list li::before { content:'✓'; position:absolute; left:0; color:#2563eb; font-weight:700; }
.sj-check-list strong { color:#102039; }
.sj-detail-card { border:1px solid #d4dfed; border-radius:16px; overflow:hidden; box-shadow:0 18px 55px #1020390b; }
.sj-detail-head { background:#edf3fc; border-bottom:1px solid #d4dfed; padding:25px; display:flex; gap:12px; align-items:center; font-weight:700; }
.sj-detail-head i { color:#2563eb; }
.sj-detail-card dl { margin:0; padding:0 25px; }
.sj-detail-card dl>div { padding:20px 0; border-bottom:1px solid #e6ebf2; display:grid; grid-template-columns:.85fr 1.15fr; gap:18px; font-size:.88rem; }
.sj-detail-card dt { font-weight:700; }
.sj-detail-card dd { color:#536278; margin:0; }
.sj-detail-foot { display:flex; flex-wrap:wrap; gap:16px; padding:22px 25px; background:#fafcff; color:#38639b; font-size:.78rem; }
.sj-detail-foot i { margin-right:5px; }
.sj-tool-types article { padding:24px; background:#fff; border:1px solid #e0e7f0; border-radius:12px; }
.sj-tool-types i { color:#386cbe; margin-bottom:18px; font-size:1.1rem; }
.sj-tool-types p { font-size:.91rem; margin:0; }
.sj-note { margin-top:28px; padding:25px 28px; border-left:3px solid #2563eb; background:#e9eff9; border-radius:0 10px 10px 0; }
.sj-note p { font-size:.94rem; margin:8px 0; }
.sj-note a { font-size:.9rem; font-weight:600; }
.sj-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sj-guide-grid a { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:17px; border:1px solid #dfe6f0; border-radius:9px; color:#102039; font-size:.85rem; font-weight:600; text-decoration:none; }
.sj-guide-grid a:hover { background:#f2f6ff; border-color:#2563eb; }
.sj-guide-grid a span { color:#386cbe; }
.sj-dark .sj-card { background:#142137; border-color:#2a3b55; }
.sj-dark .sj-card>a { color:#93c5fd; }
.sj-dark .sj-card-icon { background:#213958; color:#93c5fd; }
.sj-dark .sj-purple { background:#31294b; color:#c4b5fd; }
.sj-dark .sj-teal { background:#123f42; color:#5eead4; }
.sj-price-label { color:#536278; font-size:.75rem; font-weight:700; margin-bottom:18px; }
.sj-price { font-size:2.4rem; font-weight:800; color:#102039; letter-spacing:-.04em; line-height:1.25; margin:5px 0 18px; }
.sj-price small { font-size:.85rem; color:#536278; font-weight:500; letter-spacing:0; }
.sj-prices ul { padding-left:19px; margin:0 0 27px; color:#536278; font-size:.87rem; }
.sj-prices li { margin-bottom:12px; }
.sj-prices .sj-btn { margin-top:auto; }
.sj-prices .sj-small { text-align:center; margin:14px 0 0; font-size:.75rem; }
.sj-price-featured { border:2px solid #2563eb; box-shadow:0 12px 36px #2563eb14; }
.sj-price-featured .sj-price-label { color:#1d4ed8; }
.sj-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.sj-faqs { border-top:1px solid #d4dfed; }
.sj-faqs details { border-bottom:1px solid #d4dfed; }
.sj-faqs summary { padding:22px 24px 22px 0; cursor:pointer; font-weight:600; font-size:.96rem; line-height:1.5; }
.sj-faqs p { font-size:.93rem; margin:0 0 12px; }
.sj-faqs details>a { display:inline-block; color:#1d4ed8; font-size:.85rem; font-weight:700; text-decoration:none; margin:0 0 22px; }
.sj-faqs details>a:hover { text-decoration:underline; }
.sj-privacy { margin-top:32px; padding:24px; background:#e8eef8; border-radius:12px; }
.sj-privacy>i { display:block; color:#386cbe; margin-bottom:14px; }
.sj-privacy strong { display:block; font-size:.97rem; line-height:1.5; }
.sj-privacy p { font-size:.88rem; margin:10px 0; }
.sj-privacy a { font-size:.84rem; }
.sj-final { text-align:center; background:radial-gradient(ellipse at 50% 0%,#1b3457,#0b1425 80%); }
.sj-final h2 { color:#fff; max-width:750px; margin-left:auto; margin-right:auto; }
.sj-final p { color:#bfcee3; max-width:650px; margin-left:auto; margin-right:auto; }
.sj-final .sj-actions { justify-content:center; }
.sj-final .sj-small { margin:20px 0 0; max-width:none; }
/* Alpha Quantum tile treatment: gradient frames, corner marks and colored icon panels. */
.sj-home { --sj-tile-a:#2563eb; --sj-tile-b:#06b6d4; --sj-tile-glow:rgba(37,99,235,.12); }
.sj-grid>:nth-child(3n+2),.sj-industry:nth-child(3n+2),.sj-guide-grid>a:nth-child(3n+2),.sj-fact:nth-child(2) { --sj-tile-a:#7c3aed; --sj-tile-b:#c084fc; --sj-tile-glow:rgba(124,58,237,.13); }
.sj-grid>:nth-child(3n),.sj-industry:nth-child(3n),.sj-guide-grid>a:nth-child(3n),.sj-fact:nth-child(3) { --sj-tile-a:#047857; --sj-tile-b:#2dd4bf; --sj-tile-glow:rgba(5,150,105,.12); }
.sj-fact:nth-child(4) { --sj-tile-a:#b45309; --sj-tile-b:#fbbf24; --sj-tile-glow:rgba(245,158,11,.13); }
.sj-card,.sj-industry,.sj-guide-grid>a,.sj-tool-types article,.sj-decisions article,.sj-fact { position:relative; isolation:isolate; border:1px solid transparent; border-radius:22px; background:linear-gradient(165deg,#fff,#f7f9ff) padding-box,linear-gradient(135deg,#b5d4fa,#e4e9f3 45%,#ccb8ef) border-box; box-shadow:0 8px 28px rgba(15,23,42,.045); transition:transform .25s,box-shadow .25s,border-color .25s; }
.sj-card::before,.sj-industry::before,.sj-guide-grid>a::before,.sj-tool-types article::before,.sj-decisions article::before,.sj-fact::before { content:""; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(ellipse at 100% 0,var(--sj-tile-glow),transparent 65%); pointer-events:none; z-index:-1; }
.sj-card::after,.sj-industry::after,.sj-guide-grid>a::after,.sj-tool-types article::after,.sj-decisions article::after,.sj-fact::after { content:""; position:absolute; inset:10px; pointer-events:none; opacity:.35; background:linear-gradient(var(--sj-tile-a),var(--sj-tile-a)) top left/14px 2px no-repeat,linear-gradient(var(--sj-tile-a),var(--sj-tile-a)) top left/2px 14px no-repeat,linear-gradient(var(--sj-tile-a),var(--sj-tile-a)) bottom right/14px 2px no-repeat,linear-gradient(var(--sj-tile-a),var(--sj-tile-a)) bottom right/2px 14px no-repeat; }
.sj-card:focus-within,.sj-industry:focus-visible,.sj-guide-grid>a:focus-visible,.sj-fact:focus-visible { border-color:var(--sj-tile-a); box-shadow:0 15px 38px var(--sj-tile-glow); }
.sj-card-icon,.sj-industry>i,.sj-tool-types article>i { width:56px; height:56px; display:grid; place-items:center; flex-shrink:0; border-radius:16px; color:#fff; background:linear-gradient(135deg,var(--sj-tile-a),var(--sj-tile-b)); box-shadow:0 8px 22px var(--sj-tile-glow); font-size:1.3rem; }
.sj-card>a:not(.sj-btn) { padding-top:16px; border-top:1px solid #e2e8f0; color:var(--sj-tile-a); display:flex; justify-content:space-between; align-items:center; gap:12px; }
.sj-card>a>span,.sj-fact-link>span,.sj-industry-arrow,.sj-guide-grid>a>span { transition:transform .25s; }
.sj-steps p { margin-bottom:22px; }
.sj-number { width:54px; height:48px; display:grid; place-items:center; font-family:var(--mono); font-size:1.35rem; border:1px solid #dce3f3; border-radius:14px; color:var(--sj-tile-a); background:linear-gradient(135deg,var(--sj-tile-glow),#fff); margin-bottom:24px; }
.sj-facts { background:radial-gradient(ellipse at 15% 20%,#eff5ff,transparent 65%),#f8faff; padding:6px 0; }
.sj-facts-grid { gap:18px; padding-top:30px; padding-bottom:30px; }
.sj-fact { padding:25px 22px 20px; text-decoration:none; display:flex; flex-direction:column; min-width:0; }
.sj-facts .sj-fact-top { display:flex; align-items:center; gap:9px; margin:0 0 25px; }
.sj-facts .sj-fact-top i { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:11px; font-size:1rem; color:#fff; background:linear-gradient(135deg,var(--sj-tile-a),var(--sj-tile-b)); box-shadow:0 6px 16px var(--sj-tile-glow); }
.sj-facts .sj-fact-top>span { margin:0; font-size:.62rem; letter-spacing:.07em; font-weight:800; text-transform:uppercase; color:#536278; }
.sj-facts .sj-fact-top>span:last-child { margin-left:auto; font-size:1.1rem; color:var(--sj-tile-a); }
.sj-facts .sj-fact strong { font-size:clamp(1.7rem,2.5vw,2.5rem); letter-spacing:-.045em; line-height:1.15; margin-bottom:10px; color:var(--sj-tile-a); }
.sj-facts .sj-fact-label { font-size:.84rem; line-height:1.6; margin:0 0 22px; min-height:2.7em; color:#475569; }
.sj-facts .sj-fact-link { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:auto 0 0; padding-top:14px; border-top:1px solid #dfe6f0; color:var(--sj-tile-a); font-size:.73rem; font-weight:750; }
.sj-facts .sj-fact-link>span { margin:0; color:inherit; }
.sj-industry { padding:23px; gap:16px; min-height:104px; }
.sj-industry>i { width:44px; height:44px; font-size:1.07rem; border-radius:13px; }
.sj-guide-grid>a { padding:24px 22px; min-height:78px; border-radius:16px; }
.sj-tool-types article { padding:30px; }
.sj-tool-types article>i { margin-bottom:23px; }
.sj-dark .sj-card,.sj-dark .sj-decisions article { background:linear-gradient(155deg,#142137,#0d1729) padding-box,linear-gradient(135deg,#3b669b,#27334b 45%,#675081) border-box; border-color:transparent; box-shadow:0 15px 35px #0002; }
.sj-dark .sj-card-icon { background:linear-gradient(135deg,var(--sj-tile-a),var(--sj-tile-b)); color:#fff; }
.sj-dark .sj-card>a { color:#bae6fd; border-top-color:#30415c; }
.sj-dark .sj-card::after,.sj-dark .sj-decisions article::after { opacity:.7; }
.sj-decisions article:nth-child(1) { --sj-tile-a:#10b981; --sj-tile-glow:#10b98116; }
.sj-decisions article:nth-child(2) { --sj-tile-a:#f59e0b; --sj-tile-glow:#f59e0b16; }
.sj-decisions article:nth-child(3) { --sj-tile-a:#f43f5e; --sj-tile-glow:#f43f5e16; }
.sj-prices .sj-price-featured { border:2px solid transparent; background:linear-gradient(165deg,#fff,#f5f0ff) padding-box,linear-gradient(135deg,#2563eb,#7c3aed,#06b6d4) border-box; box-shadow:0 16px 48px #7c3aed19; }
.sj-price-label { text-transform:uppercase; letter-spacing:.09em; color:var(--sj-tile-a); }
.sj-hero .console { display:block; min-width:0; width:100%; }
.sj-hero .console-in { min-height:520px; }
.sj-hero .cs-head { flex-wrap:wrap; }
.sj-hero .cs-line { grid-template-columns:53px minmax(0,1fr) auto; gap:6px; }
.sj-hero .cs-foot { gap:10px; align-items:center; }
.sj-hero .cs-foot a { white-space:nowrap; }
@media(hover:hover) { .sj-card:hover,.sj-industry:hover,.sj-guide-grid>a:hover,.sj-tool-types article:hover,.sj-fact:hover { transform:translateY(-5px); border-color:var(--sj-tile-a); box-shadow:0 18px 44px var(--sj-tile-glow); } .sj-card:hover>a>span,.sj-fact:hover .sj-fact-link>span,.sj-industry:hover .sj-industry-arrow,.sj-guide-grid>a:hover>span { transform:translateX(4px); } }
@media(max-width:1050px) { .sj-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sj-hero .cs-line { grid-template-columns:minmax(0,1fr) auto; } .sj-hero .cs-line .ts { display:none; } }
@media(max-width:520px) { .sj-fact { padding:24px 15px 20px; border-radius:16px; } .sj-facts .sj-fact-top { flex-wrap:wrap; margin-bottom:18px; gap:8px; } .sj-facts .sj-fact-top>span:not(:last-child) { order:3; width:100%; font-size:.57rem; } .sj-facts .sj-fact strong { font-size:1.6rem; } .sj-facts .sj-fact-label { font-size:.75rem; } .sj-facts .sj-fact-link { font-size:.68rem; } .sj-hero .console-in { padding:16px 12px 64px; min-height:520px; } .sj-hero .cs-foot { left:12px; right:12px; font-size:.53rem; } .sj-hero .cs-line { font-size:.62rem; } .sj-hero .cs-line .tag { font-size:.49rem; padding:2px 4px; } .sj-hero .cs-head .t { font-size:.58rem; } .sj-hero .cs-head .ph { font-size:.57rem; } }
@media(prefers-reduced-motion:reduce) { .sj-hero .console,.sj-hero .cs-line,.sj-hero .cs-sum-tile { animation:none; opacity:1; transform:none; } }
@property --sj-frame-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes sjFrameSpin { to { --sj-frame-angle:360deg; } }
.sj-facts { background:radial-gradient(ellipse at 50% 0,#172a4c 0,transparent 65%),#080f1e; border-top:1px solid #203453; border-bottom:1px solid #263b59; padding:14px 0; }
.sj-facts .sj-fact { --sj-bright:#67e8f9; border:2px solid transparent; border-radius:22px; background:linear-gradient(150deg,#101e34,#080e1d) padding-box,conic-gradient(from var(--sj-frame-angle),#1b3455,var(--sj-tile-b),#29344e 42%,var(--sj-tile-a),#1b3455) border-box; box-shadow:0 16px 36px #0004,0 0 24px var(--sj-tile-glow); padding:28px 24px 24px; animation:sjFrameSpin 14s linear infinite; }
.sj-facts .sj-fact:nth-child(2) { --sj-bright:#c4b5fd; }
.sj-facts .sj-fact:nth-child(3) { --sj-bright:#5eead4; }
.sj-facts .sj-fact:nth-child(4) { --sj-bright:#fcd34d; }
.sj-facts .sj-fact::before { background:radial-gradient(ellipse at 100% 0,var(--sj-tile-glow),transparent 75%),linear-gradient(125deg,#ffffff05,transparent 50%); }
.sj-facts .sj-fact::after { opacity:.75; }
.sj-facts .sj-fact-top { margin-bottom:32px; }
.sj-facts .sj-fact-top i { width:46px; height:46px; border-radius:14px; box-shadow:0 0 26px var(--sj-tile-glow); }
.sj-facts .sj-fact-top>span { color:#b9c9e2; }
.sj-facts .sj-fact-top>span:last-child { color:var(--sj-bright); }
.sj-facts .sj-fact strong { color:var(--sj-bright); font-size:clamp(1.8rem,2.8vw,2.7rem); font-weight:850; letter-spacing:-.04em; text-shadow:0 0 28px var(--sj-tile-glow); }
.sj-facts .sj-fact-label { color:#bdcce2; font-size:.88rem; margin:2px 0 25px; }
.sj-facts .sj-fact-link { color:var(--sj-bright); border-top-color:#ffffff20; font-size:.77rem; padding-top:18px; }
#included .sj-card,.sj-steps .sj-card { --sj-bright:#93c5fd; border:2px solid transparent; background:linear-gradient(155deg,#122038,#080f20) padding-box,conic-gradient(from var(--sj-frame-angle),#243c5d,var(--sj-tile-b),#28364c 42%,var(--sj-tile-a),#243c5d) border-box; box-shadow:0 15px 35px #0f172a24; animation:sjFrameSpin 16s linear infinite; padding:34px 30px 26px; }
#included .sj-card:nth-child(3n+2),.sj-steps .sj-card:nth-child(3n+2) { --sj-bright:#c4b5fd; }
#included .sj-card:nth-child(3n),.sj-steps .sj-card:nth-child(3n) { --sj-bright:#5eead4; }
#included .sj-card h3,.sj-steps .sj-card h3 { color:#f8fafc; font-size:1.22rem; }
#included .sj-card p,.sj-steps .sj-card p { color:#b9c9e0; }
#included .sj-card>a,.sj-steps .sj-card>a { color:var(--sj-bright); border-top-color:#ffffff20; padding-top:20px; }
#included .sj-card::after,.sj-steps .sj-card::after { opacity:.8; }
.sj-steps .sj-number { color:var(--sj-bright); font-size:1.6rem; width:62px; height:58px; background:linear-gradient(135deg,#ffffff0d,#ffffff03); border:1px solid #ffffff25; box-shadow:inset 0 1px #ffffff12,0 8px 20px #0002; }
@media(max-width:520px) { .sj-facts .sj-fact { padding:24px 17px 20px; } .sj-facts .sj-fact strong { font-size:1.65rem; } .sj-facts .sj-fact-top { margin-bottom:22px; } .sj-facts .sj-fact-label { font-size:.77rem; } .sj-facts .sj-fact-link { font-size:.7rem; } .sj-facts .sj-fact-top>span:not(:last-child) { font-size:.6rem; } }
@media(max-width:360px) { .sj-facts-grid { grid-template-columns:1fr!important; } .sj-facts .sj-fact-top { flex-wrap:nowrap; } .sj-facts .sj-fact-top>span:not(:last-child) { order:0; width:auto; } .sj-facts .sj-fact strong { font-size:2.5rem; } }
@media(prefers-reduced-motion:reduce) { .sj-facts .sj-fact,#included .sj-card,.sj-steps .sj-card { animation:none; } }
/* Compact typography and quieter surfaces across homepage tiles. */
.sj-facts .sj-fact { padding:23px 22px 20px; border-radius:16px; box-shadow:0 8px 20px #0002; }
.sj-facts .sj-fact strong { font-size:1.75rem; font-weight:700; letter-spacing:-.025em; text-shadow:none; }
.sj-facts .sj-fact-top { margin-bottom:23px; }
.sj-facts .sj-fact-top i { width:34px; height:34px; border-radius:9px; font-size:.87rem; box-shadow:none; }
.sj-facts .sj-fact-top>span { font-size:.59rem; font-weight:650; letter-spacing:.07em; }
.sj-facts .sj-fact-label { font-size:.8rem; line-height:1.65; margin-bottom:18px; }
.sj-facts .sj-fact-link { font-size:.72rem; font-weight:600; padding-top:14px; }
.sj-card,.sj-industry,.sj-guide-grid>a,.sj-tool-types article,.sj-decisions article { border-radius:16px; }
.sj-card::after,.sj-industry::after,.sj-guide-grid>a::after,.sj-tool-types article::after,.sj-decisions article::after,.sj-fact::after { display:none; }
#included .sj-card,.sj-steps .sj-card { padding:28px 26px 24px; box-shadow:0 6px 20px #0f172a16; }
.sj-card-icon,.sj-tool-types article>i { width:42px; height:42px; border-radius:12px; font-size:1.05rem; box-shadow:none; margin-bottom:19px; }
.sj-home .sj-card h3,#included .sj-card h3,.sj-steps .sj-card h3,.sj-tool-types h3 { font-size:1.04rem; font-weight:650; line-height:1.4; letter-spacing:-.015em; }
.sj-home .sj-card p,.sj-tool-types p { font-size:.875rem; line-height:1.7; }
.sj-card>a:not(.sj-btn) { font-size:.8rem; font-weight:600; }
.sj-steps .sj-number { width:auto; height:auto; align-self:flex-start; display:block; font-size:1.08rem; font-weight:600; line-height:1.2; border:0; border-radius:0; background:none; box-shadow:none; margin-bottom:23px; }
.sj-industry { min-height:88px; font-size:.83rem; }
.sj-industry>i { width:36px; height:36px; border-radius:10px; font-size:.95rem; box-shadow:none; }
.sj-guide-grid>a { font-size:.8rem; min-height:66px; }
.sj-price { font-size:2rem; font-weight:700; }
.sj-tool-types article { padding:26px; }
@media(max-width:520px) { .sj-facts .sj-fact { padding:20px 17px 18px; } .sj-facts .sj-fact strong { font-size:1.45rem; } .sj-facts .sj-fact-label { font-size:.74rem; } .sj-facts .sj-fact-top { margin-bottom:20px; } .sj-facts .sj-fact-link { font-size:.68rem; } }
/* Keep the information tiles compact rather than stretching them into panels. */
.sj-facts { padding:0; }
.sj-facts-grid { padding-top:22px; padding-bottom:22px; gap:14px; }
.sj-facts .sj-fact { padding:18px 20px 16px; }
.sj-facts .sj-fact-top { margin-bottom:14px; gap:8px; }
.sj-facts .sj-fact-top i { width:28px; height:28px; border-radius:8px; font-size:.78rem; }
.sj-facts .sj-fact strong { font-size:1.65rem; margin-bottom:5px; }
.sj-facts .sj-fact-label { min-height:0; margin:0 0 12px; font-size:.76rem; line-height:1.5; }
.sj-facts .sj-fact-link { padding-top:10px; }
#included .sj-card,.sj-steps .sj-card,.sj-home .sj-card { padding:23px; }
.sj-card-icon { width:36px; height:36px; border-radius:10px; font-size:.95rem; margin-bottom:14px; }
.sj-steps .sj-card { display:grid; grid-template-columns:26px minmax(0,1fr); grid-template-rows:auto 1fr auto; gap:11px 9px; }
.sj-steps .sj-number { grid-column:1; grid-row:1; margin:2px 0 0; font-size:.86rem; }
.sj-steps .sj-card h3 { grid-column:2; grid-row:1; margin:0; font-size:1rem; }
.sj-steps .sj-card p { grid-column:1/-1; margin:0; font-size:.84rem; line-height:1.65; }
.sj-steps .sj-card>a { grid-column:1/-1; padding-top:12px; margin-top:0; }
.sj-industry { min-height:72px; padding:16px 20px; }
.sj-tool-types article { padding:22px; }
.sj-tool-types article>i { width:34px; height:34px; margin-bottom:12px; border-radius:9px; font-size:.9rem; }
.sj-guide-grid>a { min-height:58px; padding:16px 20px; }
@media(max-width:520px) { .sj-facts .sj-fact { padding:17px 15px 15px; } .sj-facts .sj-fact-top { margin-bottom:13px; } .sj-facts .sj-fact-top>span:not(:last-child) { font-size:.53rem; } .sj-facts .sj-fact strong { font-size:1.4rem; } .sj-facts .sj-fact-label { font-size:.72rem; margin-bottom:12px; } .sj-facts .sj-fact-link { padding-top:9px; font-size:.64rem; } .sj-home .sj-card { padding:21px; } .sj-home .sj-prices .sj-card { padding:24px; } }
@media(max-width:360px) { .sj-home ~ .site-footer .ft-links-grid { grid-template-columns:minmax(0,1fr); } }
@media(min-width:1600px) { .sj-hero { padding:100px 0; } }
@media(max-width:1050px) { .sj-hero-grid { gap:30px; grid-template-columns:1.1fr 1fr; } .sj-split,.sj-faq-layout { gap:35px; } .sj-card { padding:24px; } .sj-industry { padding:16px; } }
@media(max-width:800px) { .sj-hero { padding:55px 0; } .sj-hero-grid,.sj-split,.sj-faq-layout { grid-template-columns:1fr; gap:35px; } .sj-hero h1 { max-width:650px; } .sj-hero-lead { max-width:660px; } .sj-report-card { max-width:580px; width:100%; } .sj-three { grid-template-columns:repeat(2,minmax(0,1fr)); } .sj-prices { grid-template-columns:1fr; max-width:600px; margin:0 auto; } .sj-prices .sj-card { padding:30px; } .sj-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sj-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .sj-facts-grid>div:nth-child(2) { border:0; } .sj-decisions { grid-template-columns:1fr; } .sj-flow li { padding:21px; } }
@media(max-width:520px) { .sj-wrap { padding-left:22px; padding-right:22px; } .sj-hero h1 { font-size:2.5rem; } .sj-three,.sj-industry-grid,.sj-flow { grid-template-columns:1fr; } .sj-hero .sj-actions,.sj-final .sj-actions { align-items:stretch; flex-direction:column; } .sj-hero .sj-btn,.sj-final .sj-btn { width:100%; } .sj-facts-grid { padding-top:25px; padding-bottom:25px; gap:23px 16px; } .sj-facts strong { font-size:1.45rem; } .sj-facts-grid>div { padding-right:10px; } .sj-flow li { border-right:0; border-bottom:1px solid #33455e; } .sj-flow li:not(:last-child)::after { content:'↓'; right:28px; top:auto; bottom:-14px; } .sj-guide-grid { gap:9px; } .sj-guide-grid a { padding:14px 11px; font-size:.8rem; } .sj-detail-card dl>div { grid-template-columns:1fr; gap:5px; } .sj-report-top,.sj-rule-stack,.sj-report-link { padding-left:19px; padding-right:19px; } .sj-report-step { margin:0 19px; } .sj-report-step>i { display:none; } .sj-rule-stack>div { justify-content:space-between; } .sj-rule-stack>div>span:last-child { max-width:120px; text-align:right; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .sj-hero canvas { display:none; } .sj-home * { transition:none!important; } }