:root{--bg-deep:#040916;--bg-mid:#06112b;--line:rgba(148,163,184,.18);--text:#e2e8f0;--muted:#a7b7d3;--white:#fff;--shadow:0 25px 60px rgba(4,12,24,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;background:linear-gradient(180deg,#040916,#06112b 40%,#040b1d);color:var(--text);line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.04em;color:var(--white);margin-bottom:1rem}.sphere-canvas-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(14,43,105,.85) 0%,transparent 55%),radial-gradient(circle at 10% 35%,rgba(0,114,255,.2) 0%,transparent 45%),radial-gradient(circle at 90% 60%,rgba(0,210,255,.16) 0%,transparent 45%),radial-gradient(circle at 45% 90%,rgba(20,56,138,.5) 0%,transparent 60%),linear-gradient(180deg,#040916,#06122d 40%,#040b1e)}.sphere-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.65}.sphere-orb-1{width:550px;height:550px;background:radial-gradient(circle,rgba(0,210,255,.35) 0%,rgba(30,96,242,.15) 50%,transparent 70%);top:-120px;right:-100px}.sphere-orb-2{width:650px;height:650px;background:radial-gradient(circle,rgba(30,96,242,.4) 0%,rgba(6,182,212,.12) 55%,transparent 70%);top:35%;left:-200px}.sphere-orb-3{width:500px;height:500px;background:radial-gradient(circle,rgba(79,70,229,.35) 0%,rgba(0,210,255,.15) 60%,transparent 75%);bottom:10%;right:-120px}.sphere-grid-overlay{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;opacity:.5}.navbar-sphere{background:#030a1680;backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,.12);position:sticky;top:0;z-index:10}.navbar-wordmark{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--white)}.nav-link-sphere{color:#e2e8f0e6;font-size:.96rem;font-weight:600;padding:.7rem 1rem!important}.nav-link-sphere:hover{color:#7dd3fc}.btn-sphere-primary{background:linear-gradient(135deg,#1e60f2,#38bdf8);color:#fff;border:none;border-radius:999px;font-weight:700;padding:.85rem 1.5rem;box-shadow:0 18px 30px #1e60f259}.article-shell{position:relative;z-index:1;padding:3rem 0 5rem}.article-wrap{background:#091123b8;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.article-hero{position:relative;height:340px;border-bottom:1px solid var(--line);overflow:hidden;background:#020814}.article-hero img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.72) saturate(1.1)}.article-body{padding:2rem clamp(1.2rem,3vw,3rem)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#1e60f21f;border:1px solid rgba(56,189,248,.26);color:#7dd3fc;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.article-header{padding:2rem 0 1rem}.article-header h1{font-size:clamp(2.4rem,5vw,4.2rem);margin-top:1rem}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding-bottom:1rem}.article-content p,.article-content li{color:#e2e8f0e6;font-size:1.05rem}.article-content p{margin-bottom:1.2rem}.article-content h2{font-size:clamp(1.8rem,2vw,2.5rem);margin:2.2rem 0 1rem}.article-content h3{font-size:clamp(1.3rem,2vw,1.8rem);margin:1.7rem 0 .8rem}.article-content ul{padding-left:1.1rem}.article-content li{margin-bottom:.7rem}.info-panel{background:#0f172abf;border:1px solid var(--line);border-radius:20px;padding:1.2rem 1.3rem;margin:1.6rem 0}.highlight{color:#7dd3fc;font-weight:700}.cta-box{margin-top:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#0f172acc,#1e60f21f);border:1px solid rgba(56,189,248,.25);border-radius:20px}@media(max-width:767.98px){.article-hero{height:240px}.article-body{padding:1.3rem}}.footer-sphere{position:relative;z-index:1;background:#030a16e6;border-top:1px solid rgba(148,163,184,.12);padding-top:3rem;padding-bottom:1.5rem;margin-top:4rem}.footer-link{color:#cbd5e1cc;text-decoration:none}.footer-link:hover,.footer-link:focus{color:#7dd3fc}.hover-white:hover,.hover-white:focus{color:#fff!important}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0 2rem}.compare-card{background:#0f172ab8;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:1.2rem 1rem}.compare-card h3{font-size:1.2rem;margin-bottom:.5rem}.compare-card a{color:#7dd3fc;text-decoration:none;font-weight:700}.compare-card a:hover{text-decoration:underline}.compare-card p{margin:0;color:var(--muted)}.template-box,.source-list li{overflow-wrap:anywhere}body.theme-kpi{--theme-ink:#102b27;--theme-accent:#16856f;--theme-soft:#e4f4ec;--theme-paper:#f6fbf7}body.theme-soap{--theme-ink:#17344a;--theme-accent:#2877a5;--theme-soft:#e5f2f8;--theme-paper:#f5fafc}body.theme-appointment{--theme-ink:#142e50;--theme-accent:#2473c7;--theme-soft:#e6f0fc;--theme-paper:#f5f8fd}body.theme-dock{--theme-ink:#304423;--theme-accent:#64843b;--theme-soft:#edf3df;--theme-paper:#f9fbf3}body:has(.article-wrap){background:var(--theme-paper,#f5f8fb)!important;color:#263745!important;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif!important}body:has(.article-wrap) h1,body:has(.article-wrap) h2,body:has(.article-wrap) h3{color:var(--theme-ink,#17344a)!important}body:has(.article-wrap) .article-wrap{max-width:1060px;margin:0 auto;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:0 12px 42px #17344a14!important}body:has(.article-wrap) .article-shell{padding:2.5rem 1rem 4rem!important}body:has(.article-wrap) .article-hero{height:clamp(230px,34vw,390px);background:var(--theme-ink,#17344a)!important;border-bottom:5px solid var(--theme-accent,#2877a5)!important}body:has(.article-wrap) .article-hero img{object-fit:cover!important}body:has(.article-wrap) .article-body{max-width:850px;margin:0 auto;padding:clamp(1.5rem,5vw,4.5rem)!important}body:has(.article-wrap) .article-header{border-bottom:1px solid #dce5e9;padding-bottom:1.6rem}body:has(.article-wrap) .article-header h1{color:var(--theme-ink,#17344a)!important}body:has(.article-wrap) .eyebrow,body:has(.article-wrap) .highlight{color:var(--theme-accent,#2877a5)!important}body:has(.article-wrap) .article-content p{color:#344956!important;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif!important;font-size:1.16rem!important;line-height:1.85!important}body:has(.article-wrap) .article-content li{color:#344956!important;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif!important;font-size:1.08rem!important;line-height:1.8!important}body:has(.article-wrap) .article-content a{color:#075f73!important;font-weight:700;text-decoration:underline!important;text-decoration-thickness:1.5px!important;text-underline-offset:3px;overflow-wrap:anywhere}body:has(.article-wrap) .article-content a:hover,body:has(.article-wrap) .article-content a:focus-visible{color:#073e4a!important;text-decoration-thickness:2.5px!important}body:has(.article-wrap) .source-list{padding-left:1.25rem}body:has(.article-wrap) .source-list li{margin:.75rem 0}body:has(.article-wrap) .article-content h2{padding-top:.5rem;border-top:2px solid var(--theme-soft,#e5f2f8)}body:has(.article-wrap) .info-panel,body:has(.article-wrap) .template-box{background:var(--theme-soft,#e5f2f8)!important;border:0!important;border-left:4px solid var(--theme-accent,#2877a5)!important;border-radius:2px!important;color:#243c49}body:has(.article-wrap) .cta-box{background:var(--theme-ink,#17344a)!important;border:0!important;border-radius:4px!important;color:#fff}body:has(.article-wrap) .cta-box h2,body:has(.article-wrap) .cta-box h3,body:has(.article-wrap) .cta-box p{color:#fff!important}body:has(.article-wrap) .navbar-sphere{background:#102b35!important;border-bottom:3px solid var(--theme-accent,#2877a5)!important}body:has(.article-wrap) .nav-link-sphere{color:#edf7f5!important}body:has(.article-wrap) .nav-link-sphere:hover,body:has(.article-wrap) .nav-link-sphere:focus{color:#9de2c6!important}body:has(.article-wrap) .btn-sphere-primary{background:linear-gradient(135deg,#1e60f2,#0284c7 60%,#00d2ff)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:9999px!important;box-shadow:0 10px 30px -5px #1e60f28c,inset 0 1px #ffffff4d!important;color:#fff!important}body:has(.article-wrap) .btn-sphere-primary:hover,body:has(.article-wrap) .btn-sphere-primary:focus-visible{background:linear-gradient(135deg,#1e60f2,#0284c7 60%,#00d2ff)!important;color:#fff!important;box-shadow:0 16px 40px -5px #00d2ff99,inset 0 1px #ffffff73!important}body:has(.article-wrap) a.btn-sphere-primary,body:has(.article-wrap) a.btn-sphere-primary:visited,body:has(.article-wrap) a.btn-sphere-primary:hover,body:has(.article-wrap) a.btn-sphere-primary:focus-visible{color:#fff!important;text-decoration:none!important}body:has(.article-wrap) .btn-sphere-primary>*{position:relative;z-index:1}body:has(.article-wrap) footer{padding:2.5rem 0!important;background:#102b35!important;color:#d5e2e2!important;border-top:4px solid var(--theme-accent,#2877a5)!important}body:has(.article-wrap) footer a{color:#b8e4d8!important}body:has(.article-wrap) footer .container-xl{gap:1rem 2rem!important}@media(max-width:767px){body:has(.article-wrap) .article-shell{padding:1rem .65rem 2rem!important}body:has(.article-wrap) .article-body{padding:1.4rem!important}body:has(.article-wrap) .article-content p{font-size:1.08rem!important;line-height:1.8!important}body:has(.article-wrap) .article-content li{font-size:1.02rem!important}}body:has(.article-wrap) .navbar-wordmark{color:#fff}body:has(.article-wrap) .article-meta{color:#4d6270}body:has(.article-wrap) h4,body:has(.article-wrap) h5,body:has(.article-wrap) h6{color:var(--theme-ink, #17344a)}
