/* cinematic/inner.css — the Cinema layer for INNER marketing pages (features, tools, pricing/money/taxes, founding, multi-trade, comparisons, calculators, HQ…). Injected by scripts/sync-inner-cinema.js (marker comment in each page's ). Trade pages already carry the full film layer and are excluded. Scope discipline: background material + display type + card hairlines only — no layout changes, so it can't break any page's own structure. */ @font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap; src:url(/fonts/anton-latin.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* the Cinema ground: film grain + warm washes + a deep vertical gradient */ body{ background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.65'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'%20opacity='0.10'/%3E%3C/svg%3E"), radial-gradient(110% 62% at 50% -8%, rgba(255,150,30,.16), transparent 56%), radial-gradient(70% 52% at 8% 4%, rgba(255,176,0,.12), transparent 60%), linear-gradient(175deg,#101116,#090a0d 74%) !important; background-repeat:repeat,no-repeat,no-repeat,no-repeat !important; background-size:170px 170px,auto,auto,auto !important; background-attachment:fixed !important; } /* display type — the brand voice on every headline */ h1{font-family:'Anton','Arial Narrow',sans-serif !important;font-weight:400 !important; text-transform:uppercase;letter-spacing:.02em;line-height:1.06 !important} main h2, .wrap > h2, section > h2, body > h2{ font-family:'Anton','Arial Narrow',sans-serif !important;font-weight:400 !important; text-transform:uppercase;letter-spacing:.03em;line-height:1.12 !important} /* display stays at page/section level — inside cards, titles return to the page's own sans (Anton page title > Anton section title > bold sans card title = the hierarchy) */ .uc h2,.card h2,.feat h2,.blk h2,.tool h2,.tier h2,.plan h2, .uc h1,.card h1,.feat h1,.blk h1,.tool h1,.tier h1,.plan h1{ font-family:inherit !important;font-weight:750 !important;text-transform:none;letter-spacing:0;line-height:1.3 !important} /* card material: soft top-light + a quiet gradient hairline (amber signature) */ .uc,.card,.feat,.blk,.tool,.tier,.plan{position:relative;overflow:hidden} .uc::before,.card::before,.feat::before,.blk::before,.tool::before,.tier::before,.plan::before{ content:"";position:absolute;top:0;left:16px;right:16px;height:2px; background:linear-gradient(120deg,#ffb000,#ff7a18 70%);opacity:.28;border-radius:0 0 2px 2px} @media print{ body{background:#fff !important} }