/* ===== THEME 6: readability fixes and extra polish ===== */

/* buttons that sit on light sections must read clearly */
.btn-glass-dark{color:#fff;background:linear-gradient(135deg,#0b1238,#27409a);border-color:rgba(11,18,56,.2);box-shadow:0 14px 30px rgba(39,64,154,.35)}
.btn-glass-dark:hover{background:linear-gradient(135deg,#141d52,#3a50c4)}
.btn-glass-clear{color:#0b1238;background:#fff;border-color:#e2cfa6;box-shadow:0 8px 24px rgba(11,18,56,.10)}
.btn-glass-clear:hover{border-color:#f59a1f}

/* low contrast small labels */
.text-slate-400{color:#5f6b8c!important}
.text-slate-500{color:#505c7d!important}
.s-q small,.dtop,.dq small{color:#5f6b8c}
.dark-sec .text-slate-400,.dark-sec .text-slate-500,.hero .text-slate-400{color:#c9cdea!important}
.pt-feature-off{color:#5f6b8c}

/* sticky enquire pill and back to top */
.fab{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fab a,.fab button{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-weight:800;font-size:.86rem;border-radius:99px;transition:transform .25s,box-shadow .25s,opacity .3s}
.fab .enq{padding:13px 20px;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f);box-shadow:0 14px 34px rgba(245,154,31,.5)}
.fab .enq:hover{transform:translateY(-3px)}
.fab .top{width:44px;height:44px;justify-content:center;color:#fff;background:rgba(11,18,56,.88);backdrop-filter:blur(10px);box-shadow:0 10px 26px rgba(11,18,56,.35);opacity:0;pointer-events:none}
.fab .top.show{opacity:1;pointer-events:auto}
@media(max-width:640px){.fab .enq{padding:12px 16px}}
body.on-contact .fab .enq{display:none}

/* trust strip under the hero */
.trust{background:linear-gradient(180deg,#fffaf0,#f8ecd3);border-block:1px solid #ecd9ae}
.trust .it{display:flex;gap:14px;align-items:center;padding:6px 4px}
.trust .ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0b1238,#27409a);color:#ffc266;box-shadow:0 10px 22px rgba(39,64,154,.3)}
.trust b{display:block;font-family:'Fraunces',serif;font-size:1.05rem;color:#0b1238}
.trust span.s{font-size:.82rem;color:#505c7d}

/* home FAQ */
.hfaq details{border:1px solid #ecd9ae;border-radius:18px;background:linear-gradient(180deg,#fffdf8,#fbf3e2);padding:18px 22px;transition:.25s}
.hfaq details[open]{border-color:#f59a1f;box-shadow:0 14px 34px rgba(245,154,31,.16)}
.hfaq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:16px;color:#0b1238}
.hfaq summary::-webkit-details-marker{display:none}
.hfaq summary::after{content:"+";font-size:1.5rem;line-height:1;color:#f59a1f;transition:.25s}
.hfaq details[open] summary::after{transform:rotate(45deg)}
.hfaq p{margin-top:12px;color:#4b4437;line-height:1.7;font-size:.95rem}

/* pricing cards: clearer hierarchy */
.card .font-display{color:#0b1238}
.card.ring-popular,.card:has(.chip-popular){border-color:#f59a1f;box-shadow:0 24px 60px rgba(245,154,31,.22)}

/* products page cards: artwork sits on a dark tile */
#products article>div:first-child{background:linear-gradient(135deg,#0b1238,#27409a)!important}
#products article img{opacity:1!important;object-fit:contain!important;padding:10px}

/* contact side panel */
.cside{margin-top:22px;display:grid;gap:12px}
.cside .row{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.cside .row b{display:block}
.cside .row span{color:#d6dcff;font-size:.88rem}
.cside .dot{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffc266,#f59a1f);color:#241500;font-weight:900}

/* page banners: a little more life */
.page-hero h1{text-shadow:0 8px 40px rgba(0,0,0,.35)}
.page-hero{padding-bottom:130px}
@media(prefers-reduced-motion:reduce){.fab a,.fab button{transition:none}}

/* hero stats stay on one line from tablet width up */
@media(min-width:640px){.hero .hero-stats.flex-wrap{flex-wrap:nowrap!important;column-gap:28px!important}.hero-stats .font-display{font-size:2rem}.hero-stats .text-xs{font-size:.64rem;letter-spacing:.14em}}
@media(min-width:1024px){.hero-stats .font-display{font-size:2.25rem}}
/* floating button never clips: width follows the content */
.fab{right:16px;max-width:calc(100vw - 32px)}
.fab .enq{white-space:nowrap}

/* pricing: not included items stay readable, popular plan stands out */
.card li.text-slate-400{color:#7a8299!important;text-decoration:line-through;text-decoration-color:rgba(122,130,153,.55)}
.card.ring-2{--tw-ring-color:#f59a1f;background:linear-gradient(180deg,#fffdf6,#fff1d2);box-shadow:0 30px 70px rgba(245,154,31,.28)}
.card.ring-2:hover{transform:translateY(-8px)}
.card .chip.btn-gold{box-shadow:0 8px 20px rgba(245,154,31,.45)}
.font-display .text-sm,.font-display small{color:#505c7d}

/* sample report page cards: PAGE label readable, page numbers bold */
.card [class*="tracking-widest"].text-slate-400{color:#8a5a12!important}

/* contact: icons inside the glass rows */
.glass .icon-chip svg{width:24px;height:24px}

/* inner banners: floating study symbols echo the home page */
.page-hero::before{pointer-events:none}
.page-hero .in{position:relative;z-index:3}

.page-hero>.symbols,.band>.symbols{z-index:2}
section.relative>.symbols{z-index:1}

/* contact cards: clear amber icon tile with a dark icon */
.cc .cicon{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f);box-shadow:0 10px 24px rgba(245,154,31,.4)}
.cc .cicon svg{width:26px;height:26px}
.cc .cl{color:#ffe2b0}
.cc{transition:transform .25s,background .25s}
.cc:hover{transform:translateY(-3px)}

/* ===== pricing cards: heading, price and button sit on shared horizontal lines ===== */
@media(min-width:768px){
  .grid.gap-7>.card.relative{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:0;margin-bottom:28px;align-content:start}
  .grid.gap-7:has(>.card.relative){row-gap:0}
  .grid.gap-7>.card.relative>ul{align-self:start}
  .grid.gap-7>.card.relative>a.btn{align-self:end}
  .grid.gap-7>.card.relative>.chip{position:absolute}
}

/* ===== softer floating symbols, AIM tag, receive and why sections ===== */
.sym{opacity:.7}
.symbols .sym:nth-child(4n){display:none}
.aimtag{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:9px 16px;border-radius:99px;font-weight:800;font-size:.86rem;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f);box-shadow:0 10px 26px rgba(245,154,31,.35)}
.aimtag span{width:9px;height:9px;border-radius:50%;background:#0b1238}
.rcv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rcv{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:linear-gradient(180deg,#fffdf7,#fbf0d9);border:1px solid #ecd9ae;box-shadow:0 14px 34px rgba(11,18,56,.08);transition:transform .25s,box-shadow .25s}
.rcv:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(11,18,56,.14)}
.rcv .ri{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f);box-shadow:0 8px 20px rgba(245,154,31,.35);margin-bottom:6px}
.rcv b{font-family:'Fraunces',serif;font-size:1.2rem;color:#0b1238;font-weight:600}
.rcv>span:last-child{color:#4b4437;font-size:.92rem;line-height:1.55}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.why{display:flex;flex-direction:column;gap:8px;padding:22px 20px;border-radius:20px;background:linear-gradient(180deg,#fffaf0,#f8ecd3);border:1px solid #ecd9ae;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.why i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f)}
.why b{font-family:'Fraunces',serif;font-size:1.05rem;color:#0b1238;font-weight:600;line-height:1.25}
.why span{color:#4b4437;font-size:.86rem;line-height:1.5}
@media(max-width:1000px){.rcv-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rcv-grid,.why-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rcv{transition:none}}

/* ===== report showcase, comparison, timeline, caption, bolder Enquire ===== */
.demo-cap{margin:0 0 10px;font-weight:700;font-size:.95rem;color:#ffe2b0}
.shw-list{list-style:none;padding:0;display:grid;gap:10px}
.shw-list li{display:flex;align-items:center;gap:12px;font-weight:700;color:#0b1238}
.shw-list i{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f)}
.shw-list svg{width:16px;height:16px}
.cmp{display:grid;gap:16px}
.cmp>div{padding:24px;border-radius:22px}
.cmp b{font-family:'Fraunces',serif;font-size:1.2rem;display:block}
.cmp ul{margin-top:12px;display:grid;gap:8px;font-size:.92rem;line-height:1.45;list-style:none;padding:0}
.cmp-a{background:#fff;border:1px dashed #cfc3a6;color:#6b6552}
.cmp-b{background:linear-gradient(150deg,#0b1238,#27409a);color:#fff;box-shadow:0 24px 54px rgba(11,18,56,.3);border:1px solid rgba(255,194,102,.5)}
.cmp-b b{color:#ffc266}
.tline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:t}
.tline li{display:flex;gap:14px;padding:20px;border-radius:20px;background:linear-gradient(180deg,#fffaf0,#f8ecd3);border:1px solid #ecd9ae;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.tline li:last-child{grid-column:span 1}
.tline i{flex:none;font-style:normal;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;color:#241500;background:linear-gradient(135deg,#ffc266,#f59a1f)}
.tline b{display:block;font-family:'Fraunces',serif;color:#0b1238;font-size:1.05rem;line-height:1.25}
.tline span{display:block;margin-top:4px;color:#4b4437;font-size:.86rem;line-height:1.5}
@media(max-width:1000px){.tline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.tline{grid-template-columns:1fr}}
.why-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.why-grid{grid-template-columns:1fr}}
header a.btn-glass-dark[href="contact.html"]{background:linear-gradient(135deg,#ffc266,#f59a1f)!important;color:#241500!important;box-shadow:0 8px 22px rgba(245,154,31,.45)}

/* ===== calmer symbols: fewer, fainter, slower ===== */
.symbols .sym:not(:nth-child(3n+1)){display:none!important}
.sym{opacity:.5;font-size:.8em;animation-duration:26s!important}
.sym.bx{opacity:.4}
@keyframes bob{0%,100%{transform:translate3d(0,0,0) rotate(var(--r,0deg))}50%{transform:translate3d(calc(var(--dx,10px)*.5),-12px,0) rotate(calc(var(--r,0deg) + 3deg))}}