/* Tum's Here – Glassmorphism layer.
   Loaded last on every page: frosted panels over a slowly drifting navy/gold light field.
   Remove this one <link> to go back to the flat look. */
:root{
  --glass:rgba(255,255,255,.56);
  --glass-strong:rgba(255,255,255,.74);
  --glass-border:rgba(255,255,255,.7);
  --glass-blur:blur(18px) saturate(170%);
  --glass-shadow:0 10px 34px -6px rgba(11,33,71,.16),inset 0 1px 0 rgba(255,255,255,.85);
  --glass-dark:rgba(16,40,82,.38);
  --glass-dark-border:rgba(255,255,255,.16);
  --glass-dark-shadow:0 14px 40px -10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.14);
}

/* ---------- background light field ---------- */
html{background:#E9EDF5}
body{background:transparent!important;position:relative}
body::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38% 34% at 12% 18%,rgba(201,164,92,.38),transparent 70%),
    radial-gradient(34% 30% at 88% 12%,rgba(30,74,140,.30),transparent 70%),
    radial-gradient(40% 36% at 78% 78%,rgba(230,207,156,.42),transparent 72%),
    radial-gradient(36% 34% at 18% 86%,rgba(19,53,107,.22),transparent 72%),
    linear-gradient(160deg,#F4F1EA 0%,#E9EDF5 55%,#EDE8DD 100%);
  animation:drift 28s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,1.5%,0) scale(1.04)}100%{transform:translate3d(2%,-1.5%,0) scale(1.02)}}

/* light sections let the field show through */
.cream,.greyband,.lightgrey,.foot,footer{background:rgba(255,255,255,.22)!important}
.greyband{background:rgba(233,237,245,.35)!important}

/* ---------- glass mixins ---------- */
.hdr .bar,.mnav,
.cc .txt,.mini,.banner .box,.tool,.usp > div,.fnav,.rv .in,
.home .card .in,.pill,.chip,.sheet,
body:not(.home) .card,.tile,.pc,.rel a,.hl div,.facts div,.plans div,.note,.doc,.rvprev,.addpol,.agent,
.compare,.kanban .lead,.col,.kv div,.scorecard,.kf,.story,.search input,.auth-card,dialog,
.toolbar .inp,.prow,.rvrow{
  background:var(--glass)!important;
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border)!important;
  box-shadow:var(--glass-shadow)!important}
