/* Teeya Productions — colour hierarchy (chrome only; do not recolour demo screenshots) */
:root {
    --brand-ice: #00E5FF;
    --brand-ice-soft: #7FEFFF;
    --status-green: #00FF66;
    --ink: #F4F7FA;
    --ink-muted: rgba(244, 247, 250, 0.78);
    --ink-subtle: rgba(244, 247, 250, 0.58);
    --line: rgba(255, 255, 255, 0.12);
    --line-strong: rgba(255, 255, 255, 0.18);
    --charcoal: #0a0a0c;
    --surface-glow: radial-gradient(ellipse 88% 52% at 50% -22%, rgba(0, 229, 255, 0.028), transparent 58%);
    --surface-glow-strong: radial-gradient(ellipse 92% 62% at 50% -28%, rgba(0, 229, 255, 0.04), transparent 56%);
    --shadow-glow: 0 0 18px rgba(0, 229, 255, 0.04);
    --shadow-neon: 0 0 16px rgba(0, 229, 255, 0.06);
    --frame-shadow: 0 22px 48px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.06);
    --edge-cyan: 0 0 0 1px rgba(0, 229, 255, 0.12);
    --text-body: rgba(244, 247, 250, 0.88);
    --text-muted: rgba(244, 247, 250, 0.7);
    --text-subtle: rgba(244, 247, 250, 0.56);
    --hologram-white: #f4f7fa;
    --gradient-neon: linear-gradient(135deg, #00E5FF 0%, #7FEFFF 100%);
}

html {
    scrollbar-color: rgba(0, 229, 255, 0.28) rgba(10, 10, 12, 0.9);
}

*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 229, 255, 0.38);
}

::selection {
    background: rgba(0, 229, 255, 0.22);
    color: #fff;
}

/* 1. Headlines read first — near-white, no neon fill */
.hero-reborn-title,
.section-title,
.section-title--sm,
.page-hero-title,
#calendar .section-title,
#calendar h2.section-title {
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink) !important;
    background: none !important;
    text-shadow: none !important;
}

.hero-reborn-title strong,
.hero-reborn-title .hero-neon-forever em {
    color: var(--brand-ice) !important;
    -webkit-text-fill-color: var(--brand-ice) !important;
    text-shadow: 0 0 14px rgba(0, 229, 255, 0.16) !important;
}

.hero-reborn-text,
.hero-reborn-text .hero-p,
.section-lead,
.stack-unify-bridge-copy {
    color: var(--ink-muted) !important;
}

/* Small brand labels stay ice — they are highlights, not headlines */
.section-label,
.hud-mount-tab,
.nav-logo span,
.footer-logo span {
    color: var(--brand-ice) !important;
    -webkit-text-fill-color: var(--brand-ice) !important;
}

.nav-logo span,
.footer-logo span {
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.18) !important;
}

/* Nav: neutrals at rest, ice on interaction / CTA */
.nav-link {
    color: var(--ink-muted) !important;
}

.nav-link:hover,
.nav-link:focus-visible {
    color: var(--brand-ice) !important;
}

.nav-link::after {
    background: var(--brand-ice) !important;
}

.nav-cta {
    color: var(--brand-ice) !important;
    border-color: rgba(0, 229, 255, 0.45) !important;
    background: rgba(0, 229, 255, 0.06) !important;
}

.nav-cta:hover {
    background: rgba(0, 229, 255, 0.12) !important;
    border-color: rgba(0, 229, 255, 0.7) !important;
}

.mobile-menu-btn,
.mobile-menu-btn i {
    color: var(--brand-ice) !important;
    text-shadow: none !important;
}

/* Primary persistent CTA — ice fill */
.tp-float-schedule {
    background: var(--brand-ice) !important;
    border-color: var(--brand-ice) !important;
    color: #041016 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 18px rgba(0, 229, 255, 0.18) !important;
}

