:root{--bg:#0b1220;--panel:#111b2e;--ink:#102038;--text:#24344d;--muted:#66758b;--white:#fff;--accent:#ffb703;--accent2:#fb8500;--line:#e7ecf2;--soft:#f5f7fa;--radius:18px;--shadow:0 12px 35px rgba(13,23,38,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.65}a{color:inherit}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;color:#fff;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#111827;font-weight:950}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{color:#dbe4f0;text-decoration:none;font-size:.95rem;font-weight:700}.site-nav a:hover{color:#fff}.nav-cta{background:var(--accent);color:#111827!important;padding:10px 16px;border-radius:999px}.menu-btn{display:none;background:transparent;border:1px solid #42506a;color:#fff;border-radius:10px;padding:8px 12px;font-weight:800}.hero{background:radial-gradient(circle at 80% 15%,rgba(255,183,3,.2),transparent 33%),linear-gradient(135deg,#0b1220,#17243b);color:#fff;padding:86px 0 78px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffd166;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1{font-size:clamp(2.7rem,6vw,5.3rem);line-height:.96;letter-spacing:-.055em;margin:.3em 0 .25em;max-width:850px}.hero p{font-size:1.16rem;color:#cbd5e1;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-weight:900;padding:13px 20px;border-radius:12px}.btn-primary{background:var(--accent);color:#111827}.btn-secondary{color:#fff;border:1px solid #52627b}.hero-card{background:#fff;color:var(--ink);padding:26px;border-radius:24px;box-shadow:0 26px 60px rgba(0,0,0,.25)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:18px}.mini strong{display:block;font-size:1.15rem}.section{padding:78px 0}.section.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.04em;color:var(--ink);margin:0}.section-head p{max-width:600px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;box-shadow:var(--shadow);transition:.2s ease}.card:hover{transform:translateY(-4px);border-color:#ccd5df}.card .tag{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#a85d00}.card h3{font-size:1.3rem;line-height:1.15;color:var(--ink);margin:10px 0}.card p{color:var(--muted);font-size:.95rem;flex:1}.card .read{font-weight:900;color:#a85d00}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);padding:24px;border-radius:var(--radius)}.feature b{display:block;color:var(--ink);font-size:1.15rem;margin-bottom:7px}.quote{background:var(--bg);color:#fff;border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr .8fr;gap:34px;align-items:center}.quote p{color:#cbd5e1}.quote form{background:#fff;padding:22px;border-radius:18px;display:grid;gap:12px}.quote input,.quote textarea,.quote select{width:100%;border:1px solid #dbe2ea;border-radius:10px;padding:12px;font:inherit}.quote button{border:0;cursor:pointer}.form-note{color:#66758b!important;font-size:.78rem;margin:0}.article-hero{background:linear-gradient(135deg,#0b1220,#17243b);color:#fff;padding:64px 0 44px}.breadcrumbs{font-size:.88rem;color:#abb8ca}.breadcrumbs a{color:#ffd166}.article-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:.35em 0 .2em;max-width:900px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:54px;padding:54px 0 80px}.article{font-size:1.055rem}.article h2{color:var(--ink);font-size:1.85rem;line-height:1.2;margin:2.1em 0 .55em}.article h3{color:var(--ink);font-size:1.35rem;margin:1.7em 0 .4em}.article p{margin:0 0 1.15em}.article ul,.article ol{padding-left:1.35em}.article li{margin:.45em 0}.article a{color:#9a5800;font-weight:800}.article blockquote{margin:2em 0;padding:20px;border-left:4px solid var(--accent);background:var(--soft)}.side{position:sticky;top:98px;align-self:start}.side-box{border:1px solid var(--line);border-radius:18px;padding:20px}.side-box h3{margin-top:0;color:var(--ink)}.side-box a{display:block;padding:8px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:.92rem}.side-box a:last-child{border:0}.site-footer{background:#09111e;color:#cbd5e1;padding:52px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid h3{color:#fff}.footer-grid a{display:block;text-decoration:none;margin:8px 0}.footer-grid p{max-width:520px}.footer-brand{margin-bottom:12px}.copyright{border-top:1px solid #22304a;margin-top:34px;padding-top:22px;color:#8492a6;font-size:.9rem}
@media(max-width:900px){.hero-grid,.quote,.article-layout{grid-template-columns:1fr}.cards,.feature-grid{grid-template-columns:1fr 1fr}.side{position:static}.hero-card{max-width:560px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.site-nav{display:none;position:absolute;left:18px;right:18px;top:66px;background:#111b2e;border:1px solid #2a3850;border-radius:16px;padding:18px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.menu-btn{display:block}.hero{padding-top:62px}.hero h1{font-size:3rem}.cards,.feature-grid,.mini-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:12px}.quote{padding:26px}.article-layout{padding-top:36px}}