.hdr .bar{background:rgba(255,255,255,.62)!important}
dialog,.sheet,.scorecard,.kf,.auth-card{background:var(--glass-strong)!important}
dialog::backdrop{background:rgba(6,20,45,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.inp,select.inp,textarea.inp{background:rgba(255,255,255,.75);border:1px solid #C9D0DB}   /* visible edge on every text box */
.inp:hover{border-color:#AEB7C5}
.inp:focus{background:#fff;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,164,92,.2)}
.usp > div{border-radius:16px;padding:22px}
.prow,.rvrow{border-width:0 0 1px!important;box-shadow:none!important;background:rgba(255,255,255,.35)!important}
.kanban .lead,.col{border-radius:12px}
.col{background:rgba(255,255,255,.32)!important}
.facts div,.hl div{border-radius:14px}
.banner{background:linear-gradient(100deg,rgba(244,233,210,.75),rgba(230,207,156,.6))!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}
.ref{background:linear-gradient(120deg,rgba(244,233,210,.7),rgba(230,207,156,.55))!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}
.cc .img,.home .card,.pol,.split .pic{box-shadow:0 18px 40px -16px rgba(11,33,71,.45)!important}
.home .card .in{background:var(--glass-strong)!important}
.pc .bd{background:transparent}

/* hover: glass brightens and lifts */
.tool:hover,.usp > div:hover,.pc:hover,.rel a:hover,.hl div:hover,.mini:hover,body:not(.home) .tile:hover{background:rgba(255,255,255,.72)!important}

/* sheen line across the top edge of glass cards */
.tool,.usp > div,.pc,.mini,.scorecard,.kf,.compare{position:relative;overflow:hidden}
.tool::before,.usp > div::before,.pc::before,.mini::before,.compare::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);pointer-events:none}

/* ---------- navy areas: dark glass + glowing light spots ---------- */
.hero,.band{background:
    radial-gradient(30% 50% at 78% 22%,rgba(201,164,92,.35),transparent 70%),
    radial-gradient(34% 60% at 8% 90%,rgba(56,120,220,.38),transparent 70%),
    radial-gradient(26% 40% at 48% 0%,rgba(120,160,230,.22),transparent 70%),
    linear-gradient(115deg,#0A1D40 0%,#11306A 55%,#1A4386 100%)!important}
.hchip,.cats .cat,.kpi,.vbar,.cta,.res,.cookie,.date{
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}
.hchip{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.hchip .ic{color:var(--gold-l)!important}
.hchip:hover{background:rgba(255,255,255,.3)!important}
.kpi,.cats .cat{background:var(--glass-dark)!important;border:1px solid var(--glass-dark-border)!important;box-shadow:var(--glass-dark-shadow)}
.cats .cat[aria-pressed="true"]{background:rgba(201,164,92,.9)!important}
.res,.cta{background:linear-gradient(140deg,rgba(11,33,71,.82),rgba(26,67,134,.72))!important;border:1px solid var(--glass-dark-border);box-shadow:var(--glass-dark-shadow)}
.cookie{background:rgba(11,33,71,.72)!important;border-top:1px solid rgba(255,255,255,.14)}
.vbar{background:rgba(11,33,71,.85)!important}
.hero-me .tag{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}
.hero-me .arch{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.45)!important}
.tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero .tile{background:linear-gradient(140deg,rgba(230,207,156,.9),rgba(201,164,92,.75))!important;border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.6)!important}
.side{background:
    radial-gradient(40% 40% at 85% 15%,rgba(201,164,92,.35),transparent 70%),
    radial-gradient(40% 50% at 10% 90%,rgba(56,120,220,.35),transparent 70%),
    linear-gradient(140deg,#0A1D40,#11306A 60%,#1A4386)!important}
.form-side{background:transparent!important}

/* floating light orbs inside navy areas */
.hero::after,.band::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-160px;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(230,207,156,.28),transparent 65%);animation:orb 16s ease-in-out infinite alternate}
@keyframes orb{to{transform:translate(-80px,60px) scale(1.15)}}

/* header & footer polish */
.hdr .bar{border-top:0!important}
footer,.foot{border-top:1px solid rgba(201,164,92,.55)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

@media (prefers-reduced-motion:reduce){body::before,.hero::after,.band::before{animation:none}}
/* browsers without backdrop-filter: fall back to more opaque panels so text stays readable */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--glass:rgba(255,255,255,.9);--glass-strong:rgba(255,255,255,.96)}
}
.pol{background:linear-gradient(140deg,rgba(19,53,107,.88),rgba(30,74,140,.78))!important}

/* selected state must stay obvious on top of the glass look */
.chip[aria-pressed="true"]{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;box-shadow:0 6px 16px -6px rgba(11,33,71,.55)!important}
.chip[aria-pressed="true"] .dot{border-color:#fff;background:var(--gold);box-shadow:inset 0 0 0 2px var(--navy)}
.chip[aria-pressed="true"] .ic{color:var(--gold-l)}

/* tool result boxes: the assumptions line sits on the dark panel (not a frosted strip) and stays readable */
.res .note{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:10px 0 0!important;margin:0!important;border-top:1px solid rgba(255,255,255,.18)!important;border-radius:0!important;color:rgba(255,255,255,.85)!important;font-size:12.5px!important;line-height:1.55;display:block}

/* header: solid white, not see-through */
.hdr .bar,.mnav{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:rgba(11,33,71,.08)!important;box-shadow:0 6px 20px rgba(11,33,71,.12)!important}
/* tax banner boxes: label on one line */
.banner .box span{white-space:nowrap}

/* Messenger buttons: white, everywhere (also on dark panels) */
.btn-msg{background:#fff!important;color:var(--navy)!important;border:1px solid #fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 6px 16px -6px rgba(11,33,71,.35)}
.btn-msg:hover{background:var(--gold-50)!important;border-color:var(--gold-l)!important}
.btn-msg .ic{width:20px;height:20px}

/* phones: action buttons sit in one row with short labels */
.s-only{display:none}
@media (max-width:560px){
  .l-only{display:none!important}.s-only{display:inline}
  .row1{display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
  .row1 > .btn{flex:1 1 0;min-width:0;justify-content:center;padding:11px 8px!important;font-size:14px!important;gap:6px!important;white-space:nowrap}
  .row1 > .btn[hidden]{display:none!important}
  .row1 > .btn .ic{width:17px!important;height:17px!important;flex:none}
  .btnrow.row1{display:flex!important}
}

@media (max-width:560px){
  .btnrow.row1 > .btn{flex-direction:column;gap:4px!important;padding:9px 4px!important;font-size:12.5px!important;line-height:1.2}
  .btnrow.row1 > .btn .ic{width:19px!important;height:19px!important}
}
@media (max-width:560px){.row1{width:100%;align-self:stretch}.cta .row1,.cta > div:last-child{width:100%}}