.tp-float-schedule .tp-float-prompt,
.tp-float-schedule .tp-float-cursor,
.tp-float-schedule .tp-float-label,
.tp-float-schedule .tp-float-label span {
    color: #041016 !important;
}

.tp-float-schedule:hover,
.tp-float-schedule:focus-visible {
    background: var(--brand-ice-soft) !important;
    border-color: var(--brand-ice-soft) !important;
    color: #041016 !important;
}

#calendar .schedule-button,
.schedule-button {
    background: var(--brand-ice) !important;
    border: 1px solid var(--brand-ice) !important;
    color: #041016 !important;
    -webkit-text-fill-color: #041016 !important;
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.16) !important;
}

#calendar .schedule-button:hover:not(:disabled),
.schedule-button:hover:not(:disabled) {
    background: var(--brand-ice-soft) !important;
    border-color: var(--brand-ice-soft) !important;
    color: #041016 !important;
    -webkit-text-fill-color: #041016 !important;
}

/* Secondary / outline treatments */
.demo-suite-cta,
.demo-hud-close,
#calendar .cal-hud-nav,
#calendar .calendar-navigation .hero-badge {
    background: rgba(0, 0, 0, 0.72) !important;
    color: var(--brand-ice) !important;
    -webkit-text-fill-color: var(--brand-ice) !important;
    border-color: rgba(0, 229, 255, 0.5) !important;
    box-shadow: 0 0 14px rgba(0, 229, 255, 0.08) !important;
}

.btn-primary {
    background: transparent !important;
    border: 1px solid var(--brand-ice) !important;
    color: var(--brand-ice) !important;
}

.btn-secondary {
    background: var(--brand-ice) !important;
    border: 1px solid var(--brand-ice) !important;
    color: #041016 !important;
}

/* Cards / frames — charcoal + white edge, ice only as a thin selected accent */
.price-card,
.price-card--green,
.price-card--cyan,
.price-card--violet,
.compliance-pillar,
.hud-mount,
.glass-panel-shell,
.compliance-ai-spotlight,
.compliance-ai-points li,
.faq-item,
.review-spotlight {
    border-color: var(--line) !important;
    box-shadow: var(--frame-shadow) !important;
}

.price-card--green .price-card-accent,
.price-card--cyan .price-card-accent,
.price-card--violet .price-card-accent,
.compliance-pillar::before,
.compliance-pillar:nth-child(2)::before,
.compliance-pillar:nth-child(3)::before,
.compliance-pillar:nth-child(4)::before {
    background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.45), transparent) !important;
    opacity: 0.7 !important;
}

.price-card--green .price-card-icon,
.price-card--cyan .price-card-icon,
.price-card--violet .price-card-icon,
.compliance-pillar-icon,
.compliance-pillar:nth-child(2) .compliance-pillar-icon,
.compliance-pillar:nth-child(3) .compliance-pillar-icon,
.compliance-pillar:nth-child(4) .compliance-pillar-icon {
    color: var(--brand-ice) !important;
    border-color: rgba(0, 229, 255, 0.28) !important;
}

.price-card--green .price-card-kicker,
.price-card--cyan .price-card-kicker,
.price-card--violet .price-card-kicker,
.compliance-ai-eyebrow,
.compliance-ai-tick {
    color: var(--brand-ice) !important;
    background: none !important;
}

.compliance-pillar li::before,
.compliance-pillar:nth-child(2) li::before,
.compliance-pillar:nth-child(3) li::before,
.compliance-pillar:nth-child(4) li::before {
    background: var(--brand-ice) !important;
    box-shadow: none !important;
}

.price-card--green .price-card-toggle,
.price-card--cyan .price-card-toggle,
.price-card--violet .price-card-toggle {
    border-color: var(--line) !important;
}

.price-card--green .price-card-toggle-prompt,
.price-card--cyan .price-card-toggle-prompt,
.price-card--violet .price-card-toggle-prompt {
    color: var(--brand-ice) !important;
}

