/* payment-live.css - Styles specific to /live/ payment page */
/* Extracted 2026-04-01 */

/* === PUREBRAIN.AI COMPLETE STYLING (wp-custom-css second block) === */
			/* ============================================
   PUREBRAIN.AI COMPLETE STYLING
   Add to: WordPress Admin > Appearance > Customize > Additional CSS

   UPDATED: 2026-02-15 - Jared's requested fixes
   FIX 1: Video overlay COMPLETELY REMOVED (grainy issue)
   FIX 2: Social share bar above comments REMOVED
   FIX 3: Read more buttons ALWAYS visible
   FIX 4: Footer social icons properly styled
   FIX 5: Social Sharing Icons (Facebook, WhatsApp, LinkedIn) - Pure Tech colors
   FIX 6: Floating Magic Cursor - Pure Tech Orange (was green)
   ============================================ */

/* ========== FIX 1: COMPLETELY REMOVE VIDEO OVERLAY ========== */
/* Jared reported video looks too grainy/dark - REMOVE ALL overlays */

.video-overlay,
.elementor-background-overlay,
[class*="background-overlay"],
.elementor-section::before,
.elementor-section::after,
body .elementor-background-overlay,
body.page-id-95 .elementor-background-overlay,
body.page-id-95 [class*="overlay"]:not(.elementor-post):not(.blog-card),
.elementor-background-video-fallback::after,
.elementor-section .elementor-background-overlay,
.elementor-section > .elementor-background-overlay {
    background: none !important;
    background-color: transparent !important;
    opacity: 0 !important;
    display: none !important;
    visibility: hidden !important;
}

/* For single posts, keep VERY minimal overlay for text readability only */
body.single-post::after {
    background: rgba(0,0,0,0.25) !important;
}


/* ========== FIX 3: READ MORE BUTTONS ALWAYS VISIBLE ========== */
/* Force Read More buttons to display on ALL blog posts */

/* Primary Read More button selectors */
.elementor-post__read-more,
a.elementor-post__read-more,
.wp-block-latest-posts__read-more,
.read-more,
a.read-more,
.more-link,
a.more-link,
.wp-block-post .read-more,
article .read-more,
.elementor-post .elementor-post__read-more,
a[class*="read-more"],
.post-read-more,
.continue-reading {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #f1420b 0%, #ff6b3d 100%) !important;
    padding: 12px 24px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    margin-top: 15px !important;
    cursor: pointer !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(241, 66, 11, 0.3) !important;
}

/* Read More hover state */
.elementor-post__read-more:hover,
a.elementor-post__read-more:hover,
.wp-block-latest-posts__read-more:hover,
.read-more:hover,
a.read-more:hover,
.more-link:hover,
a.more-link:hover,
a[class*="read-more"]:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2a93c1 0%, #1a7aa8 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(42, 147, 193, 0.4) !important;
}

/* Force container to show Read More */
.elementor-post__text,
.elementor-post .elementor-widget-container {
    overflow: visible !important;
}

/* ========== FIX 4: FOOTER SOCIAL ICONS STYLING ========== */
/* Ensure footer social icons are properly sized and visible */

footer .elementor-social-icon,
#site-footer .elementor-social-icon,
.footer .elementor-social-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(42, 147, 193, 0.2) !important;
    border: 2px solid rgba(42, 147, 193, 0.5) !important;
    transition: all 0.3s ease !important;
}

footer .elementor-social-icon:hover,
#site-footer .elementor-social-icon:hover,
.footer .elementor-social-icon:hover {
    background: rgba(241, 66, 11, 0.3) !important;
    border-color: #f1420b !important;
    transform: scale(1.1) !important;
}

footer .elementor-social-icon i,
footer .elementor-social-icon svg,
#site-footer .elementor-social-icon i,
#site-footer .elementor-social-icon svg {
    width: 20px !important;
    height: 20px !important;
    color: white !important;
    fill: white !important;
}

/* ========== FIX 5: SOCIAL SHARING ICONS - PURE TECH COLORS ========== */
/* Style the Facebook, WhatsApp, LinkedIn sharing icons on posts */

/* Target all social sharing icon containers */
.post-social-sharing a,
.social-sharing a,
[class*="social-share"] a,
.sharethis-inline-share-buttons a,
.addtoany_share_save_container a,
.ssi-shares a,
.ss-social-sharing a,
.post-share a,
.entry-share a,
.sharedaddy a,
.jp-relatedposts-post-share a,
.social-icons-post a {
    background: #2a93c1 !important;
    color: white !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    border: 2px solid rgba(42, 147, 193, 0.5) !important;
    margin: 0 5px !important;
}

/* Hover state - Pure Tech Orange */
.post-social-sharing a:hover,
.social-sharing a:hover,
[class*="social-share"] a:hover,
.sharethis-inline-share-buttons a:hover,
.addtoany_share_save_container a:hover,
.ssi-shares a:hover,
.ss-social-sharing a:hover,
.post-share a:hover,
.entry-share a:hover,
.sharedaddy a:hover,
.jp-relatedposts-post-share a:hover,
.social-icons-post a:hover {
    background: #f1420b !important;
    border-color: #f1420b !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 15px rgba(241, 66, 11, 0.4) !important;
}

/* Icons inside sharing buttons */
.post-social-sharing a i,
.post-social-sharing a svg,
.social-sharing a i,
.social-sharing a svg,
[class*="social-share"] a i,
[class*="social-share"] a svg,
.sharethis-inline-share-buttons svg,
.addtoany_share_save_container svg,
.ssi-shares svg,
.ss-social-sharing svg {
    fill: white !important;
    color: white !important;
    width: 20px !important;
    height: 20px !important;
}

/* Override plugin-specific default colors */
.sharethis-inline-share-buttons .st-btn,
.addtoany_button,
.at-share-btn {
    background: #2a93c1 !important;
    border-radius: 50% !important;
}

.sharethis-inline-share-buttons .st-btn:hover,
.addtoany_button:hover,
.at-share-btn:hover {
    background: #f1420b !important;
}

/* ========== FIX 6: FLOATING MAGIC CURSOR - PURE TECH ORANGE ========== */
/* Fix floating action button from green to Pure Tech Orange */
/* IMPORTANT: Uses Elementor CSS Variables for proper override */

/* Set Elementor CSS Variables (this is what makes it work!) */
.e-floating-buttons,
.e-floating-buttons__container,
.elementor-widget.e-floating-buttons {
    --e-floating-buttons-btn-bg-color: #f1420b !important;
    --e-floating-buttons-btn-bg-color-hover: #2a93c1 !important;
    --e-floating-buttons-btn-icon-color: white !important;
}

/* Direct selectors as backup */
.e-floating-buttons .e-floating-buttons__btn,
.e-floating-buttons__btn,
[class*="floating-buttons"] button,
[class*="floating-button"],
.elementor-floating-buttons .elementor-floating-buttons__btn,
.fab-button,
.floating-action-button {
    background-color: #f1420b !important;
    background: #f1420b !important;
    border-color: #f1420b !important;
    box-shadow: 0 4px 15px rgba(241, 66, 11, 0.4) !important;
}

.e-floating-buttons .e-floating-buttons__btn:hover,
.e-floating-buttons__btn:hover,
[class*="floating-buttons"] button:hover,
[class*="floating-button"]:hover,
.elementor-floating-buttons .elementor-floating-buttons__btn:hover,
.fab-button:hover,
.floating-action-button:hover {
    background-color: #2a93c1 !important;
    background: #2a93c1 !important;
    border-color: #2a93c1 !important;
    box-shadow: 0 4px 15px rgba(42, 147, 193, 0.4) !important;
}

/* Floating button icon color */
.e-floating-buttons .e-floating-buttons__btn i,
.e-floating-buttons .e-floating-buttons__btn svg,
.e-floating-buttons__btn i,
.e-floating-buttons__btn svg,
.e-floating-buttons__btn .eicon {
    color: white !important;
    fill: white !important;
}

/* ========== PAGE LOADER / PRELOADER - BRAND COLORS ========== */

