
:root{--navy:#08111d;--navy2:#101c2b;--paper:#f6f2eb;--white:#fff;--ink:#111823;--muted:#647083;--line:#ddd6cc;--orange:#ff7d21;--orange2:#ff9a54;--max:1180px;--article:780px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,17,29,.96);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{width:148px}.links{display:flex;gap:26px;color:#c5ccd6;font-size:14px;font-weight:750}.links a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;font-weight:850;border:1px solid transparent;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#1b0c02;box-shadow:0 12px 30px rgba(255,125,33,.22)}.btn-dark{background:var(--navy);color:#fff}.blog-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 10%,rgba(255,125,33,.18),transparent 28%),linear-gradient(150deg,#08111d,#0c1726 65%,#111a27);color:#fff;padding:78px 0 58px}.blog-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.blog-hero .wrap{position:relative;z-index:1}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:900}.blog-hero h1{font-size:clamp(46px,7vw,82px);line-height:.96;letter-spacing:-.065em;margin:16px 0 20px;max-width:12ch}.blog-hero p{max-width:760px;color:#bec7d3;font-size:18px;line-height:1.7;margin:0}.blog-controls{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.search{width:min(480px,100%);min-height:50px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;padding:0 16px;outline:none}.search::placeholder{color:#9ba7b6}.search:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,125,33,.12)}.cluster-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:74px;z-index:30}.cluster-scroll{display:flex;gap:9px;overflow-x:auto;padding:13px 0;scrollbar-width:none}.cluster-scroll::-webkit-scrollbar{display:none}.cluster-scroll a{white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:850;color:#4e5968;background:#fff}.cluster-scroll a:hover{border-color:var(--orange);color:#7c390e}.blog-section{padding:64px 0;border-bottom:1px solid var(--line)}.cluster-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:end;margin-bottom:28px}.cluster-head h2{font-size:clamp(34px,4.2vw,52px);line-height:1;letter-spacing:-.055em;margin:10px 0 0}.cluster-head p{margin:0;color:var(--muted);font-size:17px;line-height:1.7}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{display:flex;flex-direction:column;min-height:300px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;transition:.18s ease}.article-card:hover{transform:translateY(-3px);border-color:rgba(255,125,33,.65);box-shadow:0 18px 44px rgba(17,24,35,.07)}.article-card .category{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9a4a16;font-weight:900}.article-card h3{font-size:22px;line-height:1.15;letter-spacing:-.035em;margin:18px 0 12px}.article-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.article-card .read{margin-top:auto;padding-top:24px;font-size:13px;font-weight:900;color:#151d28}.site-footer{background:#07101c;color:#97a2b1;padding:26px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer-row img{width:126px}.article-hero{background:radial-gradient(circle at 80% 0,rgba(255,125,33,.16),transparent 28%),linear-gradient(150deg,#08111d,#101c2b);color:#fff;padding:62px 0 52px}.article-head{max-width:920px;margin:auto}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#aeb9c7;font-size:12px;font-weight:750}.breadcrumb a:hover{color:#fff}.article-hero h1{font-size:clamp(40px,6.5vw,70px);line-height:1.02;letter-spacing:-.06em;margin:18px 0 18px;max-width:15ch}.article-deck{font-size:19px;line-height:1.65;color:#c3ccd7;max-width:760px;margin:0}.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;color:#9faab8;font-size:13px}.article-layout{width:min(1120px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,var(--article)) 270px;gap:60px;align-items:start;padding:58px 0 86px}.article-body{min-width:0}.article-body .quick-answer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:14px;padding:20px 22px;margin:0 0 34px}.quick-answer strong{display:block;margin-bottom:7px;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.article-body h2{font-size:32px;line-height:1.16;letter-spacing:-.04em;margin:46px 0 14px}.article-body h3{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:30px 0 10px}.article-body p,.article-body li{font-size:18px;line-height:1.78;color:#3d4959}.article-body ul,.article-body ol{padding-left:24px}.article-body li+li{margin-top:9px}.article-body blockquote{margin:32px 0;padding:22px 24px;background:#fff;border-left:4px solid var(--orange);font-size:20px;line-height:1.55;color:#263241}.example-box{background:#0c1726;color:#fff;border-radius:18px;padding:24px;margin:34px 0}.example-box h3{margin-top:0;color:#fff}.example-box p{color:#bec8d5;margin-bottom:0}.article-cta{background:linear-gradient(135deg,#ff7d21,#ff9a54);border-radius:20px;padding:26px;margin:44px 0 0;color:#1f0d02}.article-cta h2{margin:0 0 10px;font-size:30px}.article-cta p{color:#572706;margin:0 0 18px}.article-cta .btn{background:#0a1422;color:#fff}.sidebar{position:sticky;top:112px}.toc,.related{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.related{margin-top:14px}.toc strong,.related strong{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.toc nav,.related nav{display:grid;gap:10px;margin-top:14px}.toc a,.related a{font-size:13px;color:#586476;line-height:1.35}.toc a:hover,.related a:hover{color:#9a4a16}.faq-block{border-top:1px solid var(--line);margin-top:44px}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item h3{margin:0 0 8px;font-size:19px}.faq-item p{margin:0;font-size:16px}.no-results{display:none;padding:28px;border:1px solid var(--line);background:#fff;border-radius:16px;color:var(--muted)}
@media(max-width:980px){.links{display:none}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cluster-head{grid-template-columns:1fr;gap:14px}.article-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.related{margin-top:0}.cluster-nav{top:74px}}
@media(max-width:680px){.wrap,.article-layout{width:calc(100% - 24px)}.nav{min-height:66px}.logo img{width:128px}.nav .btn{min-height:42px;padding:0 12px;font-size:12px}.blog-hero{padding:48px 0 38px}.blog-hero h1{font-size:clamp(42px,13vw,60px)}.blog-hero p{font-size:16px}.cluster-nav{top:66px}.blog-section{padding:46px 0}.blog-grid{grid-template-columns:1fr}.article-card{min-height:auto}.article-hero{padding:44px 0 38px}.article-hero h1{font-size:clamp(38px,11vw,54px)}.article-deck{font-size:16px}.article-layout{padding:38px 0 68px}.article-body p,.article-body li{font-size:17px}.article-body h2{font-size:28px;margin-top:38px}.sidebar{grid-template-columns:1fr}.footer-row{align-items:flex-start;flex-direction:column}}
