/* TrinoTime Cloud v1.0.4.3 — Clear 3D Liquid Glass marketing system
   Replaces heavy dark slabs with readable pearl glass. Marketing presentation only. */

:root{
  --glass-ink:#182235;
  --glass-ink-strong:#101827;
  --glass-body:#4B5A70;
  --glass-muted:#66758A;
  --glass-soft:#7B8798;
  --glass-gold:#C78B18;
  --glass-gold-dark:#8D5B0D;
  --glass-border:rgba(255,255,255,.88);
  --glass-surface:rgba(255,255,255,.60);
  --glass-surface-strong:rgba(255,255,255,.76);
  --glass-shadow:0 26px 70px rgba(39,57,82,.13),0 4px 16px rgba(39,57,82,.06);
}

/* Add soft material behind the transparent panels so blur/refraction is visible. */
body{
  background:
    radial-gradient(circle at 8% 20%,rgba(193,219,246,.48),transparent 28%),
    radial-gradient(circle at 92% 34%,rgba(245,215,151,.32),transparent 25%),
    radial-gradient(circle at 45% 76%,rgba(218,229,244,.42),transparent 32%),
    #F8FAFC!important;
  color:var(--glass-ink)!important;
}
#product,#security,#pricing{position:relative;isolation:isolate}
#product::before,#security::before,#pricing::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(24px);opacity:.78;
}
#product::before{width:430px;height:250px;right:-110px;top:130px;background:linear-gradient(135deg,rgba(156,195,238,.48),rgba(248,221,164,.34))}
#security::before{width:520px;height:280px;left:-180px;top:130px;background:linear-gradient(135deg,rgba(230,239,250,.78),rgba(201,218,242,.50))}
#pricing::before{width:520px;height:300px;right:-150px;top:150px;background:linear-gradient(135deg,rgba(249,225,173,.42),rgba(197,218,245,.44))}

