
:root{--bg:#050916;--panel:#0a1225;--line:rgba(255,255,255,.10);--text:#f7f9ff;--muted:#aeb8d0;--cyan:#42e8f5;--blue:#4d7cff;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}.blog-head{padding:150px 0 54px;background:radial-gradient(circle at 76% 18%,rgba(66,232,245,.12),transparent 30%),linear-gradient(180deg,#071024 0,#050916 100%)}.blog-head .eyebrow,.article-hero .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:800}.blog-head h1{font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-.055em;margin:16px 0 20px}.blog-head p{max-width:760px;font-size:18px;color:var(--muted)}.blog-grid{padding:54px 0 96px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.blog-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));text-decoration:none;transition:.25s transform,.25s border-color,.25s box-shadow;box-shadow:0 18px 48px rgba(0,0,0,.16)}.blog-card:hover{transform:translateY(-5px);border-color:rgba(66,232,245,.34);box-shadow:0 24px 64px rgba(0,0,0,.28)}.blog-card img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#050916}.blog-card-body{padding:22px 24px 25px}.blog-card small{color:var(--cyan);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-card h2{font-size:clamp(21px,1.75vw,27px);line-height:1.12;letter-spacing:-.03em;margin:10px 0 13px}.blog-card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:62ch}.article-hero{padding:132px 0 48px;background:radial-gradient(circle at 80% 25%,rgba(66,232,245,.12),transparent 32%)}.article-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px}.article-hero h1{font-size:clamp(40px,5.4vw,70px);line-height:.98;letter-spacing:-.052em;margin:16px 0 20px}.article-hero .lead{font-size:18px;color:var(--muted);max-width:760px}.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.article-meta span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#cbd5ec;font-size:12px}.article-cover{border-radius:26px;border:1px solid var(--line);overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.34)}.article-cover img{display:block;width:100%;height:auto}.article-body{padding:44px 0 90px}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:54px;align-items:start}.prose{font-size:17px;color:#d6deef}.prose p{margin:0 0 23px}.prose h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;color:#fff;margin:52px 0 18px}.prose h3{font-size:24px;line-height:1.18;color:#fff;margin:34px 0 14px}.prose ul{padding-left:23px}.prose li{margin:8px 0}.inline-cta{margin:42px 0;padding:28px;border:1px solid rgba(66,232,245,.25);border-radius:22px;background:linear-gradient(145deg,rgba(66,232,245,.08),rgba(77,124,255,.05))}.inline-cta h3{margin:0 0 9px}.inline-cta p{margin:0 0 18px}.inline-cta a{display:inline-flex;text-decoration:none;background:#fff;color:#061021;border-radius:999px;padding:11px 17px;font-weight:800}.sidebox{position:sticky;top:110px;border:1px solid var(--line);border-radius:22px;padding:22px;background:#081126}.sidebox b{display:block;margin-bottom:12px}.sidebox a{display:block;text-decoration:none;color:#bac5dc;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.sidebox a:hover{color:var(--cyan)}.faq-block{margin-top:52px}.faq-block details{border-top:1px solid var(--line);padding:18px 0}.faq-block summary{cursor:pointer;font-weight:750;color:#fff}.faq-block p{margin:10px 0 0;color:var(--muted)}.related-blog{padding:0 0 90px}.related-blog h2{font-size:36px;letter-spacing:-.035em}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{border:1px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;background:rgba(255,255,255,.025)}.related-card small{color:var(--cyan)}.related-card strong{display:block;font-size:18px;line-height:1.2;margin-top:7px}.blog-mini-footer{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.blog-mini-footer h3{font-size:15px;margin:0 0 12px}.blog-mini-links{display:grid;gap:7px}.blog-mini-links a{font-size:13px;color:#b9c4dc;text-decoration:none}.blog-mini-links a:hover{color:#fff}.blog-mini-all{display:inline-block!important;margin-top:7px!important;color:#5ee9f7!important;font-weight:800!important}.header .navlinks a.blog-active{color:#63e8f5}.footer,.site-footer{position:relative}.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.share-row a{border:1px solid var(--line);border-radius:999px;padding:8px 13px;text-decoration:none;font-size:13px;color:#cbd5ec}
@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-cover{max-width:760px}.sidebox{position:static}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card h2{font-size:23px}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.blog-head{padding-top:118px}.blog-grid{grid-template-columns:1fr;padding-top:35px}.article-hero{padding-top:110px}.article-hero-grid{gap:28px}.article-hero h1{font-size:42px}.prose{font-size:16px}.prose h2{font-size:29px}.related-grid{grid-template-columns:1fr}}
