/** * Generated by PF COLOR SYSTEM - positivefeedback.ai * USER CSS — fonts, colors, applied styles, UI components, sizes * DO NOT EDIT - regenerated when colors are changed in Color System. * built-from: ACCT_31DEF7E78AF8_A1A8_brnd_report_brandlist_TECHNOLOGY_master @ 2026-09-09 19:02:24 */ /* ── FONT LOADING — uploaded custom fonts (each brand from its own row) ── */ @font-face { font-family: 'PFC 02'; src: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/fonts/PFC-02.woff2') format('woff2'); font-display: swap; } @font-face { font-family: 'Europa Grotesk SH Bold'; src: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/fonts/europa-grotesk-sh-bold.otf') format('opentype'); font-display: swap; } @font-face { font-family: 'Approach Mono Medium'; src: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/fonts/Approach_Mono_Medium.otf') format('opentype'); font-display: swap; } @font-face { font-family: 'Roboto Mono'; src: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/fonts/Roboto-Mono.ttf') format('truetype'); font-display: swap; } /****************************************************************************** * IMAGE CATALOG * NOTE: Variable definitions only. Do not use directly. * Image variables are assembled in the Brand Identity section. ******************************************************************************/ :root { /* Technology-tier images (system-owned) — relativized to THIS brand sheet */ --img-68FE9F6C7C02-logo_stacked-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_9620B2F2E886_E21B.png'); --img-68FE9F6C7C02-logo_horizontal-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_F63817F26D59_850B.png'); --img-68FE9F6C7C02-logo_header-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_9620B2F2E886_E21B.png'); --img-68FE9F6C7C02-logo_footer-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_F63817F26D59_850B.png'); --img-68FE9F6C7C02-background-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_E8DF1FBBBB24_0999.png'); --img-68FE9F6C7C02-moodboard-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_73521A3548B6_3F96.png'); --img-68FE9F6C7C02-hero-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_3F9881CADD88_FCD1.png'); --img-68FE9F6C7C02-logo_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_4EC57C0622CC_00F7.png'); --img-68FE9F6C7C02-logo_mini_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_EE6EE89431F8_8566.png'); --img-68FE9F6C7C02-logo_full-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_C0EACC362C39_000F.png'); --img-68FE9F6C7C02-logo_stacked-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_424CEFDBA8D0_0583.png'); --img-68FE9F6C7C02-logo_horizontal-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_1AC8CB4FC8F3_07E9.png'); --img-68FE9F6C7C02-logo_header-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_424CEFDBA8D0_0583.png'); --img-68FE9F6C7C02-logo_footer-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_1AC8CB4FC8F3_07E9.png'); --img-68FE9F6C7C02-background-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_70C8CC57EB45_CCF5.png'); --img-68FE9F6C7C02-moodboard-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_F12351A5A4CA_4E73.png'); --img-68FE9F6C7C02-hero-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_0971C7B1313B_B0F1.png'); --img-68FE9F6C7C02-logo_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_329F37D7E2CC_7EF6.png'); --img-68FE9F6C7C02-logo_mini_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_9C46AE1B700E_C795.png'); --img-68FE9F6C7C02-logo_full-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_67CB7031540F_5827.png'); --img-5DC1CC1B686D-logo_stacked-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4CF42FD21594_56E7.png'); --img-5DC1CC1B686D-logo_horizontal-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_6D8906612068_E236.png'); --img-5DC1CC1B686D-logo_header-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_C4DAE00F3CB2_A83D.png'); --img-5DC1CC1B686D-logo_footer-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_BCB3249C2829_D9F7.png'); --img-5DC1CC1B686D-background-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_F14AD377E6F0_E49D.png'); --img-5DC1CC1B686D-moodboard-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_7B3C8FAEFE4B_C698.png'); --img-5DC1CC1B686D-hero-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_6F0CEBF9EC02_4890.png'); --img-5DC1CC1B686D-logo_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_0C144912AAE6_8DA9.png'); --img-5DC1CC1B686D-logo_mini_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_0C144912AAE6_8DA9.png'); --img-5DC1CC1B686D-logo_full-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_270DA76C1AB0_746A.png'); --img-5DC1CC1B686D-logo_stacked-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_9C0166C4D45E_031B.png'); --img-5DC1CC1B686D-logo_horizontal-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_DD31C883B70D_C6E2.png'); --img-5DC1CC1B686D-logo_header-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_1973E9E6E86C_A7B7.png'); --img-5DC1CC1B686D-logo_footer-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_D0315EB98B8F_0185.png'); --img-5DC1CC1B686D-background-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_7058577FE428_6A34.png'); --img-5DC1CC1B686D-moodboard-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_9EFBBCFBB417_E0AA.png'); --img-5DC1CC1B686D-hero-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_32954F14584D_3C6C.png'); --img-5DC1CC1B686D-logo_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4A0C4F23418B_4662.png'); --img-5DC1CC1B686D-logo_mini_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4A0C4F23418B_4662.png'); --img-5DC1CC1B686D-logo_full-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4738BF7A6840_9CC5.png'); --img-0638672FDA6D-logo_stacked-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_79F95B469D60_7C41.png'); --img-0638672FDA6D-logo_horizontal-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_48C8F9505757_E605.png'); --img-0638672FDA6D-logo_header-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_9E19EC396174_2A32.png'); --img-0638672FDA6D-logo_footer-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_8EB5E4894888_B1F5.png'); --img-0638672FDA6D-background-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_0048F6E03272_9E78.png'); --img-0638672FDA6D-moodboard-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_81EDC167FDD6_6B14.png'); --img-0638672FDA6D-hero-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_E23FF466E459_B84C.png'); --img-0638672FDA6D-logo_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png'); --img-0638672FDA6D-logo_mini_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png'); --img-0638672FDA6D-logo_full-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_72EBC57F6A03_89CD.png'); --img-0638672FDA6D-logo_stacked-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_E912192A59E3_CEE6.png'); --img-0638672FDA6D-logo_horizontal-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_2DE955CF8EFA_0EB6.png'); --img-0638672FDA6D-logo_header-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_E912192A59E3_CEE6.png'); --img-0638672FDA6D-logo_footer-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_2DE955CF8EFA_0EB6.png'); --img-0638672FDA6D-background-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_624959B966B1_2582.webp'); --img-0638672FDA6D-moodboard-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_9C28FD4368EF_F486.png'); --img-0638672FDA6D-hero-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_5008A116372B_56FC.png'); --img-0638672FDA6D-logo_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_ABCF8ED7DD97_F51D.png'); --img-0638672FDA6D-logo_mini_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_BA2B7B906DBF_41FC.png'); --img-0638672FDA6D-logo_full-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_3D9AB375227C_FE65.png'); --img-4617B0447913-logo_stacked-dark: url('/cdn-pf/ACCT_BE3126443D41_40AF/sites/73f08382/static/images/DA-M_DE7E7694C1EC_0B5E.png'); --img-4617B0447913-logo_horizontal-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_6AA4AC6EADA3_2AF6.png'); --img-4617B0447913-logo_header-dark: url('/cdn-pf/ACCT_BE3126443D41_40AF/sites/73f08382/static/images/DA-M_DE7E7694C1EC_0B5E.png'); --img-4617B0447913-logo_footer-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_8EBDD0D41BFE_327A.png'); --img-4617B0447913-background-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_60C4A7568BC2_AEEC.jpg'); --img-4617B0447913-moodboard-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_F46286C5E623_A4F3.webp'); --img-4617B0447913-hero-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_E58385901FD8_9489.webp'); --img-4617B0447913-logo_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_30104F9BFE95_8211.png'); --img-4617B0447913-logo_mini_mark-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_470C7E2D934A_8CE9.png'); --img-4617B0447913-logo_full-dark: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_9CF36BB263D0_9DC1.png'); --img-4617B0447913-logo_stacked-light: url('/cdn-pf/ACCT_BE3126443D41_40AF/sites/73f08382/static/images/DA-M_1C2F7243DBBB_8268.png'); --img-4617B0447913-logo_horizontal-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_09E753565939_276A.png'); --img-4617B0447913-logo_header-light: url('/cdn-pf/ACCT_BE3126443D41_40AF/sites/73f08382/static/images/DA-M_1C2F7243DBBB_8268.png'); --img-4617B0447913-logo_footer-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_A8754F22E8AD_8EF6.png'); --img-4617B0447913-background-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_C12040DA82E4_8135.webp'); --img-4617B0447913-moodboard-light: url('/cdn-pf/ACCT_BE3126443D41_40AF/sites/73f08382/static/images/DA-M_C71B38461C5E_D76A.png'); --img-4617B0447913-hero-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_99DD9916573E_29D7.png'); --img-4617B0447913-logo_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_1E6F68019BD3_8F50.png'); --img-4617B0447913-logo_mini_mark-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_98D39868606D_127C.png'); --img-4617B0447913-logo_full-light: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_2C55746D2794_AC29.png'); } /* THE MINI MARK — per-record consumer rules (sheet-relative url in every browser) */ [data-brilliance-hierarchy="68FE9F6C7C02"][data-theme="dark"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_EE6EE89431F8_8566.png'); } html[data-brilliance-hierarchy="68FE9F6C7C02"][data-theme="dark"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_EE6EE89431F8_8566.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_EE6EE89431F8_8566.png'); } [data-brilliance-hierarchy="68FE9F6C7C02"][data-theme="light"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_9C46AE1B700E_C795.png'); } html[data-brilliance-hierarchy="68FE9F6C7C02"][data-theme="light"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_9C46AE1B700E_C795.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/290c5204/static/images/DA-M_9C46AE1B700E_C795.png'); } [data-brilliance-hierarchy="5DC1CC1B686D"][data-theme="dark"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_0C144912AAE6_8DA9.png'); } html[data-brilliance-hierarchy="5DC1CC1B686D"][data-theme="dark"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_0C144912AAE6_8DA9.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_0C144912AAE6_8DA9.png'); } [data-brilliance-hierarchy="5DC1CC1B686D"][data-theme="light"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4A0C4F23418B_4662.png'); } html[data-brilliance-hierarchy="5DC1CC1B686D"][data-theme="light"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4A0C4F23418B_4662.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00018390/static/images/DA-M_4A0C4F23418B_4662.png'); } [data-brilliance-hierarchy="0638672FDA6D"][data-theme="dark"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png'); } html[data-brilliance-hierarchy="0638672FDA6D"][data-theme="dark"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png'); } [data-brilliance-hierarchy="0638672FDA6D"][data-theme="light"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_BA2B7B906DBF_41FC.png'); } html[data-brilliance-hierarchy="0638672FDA6D"][data-theme="light"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_BA2B7B906DBF_41FC.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_BA2B7B906DBF_41FC.png'); } [data-brilliance-hierarchy="4617B0447913"][data-theme="dark"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_470C7E2D934A_8CE9.png'); } html[data-brilliance-hierarchy="4617B0447913"][data-theme="dark"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_470C7E2D934A_8CE9.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_470C7E2D934A_8CE9.png'); } [data-brilliance-hierarchy="4617B0447913"][data-theme="light"] .larry-mark { background-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_98D39868606D_127C.png'); } html[data-brilliance-hierarchy="4617B0447913"][data-theme="light"] .larry-mark--mask { -webkit-mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_98D39868606D_127C.png'); mask-image: url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/63d75dbf/static/images/DA-M_98D39868606D_127C.png'); } /* THE FOOTER LOGO SLOT — per-tier footer image, catalog pick as-is */ [data-theme="dark"] .brand-footer-logo[data-logo-tier="68FE9F6C7C02"] { background-image: var(--img-68FE9F6C7C02-logo_footer-dark); aspect-ratio: 1024 / 131; } [data-theme="light"] .brand-footer-logo[data-logo-tier="68FE9F6C7C02"] { background-image: var(--img-68FE9F6C7C02-logo_footer-light); aspect-ratio: 1024 / 131; } [data-theme="dark"] .brand-footer-logo[data-logo-tier="5DC1CC1B686D"] { background-image: var(--img-5DC1CC1B686D-logo_footer-dark); aspect-ratio: 1024 / 131; } [data-theme="light"] .brand-footer-logo[data-logo-tier="5DC1CC1B686D"] { background-image: var(--img-5DC1CC1B686D-logo_footer-light); aspect-ratio: 1024 / 131; } [data-theme="dark"] .brand-footer-logo[data-logo-tier="0638672FDA6D"] { background-image: var(--img-0638672FDA6D-logo_footer-dark); aspect-ratio: 1024 / 131; } [data-theme="light"] .brand-footer-logo[data-logo-tier="0638672FDA6D"] { background-image: var(--img-0638672FDA6D-logo_footer-light); aspect-ratio: 1024 / 131; } [data-theme="dark"] .brand-footer-logo[data-logo-tier="4617B0447913"] { background-image: var(--img-4617B0447913-logo_footer-dark); aspect-ratio: 2560 / 1674; } [data-theme="light"] .brand-footer-logo[data-logo-tier="4617B0447913"] { background-image: var(--img-4617B0447913-logo_footer-light); aspect-ratio: 3520 / 2327; } /****************************************************************************** * FONT CATALOG * NOTE: Variable definitions only. Do not use directly. * Font variables are assembled in the Brand Identity section. * --font-global-NN / --font-* at :root = THE WORN BRAND of this site; * --font--global-NN = each brand's own library (its row). ******************************************************************************/ :root { /* worn brand: mTok (0638672FDA6D) */ --font-global-01: 'PFC 02', sans-serif; --font-global-02: 'Europa Grotesk SH Bold', sans-serif; --font-global-03: Helvetica, "Helvetica Neue", Arial, sans-serif; --font-global-04: 'Approach Mono Medium', 'Roboto Mono', monospace; --font-global-05: 'Roboto Mono', monospace; --font-heading: var(--font-global-02); --font-heading-wt: 900; --font-heading-sz: 3rem; --font-heading-tt: uppercase; --font-heading-td: none; --font-heading-fi: normal; --font-heading-ls: 1.5px; --font-heading-lh: 1.05; --font-title: var(--font-global-02); --font-title-wt: 900; --font-title-sz: 2rem; --font-title-tt: uppercase; --font-title-td: none; --font-title-fi: normal; --font-title-ls: 1.5px; --font-title-lh: 1.4; --font-subtitle: var(--font-global-02); --font-subtitle-wt: 900; --font-subtitle-sz: 0.9rem; --font-subtitle-tt: uppercase; --font-subtitle-td: none; --font-subtitle-fi: normal; --font-subtitle-ls: 1.5px; --font-subtitle-lh: 2.2; --font-body: var(--font-global-03); --font-body-wt: 300; --font-body-sz: 0.9rem; --font-body-tt: none; --font-body-td: none; --font-body-fi: normal; --font-body-ls: normal; --font-body-lh: 1.4; --font-caption: var(--font-global-01); --font-caption-wt: 600; --font-caption-sz: 0.7rem; --font-caption-tt: uppercase; --font-caption-td: none; --font-caption-fi: normal; --font-caption-ls: 1.5px; --font-caption-lh: 1.5; --font-label: var(--font-global-03); --font-label-wt: 500; --font-label-sz: 0.9rem; --font-label-tt: uppercase; --font-label-td: none; --font-label-fi: normal; --font-label-ls: normal; --font-label-lh: 1.4; --font-link: var(--font-global-01); --font-link-wt: 500; --font-link-sz: 0.9rem; --font-link-tt: none; --font-link-td: underline; --font-link-fi: normal; --font-link-ls: normal; --font-link-lh: 1.4; --font-nav: var(--font-global-01); --font-nav-wt: 400; --font-nav-sz: 0.7rem; --font-nav-tt: uppercase; --font-nav-td: none; --font-nav-fi: normal; --font-nav-ls: normal; --font-nav-lh: 1.4; --font-subnav: var(--font-global-01); --font-subnav-wt: 400; --font-subnav-sz: 0.9rem; --font-subnav-tt: uppercase; --font-subnav-td: none; --font-subnav-fi: normal; --font-subnav-ls: normal; --font-subnav-lh: 1.4; --font-callout: var(--font-global-04); --font-callout-wt: 500; --font-callout-sz: 1.1rem; --font-callout-tt: uppercase; --font-callout-td: none; --font-callout-fi: normal; --font-callout-ls: normal; --font-callout-lh: 1.8; --font-notes: var(--font-global-05); --font-notes-wt: 500; --font-notes-sz: 1.1rem; --font-notes-tt: uppercase; --font-notes-td: none; --font-notes-fi: normal; --font-notes-ls: normal; --font-notes-lh: 1.4; --font-annotation: var(--font-global-03); --font-annotation-wt: 300; --font-annotation-sz: 0.6rem; --font-annotation-tt: uppercase; --font-annotation-td: none; --font-annotation-fi: normal; --font-annotation-ls: normal; --font-annotation-lh: 1.4; } /****************************************************************************** * COLOR CATALOG * NOTE: Variable definitions only. Do not use directly. * Color variables are assembled in the Brand Identity section. ******************************************************************************/ :root { } /****************************************************************************** * LIVE ASSEMBLER * Maps --active-* variables based on two data attributes on : * data-brilliance-hierarchy="68FE9F6C7C02" * data-theme="dark" * * SSE hot swap: change these two attributes and everything swaps instantly. * document.documentElement.setAttribute("data-brilliance-hierarchy", "5DC1CC1B686D"); * document.documentElement.setAttribute("data-theme", "light"); ******************************************************************************/ :root { --active-color-01: #000000; --active-color-02: #000000; --active-color-03: #000000; --active-color-04: #000000; --active-color-05: #000000; --active-color-06: #000000; --active-color-07: #000000; --active-color-08: #000000; --active-color-09: #FFFFFF; --active-color-10: #FFFFFF; --active-color-11: #FFFFFF; --active-color-12: transparent; --active-color-13: transparent; --active-color-14: transparent; --active-color-15: transparent; --active-color-16: transparent; --active-color-17: transparent; --active-color-18: transparent; --active-color-19: transparent; --active-color-20: transparent; --active-color-21: transparent; --active-color-22: transparent; --active-color-23: transparent; --active-color-24: transparent; --active-color-25: transparent; --active-color-26: transparent; --active-color-27: transparent; --active-color-28: transparent; --active-color-29: transparent; --active-color-30: transparent; --active-color-31: transparent; --active-color-32: transparent; --active-color-33: transparent; --active-color-34: transparent; --active-color-35: transparent; --active-color-36: transparent; --active-color-37: transparent; --active-color-38: transparent; --active-color-39: transparent; --active-color-40: transparent; --active-color-41: transparent; --active-color-42: transparent; --active-color-43: transparent; --active-color-44: transparent; --active-color-45: transparent; --active-color-46: transparent; --active-color-47: transparent; --active-color-48: transparent; --active-color-49: transparent; --active-color-50: transparent; --active-color-51: transparent; --active-color-52: transparent; --active-color-53: transparent; --active-color-54: transparent; --active-color-55: transparent; --active-color-56: transparent; --active-color-57: transparent; --active-color-58: transparent; --active-color-59: transparent; --active-color-60: transparent; --active-color-61: transparent; --active-color-62: transparent; --active-color-63: transparent; --active-color-64: transparent; --active-logo_stacked: none; --active-logo_horizontal: none; --active-logo_header: none; --active-logo_footer: none; --active-background: none; --active-moodboard: none; --active-hero: none; --active-logo_mark: none; --active-logo_mini_mark: none; --active-logo_full: none; --active-keybadge: none; } .layout--nav__link { text-decoration: none; color: var(--ui-subnav-text); font-family: var(--font-subnav); font-size: var(--font-subnav-sz); font-weight: var(--font-subnav-wt); text-transform: var(--font-subnav-tt); letter-spacing: var(--font-subnav-ls); } .layout--nav__link:hover { color: var(--active-color-05); } /****************************************************************************** * APPLIED STYLES — uses --active-* variables from the Live Assembler * * These classes never change. The Live Assembler swaps the variables. * * EXAMPLE: *

Frost Security

*

Body text here.

* Click here *
Content
*
*
LARRY says hello
******************************************************************************/ .heading { font-family: var(--font-heading); font-weight: var(--font-heading-wt); font-size: var(--font-heading-sz); line-height: var(--font-heading-lh); text-transform: var(--font-heading-tt); text-decoration: var(--font-heading-td); font-style: var(--font-heading-fi); letter-spacing: var(--font-heading-ls); color: var(--active-color-01); } .title { font-family: var(--font-title); font-weight: var(--font-title-wt); font-size: var(--font-title-sz); line-height: var(--font-title-lh); text-transform: var(--font-title-tt); text-decoration: var(--font-title-td); font-style: var(--font-title-fi); letter-spacing: var(--font-title-ls); color: var(--active-color-01); } .subtitle { font-family: var(--font-subtitle); font-weight: var(--font-subtitle-wt); font-size: var(--font-subtitle-sz); line-height: var(--font-subtitle-lh); text-transform: var(--font-subtitle-tt); text-decoration: var(--font-subtitle-td); font-style: var(--font-subtitle-fi); letter-spacing: var(--font-subtitle-ls); color: var(--active-color-02); } .body { font-family: var(--font-body); font-weight: var(--font-body-wt); font-size: var(--font-body-sz); line-height: var(--font-body-lh); text-transform: var(--font-body-tt); text-decoration: var(--font-body-td); font-style: var(--font-body-fi); letter-spacing: var(--font-body-ls); color: var(--active-color-02); } .caption { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); line-height: var(--font-caption-lh); text-transform: var(--font-caption-tt); text-decoration: var(--font-caption-td); font-style: var(--font-caption-fi); letter-spacing: var(--font-caption-ls); color: var(--active-color-03); } .nav { font-family: var(--font-nav); font-weight: var(--font-nav-wt); font-size: var(--font-nav-sz); line-height: var(--font-nav-lh); text-transform: var(--font-nav-tt); text-decoration: var(--font-nav-td); font-style: var(--font-nav-fi); letter-spacing: var(--font-nav-ls); color: var(--active-color-04); } .link { font-family: var(--font-link); font-weight: var(--font-link-wt); font-size: var(--font-link-sz); line-height: var(--font-link-lh); text-transform: var(--font-link-tt); text-decoration: var(--font-link-td); font-style: var(--font-link-fi); letter-spacing: var(--font-link-ls); color: var(--active-color-04); } .callout { font-family: var(--font-callout); font-weight: var(--font-callout-wt); font-size: var(--font-callout-sz); line-height: var(--font-callout-lh); text-transform: var(--font-callout-tt); text-decoration: var(--font-callout-td); font-style: var(--font-callout-fi); letter-spacing: var(--font-callout-ls); color: var(--active-color-06); } .emphasis { font-family: var(--font-callout); font-weight: var(--font-callout-wt); font-size: var(--font-callout-sz); line-height: var(--font-callout-lh); text-transform: var(--font-callout-tt); text-decoration: var(--font-callout-td); font-style: var(--font-callout-fi); letter-spacing: var(--font-callout-ls); color: var(--active-color-07); } .notes { font-family: var(--font-notes); font-weight: var(--font-notes-wt); font-size: var(--font-notes-sz); line-height: var(--font-notes-lh); text-transform: var(--font-notes-tt); text-decoration: var(--font-notes-td); font-style: var(--font-notes-fi); letter-spacing: var(--font-notes-ls); color: var(--active-color-08); } .annotation { font-family: var(--font-annotation); font-weight: var(--font-annotation-wt); font-size: var(--font-annotation-sz); line-height: var(--font-annotation-lh); text-transform: var(--font-annotation-tt); text-decoration: var(--font-annotation-td); font-style: var(--font-annotation-fi); letter-spacing: var(--font-annotation-ls); color: var(--active-color-08); } .subnav { font-family: var(--font-subnav); font-weight: var(--font-subnav-wt); font-size: var(--font-subnav-sz); line-height: var(--font-subnav-lh); text-transform: var(--font-subnav-tt); text-decoration: var(--font-subnav-td); font-style: var(--font-subnav-fi); letter-spacing: var(--font-subnav-ls); color: var(--active-color-04); } .label { font-family: var(--font-label); font-weight: var(--font-label-wt); font-size: var(--font-label-sz); line-height: var(--font-label-lh); text-transform: var(--font-label-tt); text-decoration: var(--font-label-td); font-style: var(--font-label-fi); letter-spacing: var(--font-label-ls); color: var(--active-color-03); } .link:hover { color: var(--active-color-05); } .nav:hover { color: var(--active-color-05); } .subnav:hover { color: var(--active-color-05); } a { color: var(--active-color-04); text-decoration: none; } a:hover { color: var(--active-color-05); } body { background-color: var(--active-color-09); background-image: var(--active-background); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; background-attachment: fixed; color: var(--active-color-01); font-family: var(--font-body); font-weight: var(--font-body-wt); } .surface { background-color: var(--active-color-09); } .sub-contacts-header, .sub-invoices-header, .sub-locations-header, .sub-operations-header { font-family: var(--font-subtitle); font-weight: var(--font-subtitle-wt); font-size: var(--font-subtitle-sz); text-transform: var(--font-subtitle-tt); color: var(--active-color-01); } .sub-contact-name, .sub-invoice-name, .sub-location-name, .sub-operation-name { font-family: var(--font-label); font-weight: var(--font-label-wt); font-size: var(--font-label-sz); } .sub-contact-secondary, .sub-invoice-secondary, .sub-location-secondary, .sub-operation-secondary { font-family: var(--font-annotation); font-weight: var(--font-annotation-wt); font-size: var(--font-annotation-sz); } .sub-contact-address, .sub-invoice-address, .sub-location-address { font-family: var(--font-body); font-weight: var(--font-body-wt); font-size: var(--font-body-sz); } .sub-button { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); text-transform: var(--font-caption-tt); letter-spacing: var(--font-caption-ls); } .sub-card-input { font-family: var(--font-body); font-weight: var(--font-body-wt); font-size: var(--font-body-sz); } .sub-contacts-header, .sub-invoices-header, .sub-locations-header, .sub-operations-header { padding: 0 0 20px 0; margin-top: 0; color: var(--active-color-01); } .sub-contacts-header > div:first-child, .sub-invoices-header > div:first-child, .sub-locations-header > div:first-child, .sub-operations-header > div:first-child { font-family: var(--font-title); font-weight: var(--font-title-wt); font-size: var(--font-title-sz); text-transform: var(--font-title-tt); letter-spacing: var(--font-title-ls); } .sub-contacts-header > div:nth-child(2), .sub-invoices-header > div:nth-child(2), .sub-locations-header > div:nth-child(2), .sub-operations-header > div:nth-child(2) { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); text-transform: var(--font-caption-tt); letter-spacing: var(--font-caption-ls); color: var(--active-color-07); margin-top: 4px; } .sub-section-heading { font-family: var(--font-subtitle); font-weight: var(--font-subtitle-wt); font-size: var(--font-subtitle-sz); text-transform: var(--font-subtitle-tt); letter-spacing: var(--font-subtitle-ls); background: none; padding: 8px 0; border-bottom: 1px solid var(--ui-section-divider); color: var(--active-color-01); } .page-content .main-container { background: var(--ui-surface-inner); padding: 30px; border-radius: 8px; border: 2px solid var(--ui-card-border); margin-top: 20px; color: var(--active-color-01); } .page-content .main-container > style + * { margin-top: 0; } .sub-contacts-table, .sub-invoices-table, .sub-locations-table, .sub-operations-table { color: var(--active-color-01); } .sub-contacts-table a, .sub-invoices-table a, .sub-locations-table a, .sub-operations-table a { color: var(--active-color-07); } .sub-contacts-table a:hover, .sub-invoices-table a:hover, .sub-locations-table a:hover, .sub-operations-table a:hover { color: var(--active-color-04); } .sub-contacts-table-row, .sub-invoices-table-row, .sub-locations-table-row, .sub-operations-table-row { border-bottom: 1px solid var(--ui-row-divider) !important; } .sub-contact-row { border-bottom: 1px solid var(--ui-row-divider); } .sub-search-input { border-color: var(--ui-input-border); color: var(--active-color-01); background: var(--active-color-01); } .sub-sort-btn { border-color: var(--ui-sm-btn-border); color: var(--active-color-01); } .sub-search-input { font-family: var(--font-body); font-weight: var(--font-body-wt); font-size: var(--font-body-sz); background: transparent; color: var(--active-color-01); } .sub-search-button { font-family: var(--font-caption); font-weight: var(--font-caption-wt); font-size: var(--font-caption-sz); color: var(--active-color-01); cursor: pointer; } .sub-sort-btn { font-family: var(--font-caption); font-weight: var(--font-caption-wt); } .surface-outer { background-color: var(--active-color-10); } .surface-inner { background-color: var(--active-color-11); } .logo-stacked { background-image: var(--active-logo_stacked); background-size: contain; background-repeat: no-repeat; } .logo-horizontal { background-image: var(--active-logo_horizontal); background-size: contain; background-repeat: no-repeat; } .logo-footer { background-image: var(--active-logo_footer); background-size: contain; background-repeat: no-repeat; } .hero { background-image: var(--active-hero); background-size: cover; background-position: center; } .moodboard { background-image: var(--active-moodboard); background-size: cover; background-position: center; } .featured-mark { background-image: var(--active-logo_mark); background-size: contain; background-repeat: no-repeat; background-position: center; } .larry-mark { background-image: var(--active-logo_mini_mark); background-size: contain; background-repeat: no-repeat; background-position: center; } .video-safe-type { color: var(--active-color-01); text-shadow: 0 2px 22px var(--active-color-09), 0 0 40px var(--active-color-09), 0 0 12px var(--active-color-09), 0 0 4px var(--active-color-09); } .book-demo-video-section .layout--action__content, .book-demo-video-section .layout--action__content .heading, .book-demo-video-section .layout--action__content .caption { color: var(--active-color-01); text-shadow: 0 2px 22px var(--active-color-09), 0 0 40px var(--active-color-09), 0 0 12px var(--active-color-09), 0 0 4px var(--active-color-09); } .book-demo-video-section .main-button, .book-demo-video-section .main-button:hover, .book-demo-video-section .main-button-container a { text-shadow: none; } .book-demo-scrim { background: transparent; } .marquee { color: var(--active-marquee, var(--active-color-07)); } .dynamic-status, .larry-agent__role--shimmer { background: linear-gradient(90deg, currentColor 0%, currentColor 40%, color-mix(in srgb, var(--active-color-11) 90%, transparent) 50%, currentColor 60%, currentColor 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: dynamicStatusShimmer 2.5s ease-in-out infinite; } @keyframes dynamicStatusShimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } :root { --ui-announce-bg: var(--active-color-12); --ui-announce-text: var(--active-color-13); --ui-nav-bg: transparent; --ui-nav-text: var(--active-color-15); --ui-nav-border: transparent; --ui-subnav-text: var(--active-color-17); --ui-subnav-active: var(--active-color-18); --ui-subnav-indicator: var(--active-color-19); --ui-tools-bg: var(--active-color-20); --ui-tools-text: var(--active-color-21); --ui-tools-border: var(--active-color-22); --ui-tools-hover: var(--active-color-23); --ui-btn-text: var(--active-color-24); --ui-btn-bg: var(--active-color-25); --ui-btn-active-text: var(--active-color-26); --ui-btn-active-bg: var(--active-color-27); --ui-btn-hover-bg: var(--active-color-28); --ui-body-bg: var(--active-color-29); --ui-input-bg: var(--active-color-30); --ui-input-border: var(--active-color-31); --ui-input-focus: var(--active-color-32); --ui-placeholder: var(--active-color-33); --ui-card-bg: var(--active-color-34); --ui-card-border: var(--active-color-35); --ui-row-divider: var(--active-color-36); --ui-section-divider: var(--active-color-37); --ui-tag-text: var(--active-color-38); --ui-tag-bg: var(--active-color-39); --ui-tag-border: var(--active-color-40); --ui-sm-btn-text: var(--active-color-41); --ui-sm-btn-bg: var(--active-color-42); --ui-sm-btn-border: var(--active-color-43); --ui-surface-outer: var(--active-color-44); --ui-surface-inner: var(--active-color-45); --ui-success-text: var(--active-color-46); --ui-success-bg: var(--active-color-47); --ui-warn-text: var(--active-color-48); --ui-warn-bg: var(--active-color-49); --ui-error-text: var(--active-color-50); --ui-error-bg: var(--active-color-51); --ui-toast-text: var(--active-color-52); --ui-toast-bg: var(--active-color-53); --ui-gradient-start: var(--active-color-54); --ui-gradient-end: var(--active-color-55); --ui-gradient-text: var(--active-color-56); --ui-focus-ring: var(--active-color-57); --ui-progress-track: var(--active-color-58); --ui-progress-fill: var(--active-color-59); --ui-overlay: var(--active-color-60); --ui-footer-bg: transparent; --ui-footer-text: var(--active-color-62); --ui-footer-border: transparent; --ui-footer-link: var(--active-color-64); --ui-btn-padding-y: 18px; --ui-btn-padding-x: 15px; --ui-btn-border-width: 1px; --ui-btn-border-radius: 0px; --ui-btn-transition: 0.3s; --ui-btn-easing: ease; --ui-btn-hover-shadow: 30px; --ui-btn-hover-opacity: 0.9; --ui-btn-hover-lift: -2px; --ui-btn-text: var(--active-color-24); } /* ── UI COMPONENT CLASSES — use --ui-* variables from slots 12-64 ── */ /* Buttons */ .ui-btn { color: var(--ui-btn-text); background: var(--ui-btn-bg); border: none; cursor: pointer; } .ui-btn:hover { background: var(--ui-btn-hover-bg); } .ui-btn--active { color: var(--ui-btn-active-text); background: var(--ui-btn-active-bg); } .ui-btn--sm { color: var(--ui-sm-btn-text); background: var(--ui-sm-btn-bg); border: 1px solid var(--ui-sm-btn-border); } /* Inputs */ .ui-input { background: var(--ui-input-bg); border: 1px solid var(--ui-input-border); color: var(--active-color-01); } .ui-input:focus { border-color: var(--ui-input-focus); outline: 2px solid var(--ui-focus-ring); outline-offset: 1px; } .ui-input::placeholder { color: var(--ui-placeholder); } /* Cards */ .ui-card { background: var(--ui-card-bg); border: 1px solid var(--ui-card-border); } /* Tags / Chips */ .ui-tag { color: var(--ui-tag-text); background: var(--ui-tag-bg); border: 1px solid var(--ui-tag-border); } /* Dividers */ .ui-divider { border-top: 1px solid var(--ui-row-divider); } .ui-divider--section { border-top: 1px solid var(--ui-section-divider); } .admin-bullet { color: var(--active-color-04); } /* Status */ .ui-success { color: var(--ui-success-text); background: var(--ui-success-bg); } .ui-warning { color: var(--ui-warn-text); background: var(--ui-warn-bg); } .ui-error { color: var(--ui-error-text); background: var(--ui-error-bg); } /* Toast / Notification */ .ui-toast { color: var(--ui-toast-text); background: var(--ui-toast-bg); } /* Progress */ .ui-progress-track { background: var(--ui-progress-track); } .ui-progress-fill { background: var(--ui-progress-fill); } /* Overlay */ .ui-overlay { background: var(--ui-overlay); } /* Footer */ .ui-footer { background: var(--ui-footer-bg); color: var(--ui-footer-text); border-top: 1px solid var(--ui-footer-border); } .ui-footer a { color: var(--ui-footer-link); } /* Tools Panel */ .ui-tools { background: var(--ui-tools-bg); color: var(--ui-tools-text); border: 1px solid var(--ui-tools-border); } .ui-tools:hover { background: var(--ui-tools-hover); } /* ── LAYOUT WIRING — connects layout--* classes from core.css to --ui-* slots ── */ /* Tools section wiring */ .tools-section { background: var(--ui-tools-bg); color: var(--ui-tools-text); } .tools-card { border: 1px solid var(--ui-tools-border); color: var(--ui-tools-text); } .tools-card:hover { background: var(--ui-tools-hover); } /* Nav wiring */ /* Main module buttons (Contacts, Invoices, etc.) — glow on hover */ .main-button { color: var(--ui-btn-bg); background: transparent; border: var(--ui-btn-border-width) solid var(--ui-btn-bg); border-radius: var(--ui-btn-border-radius); font-family: var(--font-subnav); font-weight: var(--font-subnav-wt); font-size: var(--font-subnav-sz); text-transform: var(--font-subnav-tt); letter-spacing: var(--font-subnav-ls); padding: var(--ui-btn-padding-y) var(--ui-btn-padding-x); transition: all var(--ui-btn-transition) var(--ui-btn-easing); } /* LIQUID GLASS — resting state for all big buttons: frosted top-left -> clear bottom-right, full-colour border, no glow. THE GLASS IS THE BRAND'S (owner report 2026-09-04: "all big buttons are still broken"): it was three literal rgba(255,255,255,...) stops, so every big button on the platform rested under a WHITE sheen whatever the row said. Same look, mixed from the button fill. */ .main-button:not(:hover) { background: linear-gradient(135deg, color-mix(in srgb, var(--active-color-01) 18%, transparent) 0%, color-mix(in srgb, var(--active-color-01) 5%, transparent) 45%, transparent 100%); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: var(--ui-btn-border-width) solid transparent; border-image: linear-gradient(135deg, color-mix(in srgb, var(--ui-btn-bg) 65%, transparent) 0%, var(--ui-btn-bg) 100%) 1; box-shadow: none; } .main-button:hover { background: var(--ui-btn-hover-bg, var(--ui-btn-bg)); color: var(--active-color-09); box-shadow: 0 0 var(--ui-btn-hover-shadow) color-mix(in srgb, var(--ui-btn-bg) calc(var(--ui-btn-hover-opacity) * 100%), transparent); transform: translateY(var(--ui-btn-hover-lift)); } .main-button.active { color: var(--ui-btn-active-text); background: var(--ui-btn-active-bg); border-color: var(--ui-btn-active-bg); } /* Button wiring — sub-card-button is the real app button class */ .sub-card-button { color: var(--ui-btn-text); background: var(--ui-btn-bg); } .sub-card-button:hover { background: var(--ui-btn-hover-bg); } .sub-card-button--primary { color: var(--ui-btn-text); background: var(--ui-btn-bg); } .sub-card-button--small { color: var(--ui-sm-btn-text); background: var(--ui-sm-btn-bg); border: 1px solid var(--ui-sm-btn-border); } /* Input wiring — sub-card-input is the real app input class */ .sub-card-input { background: var(--ui-input-bg); border: 1px solid var(--ui-input-border); color: var(--active-color-01); } .sub-card-input:focus { border-color: var(--ui-input-focus); outline: 2px solid var(--ui-focus-ring); outline-offset: 1px; } .sub-card-input::placeholder { color: var(--ui-placeholder); } .sub-card-hint { color: var(--ui-placeholder); } .sub-card-select { background: var(--ui-input-bg); border: 1px solid var(--ui-input-border); color: var(--active-color-01); } .sub-card-textarea { background: var(--ui-input-bg); border: 1px solid var(--ui-input-border); color: var(--active-color-01); } /* Card wiring — sub-card-container is the real app card class */ .sub-card-container { background: var(--ui-card-bg); border: 1px solid var(--ui-card-border); } .sub-card-header { border-bottom: 1px solid var(--ui-section-divider); } .sub-card-section { border-bottom: 1px solid var(--ui-row-divider); } /* Contact row wiring */ .sub-contact-row { border-bottom: 1px solid var(--ui-row-divider); } /* Tag wiring */ .sub-tag { color: var(--ui-tag-text); background: var(--ui-tag-bg); border: 1px solid var(--ui-tag-border); } /* Status wiring */ .sub-success { color: var(--ui-success-text); background: var(--ui-success-bg); } .sub-warning { color: var(--ui-warn-text); background: var(--ui-warn-bg); } .sub-error { color: var(--ui-error-text); background: var(--ui-error-bg); } /* Footer wiring */ .layout--footer { background: var(--ui-footer-bg); color: var(--ui-footer-text); } .layout--footer__separator { background: var(--ui-footer-border); } .layout--footer__nav-link { color: var(--ui-footer-link); } .layout--footer__legal-link { color: var(--ui-footer-link); } .layout--footer__nav-link:hover { color: var(--ui-footer-link); } /****************************************************************************** * SIZES + LINE HEIGHTS — system utility classes * * STEP 1: Pick a class from Applied Styles * .heading .title .subtitle .body .caption .link .callout .emphasis .notes * * STEP 2: Add a size class * .size--xxxs (0.6rem) .size--xxs (0.7rem) .size--xs (0.8rem) .size--s (0.9rem) .size--m (1.1rem) * .size--l (1.5rem) .size--xl (2rem) .size--xxl (3rem) .size--xxxl (4.5rem) * .size--xxxxl (8rem) * * STEP 3: Add a line-height class (optional) * .line-height--small (1.2) — headings, captions, tight text * .line-height--medium (2.2) — body text, paragraphs, readable text * * EXAMPLE: *

Page Title

*

Paragraph text.

* Learn more * ******************************************************************************/ :root { --font-size-xxxs: 0.6rem; --font-size-xxs: 0.7rem; --font-size-xs: 0.8rem; --font-size-s: 0.9rem; --font-size-m: 1.1rem; --font-size-l: 1.5rem; --font-size-xl: 2rem; --font-size-xxl: 3rem; --font-size-xxxl: 4.5rem; --font-size-xxxxl: 8rem; } .size--xxxs { font-size: 0.6rem; } .size--xxs { font-size: 0.7rem; } .size--xs { font-size: 0.8rem; } .size--s { font-size: 0.9rem; } .size--m { font-size: 1.1rem; } .size--l { font-size: 1.5rem; } .size--xl { font-size: 2rem; } .size--xxl { font-size: 3rem; } .size--xxxl { font-size: 4.5rem; } .size--xxxxl { font-size: 8rem; } .line-height--small { line-height: 1.2; } .line-height--medium { line-height: 2.2; } /* LIVE FROM THE BRAND ROW — mTok (0638672FDA6D) */ :root{--font-size-xxxs:0.6rem;--font-size-xxs:0.7rem;--font-size-xs:0.8rem;--font-size-s:0.9rem;--font-size-m:1.1rem;--font-size-l:1.5rem;--font-size-xl:2rem;--font-size-xxl:3rem;--font-size-xxxl:4.5rem;--font-size-xxxxl:8rem;} [data-brilliance-hierarchy="0638672FDA6D"][data-theme="dark"]{--color-0638672FDA6D-01-dark:#DAAB79;--active-color-01:#DAAB79;--color-0638672FDA6D-02-dark:#DAAB79;--active-color-02:#DAAB79;--color-0638672FDA6D-03-dark:#DAAB79;--active-color-03:#DAAB79;--color-0638672FDA6D-04-dark:#DAAB79;--active-color-04:#DAAB79;--color-0638672FDA6D-05-dark:#F7AB5B;--active-color-05:#F7AB5B;--color-0638672FDA6D-06-dark:#DAAB79;--active-color-06:#DAAB79;--color-0638672FDA6D-07-dark:#F7AB5B;--active-color-07:#F7AB5B;--color-0638672FDA6D-08-dark:#FCE1C4;--active-color-08:#FCE1C4;--color-0638672FDA6D-09-dark:#09101E;--active-color-09:#09101E;--color-0638672FDA6D-10-dark:#13213D;--active-color-10:#13213D;--color-0638672FDA6D-11-dark:#192C50;--active-color-11:#192C50;--color-0638672FDA6D-12-dark:#192C50;--active-color-12:#192C50;--color-0638672FDA6D-13-dark:#DAAB79;--active-color-13:#DAAB79;--color-0638672FDA6D-14-dark:#09101E;--active-color-14:#09101E;--color-0638672FDA6D-15-dark:#DAAB79;--active-color-15:#DAAB79;--color-0638672FDA6D-16-dark:#DAAB79;--active-color-16:#DAAB79;--color-0638672FDA6D-17-dark:#DAAB79;--active-color-17:#DAAB79;--color-0638672FDA6D-18-dark:#DAAB79;--active-color-18:#DAAB79;--color-0638672FDA6D-19-dark:#F7AB5B;--active-color-19:#F7AB5B;--color-0638672FDA6D-20-dark:#13213D;--active-color-20:#13213D;--color-0638672FDA6D-21-dark:#DAAB79;--active-color-21:#DAAB79;--color-0638672FDA6D-22-dark:#DAAB79;--active-color-22:#DAAB79;--color-0638672FDA6D-23-dark:#F7AB5B;--active-color-23:#F7AB5B;--color-0638672FDA6D-24-dark:#09101E;--active-color-24:#09101E;--color-0638672FDA6D-25-dark:#DAAB79;--active-color-25:#DAAB79;--color-0638672FDA6D-26-dark:#DAAB79;--active-color-26:#DAAB79;--color-0638672FDA6D-27-dark:#09101E;--active-color-27:#09101E;--color-0638672FDA6D-28-dark:#F7AB5B;--active-color-28:#F7AB5B;--color-0638672FDA6D-29-dark:#09101E;--active-color-29:#09101E;--color-0638672FDA6D-30-dark:#192C50;--active-color-30:#192C50;--color-0638672FDA6D-31-dark:#DAAB79;--active-color-31:#DAAB79;--color-0638672FDA6D-32-dark:#DAAB79;--active-color-32:#DAAB79;--color-0638672FDA6D-33-dark:#DAAB79;--active-color-33:#DAAB79;--color-0638672FDA6D-34-dark:#13213D;--active-color-34:#13213D;--color-0638672FDA6D-35-dark:#DAAB79;--active-color-35:#DAAB79;--color-0638672FDA6D-36-dark:#DAAB79;--active-color-36:#DAAB79;--color-0638672FDA6D-37-dark:#DAAB79;--active-color-37:#DAAB79;--color-0638672FDA6D-38-dark:#DAAB79;--active-color-38:#DAAB79;--color-0638672FDA6D-39-dark:#192C50;--active-color-39:#192C50;--color-0638672FDA6D-40-dark:#DAAB79;--active-color-40:#DAAB79;--color-0638672FDA6D-41-dark:#DAAB79;--active-color-41:#DAAB79;--color-0638672FDA6D-42-dark:#13213D;--active-color-42:#13213D;--color-0638672FDA6D-43-dark:#DAAB79;--active-color-43:#DAAB79;--color-0638672FDA6D-44-dark:#13213D;--active-color-44:#13213D;--color-0638672FDA6D-45-dark:#192C50;--active-color-45:#192C50;--color-0638672FDA6D-46-dark:#F7AB5B;--active-color-46:#F7AB5B;--color-0638672FDA6D-47-dark:#192C50;--active-color-47:#192C50;--color-0638672FDA6D-48-dark:#F7AB5B;--active-color-48:#F7AB5B;--color-0638672FDA6D-49-dark:#192C50;--active-color-49:#192C50;--color-0638672FDA6D-50-dark:#F7AB5B;--active-color-50:#F7AB5B;--color-0638672FDA6D-51-dark:#192C50;--active-color-51:#192C50;--color-0638672FDA6D-52-dark:#DAAB79;--active-color-52:#DAAB79;--color-0638672FDA6D-53-dark:#13213D;--active-color-53:#13213D;--color-0638672FDA6D-54-dark:#09101E;--active-color-54:#09101E;--color-0638672FDA6D-55-dark:#13213D;--active-color-55:#13213D;--color-0638672FDA6D-56-dark:#DAAB79;--active-color-56:#DAAB79;--color-0638672FDA6D-57-dark:#DAAB79;--active-color-57:#DAAB79;--color-0638672FDA6D-58-dark:#192C50;--active-color-58:#192C50;--color-0638672FDA6D-59-dark:#DAAB79;--active-color-59:#DAAB79;--color-0638672FDA6D-60-dark:#09101E;--active-color-60:#09101E;--color-0638672FDA6D-61-dark:#13213D;--active-color-61:#13213D;--color-0638672FDA6D-62-dark:#DAAB79;--active-color-62:#DAAB79;--color-0638672FDA6D-63-dark:#DAAB79;--active-color-63:#DAAB79;--color-0638672FDA6D-64-dark:#DAAB79;--active-color-64:#DAAB79;--color-0638672FDA6D-logo_color_1-dark:#DAAB79;--color-0638672FDA6D-marquee-dark:#F7AB5B;--color-0638672FDA6D-dock_activity-dark:#DAAB79;--color-0638672FDA6D-badge_bg-dark:#910E0D;--color-0638672FDA6D-badge_text-dark:#FFFFFF;--active-badge-bg:#910E0D;--active-badge-text:#FFFFFF;--active-logo-color:#DAAB79;--active-dock-activity:#DAAB79;--active-marquee:#F7AB5B;--color-0638672FDA6D-dock_glass-dark:#09101E;--dock-glass:linear-gradient(to bottom, color-mix(in srgb, #09101E 8%, transparent) 0%, color-mix(in srgb, #09101E 26%, transparent) 100%);--active-keybadge-label:#DAAB79;--active-keybadge-value:#DAAB79;--active-keybadge-hash:#DAAB79;--active-keybadge-hashbg:#09101E;--img-0638672FDA6D-logo_stacked-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_79F95B469D60_7C41.png');--active-logo_stacked:var(--img-0638672FDA6D-logo_stacked-dark);--img-0638672FDA6D-logo_horizontal-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_48C8F9505757_E605.png');--active-logo_horizontal:var(--img-0638672FDA6D-logo_horizontal-dark);--img-0638672FDA6D-logo_header-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_9E19EC396174_2A32.png');--active-logo_header:var(--img-0638672FDA6D-logo_header-dark);--img-0638672FDA6D-logo_footer-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_8EB5E4894888_B1F5.png');--active-logo_footer:var(--img-0638672FDA6D-logo_footer-dark);--img-0638672FDA6D-background-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_0048F6E03272_9E78.png');--active-background:radial-gradient(ellipse 55% 38% at 46% 42%, rgba(218,171,121,0.16) 0%, rgba(218,171,121,0.05) 45%, rgba(0,0,0,0) 75%), linear-gradient(to top, rgba(218,171,121,0.20) 0%, rgba(218,171,121,0.06) 10%, rgba(0,0,0,0) 22%), var(--img-0638672FDA6D-background-dark);--img-0638672FDA6D-moodboard-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_81EDC167FDD6_6B14.png');--active-moodboard:var(--img-0638672FDA6D-moodboard-dark);--img-0638672FDA6D-hero-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_E23FF466E459_B84C.png');--active-hero:var(--img-0638672FDA6D-hero-dark);--img-0638672FDA6D-logo_mark-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png');--active-logo_mark:var(--img-0638672FDA6D-logo_mark-dark);--img-0638672FDA6D-logo_mini_mark-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_AD16DD292254_4D52.png');--active-logo_mini_mark:var(--img-0638672FDA6D-logo_mini_mark-dark);--img-0638672FDA6D-logo_full-dark:url('/cdn-pf/ACCT_31DEF7E78AF8_A1A8/sites/00334dc3/static/images/DA-M_72EBC57F6A03_89CD.png');--active-logo_full:var(--img-0638672FDA6D-logo_full-dark);--font-0638672FDA6D-global-01:'PFC 02', sans-serif;--font-global-01:var(--font-0638672FDA6D-global-01);--font-0638672FDA6D-global-02:'Europa Grotesk SH Bold', sans-serif;--font-global-02:var(--font-0638672FDA6D-global-02);--font-0638672FDA6D-global-03:Helvetica, "Helvetica Neue", Arial, sans-serif;--font-global-03:var(--font-0638672FDA6D-global-03);--font-0638672FDA6D-global-04:'Approach Mono Medium', 'Roboto Mono', monospace;--font-global-04:var(--font-0638672FDA6D-global-04);--font-0638672FDA6D-global-05:'Roboto Mono', monospace;--font-global-05:var(--font-0638672FDA6D-global-05);--font-heading: var(--font-global-02);--font-heading-wt: 900;--font-heading-sz: 3rem;--font-heading-tt: uppercase;--font-heading-td: none;--font-heading-fi: normal;--font-heading-ls: 1.5px;--font-heading-lh: 1.05;--font-title: var(--font-global-02);--font-title-wt: 900;--font-title-sz: 2rem;--font-title-tt: uppercase;--font-title-td: none;--font-title-fi: normal;--font-title-ls: 1.5px;--font-title-lh: 1.4;--font-subtitle: var(--font-global-02);--font-subtitle-wt: 900;--font-subtitle-sz: 0.9rem;--font-subtitle-tt: uppercase;--font-subtitle-td: none;--font-subtitle-fi: normal;--font-subtitle-ls: 1.5px;--font-subtitle-lh: 2.2;--font-body: var(--font-global-03);--font-body-wt: 300;--font-body-sz: 0.9rem;--font-body-tt: none;--font-body-td: none;--font-body-fi: normal;--font-body-ls: normal;--font-body-lh: 1.4;--font-caption: var(--font-global-01);--font-caption-wt: 600;--font-caption-sz: 0.7rem;--font-caption-tt: uppercase;--font-caption-td: none;--font-caption-fi: normal;--font-caption-ls: 1.5px;--font-caption-lh: 1.5;--font-label: var(--font-global-03);--font-label-wt: 500;--font-label-sz: 0.9rem;--font-label-tt: uppercase;--font-label-td: none;--font-label-fi: normal;--font-label-ls: normal;--font-label-lh: 1.4;--font-link: var(--font-global-01);--font-link-wt: 500;--font-link-sz: 0.9rem;--font-link-tt: none;--font-link-td: underline;--font-link-fi: normal;--font-link-ls: normal;--font-link-lh: 1.4;--font-nav: var(--font-global-01);--font-nav-wt: 400;--font-nav-sz: 0.7rem;--font-nav-tt: uppercase;--font-nav-td: none;--font-nav-fi: normal;--font-nav-ls: normal;--font-nav-lh: 1.4;--font-subnav: var(--font-global-01);--font-subnav-wt: 400;--font-subnav-sz: 0.9rem;--font-subnav-tt: uppercase;--font-subnav-td: none;--font-subnav-fi: normal;--font-subnav-ls: normal;--font-subnav-lh: 1.4;--font-callout: var(--font-global-04);--font-callout-wt: 500;--font-callout-sz: 1.1rem;--font-callout-tt: uppercase;--font-callout-td: none;--font-callout-fi: normal;--font-callout-ls: normal;--font-callout-lh: 1.8;--font-notes: var(--font-global-05);--font-notes-wt: 500;--font-notes-sz: 1.1rem;--font-notes-tt: uppercase;--font-notes-td: none;--font-notes-fi: normal;--font-notes-ls: normal;--font-notes-lh: 1.4;--font-annotation: var(--font-global-03);--font-annotation-wt: 300;--font-annotation-sz: 0.6rem;--font-annotation-tt: uppercase;--font-annotation-td: none;--font-annotation-fi: normal;--font-annotation-ls: normal;--font-annotation-lh: 1.4;}