/* Cursor / live remain secondary green */
.price-card--green .price-card-toggle-cursor,
.price-card--cyan .price-card-toggle-cursor,
.price-card--violet .price-card-toggle-cursor,
.command-center-prompt-cursor,
.founder-summary .summary-name .cursor-blink,
.demo-suite-live,
#calendar .cal-hud-live {
    color: var(--status-green) !important;
}

.demo-suite-live i,
#calendar .cal-hud-live i,
.compliance-ai-hud-status i,
.roi-terminal-dots span:nth-child(1) {
    background: var(--status-green) !important;
    box-shadow: 0 0 8px rgba(0, 255, 102, 0.45) !important;
}

.compliance-ai-hud-status {
    color: var(--status-green) !important;
    border-color: rgba(0, 255, 102, 0.28) !important;
    background: rgba(0, 20, 12, 0.55) !important;
}

/* Demo screenshots stay untouched — only calm the surrounding chrome */
.demo-suite-img,
.command-center-frame img,
.carousel-slides img,
#systemPreviewCarousel img,
.compliance-ai-hud-img {
    filter: none !important;
}

.demo-suite-frame,
.command-center-frame {
    border-color: var(--line-strong) !important;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

.demo-suite-brand,
.demo-suite-cta-label,
.demo-suite-cta-hint {
    text-shadow: none !important;
}

.demo-suite-cta:hover,
.demo-suite-cta:focus-visible {
    box-shadow: 0 0 18px rgba(0, 229, 255, 0.14) !important;
}

/* Calendar chrome: ice for selection only */
#calendar .calendar-day-header {
    color: var(--ink-subtle) !important;
    -webkit-text-fill-color: var(--ink-subtle) !important;
    border-color: var(--line) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: none !important;
}

#calendar .calendar-month {
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink) !important;
    text-shadow: none !important;
}

#calendar .calendar-day.selected {
    background: var(--brand-ice) !important;
    border-color: var(--brand-ice) !important;
    color: #041016 !important;
    -webkit-text-fill-color: #041016 !important;
    box-shadow: 0 0 16px rgba(0, 229, 255, 0.28) !important;
}

#calendar .time-slot.selected {
    background: rgba(0, 229, 255, 0.14) !important;
    border-color: var(--brand-ice) !important;
    color: var(--brand-ice) !important;
}

#calendar .cal-hud-chip strong,
#calendar .booking-field-label {
    color: var(--brand-ice) !important;
}

#calendar .cal-hud-bar {
    background: var(--brand-ice) !important;
    box-shadow: none !important;
}

#calendar .form-input:focus {
    border-color: var(--brand-ice) !important;
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.2) !important;
}

/* Footer: brand wordmark ice; contact as quiet neutrals with ice icons */
.footer-meta,
.footer-meta--address,
.footer-nav a {
    color: var(--ink-muted) !important;
    text-shadow: none !important;
}

.footer-meta i {
    color: var(--brand-ice) !important;
}

.footer-meta:hover,
.footer-meta:hover i,
.footer-nav a:hover {
    color: var(--brand-ice) !important;
}

/* ROI / forms / misc chrome */
.currency-symbol,
.roi-result-title,
.roi-subtitle,
.roi-metric--total,
.check-icon,
.investment-includes-label,
.guarantee-wrapper--panel .seal-badge,
.guarantee-wrapper--panel .seal-badge i,
.guarantee-wrapper--panel .guarantee-content strong,
.booking-success-icon {
    color: var(--brand-ice) !important;
    border-color: rgba(0, 229, 255, 0.35) !important;
}

.roi-metric--total {
    border-top-color: var(--brand-ice) !important;
}

#systemPreviewCarousel .carousel-btn,
.carousel-btn,
.lightbox-nav,
.lightbox-close:hover {
    color: var(--brand-ice) !important;
    border-color: rgba(0, 229, 255, 0.35) !important;
}

.carousel-dot.active {
    background: var(--brand-ice) !important;
}