:root { --button-radius: 12px; }
body { background: radial-gradient(circle at 17% 13%, rgba(6, 182, 212, 0.18), transparent 24%), radial-gradient(circle at 55% 64%, rgba(245, 158, 11, 0.14), transparent 26%), linear-gradient(180deg, #07101A, #0E1E2E); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.42; background: linear-gradient(90deg, rgba(6, 182, 212, 0.08) 1px, transparent 1px), linear-gradient(rgba(245, 158, 11, 0.08) 1px, transparent 1px); mask-image: linear-gradient(180deg, rgba(0,0,0,.78), transparent 80%); }
.site-shell,.site-header { position:relative; z-index:1; }
.site-header { background:rgba(7, 16, 26, 0.78); }
.site-nav a { border-color:rgba(245, 158, 11, 0.18); background:rgba(14, 30, 46, 0.44); }
.hero__grid { grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr); }
.hero__copy { text-align:left; max-width:720px; margin:0; }
.hero__subtitle { margin-left:0; margin-right:0; }
.hero__actions { justify-content:flex-start; }
.hero__insights { grid-template-columns:1fr; }
.insight-card { background:rgba(14, 30, 46, 0.62); border-left-color:#F59E0B; }
.section__point-card,.blog-card,.contact-card,.legal-card,.table-card { background:rgba(14, 30, 46, 0.42); border-left-color:#06B6D4; }
.button--primary { background: linear-gradient(135deg, #06B6D4, rgba(245, 158, 11, 0.88)); }
@media (max-width:1024px){ .hero__grid,.hero__insights{grid-template-columns:1fr;} .hero__copy{text-align:left;margin:0;max-width:720px;} .hero__subtitle{margin-left:0;margin-right:0;} .hero__actions{justify-content:flex-start;} }