/* Header contrast: no more pale links disappearing into the pearl header. */
.site-header{background:rgba(255,255,255,.74)!important;border-color:rgba(255,255,255,.90)!important;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 20px 48px rgba(43,58,78,.10)!important}
.site-header .nav{color:#536176!important}
.site-header .nav a{color:#536176!important;font-weight:600!important}
.site-header .nav a:hover{color:#172033!important}
.site-header .text-link{color:#465469!important;font-weight:600!important}
.site-header .text-link:hover{color:#151E2D!important}

/* Shared glass mechanics. */
.feature-card,.security-panel,.price-card,.final-cta{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 14% 2%,rgba(255,255,255,.96),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.69),rgba(238,244,251,.46))!important;
  border:1px solid var(--glass-border)!important;
  -webkit-backdrop-filter:blur(28px) saturate(155%);
  backdrop-filter:blur(28px) saturate(155%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,255,255,.34),
    var(--glass-shadow)!important;
}
.feature-card::before,.security-panel::before,.price-card::before,.final-cta::before{
  content:"";position:absolute;left:8%;right:8%;top:1px;height:1.5px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);
}
.feature-card::after,.security-panel::after,.price-card::after,.final-cta::after{
  content:"";position:absolute;right:-90px;bottom:-115px;width:250px;height:250px;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle,rgba(174,206,242,.33),rgba(240,208,139,.12) 42%,transparent 69%);
  filter:blur(8px);
}

/* Feature cards: clear liquid glass with explicit dark typography. */
.feature-card{color:var(--glass-ink)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,1)!important;box-shadow:inset 0 1px 0 #fff,0 32px 78px rgba(39,57,82,.17),0 5px 18px rgba(39,57,82,.07)!important}
.feature-card h3{color:var(--glass-ink-strong)!important;font-size:22px!important;line-height:1.28!important;text-shadow:none!important}
.feature-card>p{color:var(--glass-body)!important;font-size:16px!important;line-height:1.68!important}
.feature-card .feature-icon{background:rgba(255,247,227,.72)!important;border-color:rgba(199,139,24,.26)!important;color:#9A6410!important;box-shadow:inset 0 1px 0 #fff,0 10px 20px rgba(125,91,27,.08)!important}
.feature-card .timeline-preview span,.feature-card .mini-request{color:#657388!important;background:rgba(255,255,255,.52)!important;border-color:rgba(148,163,184,.28)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.feature-card .timeline-preview span b,.feature-card .mini-request strong,.feature-card .leave-meter b{color:#1A2435!important}
.feature-card .timeline-preview i{background:rgba(91,111,140,.28)!important}
.feature-card .pill-row b{color:#637085!important;border-color:rgba(105,122,148,.28)!important;background:rgba(255,255,255,.42)!important}
.feature-card .pill-row .on{color:#23334E!important;background:rgba(194,213,240,.62)!important;border-color:rgba(101,132,177,.30)!important}
.feature-card .mini-request>span{background:rgba(213,226,244,.70)!important;color:#23344F!important}
.feature-card .mini-request small,.feature-card .leave-meter small,.feature-card .people-stack b{color:#6D798A!important}
.feature-card .mini-request>b{color:#8D5B0D!important}
.feature-card .leave-meter>span{background:rgba(123,145,174,.18)!important}
.feature-card .people-stack span{background:rgba(228,236,247,.90)!important;border-color:rgba(255,255,255,.94)!important;color:#28364C!important;box-shadow:0 4px 12px rgba(36,53,76,.10)}
.feature-card .sparkline i{background:rgba(99,139,196,.36)!important}.feature-card .sparkline i:nth-child(6){background:#D0A03C!important}

/* Security architecture is now light glass too — no black slab. */
.security-panel{color:var(--glass-ink)!important;background:radial-gradient(circle at 80% 10%,rgba(247,221,161,.38),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.72),rgba(234,241,250,.50))!important}
.security-panel h2{color:var(--glass-ink-strong)!important;text-shadow:none!important}
.security-panel>div>p{color:var(--glass-body)!important}
.security-panel .eyebrow{color:#986411!important}
.security-panel .cloud-node,.security-panel .tenant-row>div{background:rgba(255,255,255,.48)!important;border-color:rgba(108,128,158,.24)!important;color:#1D2A3E!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff,0 14px 32px rgba(48,66,91,.09)}
.security-panel .cloud-node{color:#19263A!important}
.security-panel .tenant-row span{background:rgba(210,224,244,.78)!important;color:#263852!important}
.security-panel .tenant-row strong{color:#19263A!important}.security-panel .tenant-row small,.security-panel .security-diagram>p{color:#5D6B7F!important}
.security-panel .branch,.security-panel .branch:before,.security-panel .branch i{border-color:rgba(82,107,143,.34)!important;background-color:rgba(82,107,143,.34)!important}

/* Pricing: all cards use readable light glass. Pro gets a warm glass focal treatment, not a black card. */
.price-card{color:var(--glass-ink)!important;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.98),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.73),rgba(237,243,250,.48))!important}
.price-card.featured{color:var(--glass-ink)!important;background:radial-gradient(circle at 88% 0%,rgba(241,205,124,.38),transparent 33%),linear-gradient(145deg,rgba(255,252,244,.78),rgba(243,235,216,.54))!important;border-color:rgba(202,151,55,.50)!important;box-shadow:inset 0 1px 0 #fff,0 30px 72px rgba(126,93,35,.15),0 4px 14px rgba(57,68,86,.06)!important}
.price-card>span,.price-card.featured>span{color:#566477!important}
.price-card h3,.price-card.featured h3{color:#151E2D!important;font-size:42px!important;line-height:1.1!important}
.price-card h3 small,.price-card.featured h3 small{color:#647287!important;font-size:15px!important}
.price-card>p,.price-card.featured>p{color:#4F5E73!important;font-size:15px!important;line-height:1.65!important}
.price-card li,.price-card.featured li{color:#344154!important;border-bottom-color:rgba(73,91,116,.13)!important;font-size:14px!important;line-height:1.5!important}
.price-card .popular,.price-card.featured .popular{background:rgba(255,247,225,.88)!important;color:#80530B!important;border:1px solid rgba(190,137,40,.28)!important;box-shadow:0 8px 18px rgba(112,80,21,.08)!important}
.price-card .button-ghost,.price-card.featured .button-ghost{color:#253145!important;background:rgba(255,255,255,.54)!important;border:1px solid rgba(88,105,129,.34)!important;box-shadow:inset 0 1px 0 #fff!important}
.price-card .button-ghost:hover,.price-card.featured .button-ghost:hover{color:#714A0C!important;background:rgba(255,248,232,.82)!important;border-color:rgba(185,132,37,.55)!important}

/* Final CTA follows the same liquid-glass language. */
.final-cta{color:var(--glass-ink)!important;background:radial-gradient(circle at 88% 12%,rgba(238,204,126,.34),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.73),rgba(235,242,250,.50))!important}
.final-cta h2{color:var(--glass-ink-strong)!important}.final-cta p{color:var(--glass-body)!important}.final-cta .eyebrow{color:#986411!important}.final-cta .text-link.light{color:#334156!important}.final-cta .text-link.light:hover{color:#87580C!important}

/* Readability and accessibility. */
.feature-card,.price-card,.security-panel,.final-cta{text-rendering:optimizeLegibility}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.feature-card,.security-panel,.price-card,.final-cta{background:#F2F6FB!important}}
@media(max-width:760px){.feature-card,.security-panel,.price-card,.final-cta{-webkit-backdrop-filter:blur(15px) saturate(130%);backdrop-filter:blur(15px) saturate(130%)}.feature-card:hover,.price-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.feature-card,.price-card{transition:none!important}.feature-card:hover,.price-card:hover{transform:none!important}}