/* * v0 "Current Homepage" — exact copy of pulseforgames.com (WordPress + Elementor), crawled Sep 28, 2026. * Cascade kept in the same order as the live site: * 1. Elementor kit globals (body.elementor-kit-15854) 2. hello-elementor reset * 3. PULSE custom CSS blocks (sccss, canvas-ide, header, mega menu, diagram, form, cursor glow) * 4. Platform additions for inner pages / forms rendered by the new CMS (bottom of file) * Tailwind v4 (browser build, vendored) handles the utility classes, in its own lower-priority @layer — as on the live site. */ /* ===== 0. Inter faces the WordPress font library self-hosts (they override Google's Inter for these weights, as on the live site) ===== */ @font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:fallback;src:url('../../fonts/inter-wp/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZ1rib2Bg-4.woff2') format('woff2');} @font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:fallback;src:url('../../fonts/inter-wp/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZ1rib2Bg-4.woff2') format('woff2');} @font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:fallback;src:url('../../fonts/inter-wp/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZ1rib2Bg-4.woff2') format('woff2');} @font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:fallback;src:url('../../fonts/inter-wp/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZ1rib2Bg-4.woff2') format('woff2');} @font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:fallback;src:url('../../fonts/inter-wp/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZ1rib2Bg-4.woff2') format('woff2');} @font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:fallback;src:url('../../fonts/inter-wp/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZ1rib2Bg-4.woff2') format('woff2');} @font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:fallback;src:url('../../fonts/inter-wp/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphiJ-Ek-7MeA.woff2') format('woff2');} @font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:fallback;src:url('../../fonts/inter-wp/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthiJ-Ek-7MeA.woff2') format('woff2');} @font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:fallback;src:url('../../fonts/inter-wp/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thiJ-Ek-7MeA.woff2') format('woff2');} @font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:fallback;src:url('../../fonts/inter-wp/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhiJ-Ek-7MeA.woff2') format('woff2');} @font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:fallback;src:url('../../fonts/inter-wp/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhiJ-Ek-7MeA.woff2') format('woff2');} @font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:fallback;src:url('../../fonts/inter-wp/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhiJ-Ek-7MeA.woff2') format('woff2');} /* ===== 1. Elementor kit globals ===== */ .elementor-kit-15854{--e-global-color-primary:#0B47AA;--e-global-color-secondary:#1A6BE0;--e-global-color-text:#C4D0EC;--e-global-color-accent:#0F172A;--e-global-typography-primary-font-family:"Telegraf Free";--e-global-typography-secondary-font-family:"Telegraf Free";--e-global-typography-text-font-family:"Telegraf Free";--e-global-typography-accent-font-family:"Telegraf Free";--e-global-typography-sk_type_1-font-size:64px;--e-global-typography-sk_type_1-font-weight:600;--e-global-typography-sk_type_1-text-transform:none;--e-global-typography-sk_type_1-font-style:normal;--e-global-typography-sk_type_1-text-decoration:none;--e-global-typography-sk_type_1-line-height:1.25em;--e-global-typography-sk_type_1-letter-spacing:-1px;--e-global-typography-sk_type_2-font-size:48px;--e-global-typography-sk_type_2-font-weight:600;--e-global-typography-sk_type_2-text-transform:none;--e-global-typography-sk_type_2-font-style:normal;--e-global-typography-sk_type_2-text-decoration:none;--e-global-typography-sk_type_2-line-height:1.35em;--e-global-typography-sk_type_2-letter-spacing:-1.5px;--e-global-typography-sk_type_3-font-size:36px;--e-global-typography-sk_type_3-font-weight:600;--e-global-typography-sk_type_3-line-height:1.4em;--e-global-typography-sk_type_3-letter-spacing:-1px;--e-global-typography-sk_type_4-font-size:20px;--e-global-typography-sk_type_4-font-weight:600;--e-global-typography-sk_type_4-text-transform:none;--e-global-typography-sk_type_4-font-style:normal;--e-global-typography-sk_type_4-text-decoration:none;--e-global-typography-sk_type_4-line-height:1.6em;--e-global-typography-sk_type_5-font-size:18px;--e-global-typography-sk_type_5-font-weight:600;--e-global-typography-sk_type_5-line-height:1.6em;--e-global-typography-sk_type_6-font-size:16px;--e-global-typography-sk_type_6-font-weight:600;--e-global-typography-sk_type_7-font-size:14px;--e-global-typography-sk_type_7-font-weight:600;--e-global-typography-sk_type_7-text-transform:uppercase;--e-global-typography-sk_type_7-line-height:1.5em;--e-global-typography-sk_type_7-letter-spacing:1px;--e-global-typography-sk_type_8-font-size:13px;--e-global-typography-sk_type_8-font-weight:600;--e-global-typography-sk_type_8-text-transform:uppercase;--e-global-typography-sk_type_9-font-size:24px;--e-global-typography-sk_type_9-font-weight:400;--e-global-typography-sk_type_9-line-height:1.65em;--e-global-typography-sk_type_10-font-size:22px;--e-global-typography-sk_type_10-font-weight:400;--e-global-typography-sk_type_10-line-height:1.75em;--e-global-typography-sk_type_11-font-family:"Inter";--e-global-typography-sk_type_11-font-size:18px;--e-global-typography-sk_type_11-font-weight:400;--e-global-typography-sk_type_11-text-transform:none;--e-global-typography-sk_type_11-font-style:normal;--e-global-typography-sk_type_11-text-decoration:none;--e-global-typography-sk_type_11-line-height:1.7em;--e-global-typography-sk_type_12-font-size:16px;--e-global-typography-sk_type_12-font-weight:400;--e-global-typography-sk_type_12-line-height:1.6em;--e-global-typography-sk_type_13-font-size:14px;--e-global-typography-sk_type_13-font-weight:400;--e-global-typography-sk_type_13-text-transform:none;--e-global-typography-sk_type_13-font-style:normal;--e-global-typography-sk_type_13-text-decoration:none;--e-global-typography-sk_type_13-line-height:1.65em;--e-global-typography-sk_type_14-font-size:18px;--e-global-typography-sk_type_14-font-weight:600;--e-global-typography-sk_type_14-line-height:1.3em;--e-global-typography-sk_type_15-font-size:18px;--e-global-typography-sk_type_15-font-weight:400;--e-global-typography-sk_type_15-line-height:1.3em;--e-global-color-sk_color_1:#FFFFFF;--e-global-color-sk_color_2:#F4F4F4;--e-global-color-sk_color_3:#121215;--e-global-color-sk_color_4:#000000;--e-global-color-sk_color_5:#0B47AA;--e-global-color-sk_color_6:#072E6F;--e-global-color-sk_color_7:#05204B;--e-global-color-sk_color_8:#1165F0;--e-global-color-sk_color_9:#000000;--e-global-color-sk_color_10:#0F172A;--e-global-color-sk_color_11:#707071;--e-global-color-sk_color_12:#FFFFFF;--e-global-color-sk_color_13:#E2E8F0;--e-global-color-sk_color_14:#1B1B1D45;background-color:var( --e-global-color-sk_color_1 );color:var( --e-global-color-sk_color_10 );font-family:"Telegraf Free", Sans-serif;font-size:1em;--ang_color_heading:var( --e-global-color-sk_color_9 );--ang_background_light_background:var( --e-global-color-sk_color_2 );--ang_background_light_heading:var( --e-global-color-sk_color_9 );--ang_background_dark_background:var( --e-global-color-sk_color_3 );--ang_background_dark_heading:var( --e-global-color-sk_color_12 );} .elementor-kit-15854 button,.elementor-kit-15854 input[type="button"],.elementor-kit-15854 input[type="submit"],.elementor-kit-15854 .elementor-button.elementor-button{background-color:var( --e-global-color-sk_color_5 );} .elementor-kit-15854 button:hover,.elementor-kit-15854 button:focus,.elementor-kit-15854 input[type="button"]:hover,.elementor-kit-15854 input[type="button"]:focus,.elementor-kit-15854 input[type="submit"]:hover,.elementor-kit-15854 input[type="submit"]:focus,.elementor-kit-15854 .elementor-button:hover,.elementor-kit-15854 .elementor-button:focus{background-color:var( --e-global-color-sk_color_10 );color:var( --e-global-color-sk_color_12 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-sk_color_10 );} .elementor-kit-15854 .elementor-widget-container *:not(.menu-item):not(.elementor-tab-title):not(.elementor-image-box-title):not(.elementor-icon-box-title):not(.elementor-icon-box-icon):not(.elementor-post__title):not(.elementor-heading-title) > a:not(:hover):not(:active):not(.elementor-item-active):not([role="button"]):not(.button):not(.elementor-button):not(.elementor-post__read-more):not(.elementor-post-info__terms-list-item):not([role="link"]),.elementor-kit-15854 .elementor-widget-container a:not([class]){color:var( --e-global-color-sk_color_5 );} .elementor-kit-15854 h1, .elementor-kit-15854 h2, .elementor-kit-15854 h3, .elementor-kit-15854 h4, .elementor-kit-15854 h5, .elementor-kit-15854 h6{color:var( --e-global-color-sk_color_9 );} .elementor-kit-15854 h1{font-size:var( --e-global-typography-sk_type_2-font-size );font-weight:var( --e-global-typography-sk_type_2-font-weight );text-transform:var( --e-global-typography-sk_type_2-text-transform );font-style:var( --e-global-typography-sk_type_2-font-style );text-decoration:var( --e-global-typography-sk_type_2-text-decoration );line-height:var( --e-global-typography-sk_type_2-line-height );letter-spacing:var( --e-global-typography-sk_type_2-letter-spacing );} .elementor-kit-15854 h2{font-size:var( --e-global-typography-sk_type_3-font-size );font-weight:var( --e-global-typography-sk_type_3-font-weight );line-height:var( --e-global-typography-sk_type_3-line-height );letter-spacing:var( --e-global-typography-sk_type_3-letter-spacing );} .elementor-kit-15854 h3{font-size:var( --e-global-typography-sk_type_4-font-size );font-weight:var( --e-global-typography-sk_type_4-font-weight );text-transform:var( --e-global-typography-sk_type_4-text-transform );font-style:var( --e-global-typography-sk_type_4-font-style );text-decoration:var( --e-global-typography-sk_type_4-text-decoration );line-height:var( --e-global-typography-sk_type_4-line-height );} .elementor-kit-15854 h4{font-size:var( --e-global-typography-sk_type_5-font-size );font-weight:var( --e-global-typography-sk_type_5-font-weight );line-height:var( --e-global-typography-sk_type_5-line-height );} .elementor-kit-15854 h5{font-size:var( --e-global-typography-sk_type_6-font-size );font-weight:var( --e-global-typography-sk_type_6-font-weight );} .elementor-kit-15854 h6{font-size:var( --e-global-typography-sk_type_7-font-size );font-weight:var( --e-global-typography-sk_type_7-font-weight );text-transform:var( --e-global-typography-sk_type_7-text-transform );line-height:var( --e-global-typography-sk_type_7-line-height );letter-spacing:var( --e-global-typography-sk_type_7-letter-spacing );} .elementor-kit-15854 button,.elementor-kit-15854 input[type="button"],.elementor-kit-15854 input[type="submit"],.elementor-kit-15854 .elementor-button{font-size:var( --e-global-typography-sk_type_14-font-size );font-weight:var( --e-global-typography-sk_type_14-font-weight );line-height:var( --e-global-typography-sk_type_14-line-height );color:var( --e-global-color-sk_color_12 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-sk_color_5 );border-radius:0px 0px 0px 0px;} .elementor-kit-15854 .sk-light-bg:not(.elementor-column){background-color:var( --e-global-color-sk_color_2 );} .elementor-kit-15854 .sk-dark-bg .elementor-counter-title, .elementor-kit-15854 .sk-dark-bg .elementor-counter-number-wrapper{color:var( --e-global-color-sk_color_2 );} .elementor-kit-15854 .sk-light-bg.elementor-column > .elementor-element-populated{background-color:var( --e-global-color-sk_color_2 );} .elementor-kit-15854 .sk-light-bg{color:var( --e-global-color-sk_color_10 );} .elementor-kit-15854, .elementor-kit-15854 .sk-text-light{--ang_color_text_light:var( --e-global-color-sk_color_10 );} .elementor-kit-15854 .sk-text-light{color:var( --e-global-color-sk_color_10 );} .elementor-kit-15854 .sk-text-light .elementor-heading-title{color:var( --e-global-color-sk_color_10 );} .elementor-kit-15854 .sk-light-bg h1,.elementor-kit-15854 .sk-light-bg h1.elementor-heading-title,.elementor-kit-15854 .sk-light-bg h2,.elementor-kit-15854 .sk-light-bg h2.elementor-heading-title,.elementor-kit-15854 .sk-light-bg h3,.elementor-kit-15854 .sk-light-bg h3.elementor-heading-title,.elementor-kit-15854 .sk-light-bg h4,.elementor-kit-15854 .sk-light-bg h4.elementor-heading-title,.elementor-kit-15854 .sk-light-bg h5,.elementor-kit-15854 .sk-light-bg h5.elementor-heading-title,.elementor-kit-15854 .sk-light-bg h6,.elementor-kit-15854 .sk-light-bg h6.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h1,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h1.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h2,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h2.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h3,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h3.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h4,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h4.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h5,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h5.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h6,.elementor-kit-15854 .sk-dark-bg .sk-light-bg h6.elementor-heading-title{color:var( --e-global-color-sk_color_9 );} .elementor-kit-15854 .sk-dark-bg:not(.elementor-column){background-color:var( --e-global-color-sk_color_3 );} .elementor-kit-15854 .sk-light-bg .elementor-counter-title, .elementor-kit-15854 .sk-light-bg .elementor-counter-number-wrapper{color:var( --e-global-color-sk_color_3 );} .elementor-kit-15854 .sk-dark-bg.elementor-column > .elementor-element-populated{background-color:var( --e-global-color-sk_color_3 );} .elementor-kit-15854 .sk-dark-bg{color:var( --e-global-color-sk_color_12 );} .elementor-kit-15854, .elementor-kit-15854 .sk-text-dark{--ang_color_text_dark:var( --e-global-color-sk_color_12 );} .elementor-kit-15854 .sk-text-dark{color:var( --e-global-color-sk_color_12 );} .elementor-kit-15854 .sk-text-dark .elementor-heading-title{color:var( --e-global-color-sk_color_12 );} .elementor-kit-15854 .sk-dark-bg h1,.elementor-kit-15854 .sk-dark-bg h1.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg h2,.elementor-kit-15854 .sk-dark-bg h2.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg h3,.elementor-kit-15854 .sk-dark-bg h3.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg h4,.elementor-kit-15854 .sk-dark-bg h4.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg h5,.elementor-kit-15854 .sk-dark-bg h5.elementor-heading-title,.elementor-kit-15854 .sk-dark-bg h6,.elementor-kit-15854 .sk-dark-bg h6.elementor-heading-title,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h1,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h1.elementor-heading-title,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h2,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h2.elementor-heading-title,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h3,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h3.elementor-heading-title,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h4,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h4.elementor-heading-title,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h5,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h5.elementor-heading-title,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h6,.elementor-kit-15854 .sk-light-bg .sk-dark-bg h6.elementor-heading-title{color:var( --e-global-color-sk_color_12 );} .elementor-kit-15854 a.elementor-button.elementor-size-xs, .elementor-kit-15854 .elementor-button.elementor-size-xs{color:var( --e-global-color-sk_color_5 );background-color:#02010100;padding:0px 0px 0px 0px;} .elementor-kit-15854 .elementor-button.elementor-size-xs{border-style:none;} .elementor-kit-15854 a.elementor-button.elementor-size-xs:hover, .elementor-kit-15854 .elementor-button.elementor-size-xs:hover, .elementor-kit-15854 a.elementor-button.elementor-size-xs:focus, .elementor-kit-15854 .elementor-button.elementor-size-xs:focus{background-color:#02010100;} .elementor-kit-15854 .elementor-button.elementor-size-xs:hover, .elementor-kit-15854 .elementor-button.elementor-size-xs:focus{border-style:none;} .elementor-kit-15854 .elementor-button.elementor-size-sm{font-size:0.9rem;} .elementor-kit-15854 .elementor-button.elementor-size-md{font-size:1rem;} .elementor-kit-15854 .elementor-button.elementor-size-lg{font-size:1.2rem;} .elementor-kit-15854 .elementor-button.elementor-size-xl{font-size:1.3rem;line-height:1em;} .elementor-kit-15854 label{font-size:var( --e-global-typography-sk_type_15-font-size );font-weight:var( --e-global-typography-sk_type_15-font-weight );line-height:var( --e-global-typography-sk_type_15-line-height );} .elementor-kit-15854 input:not([type="button"]):not([type="submit"]),.elementor-kit-15854 textarea,.elementor-kit-15854 .elementor-field-textual{font-family:var( --e-global-typography-sk_type_11-font-family ), Sans-serif;font-size:var( --e-global-typography-sk_type_11-font-size );font-weight:var( --e-global-typography-sk_type_11-font-weight );text-transform:var( --e-global-typography-sk_type_11-text-transform );font-style:var( --e-global-typography-sk_type_11-font-style );text-decoration:var( --e-global-typography-sk_type_11-text-decoration );line-height:var( --e-global-typography-sk_type_11-line-height );color:var( --e-global-color-sk_color_10 );background-color:var( --e-global-color-sk_color_2 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-sk_color_13 );border-radius:0px 0px 0px 0px;} @media(max-width:1024px){ .elementor-kit-15854{--e-global-typography-primary-font-size:3em;--e-global-typography-secondary-font-size:1.4rem;--e-global-typography-sk_type_1-font-size:64px;--e-global-typography-sk_type_1-line-height:1.4em;--e-global-typography-sk_type_2-font-size:40px;--e-global-typography-sk_type_3-font-size:32px;--e-global-typography-sk_type_4-font-size:20px;--e-global-typography-sk_type_5-font-size:18px;--e-global-typography-sk_type_6-font-size:14px;--e-global-typography-sk_type_7-font-size:14px;--e-global-typography-sk_type_9-font-size:24px;--e-global-typography-sk_type_10-font-size:20px;--e-global-typography-sk_type_11-font-size:18px;--e-global-typography-sk_type_12-font-size:14px;--e-global-typography-sk_type_13-font-size:12px;--e-global-typography-sk_type_15-font-size:14px;} .elementor-kit-15854 h1{font-size:var( --e-global-typography-sk_type_2-font-size );line-height:var( --e-global-typography-sk_type_2-line-height );letter-spacing:var( --e-global-typography-sk_type_2-letter-spacing );} .elementor-kit-15854 h2{font-size:var( --e-global-typography-sk_type_3-font-size );line-height:var( --e-global-typography-sk_type_3-line-height );letter-spacing:var( --e-global-typography-sk_type_3-letter-spacing );} .elementor-kit-15854 h3{font-size:var( --e-global-typography-sk_type_4-font-size );line-height:var( --e-global-typography-sk_type_4-line-height );} .elementor-kit-15854 h4{font-size:var( --e-global-typography-sk_type_5-font-size );line-height:var( --e-global-typography-sk_type_5-line-height );} .elementor-kit-15854 h5{font-size:var( --e-global-typography-sk_type_6-font-size );} .elementor-kit-15854 h6{font-size:var( --e-global-typography-sk_type_7-font-size );line-height:var( --e-global-typography-sk_type_7-line-height );letter-spacing:var( --e-global-typography-sk_type_7-letter-spacing );} .elementor-kit-15854 button,.elementor-kit-15854 input[type="button"],.elementor-kit-15854 input[type="submit"],.elementor-kit-15854 .elementor-button{font-size:var( --e-global-typography-sk_type_14-font-size );line-height:var( --e-global-typography-sk_type_14-line-height );} .elementor-kit-15854 label{font-size:var( --e-global-typography-sk_type_15-font-size );line-height:var( --e-global-typography-sk_type_15-line-height );} .elementor-kit-15854 input:not([type="button"]):not([type="submit"]),.elementor-kit-15854 textarea,.elementor-kit-15854 .elementor-field-textual{font-size:var( --e-global-typography-sk_type_11-font-size );line-height:var( --e-global-typography-sk_type_11-line-height );} } @media(max-width:767px){ .elementor-kit-15854{--e-global-typography-primary-font-size:2.2em;--e-global-typography-secondary-font-size:1.3rem;--e-global-typography-accent-font-size:0.8em;--e-global-typography-sk_type_1-font-size:40px;--e-global-typography-sk_type_2-font-size:32px;--e-global-typography-sk_type_3-font-size:24px;--e-global-typography-sk_type_4-font-size:18px;--e-global-typography-sk_type_5-font-size:16px;--e-global-typography-sk_type_6-font-size:14px;--e-global-typography-sk_type_7-font-size:12px;--e-global-typography-sk_type_9-font-size:20px;--e-global-typography-sk_type_10-font-size:18px;--e-global-typography-sk_type_11-font-size:16px;--e-global-typography-sk_type_12-font-size:14px;--e-global-typography-sk_type_13-font-size:12px;--e-global-typography-sk_type_15-font-size:14px;} .elementor-kit-15854 h1{font-size:var( --e-global-typography-sk_type_2-font-size );line-height:var( --e-global-typography-sk_type_2-line-height );letter-spacing:var( --e-global-typography-sk_type_2-letter-spacing );} .elementor-kit-15854 h2{font-size:var( --e-global-typography-sk_type_3-font-size );line-height:var( --e-global-typography-sk_type_3-line-height );letter-spacing:var( --e-global-typography-sk_type_3-letter-spacing );} .elementor-kit-15854 h3{font-size:var( --e-global-typography-sk_type_4-font-size );line-height:var( --e-global-typography-sk_type_4-line-height );} .elementor-kit-15854 h4{font-size:var( --e-global-typography-sk_type_5-font-size );line-height:var( --e-global-typography-sk_type_5-line-height );} .elementor-kit-15854 h5{font-size:var( --e-global-typography-sk_type_6-font-size );} .elementor-kit-15854 h6{font-size:var( --e-global-typography-sk_type_7-font-size );line-height:var( --e-global-typography-sk_type_7-line-height );letter-spacing:var( --e-global-typography-sk_type_7-letter-spacing );} .elementor-kit-15854 button,.elementor-kit-15854 input[type="button"],.elementor-kit-15854 input[type="submit"],.elementor-kit-15854 .elementor-button{font-size:var( --e-global-typography-sk_type_14-font-size );line-height:var( --e-global-typography-sk_type_14-line-height );} .elementor-kit-15854 label{font-size:var( --e-global-typography-sk_type_15-font-size );line-height:var( --e-global-typography-sk_type_15-line-height );} .elementor-kit-15854 input:not([type="button"]):not([type="submit"]),.elementor-kit-15854 textarea,.elementor-kit-15854 .elementor-field-textual{font-size:var( --e-global-typography-sk_type_11-font-size );line-height:var( --e-global-typography-sk_type_11-line-height );} } /* ===== 2. hello-elementor reset ===== */ html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:#fff0;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:#fff0;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:#fff0;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsl(0 0% 50% / .502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsl(0 0% 50% / .502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsl(0 0% 50% / .071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsl(0 0% 50% / .102)}table tbody+tbody{border-block-start:2px solid hsl(0 0% 50% / .502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:#fff0;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none} /* ===== 3. PULSE custom CSS (live site) ===== */ /* ===== block 10 id="sccss" ===== */ #blogcontent h3 { font-size: 2rem; margin-top: 30px; } #canvas-ide-content {margin-top:-40px;} #canvas-ide-content main {padding-top:40px;} /* TAILWIND THEME CONFIG */ /* GOOGLE FONTS */ /*font-family: 'Space Grotesk', sans-serif;*/ /* CUSTOM FONTS */ /* @font-face { font-family: "Telegraf Free"; font-style: normal; font-weight: 400; src: url("https://pulseforgames.com/wp-content/uploads/PPTelegraf-Regular.otf") format("opentype"); } @font-face { font-family: "Telegraf Free"; font-style: normal; font-weight: 100; src: url("https://pulseforgames.com/wp-content/uploads/PPTelegraf-UltraLight.otf") format("opentype"); } @font-face { font-family: "Telegraf Free"; font-style: normal; font-weight: 900; src: url("https://pulseforgames.com/wp-content/uploads/PPTelegraf-UltraBold.otf") format("opentype"); } */ /* GLOBAL */ :root { --bg: #f8fafe; --core: #0a1628; --accent-blue: #3b82f6; --card-bg: #ffffff; --card-border: rgba(59,130,246,.08); --subtle: #4b5c73; } html, :root{ overscroll-behavior: none; } html {background:#0f172a;} body { font-family: "Inter", system-ui, sans-serif; color: #0f172a; background: #fff; -webkit-font-smoothing: antialiased; } body * { font-family: "Inter", system-ui, sans-serif; } /* ::-webkit-scrollbar { display: none; width: 0; height: 0; } */ * { box-sizing: border-box; border-color: #e2e8f0; } .margin0 {margin:0px !important;} .padding0 {padding:0px !important;} .whitebg * {background:white !important;} .hidden {display:none !important;} .font-normal, .font-medium {font-weight:normal !important;} .font-mono {font-family:"JetBrains Mono", monospace;} .svgshadow { -webkit-filter: drop-shadow(0px 0px 5px rgba(19, 69, 165, 0.4)); filter: drop-shadow(0px 0px 5x rgba(19, 69, 165, 0.4)); } #cc--main .cc-link {background: none;} /* Cursor-tracking glow blob */ /* .btn-book::before { content: ""; position: absolute; left: var(--bx, 50%); top: var(--by, 50%); width: 160px; height: 160px; background: radial-gradient( circle, rgba(93, 188, 255, 0.55) 0%, rgba(29, 177, 255, 0.25) 40%, transparent 68% ); transform: translate(-50%, -50%) scale(0); transition: transform 0.4s ease; border-radius: 50%; pointer-events: none; } .btn-book:hover::before { transform: translate(-50%, -50%) scale(1.3); } */ /* DESIGN STYLES */ .g-border { background: #e2e8f0; gap: 1px; } .g-border > * { background: #fff; } /* BUTTONS */ .btn { background: linear-gradient(to bottom, #1a6be0 0%, #0b47aa 50%, #083d96 100%); color: #fff; border: none; position: relative; overflow: hidden; box-shadow: 0 2px 0 0 #072f75, inset 0 1px 0 rgba(255, 255, 255, 0.18); gap: 8px; /* border-radius: 18px !important; */ padding: 10px 24px; font-size: 20px; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; transition: all 0.2s; } .btn:hover { color: white !important; } .btn-book { background: linear-gradient(to bottom, #1a6be0 0%, #0b47aa 50%, #083d96 100%); color: #fff; border-radius: 18px !important; padding: 8px 16px; font-size: 20px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; border: none; position: relative; overflow: hidden; /* 2px solid bottom-edge = the 3D ledge */ box-shadow: 0 2px 0 0 #072f75, inset 0 1px 0 rgba(255, 255, 255, 0.18); transition: transform 0.08s ease, box-shadow 0.08s ease, background 0.15s ease; } .btn-book:hover { background: linear-gradient(to bottom, #2e80f5 0%, #1560d4 50%, #0e52be 100%); box-shadow: 0 2px 0 0 #072f75, inset 0 1px 0 rgba(255, 255, 255, 0.22); } .btn-book:active { transform: translateY(2px); box-shadow: 0 0 0 0 #072f75, inset 0 1px 0 rgba(255, 255, 255, 0.1); background: linear-gradient(to bottom, #0a3f9a 0%, #0b47aa 100%); } .btn-video { background: #fff; color: #0f172a; border: 1px solid #d1d5db; border-radius: 18px; padding: 10px 24px; font-size: 20px; font-weight: 500; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; cursor: pointer; } .btn-video:hover { background: #f8fafc; border-color: #94a3b8; } button#mobile-menu:active { transform: scale(0.9); } .btn-white { background: #fff !important; color: #0f172a !important; border: 1px solid #d1d5db !important; border-radius: 18px !important; padding: 10px 24px; font-size: 20px; font-weight: normal !important; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; cursor: pointer; } .btn-white:hover { background: #f8fafc !important; border-color: #94a3b8 !important; } .btn-primary { display: inline-flex; align-items: center; justify-content: center; padding: 13px 28px; background: #1565D8; color: #fff; font-weight: 700; font-size: 0.9rem; border-radius: 10px; border: none; cursor: pointer; transition: all 0.2s ease; text-decoration: none; width: 100%; } .btn-primary:hover { background: #1255b8; box-shadow: 0 6px 20px -4px rgba(21,101,216,0.4); } .btn-outline { display: inline-flex; align-items: center; justify-content: center; padding: 13px 28px; background: #fff; color: #1565D8; font-weight: 700; font-size: 0.9rem; border-radius: 10px; border: 1.5px solid #1565D8; cursor: pointer; transition: all 0.2s ease; text-decoration: none; width: 100%; } .btn-outline:hover { background: #f0f4ff; } /* MODAL */ .modal-bg { position: fixed; inset: 0; z-index: 90; background: rgba(0, 0, 0, 0.80); display: flex; align-items: center; justify-content: center; padding: 5px; opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } .modal-bg.on { opacity: 1; visibility: visible; } .modal-box { position: relative; width: 100%; max-width: 1080px; transform: scale(0.95); transition: transform 0.25s; } .modal-bg.on .modal-box { transform: scale(1); } /* ANIMATIONS */ .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; } .reveal.vis { opacity: 1; transform: none; } .reveal-d1 { transition-delay: 0.1s; } .reveal-d2 { transition-delay: 0.2s; } .reveal-d3 { transition-delay: 0.3s; } .anim { opacity: 0; animation: fadeUp 0.7s ease forwards; } .anim-1 { animation-delay: 0.05s; } .anim-2 { animation-delay: 0.15s; } .anim-3 { animation-delay: 0.25s; } .anim-4 { animation-delay: 0.35s; } .fade-up { opacity: 0; transform: translateY(20px); animation: fadeUp 0.5s ease forwards; } @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } } .delay-1 { animation-delay: 0.08s; } .delay-2 { animation-delay: 0.16s; } .delay-3 { animation-delay: 0.24s; } .delay-4 { animation-delay: 0.32s; } .delay-5 { animation-delay: 0.40s; } .delay-6 { animation-delay: 0.48s; } .delay-7 { animation-delay: 0.56s; } @keyframes tb-rotate { to { transform: translate(-50%, -50%) rotate(1turn); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } } .platform-section { max-width: 1200px; margin: 0 auto; padding: 5rem 1.5rem 6rem; } .platform-header { text-align: center; margin-bottom: 3rem; } .platform-header .tag { font-weight: 600; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--accent-blue); margin-bottom: .6rem; display: block; } .platform-header h2 { font-weight: 700; font-size: clamp(1.6rem, 4vw, 2.6rem); line-height: 1.15; margin-bottom: .8rem; } .platform-header p { font-size: 1.05rem; line-height: 1.6; color: var(--subtle); max-width: 540px; margin: 0 auto; } .platform-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } /* AI card spans full width and overlaps below */ .card-ai { grid-column: 1 / -1; position: relative; z-index: 2; margin-bottom: -6px; } /* AI card special */ .card-ai .card { background: linear-gradient(135deg, #f8f5ff 0%, #fff 40%, #f0f7ff 100%); border-color: rgba(139,92,246,.12); box-shadow: 0 4px 24px rgba(139,92,246,.08); display: flex; align-items: center; gap: 1.5rem; padding: 2rem 2.2rem; } .card-ai .card:hover { box-shadow: 0 8px 40px rgba(139,92,246,.13); } .card { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 16px; padding: 1.8rem 1.6rem 1.6rem; cursor: default; transition: all .3s cubic-bezier(.22,1,.36,1); position: relative; overflow: hidden; } .card::before { content: ''; position: absolute; inset: 0; border-radius: 16px; opacity: 0; transition: opacity .3s ease; pointer-events: none; } .card:hover { transform: translateY(-3px); box-shadow: 0 8px 32px rgba(10,22,40,.07); border-color: rgba(59,130,246,.15); } .card:hover::before { opacity: 1; } .card-icon { display: inline-block; align-items: left; justify-content: left; flex-shrink: 0; } .card-ai .card-icon { margin-bottom: 0; } .card-name { font-weight: 700; font-size: 1.5rem; letter-spacing: .12em; text-transform: uppercase; color: var(--core); display: inline-block; top: -5px; position: relative; left: 10px; } .card-ai .card-name { font-size: 1.4rem; letter-spacing: .14em; } .card-desc { font-size: .88rem; line-height: 1.5; color: var(--subtle); } /* Hover gradient overlays per product */ .card[data-product="ai"]::before { background: linear-gradient(135deg, rgba(139,92,246,.05), transparent); } .card[data-product="analytics"]::before { background: linear-gradient(135deg, rgba(251,146,60,.05), transparent); } .card[data-product="cms"]::before { background: linear-gradient(135deg, rgba(59,130,246,.05), transparent); } .card[data-product="crm"]::before { background: linear-gradient(135deg, rgba(236,72,153,.05), transparent); } .card[data-product="shop"]::before { background: linear-gradient(135deg, rgba(16,185,129,.05), transparent); } .card[data-product="data"]::before { background: linear-gradient(135deg, rgba(8,145,178,.05), transparent); } .card[data-product="infra"]::before { background: linear-gradient(135deg, rgba(71,85,105,.05), transparent); } /* Responsive */ @media (max-width: 900px) { .platform-grid { grid-template-columns: repeat(2, 1fr); } .card-ai { grid-column: 1 / -1; } } @media (max-width: 520px) { .platform-grid { grid-template-columns: 1fr; } .card { padding: 1.4rem 1.3rem; } .card-ai .card { flex-direction: column; align-items: flex-start; } } /* Scroll animation */ .card { opacity: 0; transform: translateY(24px); } .card.visible { opacity: 1; transform: translateY(0); } .tab-btn { cursor: pointer; transition: color 0.2s; position: relative; overflow: hidden; isolation: isolate; } .tab-btn.active { color: #0b47aa; } /* Sweeping conic-gradient beam — clipped to border strip by ::after */ .tab-btn.active::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); width: 99999px; height: 99999px; z-index: -2; background-image: conic-gradient( transparent 0%, #1db1ff 10%, #0b47aa 20%, transparent 32% ); animation: tb-rotate 4s linear infinite; } /* Fill mask — covers interior, leaving a 3px animated border strip */ .tab-btn.active::after { content: ""; position: absolute; inset: 3px; z-index: -1; background: #fff; /* Inner glow lives here so it isn't covered by the fill mask */ box-shadow: inset 0 0 0 1px rgba(29, 177, 255, 0.3), inset 0 0 28px 6px rgba(29, 177, 255, 0.15), inset 0 0 60px 12px rgba(29, 177, 255, 0.07); } .tab-btn:not(.active) { color: #94a3b8; } .tab-btn.active .tab-dot { opacity: 1; } .tab-btn:not(.active) .tab-dot { opacity: 0; } .tab-img { display: none; } .tab-img.active { display: block; } .tab-slides { position: relative; width: 100%; aspect-ratio: 1400/945; border-radius: 0.75rem; overflow: hidden; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); background: #f1f5f9; } .tab-slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.9s ease; } .tab-slides img.ts-active { opacity: 1; } /*////////////*/ /* */ /* GENERAL */ /* a:hover {text-decoration:underline;} li p {margin-bottom:0px !important;} input, textarea {padding:10px 20px !important;} p.p-read {text-align:left !important;} .margin0 {margin:0px !important;} .padding0 {padding:0px !important;} .whitebg * {background:white; color:midnightblue !important;} .colordark {color:midnightblue !important;} .hidden {display:none !important;} .txtshadow {text-shadow:0px 0px 11px black;} .boxshadow {box-shadow:0px 0px 11px black;} */ /* .single-document {padding-top:150px;background: white;color: black;font-size: 90%;line-height: 1.5;} .single-document header, .single-document footer {display:none;} */ /* MENU */ /* header {position:fixed;top:0px;width:100%;z-index:100;} nav {margin:auto;} nav > a {cursor:pointer !important;} nav #menu-main-menu a:hover {text-decoration:none !important;} */ /* BLOG */ /* #blogcontent, #blogtitle {max-width:1100px;} header.betterdocs-entry-header {display:none;} h1.entry-title {display:none;} #blogcontent * {color:midnightblue !important;} h2.xpro-post-grid-title {font-size:42px;} .xpro-post-grid-image {border-radius:25px;} .post #blogcontent {margin:150px auto 100px auto;} .post #blogcontent h2 {font-size:36px; margin-top:40px;} .post #blogcontent p {margin:0px;} .post #blogcontent h2.xpro-post-title {margin:0px !important;font-size:60px !important;} */ /* .xpro-elementor-button { background: linear-gradient(90deg, #ff7e5f, #feb47b, #ff7e5f); background-size: 200% 100%; animation: gradientShift 3s linear infinite; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } */ /* ===== block 11 id='canvas-ide-custom-css' ===== */ html {background:black;} #video-thumb { height: 200px !important; min-height: 200px !important; width: 360px !important; min-width: 360px !important; margin-bottom:100px; } #hero button.btn {width:180px !important;height:45px;font-size:19px;} @keyframes sw-in { from { filter: blur(12px); opacity: 0; } to { filter: blur(0px); opacity: 1; } } @keyframes sw-out { from { filter: blur(0px); opacity: 1; } to { filter: blur(12px); opacity: 0; } } .sw-word.sw-in { animation: sw-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) both; } .sw-word.sw-out { animation: sw-out 0.35s ease-in both; } .swapwords { color: #0b47aa; font-weight: 400; font-size: 150%; display: block; white-space: nowrap; } .product-icons {width: 64px; position: absolute; top: 25px;right: 30px;} .step-num { font-weight: 100; font-size: 92px; line-height: 1; font-weight: bold; color: #d1d5db; text-align: center; width: 110px; } /* ===== block 12 ===== */ .close:hover {transform:scale(1.3); color:red;} .brand-logo img { height:32px !important; /*filter: hue-rotate(15deg);*/ } button#mobile-menu:active {transform: scale(0.9);} button#mobile-menu-trigger { background: none !important; color: black !important; border: none; width: 42px; } #mob { height: 100vh; top: 0px; border: 0; margin: 0 auto; text-align: center; background:rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } #mob a {font-size:42px;} /* HEADER NAVBAR */ header.sticky {position:fixed; top:5px; z-index:999;} nav {margin-top:-1px;} nav .btn-book {font-size: 18px;} nav#navbar {position:fixed;width: calc(100% - 10px); z-index:99;} nav a {font-size: 16px;letter-spacing: 0.5px; color:black !important;} nav a:hover {color:#1a6be0 !important;} #navbar { position: relative; isolation: isolate; border-radius: 20px; background: linear-gradient( 150deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.13) 55%, rgba(210, 228, 255, 0.1) 100% ); backdrop-filter: url(#nav-glass) blur(20px) saturate(170%); -webkit-backdrop-filter: blur(20px) saturate(170%); border: 1px solid rgba(255, 255, 255, 0.45); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.85), inset 0 -1px 0 rgba(200, 215, 240, 0.18), inset 1px 0 0 rgba(255, 255, 255, 0.28), inset -1px 0 0 rgba(255, 255, 255, 0.1), 0 2px 12px rgba(15, 23, 42, 0.08), 0 8px 32px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.1); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); } /* Slow-breathing white → light-blue gradient border */ #navbar::before { content: ""; position: absolute; inset: -1px; border-radius: 19px; z-index: -1; background: linear-gradient( 120deg, rgba(255, 255, 255, 0.9) 0%, rgba(186, 224, 255, 0.75) 25%, rgba(210, 238, 255, 0.6) 50%, rgba(255, 255, 255, 0.85) 75%, rgba(186, 224, 255, 0.7) 100% ); background-size: 250% 250%; animation: nb-border-breathe 5s ease-in-out infinite; } #navbar.scrolled { background: linear-gradient( 150deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.2) 55%, rgba(210, 228, 255, 0.16) 100% ); box-shadow: inset 0 1.5px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(200, 215, 240, 0.22), inset 1px 0 0 rgba(255, 255, 255, 0.32), inset -1px 0 0 rgba(255, 255, 255, 0.12), 0 4px 24px rgba(15, 23, 42, 0.11), 0 12px 40px rgba(15, 23, 42, 0.07), 0 1px 3px rgba(15, 23, 42, 0.12); } /* ── Liquid Glass Navbar ── */ @keyframes nb-border-breathe { 0%, 100% { opacity: 0.55; background-position: 0% 50%; } 50% { opacity: 0.85; background-position: 100% 50%; } } /* ===== block 13 ===== */ #mega-menu { display:none; max-width:960px; margin:auto; top:40px; position: fixed; background: white; border: 1px solid #eee; border-radius:15px; padding:15px; padding-top: 40px; box-shadow:0px 0px 30px grey; left: 50%; transform: translateX(-50%); z-index: -1; } #mega-menu .card-ai { grid-column: 1 / -1; position: relative; z-index: 2; margin-bottom: -6px; } #mega-menu .card { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 16px; padding: 1.8rem 1.6rem 1.6rem; cursor: default; transition: all .3s cubic-bezier(.22,1,.36,1); position: relative; overflow: hidden; } /* AI card special */ .card-ai .card { background: linear-gradient(135deg, #f8f5ff 0%, #fff 40%, #f0f7ff 100%); border-color: rgba(139,92,246,.12); box-shadow: 0 4px 24px rgba(139,92,246,.08); display: flex; align-items: center; gap: 1.5rem; padding: 2rem 2.2rem; } .card-ai .card:hover { box-shadow: 0 8px 40px rgba(139,92,246,.13); } /* ===== block 16 ===== */ :root { --bg: #f8fafe; --core: #0a1628; --accent-cyan: #22d3ee; --accent-blue: #3b82f6; } /** { margin:0; padding:0; box-sizing:border-box; }*/ body {background:var(--bg); color:var(--core); overflow-x:hidden; } .pulse-section { position:relative; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:5rem 2rem; overflow:hidden; } .pulse-section::before { content:''; position:absolute; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle,rgba(59,130,246,.07) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; } .section-header { text-align:center; max-width:640px; margin-bottom:3rem; position:relative; z-index:2; } .section-header .tag { font-weight:600; font-size:1rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent-blue); opacity:0; transform:translateY(12px); transition:all .6s cubic-bezier(.22,1,.36,1); } .section-header h2 { font-weight:700; font-size:clamp(1.8rem,5vw,3rem); line-height:1.12; margin:.6rem 0 1rem; opacity:0; transform:translateY(20px); transition:all .7s cubic-bezier(.22,1,.36,1) .1s; } .section-header p { font-size:clamp(.95rem,2.2vw,1.1rem); line-height:1.65; color:#4b5c73; opacity:0; transform:translateY(20px); transition:all .7s cubic-bezier(.22,1,.36,1) .22s; } .in-view .section-header .tag, .in-view .section-header h2, .in-view .section-header p { opacity:1; transform:translateY(0); } .orbit-wrap { position:relative; width:min(92vw,720px); aspect-ratio:1; z-index:1; } .ring-outer { position:absolute; border-radius:50%; border:1.5px dashed rgba(59,130,246,.13); width:100%; height:100%; top:0; left:0; opacity:0; transform:scale(.7); transition:all 1s cubic-bezier(.22,1,.36,1) .4s; } .in-view .ring-outer { opacity:1; transform:scale(1); } .hub { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.5); width:52%; height:52%; border-radius:50%; background:linear-gradient(145deg,#e8f2ff 0%,#fff 40%,#eef6ff 100%); box-shadow:0 0 0 1px rgba(59,130,246,.1),0 12px 60px rgba(59,130,246,.09); display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:0; transition:all .8s cubic-bezier(.22,1,.36,1) .2s; z-index:5; } .in-view .hub { opacity:1; transform:translate(-50%,-50%) scale(1); } .hub::before { content:''; position:absolute; inset:-24px; border-radius:50%; background:radial-gradient(circle,rgba(59,130,246,.20) 0%,transparent 70%); animation:breathe 3s ease-in-out infinite; z-index:-1; } @keyframes breathe { 0%,100%{transform:scale(1);opacity:.3} 50%{transform:scale(2);opacity:1} } .hub .ai-tag { font-size:1rem; letter-spacing:.2em; color:var(--accent-blue); font-weight:600; margin-bottom:2px; } .hub .logo { font-weight:700; font-size:clamp(3.3rem,3.5vw,2.2rem); letter-spacing:-.02em; color:var(--core); } .features-ring { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:0px; max-width:78%; padding:0 4px; } .feat { display:flex; align-items:center; gap:4px; padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.85); border:1px solid rgba(59,130,246,.1); box-shadow:0 1px 4px rgba(0,0,0,.03); font-family:'Space Grotesk',sans-serif; font-size:.6rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#3b5068; opacity:0; transform:scale(.7); transition:all .5s cubic-bezier(.22,1,.36,1); white-space:nowrap; } .feat .fdot { width:5px; height:5px; border-radius:50%; flex-shrink:0; } .in-view .feat { opacity:1; transform:scale(1); } .sat { position:absolute; top:50%; left:50%; width:72px; height:72px; margin:-36px 0 0 -36px; opacity:0; transform:scale(.3); transition:all .65s cubic-bezier(.22,1,.36,1); z-index:6; } .sat-inner { width:100%; height:100%; border-radius:14px; background:white; border:1px solid rgba(59,130,246,.1); box-shadow:0 2px 12px rgba(0,0,0,.05); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1px; transition:box-shadow .3s,transform .3s; cursor:default; } .sat-inner:hover { box-shadow:0 4px 20px rgba(59,130,246,.14); transform:translateY(-2px); } .sat-inner svg { width:22px; height:22px; } .sat-label { font-family:'Space Grotesk',sans-serif; font-size:9px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#6b7f96; margin-top:1px; } .in-view .sat { opacity:1; transform:scale(1); } .beam { position:absolute; top:50%; left:50%; height:2px; transform-origin:left center; opacity:0; z-index:2; pointer-events:none; } .beam-line { width:100%; height:100%; border-radius:1px; background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.04)); } .beam-dot { position:absolute; width:5px; height:5px; border-radius:50%; background:var(--accent-cyan); box-shadow:0 0 8px var(--accent-cyan); top:-1.5px; left:0; opacity:0; } .in-view .beam { opacity:1; } .in-view .beam-dot { animation:travel 2.8s ease-in-out infinite; } @keyframes travel { 0%{left:100%;opacity:0} 8%{opacity:1} 92%{opacity:1} 100%{left:0%;opacity:0} } .products-row { display:flex; gap:1rem; margin-top:2.5rem; flex-wrap:wrap; justify-content:center; z-index:2; position:relative; } .prod-pill { display:flex; align-items:center; gap:.5rem; padding:.6rem 1.2rem; border-radius:999px; background:white; border:1px solid rgba(59,130,246,.1); box-shadow:0 1px 6px rgba(0,0,0,.04); font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:.78rem; letter-spacing:.04em; color:var(--core); opacity:0; transform:translateY(16px); transition:all .6s cubic-bezier(.22,1,.36,1); } .prod-pill .pdot { width:7px; height:7px; border-radius:50%; flex-shrink:0; } .in-view .prod-pill { opacity:1; transform:translateY(0); } .prod-pill:nth-child(1){transition-delay:1.2s} .prod-pill:nth-child(2){transition-delay:1.35s} .prod-pill:nth-child(3){transition-delay:1.5s} @media(max-width:640px){ .hub{width:56%;height:56%} .hub .logo{font-size:1.2rem} .hub .ai-tag{font-size:.48rem} .feat{font-size:.48rem;padding:3px 7px} .feat .fdot{width:4px;height:4px} .sat{width:42px;height:42px;margin:-21px 0 0 -21px} .sat-inner{border-radius:10px} .sat-inner svg{width:18px;height:18px} .sat-label{font-size:.36rem} .prod-pill{font-size:.68rem;padding:.45rem .8rem} } /* ===== block 17 ===== */ #wpadminbar {display:none !important;} #pilot-form {height:auto; overflow:scroll;} .ff-default .ff-btn-lg {width: 100%;font-weight: bold !important;letter-spacing: 2px; font-size:20px !important; height:45px !important; line-height: 22px !important;} .fluentform .ff_t_c {font-size: 11px;line-height: 15px; padding-top: 7px !important;vertical-align: middle;} .close {top: 5px;right: 15px;color: red;z-index: 99;} .ff-default .ff-el-form-control {border-radius: 10px !important;vertical-align: middle;height:42px !important; padding-top: 8px !important;} .ff-default .ff-el-input--label label { color: #999;} /* ===== block 19 ===== */ /* CURSOR FX ── Global Cursor Glow ──── */ @media (hover: hover) { #cur-glow { position: fixed; top: 0; left: 0; width: 60px; height: 60px; border-radius: 50%; pointer-events: none; z-index: 99998; will-change: transform; background: radial-gradient( circle, rgba(29, 177, 255, 0.33) 0%, transparent 70% ); } /* Expanding pulse ring */ #cur-glow::after { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid rgba(29, 177, 255, 0.75); transform: translate(-50%, -50%) scale(1); animation: cur-pulse 2.4s cubic-bezier(0.2, 0.8, 0.3, 1) infinite; } } @keyframes cur-pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0.75; } 100% { transform: translate(-50%, -50%) scale(5.5); opacity: 0; } } /* ===== 4. Platform additions (not on the WordPress site): inner pages, forms, blog — WP look & feel ===== */ /* stand-in for the Elementor header container, which occupies 40px on the live site */ .xpro-theme-builder-header-nav > .elementor { height: 40px; } #canvas-ide-content { margin-top: -40px; } #canvas-ide-content main { padding-top: 40px; } .container { max-width: 1152px; margin: 0 auto; padding: 0 20px; } .container-narrow { max-width: 820px; } .muted { color: #64748b; } .page-hero { padding: 150px 0 30px; text-align: left; } .page-hero h1 { font-size: clamp(2rem, 4.5vw, 3rem); line-height: 1.15; margin: 0 0 14px; color: #0f172a; } .page-hero h1 em { font-style: normal; color: #0b47aa; } .page-hero .sub { font-size: 20px; color: #4b5c73; margin: 0; } .page-hero .eyebrow { font-weight: 600; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; color: #3b82f6; margin-bottom: 12px; } .page-hero .eyebrow a { color: inherit; } .draft-note { display: inline-block; background: #fff7e6; color: #8a5a00; border: 1px solid #f5d38f; border-radius: 999px; padding: 4px 12px; font-size: 13px; margin-bottom: 16px; } .page-body { padding: 10px 0 90px; } .prose { font-size: 18px; line-height: 1.7; color: #334155; } .prose h2 { font-size: 2rem; margin: 40px 0 12px; color: #0f172a; font-weight: 600; letter-spacing: -.5px; line-height: 1.25; } .prose h3 { font-size: 1.4rem; margin: 30px 0 10px; color: #0f172a; } .prose h4, .prose h5 { font-size: 1.1rem; margin: 24px 0 8px; color: #0f172a; } .prose p { margin: 0 0 1em; } .prose a { color: #0b47aa; text-decoration: underline; text-underline-offset: 3px; } .prose ul, .prose ol { padding-left: 1.3em; margin: 0 0 1.2em; } .prose ul { list-style: disc; } .prose ol { list-style: decimal; } .prose li { margin-bottom: .4em; } .prose img { border-radius: 14px; margin: 20px 0; } .prose blockquote { border-left: 3px solid #0b47aa; padding-left: 18px; color: #0f172a; font-style: italic; margin: 24px 0; } .prose table { font-size: 16px; } .prose .team-table th { width: 170px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #3b82f6; font-weight: 600; } .prose .plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 10px 0 50px; } .prose .plan { border: 1px solid #e2e8f0; border-radius: 18px; padding: 26px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.05); } .prose .plan-featured { border-color: #0b47aa; box-shadow: 0 10px 40px rgba(11,71,170,.12); } .prose .plan-tag { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #3b82f6; margin: 0 0 8px; } .prose .plan h3 { margin: 0 0 8px; font-size: 1.25rem; line-height: 1.3; } .prose .plan-price strong { font-size: 2.6rem; color: #0f172a; letter-spacing: -1px; } .prose .plan-price span { color: #64748b; font-size: 15px; } .prose .plan ul { font-size: 15px; } .prose .plan-cta { display: inline-flex; width: 100%; justify-content: center; text-decoration: none !important; color: #fff !important; font-weight: 700; padding: 10px 16px; border-radius: 14px; background: linear-gradient(to bottom, #1a6be0 0%, #0b47aa 50%, #083d96 100%); box-shadow: 0 2px 0 0 #072f75, inset 0 1px 0 rgba(255,255,255,.18); } .prose .faq details { border-bottom: 1px solid #e2e8f0; padding: 16px 0; } .prose .faq summary { font-weight: 600; font-size: 1.15rem; color: #0f172a; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; } .prose .faq summary::after { content: "+"; color: #0b47aa; font-size: 1.4rem; line-height: 1; } .prose .faq details[open] summary::after { content: "–"; } .prose .faq details p { margin: 12px 0 0; } .post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .post-card { display: flex; flex-direction: column; gap: 10px; color: #0f172a !important; text-decoration: none !important; } .post-card-img { aspect-ratio: 16/9; border-radius: 25px; overflow: hidden; background: #eef2f8; } .post-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; } .post-card:hover .post-card-img img { transform: scale(1.04); } .post-meta { font-size: 13px; color: #64748b; } .post-title { font-size: 1.35rem; line-height: 1.3; font-weight: 600; } .post-excerpt { color: #4b5c73; font-size: 15px; line-height: 1.55; } .load-more-wrap { grid-column: 1 / -1; text-align: center; padding-top: 10px; } .article-cover img { width: 100%; border-radius: 25px; margin: 10px 0 30px; } .related { padding: 0 0 100px; } .related-title { font-size: 2rem; margin-bottom: 26px; } .btn-primary.btn-block { width: 100%; } .btn-ghost { background: #fff; color: #0f172a; border: 1px solid #d1d5db; border-radius: 18px; padding: 10px 24px; font-size: 17px; } .notfound { padding: 170px 0 140px; } .notfound h1 { font-size: 3rem; margin: 0 0 10px; } .notfound-actions { display: flex; gap: 12px; margin-top: 24px; } .notfound-actions .btn { font-size: 18px; border-radius: 18px; } /* request pages */ .request { padding: 140px 0 100px; } .request-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; align-items: start; } .request-aside h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; margin: 6px 0 14px; } .request-aside .eyebrow { font-weight: 600; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; color: #3b82f6; } .request-aside .sub { font-size: 19px; color: #4b5c73; } .request-points { list-style: none; padding: 0; margin: 26px 0; display: grid; gap: 14px; color: #334155; } .request-points li { padding-left: 26px; position: relative; } .request-points li::before { content: "✓"; position: absolute; left: 0; color: #0b47aa; font-weight: 700; } .request-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 28px; box-shadow: 0 20px 60px rgba(15,23,42,.08); } /* forms (Fluent Forms look) */ .form { display: flex; flex-wrap: wrap; gap: 14px 16px; text-align: left; } .form-title { width: 100%; font-size: 1.6rem !important; margin: 0 0 4px; color: #0f172a; } .form .field { width: 100%; display: flex; flex-direction: column; gap: 6px; } .form .field.half { width: calc(50% - 8px); } .form label, .form .label { color: #999; font-size: 14px; line-height: 1.3; } .form .req { color: #ef4444; } .form input[type=text], .form input[type=email], .form select, .form textarea { border-radius: 10px !important; border: 1px solid #dadbdd; height: 42px; padding: 8px 12px; font-size: 16px; color: #0f172a; background: #fff; } .form textarea { height: auto; } .form .checks { display: flex; flex-wrap: wrap; gap: 8px 16px; } .form .chip-check, .form .check { display: flex; gap: 8px; align-items: flex-start; color: #334155; font-size: 15px; line-height: 1.35; } .form .check span { font-size: 11px; line-height: 15px; color: #64748b; } .form .field-error { color: #dc2626; font-size: 13px; margin: 0; } .form .has-error input, .form .has-error select { border-color: #f87171; } .form .btn-block { justify-content: center; font-weight: bold; letter-spacing: 2px; font-size: 20px; height: 45px; border-radius: 12px; } .form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .form-done { flex-direction: column; align-items: center; text-align: center; padding: 30px 10px; } .form-done .done-icon { width: 56px; height: 56px; border-radius: 50%; background: #0b47aa; color: #fff; display: grid; place-items: center; font-size: 28px; } .form-done .ref { font-size: 14px; color: #64748b; } #formModal .modal-box { background: #fff; border-radius: 18px; padding: 30px; } #formModal .close { top: 5px; right: 15px; color: red; z-index: 99; } @media (max-width: 800px) { .prose .plans, .post-grid, .request-grid { grid-template-columns: 1fr; } .form .field.half { width: 100%; } .page-hero { padding-top: 120px; } } /* ===== 5. Pricing page (live site's canvas-ide CSS for /pricing) ===== */ .plan-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .plan-card:hover { transform: translateY(-3px); box-shadow: 0 12px 40px -10px rgba(21,101,216,0.12); } .plan-card.featured { border: 2px solid #1565D8; box-shadow: 0 8px 30px -8px rgba(21,101,216,0.15); } .price-value { font-weight: 800; color: #0D1B2A; } .feature-check { width: 18px; height: 18px; background: #EBF2FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; } .feature-check svg { width: 10px; height: 10px; color: #1565D8; } .feature-item { display: flex; align-items: flex-start; gap: 10px; font-size: 0.9rem; color: #4a5568; line-height: 1.55; } .bg-subtle { background: linear-gradient(180deg, #f0f4ff 0%, #ffffff 40%); } .section-rule { border: none; height: 1px; background: linear-gradient(90deg, transparent, #d1d9e6, transparent); } .badge { font-family: 'Space Mono', monospace; font-size: 0.65rem; letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 12px; border-radius: 6px; display: inline-block; font-weight: 700; } .faq-row { border-bottom: 1px solid #e2e8f0; cursor: pointer; } .faq-row:last-child { border-bottom: none; } .faq-body { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .faq-row.open .faq-body { max-height: 260px; } .faq-row .faq-plus { transition: transform 0.3s; } .faq-row.open .faq-plus { transform: rotate(45deg); } /* ===== 6. Team cards (/team) ===== */ .team-section { padding: 10px 0 100px; } .team-section .container { max-width: 1100px; } .team-section-title { font-size: 2.2rem; text-align: center; margin: 0 0 8px; color: #0f172a; } .team-section-text { text-align: center; color: #4b5c73; font-size: 18px; margin-bottom: 36px; } .team-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; } .team-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 14px 14px 18px; text-align: center; transition: transform .3s ease, box-shadow .3s ease; outline: none; } .team-card:hover, .team-card:focus-visible { transform: translateY(-3px); box-shadow: 0 12px 40px -10px rgba(21,101,216,.15); } .team-card-photo { position: relative; max-width: 180px; aspect-ratio: 1; margin: 0 auto 14px; border-radius: 12px; overflow: hidden; background: #eef2f8; } .team-card-photo img { width: 100%; height: 100%; object-fit: cover; } .team-card-initials { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.2rem; font-weight: 700; color: #0b47aa; } .team-card-bio { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 12px; background: linear-gradient(180deg, rgba(11,71,170,.2), rgba(15,23,42,.92) 55%); color: #e2e8f0; font-size: 13px; line-height: 1.45; text-align: left; opacity: 0; transition: opacity .3s ease; } .team-card-bio b { color: #8fb4ff; } .team-card:hover .team-card-bio, .team-card:focus-within .team-card-bio { opacity: 1; } .team-card-name { font-size: 1.1rem !important; margin: 0 !important; color: #0f172a; font-weight: 700 !important; line-height: 1.3 !important; } .team-card-role { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #3b82f6; margin: 4px 0 0; font-weight: 600; } @media (max-width: 640px) { .team-cards { grid-template-columns: repeat(2, 1fr); } }