:root{--bg:#f6f8fc;--surface:#fff;--ink:#0b1220;--muted:#4a5568;--line:rgba(15,23,42,.12);--navy:#0a1628;--blue:#1e3a5f;--accent:#0ea5e9;--accent-dark:#0284c7;--soft:#e7f6fd;--shadow:0 16px 48px rgba(15,23,42,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}.shell{margin:auto;width:min(1120px,calc(100% - 32px))}.site-header{background:rgba(10,22,40,.98);border-bottom:1px solid rgba(255,255,255,.12);color:#fff;position:sticky;top:0;z-index:20}.header-inner{align-items:center;display:flex;gap:24px;min-height:72px}.brand{align-items:center;color:#fff;display:flex;font-size:1.05rem;font-weight:800;gap:11px}.brand:hover{text-decoration:none}.brand-mark{align-items:center;background:var(--accent);border-radius:8px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.brand b{color:var(--accent);font-weight:900}.main-nav{display:flex;gap:20px;margin-left:auto}.main-nav a{color:#c8d6e5;font-size:.88rem;font-weight:750}.main-nav a.active,.main-nav .tools-nav{color:#fff}.tools-nav{background:var(--accent-dark);border-radius:6px;padding:7px 11px}.language-switcher{display:flex;gap:5px}.language-switcher a{border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#d8e3ee;font-size:.7rem;font-weight:800;padding:4px 6px}.language-switcher a.active{background:#fff;color:var(--navy)}.hero{background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.3),transparent 34%),linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.hero-inner{align-items:center;display:grid;gap:54px;grid-template-columns:minmax(0,1fr) 360px;padding:84px 0}.eyebrow{color:var(--accent);font-size:.74rem;font-weight:900;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}h1,h2,h3{line-height:1.12;margin:0}h1{font-size:clamp(2.55rem,6vw,5rem);letter-spacing:-.045em}h2{font-size:clamp(1.7rem,3.5vw,2.8rem);letter-spacing:-.03em}h3{font-size:1.18rem}.lede{color:#d5e4f1;font-size:1.15rem;margin-top:20px;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{border-radius:7px;display:inline-flex;font-weight:850;justify-content:center;padding:11px 16px}.button.primary{background:var(--accent);color:#04111e}.button.secondary{background:var(--blue);color:#fff}.hero .button.secondary{background:#fff;color:var(--navy)}.tool-bridge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:var(--shadow);padding:28px}.tool-bridge span{color:#9fcee6;font-size:.75rem;font-weight:900;text-transform:uppercase}.tool-bridge strong{display:block;font-size:1.35rem;margin-top:5px}.tool-bridge p{color:#d5e4f1}.tool-bridge a{color:#fff;font-weight:850}.section,.tools-section{padding:72px 0}.tools-section{background:var(--surface)}.section-heading{margin-bottom:28px;max-width:760px}.section-heading>p:last-child{color:var(--muted);margin-top:10px}.tool-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.tool-card{background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);display:grid;min-height:130px;padding:20px}.tool-card:hover{border-color:var(--accent);box-shadow:0 10px 28px rgba(15,23,42,.08);text-decoration:none}.tool-card strong{font-size:1rem}.tool-card small{align-self:end;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-arrow{color:var(--accent);font-size:1.25rem;justify-self:end}.center{margin:28px 0 0;text-align:center}.article-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.article-card,.article,.tools-aside,.mini-tool{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 9px 28px rgba(15,23,42,.06)}.article-card{display:grid;overflow:hidden}.article-card>div{padding:24px}.article-card h2,.article-card h3{margin-bottom:10px}.article-card p:not(.meta){color:var(--muted)}.article-image{aspect-ratio:16/8;display:block;overflow:hidden}.article-image img{height:100%;object-fit:cover;width:100%}.meta,.breadcrumbs{color:var(--muted);font-size:.82rem;margin:0 0 12px}.text-link{display:inline-block;font-weight:850;margin-top:14px}.empty-state{background:#fff;border:1px dashed var(--line);border-radius:9px;padding:30px}.article-layout{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 300px}.article{padding:clamp(24px,5vw,58px)}.article header{border-bottom:1px solid var(--line);padding-bottom:25px}.article header h1{font-size:clamp(2.25rem,5vw,4rem)}.article-body{font-family:Georgia,serif;font-size:1.08rem;margin-top:30px}.article-body h2,.article-body h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;margin:1.45em 0 .55em}.article-body p,.article-body ul,.article-body ol{margin:0 0 1.15em}.article-body img,.featured-image img{height:auto;max-width:100%}.featured-image{margin:28px 0}.sidebar{display:grid;gap:13px}.tools-aside{background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;padding:24px}.tools-aside p:not(.eyebrow){color:#d5e4f1;margin-bottom:18px}.tools-aside h2{font-size:1.45rem;margin-bottom:10px}.mini-tool{align-items:center;color:var(--ink);display:flex;font-size:.86rem;justify-content:space-between;padding:13px 15px}.mini-tool:hover{border-color:var(--accent);text-decoration:none}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags a{background:var(--soft);border-radius:999px;padding:5px 10px}.site-footer{background:var(--navy);color:#c8d6e5}.footer-grid{display:grid;gap:34px;grid-template-columns:1.4fr .7fr 1fr;padding:42px 0 28px}.footer-grid section{display:flex;flex-direction:column;gap:7px}.footer-grid h2{color:#fff;font-size:1rem}.footer-grid a{color:#fff}.network-icons{display:flex;gap:8px}.network-icons a{align-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;display:flex;height:38px;justify-content:center;width:38px}.network-glyph{background:currentColor;display:block;height:19px;mask:center/contain no-repeat;width:19px}.network-glyph.xmgs{mask-image:url(https://xaviermedia.s3.amazonaws.com/icons/social/xmgs.svg)}.network-glyph.myxavier{mask-image:url(https://xaviermedia.s3.amazonaws.com/icons/social/myxavier.svg)}.network-glyph.xavierpedia{mask-image:url(https://xaviermedia.s3.amazonaws.com/icons/social/xavierpedia.svg)}.network-glyph.xavierseek{mask-image:url(https://xaviermedia.s3.amazonaws.com/icons/social/xavierseek.svg)}.network-glyph.xavierforum{mask-image:url(https://xaviermedia.s3.amazonaws.com/icons/social/xavierforum.svg)}.copyright{border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;padding:18px 0 26px}.page{max-width:900px}
@media(max-width:850px){.header-inner{align-items:flex-start;flex-wrap:wrap;padding:12px 0}.main-nav{margin-left:0;order:3;overflow:auto;width:100%}.language-switcher{margin-left:auto}.hero-inner,.article-layout{grid-template-columns:1fr}.tool-bridge{max-width:520px}.tool-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.section,.tools-section{padding:50px 0}}
@media(max-width:560px){.article-grid,.tool-grid{grid-template-columns:1fr}.hero-inner{padding:58px 0}.brand{font-size:.95rem}.language-switcher a{padding:3px 5px}}
.brand-logo{display:block;height:40px;object-fit:contain;width:40px}.brand-mark{display:none}.commerce-section{background:linear-gradient(135deg,#e7f6fd,#fff);padding:58px 0}.commerce-panel{align-items:center;display:grid;gap:32px;grid-template-columns:minmax(0,1fr) auto}.commerce-panel p:not(.eyebrow){color:var(--muted);margin-bottom:0}.commerce-actions{display:flex;flex-wrap:wrap;gap:10px}.commerce-aside{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.commerce-aside h2{font-size:1.3rem}.commerce-aside p:not(.eyebrow){color:var(--muted)}.commerce-aside a{display:block;font-weight:800;margin-top:8px}.ad-slot{align-items:center;background:#edf1f6;color:#64748b;display:flex;justify-content:center;margin:22px auto;max-width:calc(100% - 32px);overflow:hidden;position:relative;text-align:center}.ad-slot>a{display:block;line-height:0}.ad-slot img{height:auto;max-width:100%}.ad-slot__label{font-size:.62rem;letter-spacing:.09em;position:absolute;text-transform:uppercase;top:3px}.ad-slot--leaderboard{min-height:90px;width:728px}.ad-slot--banner{min-height:60px;width:468px}.ad-slot--skyscraper{min-height:600px;width:160px}.ad-slot--empty{display:none}@media(max-width:850px){.commerce-panel{grid-template-columns:1fr}.ad-slot--skyscraper{min-height:90px;width:728px}}@media(max-width:560px){.ad-slot--leaderboard,.ad-slot--banner,.ad-slot--skyscraper{min-height:70px;width:calc(100% - 32px)}}