/* Preloader background - dark brand */
.theme-preloader,
.preloader,
.loading,
.page-loader,
.awaiken-preloader,
#awaiken-preloader,
.starter-starter-preloader,
[class*="preloader"],
[class*="loader"]:not([class*="upload"]) {
    background: #0a0a0f !important;
    background: linear-gradient(135deg, #0a0a0f 0%, #0d1520 100%) !important;
}

/* Preloader spinner/animation - BLUE ring with ORANGE accent */
.theme-preloader::before,
.theme-preloader::after,
.preloader-spinner,
.loading-spinner,
.awaiken-preloader .spinner,
.awaiken-preloader::before,
.awaiken-preloader::after,
#awaiken-preloader .spinner,
[class*="preloader"] *:not(svg),
[class*="loader-spin"],
.starter-starter-preloader .spinner {
    border-color: rgba(42, 147, 193, 0.2) !important;
    border-top-color: #f1420b !important;
    border-right-color: #2a93c1 !important;
}

/* Alternate loader styles */
.theme-preloader .spinner,
.loader-circle,
.loading-circle,
.awaiken-preloader .loader-circle {
    border: 4px solid rgba(42, 147, 193, 0.2) !important;
    border-top: 4px solid #f1420b !important;
    border-right: 4px solid #2a93c1 !important;
}

/* Loading text if present */
.loading-text,
.preloader-text,
.awaiken-preloader-text {
    color: #2a93c1 !important;
    font-family: 'Oswald', sans-serif;
}

/* SVG loaders */
.preloader svg,
.awaiken-preloader svg,
.loader svg {
    stroke: #2a93c1 !important;
    fill: #f1420b !important;
}

/* Elementor loader */
.elementor-loading,
.elementor .eicon-loading {
    color: #2a93c1 !important;
}

/* ========== BLOG PAGE (page-id-95) - TRANSPARENT BG FOR VIDEO ========== */

/* HIDE the spiral/hexagon logo EVERYWHERE on blog page */
body.page-id-95 .elementor-widget-image img,
body.page-id-95 img[src*="hexagon"],
body.page-id-95 img[src*="spiral"],
body.page-id-95 img[src*="icon"],
body.page-id-95 img[src*="Icon"],
body.page-id-95 img[src*="PT"],
body.page-id-95 .elementor-post__thumbnail + .elementor-widget-image img {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* BUT keep the blog post featured images visible */
body.page-id-95 .elementor-post__thumbnail img,
body.page-id-95 .wp-post-image,
body.page-id-95 .attachment-full,
body.page-id-95 article img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make Elementor section backgrounds TRANSPARENT so brain video shows */
body.page-id-95 .elementor-section,
body.page-id-95 .elementor-container,
body.page-id-95 .elementor-column,
body.page-id-95 .elementor-widget-wrap,
body.page-id-95 .elementor-element {
    background-color: transparent !important;
    background-image: none !important;
}

/* Only the main page body and post cards should have background */
body.page-id-95 {
    background: transparent !important;
}

/* Post cards can have slight background for readability */
body.page-id-95 .elementor-post,
body.page-id-95 article.post {
    background: rgba(10, 15, 25, 0.7) !important;
    border-radius: 12px;
    border: 1px solid rgba(241, 66, 11, 0.3) !important;
}

/* ========== SUBSCRIBE BUTTON / CTA ========== */

/* Subscribe button styling */
.subscribe-btn,
.subscribe-button,
.newsletter-signup,
.email-signup,
[class*="subscribe"],
.wp-block-button__link {
    background: linear-gradient(135deg, #2a93c1 0%, #1a7aa8 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(42, 147, 193, 0.3) !important;
}

.subscribe-btn:hover,
.subscribe-button:hover,
.newsletter-signup:hover,
[class*="subscribe"]:hover,
.wp-block-button__link:hover {
    background: linear-gradient(135deg, #f1420b 0%, #d63a09 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(241, 66, 11, 0.4) !important;
}

/* Subscribe form input */
.subscribe-form input[type="email"],
.newsletter-form input[type="email"],
[class*="subscribe"] input[type="email"] {
    background: rgba(20, 25, 40, 0.9) !important;
    border: 1px solid rgba(42, 147, 193, 0.3) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
}

.subscribe-form input[type="email"]:focus,
[class*="subscribe"] input[type="email"]:focus {
    border-color: #2a93c1 !important;
    outline: none !important;
    box-shadow: 0 0 10px rgba(42, 147, 193, 0.3) !important;
}

/* ========== SINGLE POST PAGES ========== */

/* Brain Animation Background */
body.single-post::before {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('https://purebrain.ai/wp-content/uploads/2026/02/Pure-Brain-Vid-3.gif') center center no-repeat;
    background-size: cover;
    opacity: 0.5;
    z-index: -2;
    pointer-events: none;
}

/* Dark overlay - MINIMAL for readability */
body.single-post::after {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(5,8,15,0.25);
    z-index: -1;
    pointer-events: none;
}

/* Base background */
body.single-post {
    background: #0a0a0f !important;
}

/* Pure Tech Icon Badge */
body.single-post .site-header::after {
    content: '';
    position: fixed;
    top: 20px; right: 25px;
    width: 50px; height: 50px;
    background: url('https://purebrain.ai/wp-content/uploads/2026/02/cropped-cropped-MA1.BI-1.2.4-002-211107-Icon-PT.png') center/contain no-repeat;
    z-index: 9999;
    pointer-events: none;
    filter: drop-shadow(0 2px 10px rgba(42,147,193,0.7));
    animation: pb-icon-pulse 3s ease-in-out infinite;
}

@keyframes pb-icon-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); filter: drop-shadow(0 3px 18px rgba(42,147,193,1)); }
}

/* Main content area */
body.single-post .site-content,
body.single-post .entry-content,
body.single-post article.post {
    background: rgba(10,15,25,0.5) !important;
    backdrop-filter: blur(5px);
    border-radius: 12px;
    border: 1px solid rgba(42,147,193,0.2);
    padding: 40px !important;
    max-width: 900px;
    margin: 20px auto !important;
}

/* Post title */
body.single-post .entry-title,
body.single-post h1.entry-title {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

/* All headings */
body.single-post h1,
body.single-post h2,
body.single-post h3,
body.single-post h4 {
    color: #ffffff !important;
}

/* Body text */
body.single-post p,
body.single-post li,
body.single-post .entry-content p {
    color: rgba(255,255,255,0.9) !important;
    line-height: 1.7;
}

/* Links */
body.single-post a {
    color: #2a93c1 !important;
    transition: color 0.3s ease;
}

body.single-post a:hover {
    color: #f1420b !important;
}

/* Featured image */
body.single-post .post-thumbnail img,
body.single-post .wp-post-image {
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* Meta info */
body.single-post .entry-meta,
body.single-post .post-meta {
    color: rgba(255,255,255,0.6) !important;
}

body.single-post .entry-meta a {
    color: rgba(255,255,255,0.7) !important;
}

/* Comments section */
body.single-post #comments,
body.single-post .comments-area {
    background: rgba(10,15,25,0.5);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    border: 1px solid rgba(42,147,193,0.2);
    padding: 30px;
    margin-top: 30px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

body.single-post #comments h3,
body.single-post .comments-title {
    color: #ffffff !important;
}

body.single-post .comment-form label {
    color: rgba(255,255,255,0.8) !important;
}

body.single-post .comment-form textarea,
body.single-post .comment-form input[type="text"],
body.single-post .comment-form input[type="email"] {
    background: rgba(20,25,40,0.8) !important;
    border: 1px solid rgba(42,147,193,0.3) !important;
    color: #ffffff !important;
    border-radius: 6px;
}

body.single-post .comment-form input[type="submit"] {
    background: linear-gradient(135deg, #2a93c1 0%, #1a6a94 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 6px !important;
    cursor: pointer;
}

body.single-post .comment-form input[type="submit"]:hover {
    background: linear-gradient(135deg, #f1420b 0%, #c13509 100%) !important;
}

/* Navigation */
body.single-post .post-navigation,
body.single-post .nav-links {
    background: rgba(10,15,25,0.5);
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

body.single-post .nav-links a {
    color: #2a93c1 !important;
}

/* Sidebar if present */
body.single-post .widget-area,
body.single-post aside {
    background: rgba(10,15,25,0.5);
    border-radius: 12px;
    padding: 20px;
}

body.single-post .widget-title {
    color: #ffffff !important;
}

/* ========== POST META - DATE & CATEGORY COLORS ========== */

/* ===== AWAIKEN THEME SPECIFIC - post-single-meta ===== */

/* Calendar icon and date text - BLUE */
.post-single-meta li i.fa-calendar-days,
.post-single-meta li .fa-calendar-days,
.post-single-meta li i[class*="calendar"] {
    color: #2a93c1 !important;
}

/* Date text after calendar icon - BLUE */
.post-single-meta li:has(i.fa-calendar-days),
.post-single-meta li:has(i[class*="calendar"]),
.post-single-meta li:has(.fa-calendar) {
    color: #2a93c1 !important;
}

/* Tag icon and category text - ORANGE */
.post-single-meta li i.fa-tag,
.post-single-meta li .fa-tag,
.post-single-meta li i[class*="tag"] {
    color: #f1420b !important;
}

/* Category text after tag icon - ORANGE */
.post-single-meta li:has(i.fa-tag),
.post-single-meta li:has(i[class*="tag"]),
.post-single-meta li:has(.fa-tags) {
    color: #f1420b !important;
}

/* Fallback: target all LI in post-single-meta based on position */
/* First LI (usually date) - Blue */
.post-single-meta ul li:first-child {
    color: #2a93c1 !important;
}
.post-single-meta ul li:first-child i {
    color: #2a93c1 !important;
}

/* Second LI (usually category) - Orange */
.post-single-meta ul li:nth-child(2) {
    color: #f1420b !important;
}
.post-single-meta ul li:nth-child(2) i {
    color: #f1420b !important;
}

/* ===== END AWAIKEN THEME SPECIFIC ===== */

/* Date/calendar icon and text - BLUE (Generic selectors) */
.entry-meta .posted-on,
.entry-meta .entry-date,
.post-meta .date,
.elementor-post-info .elementor-post-info__item--date,
.elementor-post-date,
[class*="post-date"],
[class*="entry-date"],
.wp-block-post-date,
time.entry-date {
    color: #2a93c1 !important;
}

/* Calendar icon specifically */
.entry-meta .posted-on svg,
.entry-meta .posted-on i,
.elementor-post-info__item--date svg,
.elementor-post-info__item--date i,
[class*="calendar"],
i.fa-calendar,
i.fa-calendar-days,
.fa-calendar,
.fa-calendar-days {
    color: #2a93c1 !important;
    fill: #2a93c1 !important;
}

/* Category/tag icon and text - ORANGE (AGGRESSIVE) */
.entry-meta .cat-links,
.entry-meta .cat-links a,
.entry-meta .tag-links,
.entry-meta .tag-links a,
.post-meta .category,
.post-meta .category a,
.post-categories,
.post-categories a,
.elementor-post-info .elementor-post-info__item--terms,
.elementor-post-info .elementor-post-info__item--terms a,
.elementor-post-info__terms-list,
.elementor-post-info__terms-list a,
[class*="category"],
[class*="category"] a,
[class*="cat-links"],
[class*="cat-links"] a,
.wp-block-post-terms,
.wp-block-post-terms a,
.entry-categories,
.entry-categories a,
body.single-post .cat-links,
body.single-post .cat-links a,
body.single-post [class*="category"],
body.single-post [class*="category"] a,
body.single-post .elementor-post-info__terms-list,
body.single-post .elementor-post-info__terms-list a,
a[rel="category tag"],
a[rel="tag"] {
    color: #f1420b !important;
}

/* Tag/category icon specifically - ORANGE */
.entry-meta .cat-links svg,
.entry-meta .cat-links i,
.entry-meta .cat-links::before,
.entry-meta .tag-links svg,
.entry-meta .tag-links i,
.elementor-post-info__item--terms svg,
.elementor-post-info__item--terms i,
.elementor-post-info__item--terms::before,
[class*="tag-icon"],
[class*="category-icon"],
body.single-post .cat-links svg,
body.single-post .cat-links i,
body.single-post [class*="terms"] svg,
body.single-post [class*="terms"] i,
i.fa-tag,
i.fa-tags,
.fa-tag,
.fa-tags {
    color: #f1420b !important;
    fill: #f1420b !important;
}

/* Category links hover */
.cat-links a:hover,
.tag-links a:hover,
[class*="category"] a:hover {
    color: #ffffff !important;
    background: #f1420b !important;
    padding: 2px 6px;
    border-radius: 3px;
}

/* ========== BLOG LISTING PAGE ========== */

/* Post titles - white by default */
body.page-id-95 .wp-block-latest-posts__post-title,
body.page-id-95 .elementor-post__title,
body.page-id-95 .elementor-post__title a,
.wp-block-latest-posts__post-title,
.elementor-post__title,
.elementor-post__title a {
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Post titles - style the title container (Elementor uses this) */
body.page-id-95 .elementor-post__title,
.elementor-post__title {
    background: linear-gradient(135deg, #f1420b 0%, #d63a09 100%) !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.page-id-95 .elementor-post__title a,
.elementor-post__title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Post titles - hover effect */
body.page-id-95 .wp-block-latest-posts__post-title:hover,
body.page-id-95 .elementor-post__title:hover,
.wp-block-latest-posts__post-title:hover,
.elementor-post__title:hover {
    background: linear-gradient(135deg, #2a93c1 0%, #1a7aa8 100%) !important;
    transform: translateY(-2px) !important;
}

/* Mobile: ensure title box doesn't overflow */
@media (max-width: 768px) {
    body.page-id-95 .elementor-post__title,
    .elementor-post__title {
        padding: 10px 12px !important;
        font-size: 1rem !important;
        line-height: 1.4 !important;
        display: block !important;
        width: 100% !important;
    }
}

/* Post excerpt */
body.page-id-95 .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts__post-excerpt {
    color: rgba(255,255,255,0.75) !important;
}

/* Post date */
body.page-id-95 .wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-date {
    color: rgba(255,255,255,0.5) !important;
}

/* Post list container */
body.page-id-95 .wp-block-latest-posts__list,
.wp-block-latest-posts__list {
    background: rgba(15,20,30,0.5) !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(42,147,193,0.2) !important;
}

/* Featured images */
body.page-id-95 .wp-block-latest-posts__featured-image img,
.wp-block-latest-posts__featured-image img {
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important;
}

/* ========== HIDE MENU / NAVIGATION ========== */

/* Remove menu completely - navigation via page buttons only */
.navbar,
.navbar-expand-lg,
.responsive-menu,
.main-navigation,
.site-navigation,
.primary-menu,
.menu-toggle,
nav.menu,
#site-navigation,
.nav-menu,
[class*="menu"]:not(.footer-menu):not([class*="social"]),
a[href*="add-menu"],
.navbar-toggle {
    display: none !important;
    visibility: hidden !important;
}

/* Hide "Add a menu" text specifically */
a:contains("Add a menu"),
*:contains("Add a menu") {
    display: none !important;
}

/* Keep the logo/brand visible but hide menu items */
.navbar-brand {
    display: block !important;
    visibility: visible !important;
}

/* Hide any menu placeholder text */
.menu-item-has-children,
.sub-menu {
    display: none !important;
}

/* ========== HIDE FOOTER CREDIT ========== */

/* Remove "Created by Awaiken, Powered by WordPress" from ALL pages */
.copyright,
.footer .copyright,
#site-footer .copyright,
.footer-main .copyright {
    display: none !important;
    visibility: hidden !important;
}

/* Also hide any "Powered by" text */
[class*="powered"],
[class*="credit"] {
    display: none !important;
}

/* ========== FOOTER SOCIAL ICONS - BRAND COLORS ========== */

/* Footer social icons container - ONLY style footer social, not post social */
.footer-social,
footer .social-icons,
#site-footer .social-icons {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}

/* Footer social icon links - Blue by default */
.footer-social a,
footer .social-icons a,
#site-footer .social-icons a {
    color: #2a93c1 !important;
    background: rgba(42, 147, 193, 0.1) !important;
    border: 1px solid rgba(42, 147, 193, 0.3) !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
}

/* Footer social icon hover - Orange */
.footer-social a:hover,
footer .social-icons a:hover,
#site-footer .social-icons a:hover {
    color: #ffffff !important;
    background: #f1420b !important;
    border-color: #f1420b !important;
    transform: scale(1.1);
}

/* Footer social icon SVGs/icons */
.footer-social svg,
.footer-social i,
footer .social-icons svg,
footer .social-icons i {
    fill: currentColor;
    color: inherit !important;
    width: 18px;
    height: 18px;
}

/* Footer styling */
#site-footer,
.footer {
    background: rgba(5, 8, 15, 0.95) !important;
    border-top: 1px solid rgba(42, 147, 193, 0.2);
}

.footer-main {
    padding: 30px 20px !important;
}

/* Footer logo */
.footer-logo img {
    filter: brightness(1.2);
}

/* ========== FIX FLOATING LOGO OVERLAP ========== */

/* Fix logo/icon overlapping text on main pages */
.elementor-widget-image.floating-logo,
.floating-icon,
[class*="floating-logo"],
[class*="floating-icon"],
.elementor-element[data-element_type="widget"].elementor-widget-image {
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure main content is above floating elements */
.elementor-heading-title,
h1, h2, h3,
.entry-title,
[class*="title"] {
    position: relative !important;
    z-index: 10 !important;
}

/* If there's a decorative element overlapping, push it back */
.elementor-widget-image img[src*="hexagon"],
.elementor-widget-image img[src*="icon"],
.decorative-element {
    z-index: 0 !important;
}

/* ========== SUBSCRIBE BUTTON / BLOG CTA ========== */

/* Subscribe section for blog */
.blog-subscribe,
.subscribe-section,
.newsletter-cta,
.jetpack-subscribe,
.wp-block-jetpack-subscriptions,
[class*="subscribe-form"],
[class*="newsletter-signup"] {
    background: linear-gradient(135deg, rgba(42, 147, 193, 0.15) 0%, rgba(241, 66, 11, 0.1) 100%) !important;
    border: 1px solid rgba(42, 147, 193, 0.3) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin: 30px auto !important;
    max-width: 600px !important;
    text-align: center !important;
}

/* Subscribe heading */
.blog-subscribe h3,
.subscribe-section h3,
.newsletter-cta h3,
.wp-block-jetpack-subscriptions h3 {
    color: #ffffff !important;
    margin-bottom: 15px !important;
}

/* Subscribe description */
.blog-subscribe p,
.subscribe-section p,
.wp-block-jetpack-subscriptions p {
    color: rgba(255, 255, 255, 0.8) !important;
    margin-bottom: 20px !important;
}

/* Subscribe email input */
.blog-subscribe input[type="email"],
.subscribe-section input[type="email"],
.wp-block-jetpack-subscriptions input[type="email"],
.jetpack-subscribe input[type="email"] {
    background: rgba(20, 25, 40, 0.9) !important;
    border: 1px solid rgba(42, 147, 193, 0.4) !important;
    color: #ffffff !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
    width: 100% !important;
    max-width: 350px !important;
    margin-bottom: 15px !important;
    font-size: 16px !important;
}

.blog-subscribe input[type="email"]:focus,
.wp-block-jetpack-subscriptions input[type="email"]:focus {
    border-color: #2a93c1 !important;
    outline: none !important;
    box-shadow: 0 0 15px rgba(42, 147, 193, 0.3) !important;
}

/* Subscribe button */
.blog-subscribe button,
.blog-subscribe input[type="submit"],
.subscribe-section button,
.wp-block-jetpack-subscriptions button,
.wp-block-jetpack-subscriptions input[type="submit"],
.jetpack-subscribe button {
    background: linear-gradient(135deg, #f1420b 0%, #d63a09 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 35px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(241, 66, 11, 0.3) !important;
}

.blog-subscribe button:hover,
.wp-block-jetpack-subscriptions button:hover,
.jetpack-subscribe button:hover {
    background: linear-gradient(135deg, #2a93c1 0%, #1a7aa8 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(42, 147, 193, 0.4) !important;
}

/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
    /* Content area */
    body.single-post .site-content,
    body.single-post .entry-content,
    body.single-post article.post {
        padding: 20px !important;
        margin: 10px !important;
        border-radius: 8px;
    }

    /* Pure Tech icon badge - smaller on mobile */
    body.single-post .site-header::after {
        width: 40px;
        height: 40px;
        top: 15px;
        right: 15px;
    }

    /* LOGO - Much smaller on mobile */
    .logo,
    .site-logo,
    .custom-logo,
    .header-logo,
    .site-branding img,
    header .logo img,
    .logo img {
        max-width: 120px !important;
        max-height: 60px !important;
        width: auto !important;
        height: auto !important;
    }

    /* Logo container */
    .logo,
    .site-logo,
    .site-branding {
        max-width: 130px !important;
    }

    /* Header adjustments for mobile */
    header,
    .site-header {
        padding: 10px 15px !important;
    }
}

/* Even smaller on very small screens */
@media (max-width: 480px) {
    .logo,
    .site-logo,
    .custom-logo,
    .header-logo,
    .site-branding img,
    header .logo img,
    .logo img {
        max-width: 100px !important;
        max-height: 50px !important;
    }

    .logo,
    .site-logo,
    .site-branding {
        max-width: 110px !important;
    }
}

/* ========== MOBILE TEXT OVERFLOW FIX ========== */

/* GLOBAL: Prevent horizontal scroll on mobile */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* BLOG PAGE (page-id-95) - Fix text cutoff */
body.page-id-95 .elementor-widget-text-editor,
body.page-id-95 .elementor-text-editor,
body.page-id-95 p,
body.page-id-95 .elementor-heading-title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Blog page description text */
body.page-id-95 .elementor-widget-text-editor p {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

/* Post title box on blog page */
body.page-id-95 .elementor-post__title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    /* Blog page mobile fixes */
    body.page-id-95 .elementor-container,
    body.page-id-95 .elementor-row,
    body.page-id-95 .elementor-column,
    body.page-id-95 .elementor-widget-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Heading text - smaller on mobile */
    body.page-id-95 .elementor-heading-title {
        font-size: 1.8rem !important;
        line-height: 1.2 !important;
        padding: 0 10px !important;
    }

    /* Description text - wrap properly */
    body.page-id-95 .elementor-widget-text-editor p {
        font-size: 0.85rem !important;
        padding: 0 15px !important;
        line-height: 1.4 !important;
    }

    /* Post title in card */
    body.page-id-95 .elementor-post__title {
        font-size: 0.95rem !important;
        padding: 8px 12px !important;
        line-height: 1.3 !important;
    }

    /* Post card container */
    body.page-id-95 .elementor-post {
        margin: 0 10px !important;
        max-width: calc(100% - 20px) !important;
    }
}

@media (max-width: 480px) {
    body.page-id-95 .elementor-heading-title {
        font-size: 1.5rem !important;
    }

    body.page-id-95 .elementor-widget-text-editor p {
        font-size: 0.8rem !important;
        padding: 0 10px !important;
    }

    body.page-id-95 .elementor-post__title {
        font-size: 0.85rem !important;
        padding: 6px 10px !important;
    }
}

/* Prevent text cutoff on all screen sizes */
body.single-post h1,
body.single-post h2,
body.single-post .entry-title,
body.single-post .post-title,
.wp-block-latest-posts__post-title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
}

/* Tighter spacing on mobile */
@media (max-width: 768px) {
    /* Reduce side padding to give more text room */
    body.single-post .site-content,
    body.single-post .entry-content,
    body.single-post article.post,
    body.single-post .post-content {
        padding: 15px 12px !important;
        margin: 8px !important;
    }

    /* Tighter title spacing */
    body.single-post h1,
    body.single-post .entry-title {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        padding: 0 5px !important;
        margin-bottom: 15px !important;
    }

    body.single-post h2 {
        font-size: 1.3rem !important;
        line-height: 1.3 !important;
    }

    body.single-post h3 {
        font-size: 1.1rem !important;
    }

    /* Body text tighter */
    body.single-post p,
    body.single-post .entry-content p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        padding: 0 !important;
        margin-bottom: 12px !important;
    }

    /* Blog listing - tighter text */
    .wp-block-latest-posts__post-title {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
        padding: 0 !important;
    }

    .wp-block-latest-posts__post-excerpt {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    /* Container full width on mobile */
    body.single-post .site-content,
    body.single-post article {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Extra small phones */
@media (max-width: 400px) {
    body.single-post h1,
    body.single-post .entry-title {
        font-size: 1.4rem !important;
        padding: 0 3px !important;
    }

    body.single-post p {
        font-size: 0.9rem !important;
    }

    body.single-post .site-content,
    body.single-post article.post {
        padding: 12px 8px !important;
        margin: 5px !important;
    }
}

/* ========== FOOTER SOCIAL ICONS - WCAG COMPLIANT ========== */

/* Footer social icons container */
.footer-social-icons,
.footer-social,
#site-footer .social-icons,
.footer .social-icons,
.elementor-widget-social-icons .elementor-social-icons-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 30px 20px !important;
    flex-wrap: wrap !important;
}

/* Individual social icon links - WCAG compliant 48px tap targets */
.footer-social-icons a,
.footer-social a,
#site-footer .social-icons a,
.footer .social-icons a,
.elementor-social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 50% !important;
    background: rgba(42, 147, 193, 0.2) !important;
    border: 2px solid rgba(42, 147, 193, 0.5) !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}

/* Social icon hover states */
.footer-social-icons a:hover,
.footer-social-icons a:focus,
.footer-social a:hover,
.footer-social a:focus,
#site-footer .social-icons a:hover,
.elementor-social-icon:hover,
.elementor-social-icon:focus {
    background: rgba(241, 66, 11, 0.3) !important;
    border-color: #f1420b !important;
    transform: scale(1.1) !important;
    outline: 2px solid rgba(241, 66, 11, 0.5) !important;
    outline-offset: 2px !important;
}

/* Icon sizing within social links */
.footer-social-icons svg,
.footer-social-icons i,
.footer-social svg,
.footer-social i,
#site-footer .social-icons svg,
#site-footer .social-icons i,
.elementor-social-icon i,
.elementor-social-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: white !important;
    color: white !important;
}

/* Mobile: Slightly larger tap targets */
@media (max-width: 480px) {
    .footer-social-icons,
    .footer-social {
        gap: 15px !important;
        padding: 25px 15px !important;
    }

    .footer-social-icons a,
    .footer-social a,
    .elementor-social-icon {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
    }

    .footer-social-icons svg,
    .footer-social-icons i,
    .footer-social svg,
    .footer-social i,
    .elementor-social-icon i,
    .elementor-social-icon svg {
        width: 22px !important;
        height: 22px !important;
    }
}

/* LINK HOVER FIX - White text */
body.single-post a:hover,
.entry-content a:hover {
    color: #ffffff !important;
    background: #f1420b !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

/* ============================================
   MAGIC CURSOR FIX - ADD THIS TO ADDITIONAL CSS
   This is the WORKING code from yesterday
   ============================================ */

/* ========== FLOATING MAGIC CURSOR/ICON FIX ========== */
/* Fix green color to Pure Tech Orange (#f1420b) */

/* Target floating cursor/magic wand icons - COMPREHENSIVE SELECTORS */
.floating-icon,
.magic-cursor,
.cursor-icon,
.floating-cursor,
[class*="floating"] [class*="cursor"],
[class*="magic"],
.site-cursor,
.custom-cursor,
.elementor-widget-image.floating,
.floating-element,
.floating-wand,
.wand-icon {
    color: #f1420b !important;
    fill: #f1420b !important;
    background-color: #f1420b !important;
    border-color: #f1420b !important;
}

/* SVG inside floating elements */
.floating-icon svg,
.magic-cursor svg,
[class*="floating"] svg,
[class*="magic"] svg {
    fill: #f1420b !important;
    color: #f1420b !important;
}

.floating-icon svg path,
.magic-cursor svg path,
[class*="floating"] svg path,
[class*="magic"] svg path {
    fill: #f1420b !important;
    stroke: #f1420b !important;
}

/* Elementor floating buttons - CSS VARIABLES */
.e-floating-buttons,
.e-floating-buttons__container,
.elementor-widget.e-floating-buttons {
    --e-floating-buttons-btn-bg-color: #f1420b !important;
    --e-floating-buttons-btn-bg-color-hover: #2a93c1 !important;
    --e-floating-buttons-btn-icon-color: white !important;
}

/* Elementor floating button direct styling */
.e-floating-buttons .e-floating-buttons__btn,
.e-floating-buttons__btn {
    background-color: #f1420b !important;
    background: #f1420b !important;
}

.e-floating-buttons .e-floating-buttons__btn:hover {
    background-color: #2a93c1 !important;
    background: #2a93c1 !important;
}

/* CRITICAL: Override any inline green styles */
[style*="green"],
[style*="#00ff00"],
[style*="#008000"],
[style*="rgb(0, 128, 0)"],
[style*="rgb(0, 255, 0)"] {
    color: #f1420b !important;
    background-color: #f1420b !important;
}
#ball {
    background: #f1420b !important;
}


/* Fix icon boxes: solid orange background + white icons */
.feature-card__icon--orange {
    background: rgb(241, 66, 11) !important;
    color: #ffffff !important;
}

.feature-card__icon--orange svg,
.feature-card__icon--orange svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.value-card__icon--orange {
    background: rgb(241, 66, 11) !important;
    color: #ffffff !important;
}

.value-card__icon--orange svg,
.value-card__icon--orange svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* Fix What Happens Next section - text should be white, not orange */
.what-happens-next__timeline-item,
.what-happens-next__time,
.what-happens-next__description,
.timeline-item,
.timeline-item p,
.timeline-item span,
[class*="what-happens"] p,
[class*="what-happens"] span,
[class*="timeline"] p,
[class*="timeline"] span {
    color: #ffffff !important;
}

/* Keep the time markers orange for visual hierarchy */
.what-happens-next__time,
[class*="timeline"] .time,
.timeline-time {
    color: #f1420b !important;
}


/* ===========================================
   PUREBRAIN ORANGE TEXT FIXES - 2026-02-16
   SCOPED: Main page only, NOT blog posts
   =========================================== */

/* SECTION 1: Form Labels - Must be WHITE, not orange */
/* These selectors are specific to the main page awakening form */
body.home label,
body.page-id-2 label,
.awakening-form label,
.waitlist-form label,
.pb-form label,
[data-widget_type*="form"] label {
    color: #ffffff !important;
}

/* Specific labels from audit: Full Name, Email, Company, Role */
body.home .elementor-field-label,
body.page-id-2 .elementor-field-label {
    color: #ffffff !important;
}

/* SECTION 2: Modal/Popup Content */
/* The awakening modal text should be white, not orange */
.awakening-container p,
.awakening-container span:not(.brand-accent),
.modal-content p,
[role="dialog"] p,
.chat-container p {
    color: #ffffff !important;
}

/* "Leave anyway" button - white text */
button.leave-button,
.confirm-leave-btn {
    color: #ffffff !important;
}

/* SECTION 3: Limited Availability Banner */
.limited-availability,
.availability-notice {
    color: #ffffff !important;
}

/* SECTION 4: Timer/Countdown Text */
.timer-display,
.countdown-text,
.session-timer span {
    color: #ffffff !important;
}

/* SECTION 5: Hero Taglines (non-CTA text) */
/* "The AI that matters most!" - use cyan accent or white */
body.home .hero-subtitle,
body.home .tagline:not(.cta) {
    color: #4dd0e1 !important;
}

/* SECTION 6: Body text references to "Your AI" */
/* These should be white when on dark backgrounds */
.your-ai-text,
span.ai-reference {
    color: #ffffff !important;
}

/* SECTION 7: Waitlist Form Specifics */
/* All form-related text except placeholders */
.waitlist-section label,
.waitlist-section .field-label,
#waitlist-form label {
    color: #ffffff !important;
}

/* SECTION 8: "What You ACTUALLY Get" section */
/* The "ACTUALLY" word should stay orange (brand accent) */
/* But surrounding text should be white */
.benefits-section p,
.benefits-section li,
.feature-description {
    color: #ffffff !important;
}

/* SECTION 9: Testimonial/Social Proof Text */
/* "Join X others who awakened..." - white text */
.social-proof,
.join-counter,
.awakened-count {
    color: #ffffff !important;
}

/* SECTION 10: Pricing Text (INTENTIONALLY ORANGE) */
/* These should STAY orange as they are CTAs */
/* $79, $149, $499 - NO CHANGES NEEDED */

/* SECTION 11: 404 Page - Orange background area fix */
/* The 404 page has a large orange section - may need separate handling */
body.error404 .main-content {
    color: #0d1b2a !important; /* Dark text on orange background */
}

/* ===========================================
   EXCLUDED FROM CHANGES (Keep Orange):
   - CTA Buttons (Awaken, Begin Awakening)
   - "AWAKENING" in headlines
   - "ACTUALLY" accent word
   - Price amounts
   - Time markers (15:00 countdown)
   - Brand logo/name accent
   =========================================== */

/* Blog page protection - ensure we don't affect blog */
body.single-post,
body.blog,
body.archive,
body.category,
body.tag {
    /* These pages use default styling */
}


/* ===========================================
   PUREBRAIN BODY COLOR FIX - 2026-02-16
   ROOT CAUSE: Body inherits orange text color
   =========================================== */

/* CRITICAL FIX: Set default body text to white on dark sections */
body.home,
body.page-id-11 {
    color: #ffffff !important;
}

/* Hero section text */
body.home .hero__description,
body.home p.hero__description {
    color: #ffffff !important;
}

/* Section badges - should be white or cyan */
body.home .section__badge {
    color: #4dd0e1 !important;
}

/* Feature cards text */
body.home .feature-card,
body.home .feature-card p,
body.home .feature-card h3 {
    color: #ffffff !important;
}

/* Capability items */
body.home .capability-item,
body.home .capability-item p,
body.home .capability-item h3 {
    color: #ffffff !important;
}

/* Chat container */
body.home .chat-container,
body.home .chat-container p,
body.home .chat-header,
body.home .chat-messages {
    color: #ffffff !important;
}

/* Exit popup text */
body.home .exit-popup__text,
body.home .exit-popup__buttons {
    color: #ffffff !important;
}

/* The "Leave anyway" ghost button */
body.home .exit-popup__btn--ghost {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Celebration moment text */
body.home .celebration-moment__text {
    color: #ffffff !important;
}

/* Waitlist modal text */
body.home .waitlist-modal__badge {
    color: #ffffff !important;
    background: rgba(241, 66, 11, 0.2) !important;
}

body.home .waitlist-modal__text,
body.home .waitlist-success__text {
    color: #ffffff !important;
}

/* Marquee text */
body.home .marquee {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Pyramid layers text */
body.home #value-pyramid p,
body.home #value-pyramid div {
    color: #ffffff !important;
}

/* Section titles - white except accent words */
body.home .section__title {
    color: #ffffff !important;
}

/* Section descriptions */
body.home .section__description {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Rating buttons in form */
body.home .waitlist-form__rating-btn {
    color: #ffffff !important;
}

/* KEEP ORANGE (intentional brand accents) */
body.home .text-orange,
body.home span.text-orange {
    color: #f1420b !important;
}

/* CTA buttons - keep orange background */
body.home .hero__cta a,
body.home .btn-primary {
    background-color: #f1420b !important;
    color: #ffffff !important;
}

/* Blog pages - leave untouched */
body.single-post,
body.blog,
body.archive,
body.category,
body.tag {
    /* Default styling for blog */
}
		
        /* ============================================
           DEMO VIDEO EMBED SECTION
           ============================================ */
        .pb-demo-section {
            padding: 80px 20px;
            background: linear-gradient(180deg, rgba(8,10,18,0) 0%, rgba(8,10,18,1) 8%, rgba(8,10,18,1) 92%, rgba(8,10,18,0) 100%);
            position: relative;
            z-index: 1;
        }

        .pb-demo-section__inner {
            max-width: 960px;
            margin: 0 auto;
            text-align: center;
        }

        .pb-demo-section__label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(241, 66, 11, 0.12);
            border: 1px solid rgba(241, 66, 11, 0.3);
            border-radius: 100px;
            padding: 6px 16px;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #f1420b;
            margin-bottom: 24px;
        }

        .pb-demo-section__label::before {
            content: '';
            display: inline-block;
            width: 8px;
            height: 8px;
            background: #f1420b;
            border-radius: 50%;
            animation: pb-demo-pulse 1.8s ease-in-out infinite;
        }

        @keyframes pb-demo-pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.4; transform: scale(0.7); }
        }

        .pb-demo-section__heading {
            font-size: clamp(28px, 4vw, 44px);
            font-weight: 700;
            color: #ffffff;
            margin: 0 0 12px 0;
            line-height: 1.15;
            letter-spacing: -0.02em;
            text-transform: uppercase;
        }

        /* heading spans use inline color styles — brand: PUREBR=#2a93c1 AI=#f1420b N=#2a93c1 */

        .pb-demo-section__sub {
            font-size: 16px;
            color: rgba(255,255,255,0.55);
            margin: 0 0 40px 0;
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
        }

        .pb-demo-player {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 */
            border-radius: 16px;
            overflow: hidden;
            background: #000;
            box-shadow: 0 0 0 1px rgba(255,255,255,0.08),
                        0 24px 80px rgba(0,0,0,0.7),
                        0 0 60px rgba(241,66,11,0.08);
            cursor: pointer;
        }

        .pb-demo-player video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .pb-demo-player__overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0,0,0,0.3);
            transition: background 0.3s ease, opacity 0.3s ease;
            z-index: 2;
        }

        .pb-demo-player__overlay.pb-playing {
            opacity: 0;
            pointer-events: none;
        }

        .pb-demo-player__play {
            width: 72px;
            height: 72px;
            background: rgba(241,66,11,0.92);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s ease, background 0.2s ease;
            box-shadow: 0 0 0 12px rgba(241,66,11,0.15), 0 0 40px rgba(241,66,11,0.3);
        }

        .pb-demo-player:hover .pb-demo-player__play {
            transform: scale(1.08);
            background: #f1420b;
        }

        .pb-demo-player__play svg {
            width: 28px;
            height: 28px;
            fill: #fff;
            margin-left: 4px;
        }

        .pb-demo-section__cta {
            margin-top: 32px;
            font-size: 14px;
            color: rgba(255,255,255,0.45);
        }

        .pb-demo-section__cta a {
            color: #f1420b;
            text-decoration: none;
            font-weight: 600;
        }

        .pb-demo-section__cta a:hover {
            text-decoration: underline;
        }

        
/* Waitlist Modal */
        .waitlist-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.92);
            z-index: 10002;
            justify-content: center;
            align-items: center;
            padding: 20px;
            overflow-y: auto;
        }

        .waitlist-modal.active {
            display: flex;
        }

        .waitlist-modal__content {
            background: linear-gradient(180deg, rgba(30, 30, 30, 0.98) 0%, rgba(20, 20, 20, 0.98) 100%);
            border: 1px solid var(--border-color);
            border-radius: 24px;
            padding: 40px;
            max-width: 520px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            animation: waitlistModalIn 0.4s ease;
            position: relative;
        }

        @keyframes waitlistModalIn {
            from { opacity: 0; transform: scale(0.95) translateY(20px); }
            to { opacity: 1; transform: scale(1) translateY(0); }
        }

        .waitlist-modal__close {
            position: absolute;
            top: 16px;
            right: 16px;
            background: transparent;
            border: none;
            color: var(--text-muted);
            font-size: 1.5rem;
            cursor: pointer;
            padding: 8px;
            line-height: 1;
            transition: color 0.2s ease;
        }

        .waitlist-modal__close:hover {
            color: var(--white);
        }

        


/* === CSS VARIABLES - PURE MARKETING BRAND === */
        /* ============================================
           CSS VARIABLES - PURE MARKETING BRAND
           ============================================ */
        :root {
            /* Primary Colors */
            --bright-orange: #f1420b;
            --orange: #ed6626;
            --light-blue: #2a93c1;
            --med-blue: #3b9bd5;
            --dark-blue: #3a60ab;
            
            /* Neutrals */
            --black: #000000;
            --white: #ffffff;
            --super-light-blue: #009dd9;
            --grey: #7f7f7f;
            
            /* Extended palette */
            --dark-bg: #0a0a0a;
            --card-bg: rgba(20, 20, 20, 0.8);
            --border-color: rgba(255, 255, 255, 0.1);
            
            /* Typography */
            --font-heading: 'Oswald', sans-serif;
            --font-body: 'Plus Jakarta Sans', sans-serif;
        }

        /* ============================================
           RESET & BASE STYLES
           ============================================ */
        *, *::before, *::after {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: var(--font-body);
            background: var(--black);
            color: var(--white);
            line-height: 1.6;
            overflow-x: hidden;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        button {
            font-family: inherit;
            cursor: pointer;
            border: none;
            outline: none;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        /* ============================================
           IMMERSIVE FLOWING BACKGROUND SYSTEM
           ============================================ */
        
        /* VIDEO LAYER - Deepest background */
        .video-background {
            position: fixed;
            inset: 0;
            z-index: 0;
            overflow: hidden;
        }

        .video-background__video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Dark overlay on video for readability - fades to solid as you scroll */
        .video-background__overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.35);
            transition: background 0.15s ease;
        }

        /* ANIMATED LAYER - Canvas, orbs, waves ON TOP of video */
        .living-background {
            position: fixed;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            overflow: hidden;
        }

        /* Remove the solid black base - let video show through */
        .living-background__base {
            position: absolute;
            inset: 0;
            background: transparent;
            transition: background 0.5s ease;
        }

        /* Canvas for particle/neural network system */
        #livingCanvas {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        /* Flowing gradient orbs */
        .gradient-orb {
            position: fixed;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.4;
            pointer-events: none;
            transition: transform 0.3s ease-out, opacity 0.5s ease;
            will-change: transform;
        }

        .gradient-orb--1 {
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(241, 66, 11, 0.4) 0%, transparent 70%);
            top: -200px;
            left: -200px;
        }

        .gradient-orb--2 {
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(42, 147, 193, 0.35) 0%, transparent 70%);
            top: 30%;
            right: -150px;
        }

        .gradient-orb--3 {
            width: 700px;
            height: 700px;
            background: radial-gradient(circle, rgba(58, 96, 171, 0.3) 0%, transparent 70%);
            bottom: -200px;
            left: 20%;
        }

        .gradient-orb--4 {
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(241, 66, 11, 0.25) 0%, transparent 70%);
            top: 60%;
            left: -100px;
        }

        .gradient-orb--5 {
            width: 550px;
            height: 550px;
            background: radial-gradient(circle, rgba(42, 147, 193, 0.3) 0%, transparent 70%);
            top: 10%;
            right: 30%;
        }

        /* Flowing wave layers */
        .wave-layer {
            position: fixed;
            width: 200%;
            height: 100%;
            left: -50%;
            pointer-events: none;
            opacity: 0.08;
        }

        .wave-layer--1 {
            background: 
                repeating-linear-gradient(
                    90deg,
                    transparent,
                    transparent 50px,
                    rgba(241, 66, 11, 0.3) 50px,
                    rgba(241, 66, 11, 0.3) 51px
                );
            animation: waveFlow1 25s linear infinite;
        }

        .wave-layer--2 {
            background: 
                repeating-linear-gradient(
                    110deg,
                    transparent,
                    transparent 80px,
                    rgba(42, 147, 193, 0.2) 80px,
                    rgba(42, 147, 193, 0.2) 81px
                );
            animation: waveFlow2 35s linear infinite;
        }

        .wave-layer--3 {
            background: 
                repeating-linear-gradient(
                    70deg,
                    transparent,
                    transparent 120px,
                    rgba(58, 96, 171, 0.15) 120px,
                    rgba(58, 96, 171, 0.15) 121px
                );
            animation: waveFlow3 45s linear infinite;
        }

        @keyframes waveFlow1 {
            0% { transform: translateX(0) translateY(0); }
            100% { transform: translateX(25%) translateY(-10%); }
        }

        @keyframes waveFlow2 {
            0% { transform: translateX(0) translateY(0); }
            100% { transform: translateX(-20%) translateY(5%); }
        }

        @keyframes waveFlow3 {
            0% { transform: translateX(0) translateY(0); }
            100% { transform: translateX(15%) translateY(-5%); }
        }

        /* Noise texture overlay */
        .noise-overlay {
            position: fixed;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
        }

        /* Mouse follower glow - enhanced */
        .mouse-glow {
            position: fixed;
            width: 500px;
            height: 500px;
            border-radius: 50%;
            pointer-events: none;
            background: radial-gradient(circle, 
                rgba(241, 66, 11, 0.12) 0%, 
                rgba(42, 147, 193, 0.08) 40%,
                transparent 70%);
            transform: translate(-50%, -50%);
            transition: opacity 0.3s ease, width 0.3s ease, height 0.3s ease;
            z-index: 2;
            mix-blend-mode: screen;
            filter: blur(30px);
        }

        .mouse-glow.active {
            width: 700px;
            height: 700px;
        }

        /* Scroll progress indicator - glowing line */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            width: 3px;
            height: 0%;
            background: linear-gradient(180deg, var(--bright-orange), var(--light-blue), var(--dark-blue));
            z-index: 1000;
            box-shadow: 0 0 20px rgba(241, 66, 11, 0.5), 0 0 40px rgba(42, 147, 193, 0.3);
            transition: height 0.1s ease-out;
        }

        /* Ambient glow spots that appear on scroll */
        .ambient-glow {
            position: fixed;
            border-radius: 50%;
            pointer-events: none;
            opacity: 0;
            filter: blur(60px);
            transition: opacity 0.8s ease, transform 0.8s ease;
        }

        .ambient-glow.visible {
            opacity: 1;
        }

        /* Section-specific atmosphere markers */
        [data-atmosphere="awakening"] {
            --section-glow: rgba(241, 66, 11, 0.15);
        }

        [data-atmosphere="discovery"] {
            --section-glow: rgba(42, 147, 193, 0.15);
        }

        [data-atmosphere="activation"] {
            --section-glow: rgba(58, 96, 171, 0.15);
        }

        /* Floating geometric shapes */
        .geo-shape {
            position: fixed;
            pointer-events: none;
            opacity: 0;
            transition: opacity 1s ease, transform 1s ease;
        }

        .geo-shape.visible {
            opacity: 0.15;
        }

        .geo-shape svg {
            width: 100%;
            height: 100%;
        }

        /* Portal rings around hero - enhanced */
        .portal-vortex {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 1000px;
            height: 1000px;
            pointer-events: none;
        }

        .vortex-ring {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            border: 1px solid transparent;
            animation: vortexSpin 20s linear infinite;
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        }

        .vortex-ring:nth-child(1) {
            width: 150px;
            height: 150px;
            border-color: rgba(241, 66, 11, 0.2);
            animation-duration: 12s;
            box-shadow: 0 0 30px rgba(241, 66, 11, 0.1);
        }

        .vortex-ring:nth-child(2) {
            width: 280px;
            height: 280px;
            border-color: rgba(42, 147, 193, 0.15);
            animation-duration: 18s;
            animation-direction: reverse;
        }

        .vortex-ring:nth-child(3) {
            width: 420px;
            height: 420px;
            border-color: rgba(241, 66, 11, 0.1);
            animation-duration: 24s;
        }

        .vortex-ring:nth-child(4) {
            width: 580px;
            height: 580px;
            border-color: rgba(42, 147, 193, 0.07);
            animation-duration: 30s;
            animation-direction: reverse;
        }

        .vortex-ring:nth-child(5) {
            width: 750px;
            height: 750px;
            border-color: rgba(58, 96, 171, 0.05);
            animation-duration: 36s;
        }

        .vortex-ring:nth-child(6) {
            width: 920px;
            height: 920px;
            border-color: rgba(241, 66, 11, 0.03);
            animation-duration: 42s;
            animation-direction: reverse;
        }

        @keyframes vortexSpin {
            from { transform: translate(-50%, -50%) rotate(0deg); }
            to { transform: translate(-50%, -50%) rotate(360deg); }
        }

        /* Breathing pulse effect for hero */
        .hero-pulse {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(241, 66, 11, 0.1) 0%, transparent 70%);
            animation: heroPulse 4s ease-in-out infinite;
            pointer-events: none;
        }

        @keyframes heroPulse {
            0%, 100% { 
                transform: translate(-50%, -50%) scale(1);
                opacity: 0.5;
            }
            50% { 
                transform: translate(-50%, -50%) scale(1.5);
                opacity: 0.2;
            }
        }

        /* ============================================
           UTILITY CLASSES
           ============================================ */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .container--narrow {
            max-width: 900px;
        }

        .gradient-text {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .text-orange { color: var(--bright-orange); }
        .text-blue { color: var(--light-blue); }
        .text-grey { color: var(--grey); }

        /* ============================================
           ANIMATIONS
           ============================================ */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        @keyframes pulse-glow {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 0.6; transform: scale(1.1); }
        }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes typing {
            0%, 60%, 100% { transform: translateY(0); }
            30% { transform: translateY(-8px); }
        }

        @keyframes rotate-slow {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        @keyframes glow-pulse {
            0%, 100% { 
                filter: drop-shadow(0 0 20px rgba(241, 66, 11, 0.4)) drop-shadow(0 0 40px rgba(42, 147, 193, 0.3));
            }
            50% { 
                filter: drop-shadow(0 0 30px rgba(241, 66, 11, 0.6)) drop-shadow(0 0 60px rgba(42, 147, 193, 0.5));
            }
        }

        .animate-fade-in {
            animation: fadeInUp 0.8s ease forwards;
        }

        .animate-delay-1 { animation-delay: 0.1s; }
        .animate-delay-2 { animation-delay: 0.2s; }
        .animate-delay-3 { animation-delay: 0.3s; }
        .animate-delay-4 { animation-delay: 0.4s; }

        /* ============================================
           HERO SECTION
           ============================================ */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            padding: 60px 24px;
        }

        .hero__background {
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at 30% 20%, rgba(241, 66, 11, 0.15) 0%, transparent 50%),
                        radial-gradient(ellipse at 70% 80%, rgba(42, 147, 193, 0.15) 0%, transparent 50%),
                        transparent;
            z-index: 2;
        }

        .hero__particles {
            position: absolute;
            inset: 0;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            animation: float 6s ease-in-out infinite;
        }

        .hero__content {
            position: relative;
            z-index: 10;
            text-align: center;
            max-width: 900px;
        }

        /* Hero Logo - Icon Only */
        .hero__logo {
            width: 140px;
            height: 140px;
            margin: 0 auto 40px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero__logo-glow {
            position: absolute;
            inset: -30px;
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            border-radius: 50%;
            filter: blur(50px);
            opacity: 0.4;
            animation: pulse-glow 4s ease-in-out infinite;
        }

        .hero__logo img {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            object-fit: contain;
            animation: glow-pulse 3s ease-in-out infinite;
        }

        /* Hero Typography */
        .hero__title {
            font-family: var(--font-heading);
            font-size: clamp(3rem, 10vw, 7rem);
            font-weight: 700;
            letter-spacing: -0.02em;
            margin-bottom: 24px;
            text-transform: uppercase;
            text-shadow: 0 4px 30px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.7);
        }

        .hero__subtitle {
            font-family: var(--font-heading);
            font-size: clamp(1.3rem, 3vw, 2rem);
            color: rgba(255, 255, 255, 0.95);
            margin-bottom: 16px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
            font-weight: 600;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6), 0 1px 3px rgba(0, 0, 0, 0.8);
        }

        .hero__description {
            font-size: clamp(1.4rem, 3vw, 1.8rem);
            color: var(--bright-orange);
            max-width: 600px;
            margin: 0 auto 24px;
            font-weight: 700;
            text-shadow: 0 2px 15px rgba(241, 66, 11, 0.3), 0 1px 3px rgba(0, 0, 0, 0.7);
        }

        .hero__description--secondary {
            font-size: 1.05rem;
            color: rgba(255, 255, 255, 0.75);
            font-weight: 400;
            margin-bottom: 48px;
            text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.8);
            line-height: 1.7;
        }

        /* CTA Buttons */
        .hero__cta {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }

        @media (min-width: 640px) {
            .hero__cta {
                flex-direction: row;
                justify-content: center;
            }
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            padding: 18px 36px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.3s ease;
        }

        .btn--primary {
            background: linear-gradient(135deg, var(--bright-orange), var(--orange));
            color: var(--white);
            box-shadow: 0 4px 30px rgba(241, 66, 11, 0.3);
        }

        .btn--primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 40px rgba(241, 66, 11, 0.4);
        }

        .btn--secondary {
            background: transparent;
            color: var(--grey);
            padding: 18px 24px;
        }

        .btn--secondary:hover {
            color: var(--white);
        }

        .btn__icon {
            width: 20px;
            height: 20px;
            transition: transform 0.3s ease;
        }

        .btn--primary:hover .btn__icon--arrow {
            transform: translateX(4px);
        }

        /* Scroll indicator */
        .hero__scroll {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            animation: float 2s ease-in-out infinite;
        }

        .hero__scroll svg {
            width: 32px;
            height: 32px;
            color: var(--grey);
        }

        /* ============================================
           MARQUEE SECTION
           ============================================ */
        .marquee {
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
            background: rgba(10, 10, 10, 0.6);
            padding: 20px 0;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }

        .marquee__track {
            display: flex;
            animation: marquee 40s linear infinite;
            width: fit-content;
        }

        .marquee__item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 40px;
            color: var(--grey);
            white-space: nowrap;
            font-size: 0.95rem;
        }

        .marquee__dot {
            width: 8px;
            height: 8px;
            background: var(--bright-orange);
            border-radius: 50%;
        }

        /* ============================================
           SECTION STYLES
           ============================================ */
        .section {
            padding: 120px 24px;
            position: relative;
            z-index: 1;
            background: transparent;
        }

        .section--dark {
            background: linear-gradient(180deg, transparent 0%, rgba(10, 10, 10, 0.7) 50%, transparent 100%);
        }

        .section__badge {
            display: inline-block;
            background: rgba(241, 66, 11, 0.1);
            color: var(--bright-orange);
            font-size: 0.85rem;
            font-weight: 600;
            padding: 8px 20px;
            border-radius: 50px;
            margin-bottom: 24px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .section__title {
            font-family: var(--font-heading);
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

        .section__description {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, 0.6);
            max-width: 700px;
            margin: 0 auto 60px;
        }

        /* ============================================
           FEATURES GRID
           ============================================ */
        .features-grid {
            display: grid;
            gap: 24px;
        }

        @media (min-width: 768px) {
            .features-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .feature-card {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 24px;
            padding: 40px 32px;
            transition: all 0.3s ease;
        }

        .feature-card:hover {
            border-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-4px);
        }

        .feature-card__icon {
            width: 60px;
            height: 60px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            transition: transform 0.3s ease;
        }

        .feature-card:hover .feature-card__icon {
            transform: scale(1.1);
        }

        .feature-card__icon--orange {
            background: rgba(241, 66, 11, 0.15);
            color: var(--bright-orange);
        }

        .feature-card__icon--blue {
            background: rgba(42, 147, 193, 0.15);
            color: var(--light-blue);
        }

        .feature-card__icon--gold {
            background: rgba(237, 102, 38, 0.15);
            color: var(--orange);
        }

        .feature-card__icon svg {
            width: 28px;
            height: 28px;
        }

        .feature-card__title {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .feature-card__description {
            color: var(--grey);
            line-height: 1.7;
        }

        /* ============================================
           CAPABILITIES GRID
           ============================================ */
        .capabilities-grid {
            display: grid;
            gap: 16px;
        }

        @media (min-width: 640px) {
            .capabilities-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .capabilities-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .capability-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            background: rgba(20, 20, 20, 0.5);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 24px;
            transition: all 0.3s ease;
        }

        .capability-item:hover {
            background: rgba(30, 30, 30, 0.8);
            border-color: rgba(255, 255, 255, 0.15);
        }

        .capability-item__icon {
            width: 44px;
            height: 44px;
            background: rgba(42, 147, 193, 0.15);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            color: var(--light-blue);
        }

        .capability-item__icon svg {
            width: 22px;
            height: 22px;
        }

        .capability-item__title {
            font-weight: 600;
            margin-bottom: 4px;
        }

        .capability-item__description {
            font-size: 0.9rem;
            color: var(--grey);
        }

        /* ============================================
           CHAT SECTION
           ============================================ */
        .chat-section {
            padding: 120px 24px;
            position: relative;
            z-index: 1;
            background: transparent;
        }

        .chat-container {
            max-width: 900px;
            width: 95%;
            margin: 0 auto;
            background: rgba(15, 15, 15, 0.9);
            border: 1px solid var(--border-color);
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0 40px 80px rgba(0, 0, 0, 0.5);
        }
        
        @media (max-width: 768px) {
            .chat-container {
                width: 100%;
                border-radius: 20px;
                margin: 0 auto;
            }
        }

        .chat-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 20px 28px;
            border-bottom: 1px solid var(--border-color);
            background: rgba(20, 20, 20, 0.8);
        }

        .chat-header__left {
            display: flex;
            align-items: center;
            gap: 14px;
        }

        .chat-header__avatar {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--black);
            border: 2px solid var(--border-color);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 6px;
            overflow: hidden;
        }

        .chat-header__avatar img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .chat-header__name {
            font-weight: 600;
            font-size: 1.1rem;
        }

        .chat-header__status {
            font-size: 0.85rem;
            color: var(--grey);
        }

        .chat-header__indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            animation: pulse-glow 2s ease-in-out infinite;
        }

        .chat-header__indicator--waiting {
            background: #f59e0b;
        }

        .chat-header__indicator--online {
            background: #22c55e;
        }

        /* Chat Messages */
        .chat-messages {
            height: 450px;
            overflow-y: auto;
            padding: 28px;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .chat-messages::-webkit-scrollbar {
            width: 6px;
        }

        .chat-messages::-webkit-scrollbar-track {
            background: transparent;
        }

        .chat-messages::-webkit-scrollbar-thumb {
            background: var(--grey);
            border-radius: 3px;
        }

        /* Initial state */
        .chat-initial {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            text-align: center;
            padding: 40px;
        }

        .chat-initial__icon {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: var(--black);
            border: 2px solid var(--border-color);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            padding: 15px;
        }

        .chat-initial__icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .chat-initial__text {
            color: var(--grey);
            margin-bottom: 28px;
        }

        .chat-initial__btn {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            color: var(--white);
            font-weight: 600;
            padding: 16px 32px;
            border-radius: 50px;
            transition: all 0.3s ease;
        }

        .chat-initial__btn:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 30px rgba(241, 66, 11, 0.3);
        }

        /* Message bubbles */
        .message {
            display: flex;
            max-width: 85%;
            animation: fadeInUp 0.4s ease;
        }

        .message--ai {
            align-self: flex-start;
        }

        .message--user {
            align-self: flex-end;
        }

        .message__bubble {
            padding: 16px 20px;
            border-radius: 20px;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .message--ai .message__bubble {
            background: rgba(40, 40, 40, 0.9);
            border: 1px solid var(--border-color);
            border-bottom-left-radius: 6px;
        }

        .message--user .message__bubble {
            background: linear-gradient(135deg, var(--bright-orange), var(--orange));
            color: var(--white);
            border-bottom-right-radius: 6px;
        }

        .message__bubble strong {
            color: var(--white);
            font-weight: 600;
        }

        .message__bubble em {
            font-style: italic;
            opacity: 0.9;
        }

        /* Typing indicator */
        .typing-indicator {
            display: flex;
            align-items: center;
            gap: 4px;
            padding: 16px 20px;
            background: rgba(40, 40, 40, 0.9);
            border: 1px solid var(--border-color);
            border-radius: 20px;
            border-bottom-left-radius: 6px;
            align-self: flex-start;
        }

        .typing-indicator__dot {
            width: 8px;
            height: 8px;
            background: var(--light-blue);
            border-radius: 50%;
            animation: typing 1.4s ease-in-out infinite;
        }

        .typing-indicator__dot:nth-child(2) {
            animation-delay: 0.2s;
        }

        .typing-indicator__dot:nth-child(3) {
            animation-delay: 0.4s;
        }

        /* In-chat CTA button (appears after awakening completes) */
        .chat-cta {
            display: flex;
            justify-content: center;
            padding: 8px 0 4px;
            animation: fadeInUp 0.6s ease;
        }

        .chat-cta__btn {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            color: var(--white);
            font-family: 'Oswald', sans-serif;
            font-weight: 600;
            font-size: 1rem;
            letter-spacing: 0.5px;
            padding: 16px 36px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            box-shadow: 0 4px 20px rgba(241, 66, 11, 0.25);
        }

        .chat-cta__btn:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 35px rgba(241, 66, 11, 0.4);
        }

        .chat-cta__btn .btn-icon {
            margin-right: 8px;
        }

        /* Celebration Moment Overlay */
        .celebration-moment {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(10, 10, 10, 0.97);
            z-index: 10000;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.8s ease;
        }

        .celebration-moment.active {
            display: flex;
            opacity: 1;
        }

        .celebration-moment__content {
            text-align: center;
            max-width: 600px;
            padding: 40px;
            animation: celebrationFadeIn 1s ease forwards;
        }

        @keyframes celebrationFadeIn {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .celebration-moment__icon {
            font-size: 4rem;
            margin-bottom: 24px;
            animation: celebrationPulse 2s ease infinite;
        }

        @keyframes celebrationPulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .celebration-moment__heading {
            font-family: 'Oswald', sans-serif;
            font-size: 3rem;
            font-weight: 700;
            color: var(--white);
            margin-bottom: 16px;
        }

        .celebration-moment__subtitle {
            font-size: 1.4rem;
            color: var(--light-blue);
            margin-bottom: 24px;
            font-style: italic;
        }

        .celebration-moment__text {
            font-size: 1.1rem;
            color: var(--text-muted);
            line-height: 1.7;
            margin-bottom: 40px;
        }

        .celebration-moment__btn {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            color: var(--white);
            font-family: 'Oswald', sans-serif;
            font-weight: 600;
            font-size: 1.1rem;
            letter-spacing: 0.5px;
            padding: 18px 40px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            box-shadow: 0 4px 20px rgba(241, 66, 11, 0.3);
            opacity: 0;
            transform: translateY(20px);
            animation: celebrationBtnReveal 0.6s ease 0.7s forwards;
        }

        @keyframes celebrationBtnReveal {
            to { opacity: 1; transform: translateY(0); }
        }

        .celebration-moment__btn:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 35px rgba(241, 66, 11, 0.4);
        }

        /* Social Proof Counter */
        .social-proof {
            text-align: center;
            padding: 30px 20px;
            background: rgba(20, 20, 20, 0.6);
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
            margin-bottom: 0;
        }

        .social-proof__main {
            font-size: 1.2rem;
            color: var(--white);
            margin-bottom: 8px;
        }

        .social-proof__sub {
            font-size: 0.95rem;
            color: var(--text-muted);
        }

        /* Guarantee Badge */
        .guarantee-badge {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            background: rgba(42, 147, 193, 0.1);
            border: 1px solid rgba(42, 147, 193, 0.3);
            border-radius: 12px;
            padding: 16px 24px;
            margin: 0 auto 40px;
            max-width: 500px;
        }

        .guarantee-badge__icon {
            font-size: 1.5rem;
        }

        .guarantee-badge__content {
            text-align: left;
        }

        .guarantee-badge__title {
            font-weight: 600;
            color: var(--light-blue);
            margin-bottom: 4px;
        }

        .guarantee-badge__text {
            font-size: 0.9rem;
            color: var(--text-muted);
        }

        /* What Happens Next */
        .timeline-section {
            padding: 80px 0;
            background: rgba(15, 15, 15, 0.5);
        }

        .timeline-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            margin-top: 40px;
        }

        @media (max-width: 900px) {
            .timeline-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 500px) {
            .timeline-grid { grid-template-columns: 1fr; }
        }

        .timeline-item {
            text-align: center;
            padding: 30px 20px;
            background: rgba(30, 30, 30, 0.5);
            border: 1px solid var(--border-color);
            border-radius: 16px;
        }

        .timeline-item__time {
            font-family: 'Oswald', sans-serif;
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--bright-orange);
            margin-bottom: 12px;
        }

        .timeline-item__text {
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.5;
        }

        /* Testimonials */
        .testimonials-section {
            padding: 80px 0;
        }

        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 40px;
        }

        @media (max-width: 900px) {
            .testimonials-grid { grid-template-columns: 1fr; }
        }

        .testimonial-card {
            background: rgba(30, 30, 30, 0.6);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 30px;
        }

        .testimonial-card__quote {
            font-size: 1.05rem;
            line-height: 1.7;
            color: var(--white);
            margin-bottom: 20px;
            font-style: italic;
        }

        .testimonial-card__author {
            font-size: 0.9rem;
            color: var(--text-muted);
        }

        /* Exit Intent Popup */
        .exit-popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 10001;
            justify-content: center;
            align-items: center;
        }

        .exit-popup.active {
            display: flex;
        }

        .exit-popup__content {
            background: var(--dark-gray);
            border: 1px solid var(--border-color);
            border-radius: 20px;
            padding: 50px;
            max-width: 500px;
            text-align: center;
            animation: exitPopIn 0.4s ease;
        }

        @keyframes exitPopIn {
            from { opacity: 0; transform: scale(0.9); }
            to { opacity: 1; transform: scale(1); }
        }

        .exit-popup__heading {
            font-family: 'Oswald', sans-serif;
            font-size: 1.8rem;
            color: var(--white);
            margin-bottom: 16px;
        }

        .exit-popup__text {
            color: var(--text-muted);
            margin-bottom: 30px;
            line-height: 1.6;
        }

        .exit-popup__buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
        }

        .exit-popup__btn--primary {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            color: var(--white);
            font-weight: 600;
            padding: 14px 28px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .exit-popup__btn--ghost {
            background: transparent;
            color: var(--text-muted);
            font-weight: 500;
            padding: 14px 28px;
            border: 1px solid var(--border-color);
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        /* Countdown Timer */
        .session-timer {
            display: none;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 12px 20px;
            background: rgba(241, 66, 11, 0.1);
            border: 1px solid rgba(241, 66, 11, 0.3);
            border-radius: 8px;
            margin-top: 20px;
            font-size: 0.9rem;
        }

        .session-timer.active {
            display: flex;
        }

        .session-timer__icon {
            color: var(--bright-orange);
        }

        .session-timer__text {
            color: var(--text-muted);
        }

        .session-timer__time {
            font-weight: 600;
            color: var(--bright-orange);
            font-family: monospace;
        }

        /* Waitlist Modal */
        .waitlist-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.92);
            z-index: 10002;
            justify-content: center;
            align-items: center;
            padding: 20px;
            overflow-y: auto;
        }

        .waitlist-modal.active {
            display: flex;
        }

        .waitlist-modal__content {
            background: linear-gradient(180deg, rgba(30, 30, 30, 0.98) 0%, rgba(20, 20, 20, 0.98) 100%);
            border: 1px solid var(--border-color);
            border-radius: 24px;
            padding: 40px;
            max-width: 520px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            animation: waitlistModalIn 0.4s ease;
            position: relative;
        }

        @keyframes waitlistModalIn {
            from { opacity: 0; transform: scale(0.95) translateY(20px); }
            to { opacity: 1; transform: scale(1) translateY(0); }
        }

        .waitlist-modal__close {
            position: absolute;
            top: 16px;
            right: 16px;
            background: transparent;
            border: none;
            color: var(--text-muted);
            font-size: 1.5rem;
            cursor: pointer;
            padding: 8px;
            line-height: 1;
            transition: color 0.2s ease;
        }

        .waitlist-modal__close:hover {
            color: var(--white);
        }

        /* Video Demo Modal */
        .video-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.95);
            z-index: 10003;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }

        .video-modal.active {
            display: flex;
        }

        .video-modal__content {
            position: relative;
            width: 100%;
            max-width: 1000px;
            animation: videoModalIn 0.4s ease;
        }

        @keyframes videoModalIn {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }

        .video-modal__close {
            position: fixed;
            top: 16px;
            right: 16px;
            background: rgba(255, 255, 255, 0.15);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            font-size: 1.5rem;
            cursor: pointer;
            padding: 0;
            line-height: 1;
            transition: color 0.2s ease, transform 0.2s ease, background 0.2s ease;
            z-index: 99999;
        }

        .video-modal__close:hover {
            color: var(--bright-orange);
            transform: scale(1.1);
        }

        .video-modal__video {
            width: 100%;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
        }

        .waitlist-modal__badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(241, 66, 11, 0.15);
            border: 1px solid rgba(241, 66, 11, 0.3);
            border-radius: 50px;
            padding: 8px 16px;
            font-size: 0.85rem;
            color: var(--bright-orange);
            margin-bottom: 20px;
        }

        .waitlist-modal__heading {
            font-family: 'Oswald', sans-serif;
            font-size: 1.6rem;
            font-weight: 600;
            color: var(--white);
            margin-bottom: 16px;
            line-height: 1.3;
        }

        .waitlist-modal__text {
            color: var(--text-muted);
            line-height: 1.6;
            margin-bottom: 28px;
            font-size: 0.95rem;
        }

        .waitlist-modal__tier {
            display: inline-block;
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 600;
        }

        .waitlist-form {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .waitlist-form__group {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .waitlist-form__row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
        }

        @media (max-width: 500px) {
            .waitlist-form__row { grid-template-columns: 1fr; }
        }

        .waitlist-form__label {
            font-size: 0.85rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .waitlist-form__label--required::after {
            content: ' *';
            color: var(--bright-orange);
        }

        .waitlist-form__input,
        .waitlist-form__select,
        .waitlist-form__textarea {
            background: rgba(40, 40, 40, 0.6);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 14px 16px;
            color: var(--white);
            font-size: 0.95rem;
            font-family: 'Plus Jakarta Sans', sans-serif;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .waitlist-form__input:focus,
        .waitlist-form__select:focus,
        .waitlist-form__textarea:focus {
            outline: none;
            border-color: var(--bright-orange);
            box-shadow: 0 0 0 3px rgba(241, 66, 11, 0.15);
        }

        .waitlist-form__input::placeholder,
        .waitlist-form__textarea::placeholder {
            color: rgba(255, 255, 255, 0.3);
        }

        .waitlist-form__select {
            cursor: pointer;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 16px center;
            padding-right: 40px;
        }

        .waitlist-form__select option {
            background: #1a1a1a;
            color: var(--white);
        }

        .waitlist-form__textarea {
            min-height: 80px;
            resize: vertical;
        }

        .waitlist-form__rating {
            display: flex;
            gap: 8px;
        }

        .waitlist-form__rating-btn {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            border: 1px solid var(--border-color);
            background: rgba(40, 40, 40, 0.6);
            color: var(--text-muted);
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .waitlist-form__rating-btn:hover {
            border-color: var(--bright-orange);
            color: var(--white);
        }

        .waitlist-form__rating-btn.active {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            border-color: transparent;
            color: var(--white);
        }

        .waitlist-form__submit {
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            color: var(--white);
            font-family: 'Oswald', sans-serif;
            font-weight: 600;
            font-size: 1rem;
            letter-spacing: 0.5px;
            padding: 16px 32px;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            margin-top: 8px;
        }

        .waitlist-form__submit:hover {
            transform: scale(1.02);
            box-shadow: 0 8px 30px rgba(241, 66, 11, 0.3);
        }

        .waitlist-form__submit:disabled {
            opacity: 0.6;
            cursor: not-allowed;
            transform: none;
        }

        /* Waitlist Success State */
        .waitlist-success {
            text-align: center;
            padding: 20px 0;
        }

        .waitlist-success__icon {
            font-size: 3.5rem;
            margin-bottom: 20px;
        }

        .waitlist-success__heading {
            font-family: 'Oswald', sans-serif;
            font-size: 1.5rem;
            color: var(--white);
            margin-bottom: 12px;
        }

        .waitlist-success__text {
            color: var(--text-muted);
            line-height: 1.6;
        }

        .waitlist-success__email {
            color: var(--light-blue);
            font-weight: 500;
        }

        .waitlist-success__tier {
            color: var(--bright-orange);
            font-weight: 600;
        }

        /* Chat Input */
        .chat-input {
            display: none;
            padding: 20px 28px;
            border-top: 1px solid var(--border-color);
            background: rgba(15, 15, 15, 0.95);
            position: relative;
            z-index: 10;
        }

        .chat-input.active {
            display: block;
        }

        .chat-input__form {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .chat-input__field {
            flex: 1;
            min-width: 0;
            background: rgba(40, 40, 40, 0.8);
            border: 1px solid var(--border-color);
            border-radius: 16px;
            padding: 16px 20px;
            color: var(--white);
            font-size: 1rem;
            font-family: inherit;
            transition: border-color 0.3s ease;
        }

        .chat-input__field:focus {
            outline: none;
            border-color: var(--light-blue);
        }

        .chat-input__field::placeholder {
            color: var(--grey);
        }

        .chat-input__field:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .chat-input__submit {
            width: 52px;
            height: 52px;
            min-width: 52px;
            flex-shrink: 0;
            background: linear-gradient(135deg, var(--bright-orange), var(--light-blue));
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--white);
            transition: all 0.3s ease;
        }

        .chat-input__submit:hover:not(:disabled) {
            transform: scale(1.05);
        }

        .chat-input__submit:disabled {
            background: rgba(60, 60, 60, 0.8);
            cursor: not-allowed;
        }

        .chat-input__submit svg {
            width: 22px;
            height: 22px;
        }
        
        /* Mobile-specific chat input fixes */
        @media (max-width: 768px) {
            .chat-input {
                padding: 16px;
                padding-bottom: max(16px, env(safe-area-inset-bottom));
            }
            
            .chat-input__form {
                gap: 8px;
            }
            
            .chat-input__field {
                padding: 14px 16px;
                font-size: 16px; /* Prevents iOS zoom on focus */
            }
            
            .chat-input__submit {
                width: 48px;
                height: 48px;
                min-width: 48px;
            }
            
            .chat-input__submit svg {
                width: 20px;
                height: 20px;
            }
        }

        /* ============================================
           PRICING SECTION
           ============================================ */
        .pricing-section {
            padding: 120px 24px;
            background: linear-gradient(180deg, rgba(10, 10, 10, 0.6) 0%, transparent 100%);
            display: none;
            position: relative;
            z-index: 1;
        }

        .pricing-section.active {
            display: block;
            animation: fadeInUp 0.8s ease;
        }

        .pricing__badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(34, 197, 94, 0.1);
            color: #22c55e;
            font-size: 0.9rem;
            font-weight: 600;
            padding: 10px 20px;
            border-radius: 50px;
            margin-bottom: 24px;
        }

        .pricing__badge svg {
            width: 18px;
            height: 18px;
        }

        .pricing-grid {
            display: grid;
            gap: 24px;
            max-width: 1200px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .pricing-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (min-width: 1024px) {
            .pricing-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (min-width: 1280px) {
            .pricing-grid--five {
                grid-template-columns: repeat(5, 1fr);
            }
        }

        /* Comparison Table */
        .comparison-section {
            padding: 100px 24px;
            position: relative;
            z-index: 1;
            background: transparent;
            display: none;
        }

        .comparison-section.active {
            display: block;
            animation: fadeInUp 0.8s ease;
        }

        .comparison-table {
            max-width: 1100px;
            margin: 0 auto;
            border: 1px solid var(--border-color);
            border-radius: 24px;
            overflow: hidden;
            background: rgba(15, 15, 15, 0.9);
            position: relative;
        }

        .comparison-table__wrapper {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
            scrollbar-color: var(--bright-orange) transparent;
        }
        
        .comparison-table__wrapper::-webkit-scrollbar {
            height: 8px;
        }
        
        .comparison-table__wrapper::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
        }
        
        .comparison-table__wrapper::-webkit-scrollbar-thumb {
            background: linear-gradient(90deg, var(--bright-orange), var(--light-blue));
            border-radius: 4px;
        }

        .comparison-table__inner {
            min-width: 700px;
        }
        
        /* Mobile scroll hint */
        .comparison-table__scroll-hint {
            display: none;
            text-align: center;
            padding: 12px;
            background: rgba(241, 66, 11, 0.1);
            border-bottom: 1px solid var(--border-color);
            color: var(--bright-orange);
            font-size: 0.85rem;
            font-weight: 500;
        }
        
        .comparison-table__scroll-hint svg {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-right: 6px;
            animation: scrollHint 1.5s ease-in-out infinite;
        }
        
        @keyframes scrollHint {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(5px); }
        }
        
        @media (max-width: 900px) {
            .comparison-table__scroll-hint {
                display: block;
            }
        }

        .comparison-table__header {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr 1.3fr;
            background: rgba(30, 30, 30, 0.9);
            border-bottom: 1px solid var(--border-color);
        }

        .comparison-table__header-cell {
            padding: 20px 16px;
            font-weight: 700;
            text-align: center;
            font-size: 0.9rem;
        }

        .comparison-table__header-cell:first-child {
            text-align: left;
            position: sticky;
            left: 0;
            background: rgba(30, 30, 30, 0.98);
            z-index: 2;
        }

        .comparison-table__header-cell:last-child {
            background: rgba(241, 66, 11, 0.08);
            border-left: 2px solid rgba(241, 66, 11, 0.3);
        }

        .comparison-table__section-header {
            display: grid;
            grid-template-columns: 1fr;
            background: rgba(42, 147, 193, 0.08);
            border-bottom: 1px solid var(--border-color);
            padding: 12px 24px;
        }

        .comparison-table__section-title {
            font-family: 'Oswald', sans-serif;
            font-size: 0.85rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--light-blue);
        }

        .comparison-table__row {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr 1.3fr;
            border-bottom: 1px solid var(--border-color);
        }

        .comparison-table__row:last-child {
            border-bottom: none;
        }

        .comparison-table__cell {
            padding: 14px 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 0.9rem;
        }

        .comparison-table__cell:first-child {
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
            color: rgba(255, 255, 255, 0.8);
            position: sticky;
            left: 0;
            background: rgba(15, 15, 15, 0.98);
            z-index: 1;
        }

        .comparison-table__cell:last-child {
            background: rgba(241, 66, 11, 0.04);
            border-left: 2px solid rgba(241, 66, 11, 0.15);
        }

        .comparison-table__check {
            width: 22px;
            height: 22px;
            color: #22c55e;
        }

        .comparison-table__x {
            width: 22px;
            height: 22px;
            color: #ef4444;
        }

        .comparison-table__warning {
            width: 20px;
            height: 20px;
            color: #eab308;
        }

        .comparison-table__note {
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-top: 4px;
            line-height: 1.3;
        }

        .comparison-table__note--warning {
            color: #eab308;
        }

        @media (max-width: 768px) {
            .comparison-table__header-cell,
            .comparison-table__cell {
                padding: 12px 10px;
                font-size: 0.8rem;
            }
            .comparison-table__check,
            .comparison-table__x,
            .comparison-table__warning {
                width: 18px;
                height: 18px;
            }
            .comparison-table__cell:first-child,
            .comparison-table__header-cell:first-child {
                min-width: 140px;
                box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
            }
        }

        /* Value Prop Cards */
        .value-section {
            padding: 100px 24px;
            position: relative;
            z-index: 1;
            background: transparent;
        }

        .value-grid {
            display: grid;
            gap: 24px;
            max-width: 1000px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .value-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .value-card {
            background: rgba(20, 20, 20, 0.8);
            border: 1px solid var(--border-color);
            border-radius: 24px;
            padding: 32px;
        }

        .value-card__icon {
            width: 56px;
            height: 56px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }

        .value-card__icon--orange {
            background: rgba(241, 66, 11, 0.15);
            color: var(--bright-orange);
        }

        .value-card__icon--blue {
            background: rgba(42, 147, 193, 0.15);
            color: var(--light-blue);
        }

        .value-card__icon svg {
            width: 28px;
            height: 28px;
        }

        .value-card__title {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .value-card__description {
            color: var(--grey);
            line-height: 1.7;
            margin-bottom: 16px;
        }

        .value-card__highlight {
            background: rgba(241, 66, 11, 0.1);
            border-left: 3px solid var(--bright-orange);
            padding: 12px 16px;
            border-radius: 0 8px 8px 0;
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.9);
        }

        /* Pricing card small variant */
        .pricing-card--small {
            padding: 28px;
        }

        .pricing-card--small .pricing-card__tier {
            font-size: 1.2rem;
        }

        .pricing-card--small .pricing-card__amount {
            font-size: 2.5rem;
        }

        .pricing-card--small .pricing-card__features {
            font-size: 0.9rem;
        }

        .pricing-card--small .pricing-card__feature {
            padding: 8px 0;
        }

        /* Enterprise card special styling */
        .pricing-card--enterprise {
            background: linear-gradient(180deg, rgba(58, 96, 171, 0.15) 0%, rgba(42, 147, 193, 0.1) 100%);
            border: 2px solid var(--dark-blue);
        }

        .pricing-card__custom {
            font-size: 2rem;
            font-weight: 700;
            color: var(--light-blue);
        }

        /* Requirements note */
        .pricing-requirements {
            margin-top: 40px;
            padding: 24px;
            background: rgba(241, 66, 11, 0.05);
            border: 1px solid rgba(241, 66, 11, 0.2);
            border-radius: 16px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .pricing-requirements__title {
            font-weight: 700;
            margin-bottom: 8px;
            color: var(--bright-orange);
        }

        .pricing-requirements__text {
            color: var(--grey);
            font-size: 0.95rem;
        }

        .pricing-card {
            background: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: 32px;
            padding: 40px;
            position: relative;
            text-align: left;
        }

        .pricing-card--featured {
            background: linear-gradient(180deg, rgba(241, 66, 11, 0.1) 0%, rgba(42, 147, 193, 0.1) 100%);
            border: 2px solid var(--bright-orange);
        }

        .pricing-card__badge {
            position: absolute;
            top: -14px;
            left: 50%;
            transform: translateX(-50%);
            background: linear-gradient(135deg, var(--bright-orange), var(--orange));
            color: var(--white);
            font-size: 0.8rem;
            font-weight: 700;
            padding: 8px 20px;
            border-radius: 50px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .pricing-card__tier {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 8px;
            text-align: center;
        }

        .pricing-card__tagline {
            color: var(--grey);
            margin-bottom: 24px;
            text-align: center;
        }

        .pricing-card__price {
            margin-bottom: 32px;
            text-align: center;
        }

        .pricing-card__amount {
            font-size: 3.5rem;
            font-weight: 700;
        }

        .pricing-card__period {
            color: var(--grey);
        }

        .pricing-card__original-price {
            display: block;
            font-size: 0.95rem;
            color: #999;
            text-decoration: line-through;
            margin-top: 4px;
        }

        .pricing-card__features {
            list-style: none;
            margin-bottom: 32px;
            text-align: left;
        }

        .pricing-card__feature {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 12px 0;
            color: rgba(255, 255, 255, 0.8);
            text-align: left;
            justify-content: flex-start;
        }

        .pricing-card__feature svg {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .pricing-card__feature > span { display: block; flex: 1; }

        .pricing-card__feature--orange svg {
            color: var(--bright-orange);
        }

        .pricing-card__feature--blue svg {
            color: var(--light-blue);
        }

        .pricing-card__cta {
            width: 100%;
            padding: 18px;
            border-radius: 16px;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.3s ease;
        }

        .pricing-card__cta--secondary {
            background: rgba(60, 60, 60, 0.8);
            color: var(--white);
        }

        .pricing-card__cta--secondary:hover {
            background: rgba(80, 80, 80, 0.8);
        }

        .pricing-card__cta--primary {
            background: linear-gradient(135deg, var(--bright-orange), var(--orange));
            color: var(--white);
        }

        .pricing-card__cta--primary:hover {
            box-shadow: 0 8px 30px rgba(241, 66, 11, 0.3);
            transform: translateY(-2px);
        }

        /* === CONSENT CHECKBOX === */
        .pb-consent-wrapper {
            margin: 0 auto 32px auto;
            max-width: 620px;
            display: flex;
            align-items: flex-start;
            gap: 14px;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 14px;
            padding: 18px 22px;
        }
        .pb-consent-checkbox {
            flex-shrink: 0;
            width: 22px;
            height: 22px;
            margin-top: 2px;
            accent-color: #0057ff;
            cursor: pointer;
        }
        .pb-consent-label {
            font-size: 0.925rem;
            color: rgba(255,255,255,0.75);
            line-height: 1.6;
            cursor: pointer;
            user-select: none;
        }
        .pb-consent-label a {
            color: #4fa3ff;
            text-decoration: underline;
            text-underline-offset: 2px;
        }
        .pb-consent-label a:hover { color: #80bfff; }
        /* Locked CTA state (before consent) */
        .pricing-card__cta.pb-cta-locked {
            opacity: 0.38;
            cursor: not-allowed;
            pointer-events: none;
            filter: grayscale(40%);
            transition: opacity 0.3s ease, filter 0.3s ease;
        }
        /* Unlock animation on consent */
        .pricing-card__cta.pb-cta-unlocked {
            animation: pb-cta-unlock 0.4s ease forwards;
        }
        @keyframes pb-cta-unlock {
            0%   { transform: scale(0.97); opacity: 0.5; }
            60%  { transform: scale(1.025); opacity: 1; }
            100% { transform: scale(1);    opacity: 1; }
        }

        /* Post-purchase steps */
        .pricing__steps {
            margin-top: 60px;
            text-align: center;
        }

        .pricing__steps-title {
            color: var(--grey);
            margin-bottom: 20px;
        }

        .pricing__steps-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 12px;
        }

        .pricing__step {
            background: rgba(40, 40, 40, 0.8);
            padding: 12px 20px;
            border-radius: 50px;
            font-size: 0.9rem;
            color: var(--grey);
        }

        /* ============================================
           FOOTER
           ============================================ */
        .footer {
            border-top: 1px solid var(--border-color);
            padding: 40px 24px;
            position: relative;
            z-index: 1;
            background: transparent;
        }

        .footer__content {
            max-width: 1000px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
        }

        @media (min-width: 640px) {
            .footer__content {
                flex-direction: row;
                justify-content: space-between;
            }
        }

        .footer__brand {
            display: flex;
            align-items: center;
            gap: 16px;
            color: var(--grey);
        }

        /* Mobile: Stack logo and copyright vertically */
        @media (max-width: 639px) {
            .footer__brand {
                flex-direction: column;
                text-align: center;
                gap: 8px;
            }
        }

        .footer__logo {
            height: 36px;
            width: auto;
        }

        .footer__links {
            display: flex;
            flex-direction: column;
            gap: 12px;
            align-items: center;
        }

        .footer__links-row {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .footer__link {
            color: var(--grey);
            font-size: 0.9rem;
            transition: color 0.3s ease;
        }

        .footer__link:hover {
            color: var(--white);
        }

        /* ============================================
           HIDDEN UTILITY
           ============================================ */
        .hidden {
            display: none !important;
        }
    

        /* Testimonial headshot photo */
        .testimonial-card__photo,
        .testimonial-author__photo {
            width: 56px !important;
            min-width: 56px !important;
            max-width: 56px !important;
            height: 56px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            border: 2px solid rgba(255, 255, 255, 0.6) !important;
            flex-shrink: 0;
        }

        .testimonial-card__author-wrap {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-top: 16px;
        }

        .testimonial-card__author-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .testimonial-card__author-name {
            font-weight: 600;
            color: #ffffff;
            font-size: 0.95rem;
        }

        .testimonial-card__author-role {
            color: rgba(255, 255, 255, 0.5);
            font-size: 0.8rem;
        }

        .testimonial-card__linkedin-link {
            text-decoration: none;
            color: inherit;
            cursor: pointer;
            transition: opacity 0.2s ease;
        }

        .testimonial-card__linkedin-link:hover {
            opacity: 0.85;
        }

        .testimonial-card__linkedin-link:hover .testimonial-card__photo {
            border-color: rgba(255, 255, 255, 0.9) !important;
            transform: scale(1.05);
        }

        .testimonial-card__linkedin-link:hover .testimonial-card__author-name {
            color: #2a93c1;

        /* ══ BOTTOM SECTIONS CSS (merged from homepage-bottom-sections2.html) ══ */
/* ── SECTION 4: Awaken CTA Button ── */
.pb-awaken-cta-wrapper {
    text-align: center;
    padding: 48px 20px;
    position: relative;
    z-index: 2;
}
.pb-awaken-cta-btn {
    display: inline-block;
    padding: 18px 44px;
    background: #2a93c1;
    color: #ffffff !important;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 20px rgba(42, 147, 193, 0.35);
}
.pb-awaken-cta-btn:hover {
    background: #f1420b !important;
    box-shadow: 0 4px 24px rgba(241, 66, 11, 0.40);
    transform: translateY(-2px);
}

/* ── SECTION 6: Footer ── */
.footer {
    border-top: 1px solid var(--border-color);
    padding: 40px 24px;
    position: relative;
    z-index: 1;
    background: transparent;
}
.footer__content {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
@media (min-width: 640px) {
    .footer__content { flex-direction: row; justify-content: space-between; }
}
.footer__brand {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--grey);
}
@media (max-width: 639px) {
    .footer__brand { flex-direction: column; text-align: center; gap: 8px; }
}
.footer__logo { height: 36px; width: auto; }
.footer__links {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}
.footer__links-row {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}
.footer__link {
    color: var(--grey);
    font-size: 0.9rem;
    transition: color 0.3s ease;
}
.footer__link:hover { color: var(--white); }

/* ── SECTION 8: Aether Credit Bar ── */
@keyframes pb-aether-shimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}
@keyframes pb-aether-pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.75; }
}
#pb-aether-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 64px;
    background: linear-gradient(135deg, #0a0c14 0%, #0d1120 50%, #080c18 100%);
    border-top: 2px solid #f1420b;
    box-shadow: 0 -4px 24px rgba(241, 66, 11, 0.20), 0 -1px 0 rgba(42, 147, 193, 0.15);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1;
    color: #d1d5db;
    padding: 0 24px;
    box-sizing: border-box;
    letter-spacing: 0.025em;
    gap: 0;
    flex-wrap: wrap;
    font-size: 13px;
}
#pb-aether-footer a { text-decoration: none !important; transition: color 0.2s ease, text-shadow 0.2s ease; }
#pb-aether-footer a:hover { background: none !important; text-decoration: none !important; }
#pb-aether-footer .pb-footer-label { color: #9ca3af; font-weight: 400; }
#pb-aether-footer .pb-footer-aether {
    font-weight: 800; font-size: 15px; letter-spacing: 0.12em;
    color: #f1420b;
    text-shadow: 0 0 8px rgba(241, 66, 11, 0.7), 0 0 20px rgba(241, 66, 11, 0.35), 0 0 40px rgba(241, 66, 11, 0.15);
    text-transform: uppercase;
    animation: pb-aether-pulse 3s ease-in-out infinite;
}
#pb-aether-footer .pb-footer-ai-tag { color: #6b7280; font-size: 11px; font-style: italic; }
#pb-aether-footer .pb-footer-for { color: #9ca3af; }
#pb-aether-footer .pb-footer-purebrain { color: #f1420b; font-weight: 700; text-shadow: 0 0 6px rgba(241, 66, 11, 0.4); }
#pb-aether-footer .pb-footer-purebrain:hover { color: #ff6633 !important; text-shadow: 0 0 12px rgba(241, 66, 11, 0.7) !important; }
#pb-aether-footer .pb-footer-blue { color: #2a93c1; font-weight: 600; }
#pb-aether-footer .pb-footer-blue:hover { color: #f1420b !important; text-shadow: 0 0 8px rgba(241, 66, 11, 0.5) !important; }
#pb-aether-footer .pb-footer-sep { color: rgba(255, 255, 255, 0.12); margin: 0 12px; font-weight: 300; }
#pb-aether-footer .pb-footer-why,
#pb-aether-footer .pb-footer-mission,
#pb-aether-footer .pb-footer-migrate {
    color: #2a93c1; font-weight: 700; font-size: 12px; letter-spacing: 0.04em;
    padding: 4px 10px; border: 1px solid rgba(42, 147, 193, 0.4); border-radius: 4px;
    transition: all 0.2s ease; background: rgba(42, 147, 193, 0.08);
}
#pb-aether-footer .pb-footer-why:hover,
#pb-aether-footer .pb-footer-mission:hover,
#pb-aether-footer .pb-footer-migrate:hover {
    color: #ffffff !important; background: #f1420b !important; border-color: #f1420b !important;
    box-shadow: 0 0 12px rgba(241, 66, 11, 0.5); text-shadow: none;
}
@media (max-width: 600px) {
    #pb-aether-footer { height: auto !important; min-height: 52px; padding: 8px 16px; font-size: 11px; flex-wrap: wrap; row-gap: 4px; }
    #pb-aether-footer .pb-footer-aether { font-size: 13px; }
    #pb-aether-footer .pb-footer-why, #pb-aether-footer .pb-footer-migrate { display: none !important; }
    #pb-aether-footer .pb-footer-sep-why, #pb-aether-footer .pb-footer-sep-before-mission, #pb-aether-footer .pb-footer-sep-migrate { display: none !important; }
    body { padding-bottom: 80px !important; }
}

        body { padding-bottom: 64px !important; } /* space for fixed Aether footer */

        /* ══ FIX: Kill grey line from Elementor section/column/widget wrappers ══ */
        .elementor-section,
        .elementor-column,
        .elementor-widget,
        .elementor-widget-wrap,
        .elementor-element,
        .elementor-column-gap-no,
        .elementor-section-wrap,
        .elementor-section .elementor-container {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            border-top: none !important;
            border-bottom: none !important;
        }
        /* Also kill any admin bar top margin that could show as a line */
        html { margin-top: 0 !important; }
        #wpadminbar { display: none !important; }

        /* ══ MOBILE: Force video background, hide hexagon/canvas layers ══ */
        @media (max-width: 767px) {
            /* Show video background */
            .video-background {
                z-index: 0 !important;
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }
            .video-background__video {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }
            /* Hide living-background (canvas/orbs) completely on mobile */
            .living-background,
            .living-background * {
                display: none !important;
                visibility: hidden !important;
                opacity: 0 !important;
                z-index: -999 !important;
            }
            /* Hide hexagon vortex rings on mobile */
            .portal-vortex,
            .vortex-ring,
            .hero__particles {
                display: none !important;
                visibility: hidden !important;
            }
        }

        }