/* Light theme conversion layer for the inner pages.
   Every rule is scoped to body.lt-page, so a page only switches to light
   once its <body> opts in. The pages were built dark (Tailwind white/*
   utilities, glass panels, inline pastel colors), and this remaps all of
   that in one place instead of rewriting 17 pages' markup. !important is
   needed where a page sets colors via inline style="" attributes. */

body.lt-page{
  --bg:#f3f2ec; --glass:#ffffff; --accent:#3346c9; --accent-2:#5b48c9;
  background:var(--lt-bg) !important;
  background-image:none;
  color:var(--lt-ink) !important;
  font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
body.lt-page.pattern{background-image:radial-gradient(rgba(18,20,28,.045) 1px,transparent 1px) !important;background-size:22px 22px !important}
body.lt-page h1,body.lt-page h2,body.lt-page .bn-hero-title,body.lt-page .bn-section-title,body.lt-page .bn-heading{font-family:'Bricolage Grotesque','DM Sans',sans-serif;letter-spacing:-.02em;color:var(--lt-ink)}
body.lt-page .bg-gradient-move{background:radial-gradient(circle at 10% 20%,rgba(51,70,201,.07),transparent 20%),radial-gradient(circle at 85% 75%,rgba(107,77,255,.06),transparent 24%) !important;filter:blur(20px)}
body.lt-page .float-icon{mix-blend-mode:multiply;opacity:.05;color:var(--lt-ink)}

/* ---- text utilities ---- */
body.lt-page .text-white{color:var(--lt-ink) !important}
body.lt-page .text-white\/80,body.lt-page .text-white\/75,body.lt-page .text-white\/70,
body.lt-page .text-brand-200\/90,body.lt-page .text-brand-200\/80,body.lt-page .text-brand-200\/70{color:var(--lt-body) !important}
body.lt-page .text-white\/60,body.lt-page .text-white\/50,body.lt-page .text-white\/40,
body.lt-page .text-brand-200\/60,body.lt-page .text-brand-200\/50,body.lt-page .text-brand-200\/40{color:var(--lt-muted) !important}
body.lt-page .text-white\/20{color:#c9c7bd !important}
body.lt-page .text-brand-400,body.lt-page .text-brand-300,body.lt-page .text-sky-300,body.lt-page .text-sky-300\/70,
body.lt-page .text-blue-400,body.lt-page .text-indigo-400,body.lt-page .hover\:text-brand-400:hover{color:var(--lt-accent) !important}
body.lt-page .text-emerald-400,body.lt-page .text-emerald-300,body.lt-page .text-emerald-300\/90{color:#17754c !important}
body.lt-page .text-amber-300{color:#9a5b00 !important}
body.lt-page .text-purple-400{color:#6d3ee0 !important}
body.lt-page .text-cyan-400{color:#0f6f96 !important}
body.lt-page .hover\:text-white:hover{color:var(--lt-ink) !important}

/* ---- surfaces ---- */
body.lt-page .glass,body.lt-page .glass-card,body.lt-page .glass-item,body.lt-page .faq-item,body.lt-page .tab-card{
  background:var(--lt-surface) !important;border:1px solid var(--lt-line) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
  box-shadow:0 1px 2px rgba(18,20,28,.04);color:var(--lt-ink)
}
body.lt-page .glass-card:hover,body.lt-page .tab-card:hover{box-shadow:0 22px 40px -28px rgba(18,20,28,.35) !important;border-color:#d7d5ca !important}
body.lt-page .faq-item .faq-body{color:var(--lt-body)}
body.lt-page .bg-white\/5,body.lt-page .bg-white\/10{background-color:#f3f2ec !important}
body.lt-page .border-white\/10,body.lt-page .border-white\/6{border-color:var(--lt-line) !important}
body.lt-page .bg-brand-500\/20,body.lt-page .bg-brand-500\/10,body.lt-page .bg-blue-500\/20,body.lt-page .bg-indigo-500\/20{background-color:var(--lt-accent-soft) !important}
body.lt-page .bg-purple-500\/20{background-color:#f0eafd !important}
body.lt-page .border-brand-500\/20,body.lt-page .border-brand-500\/40,body.lt-page .hover\:border-brand-500\/40:hover{border-color:#c9d0fb !important}
body.lt-page .bg-amber-400\/15{background-color:#fdf1dc !important}
body.lt-page .border-amber-400\/30{border-color:#f0d49c !important}
body.lt-page .bg-emerald-400\/15{background-color:#e2f1e9 !important}
body.lt-page .border-emerald-400\/30{border-color:#b6e3cb !important}
body.lt-page .highlight-card{background:var(--lt-accent-soft) !important;border-color:#c9d0fb !important}
body.lt-page .stat-value{color:var(--lt-accent) !important}

/* primary gradient buttons -> solid accent */
body.lt-page .bg-gradient-to-r.from-brand-500,body.lt-page .bg-gradient-to-br.from-brand-500{background:var(--lt-accent) !important;color:#fff !important;box-shadow:0 10px 24px -14px rgba(51,70,201,.8) !important}
body.lt-page .bg-gradient-to-r.from-brand-500 *,body.lt-page .bg-gradient-to-br.from-brand-500 *{color:#fff !important}
body.lt-page .bg-brand-500{background-color:var(--lt-accent) !important;color:#fff !important}
body.lt-page .hover\:bg-brand-600:hover{background-color:var(--lt-accent-ink) !important}
body.lt-page .shadow-glow{box-shadow:0 10px 24px -14px rgba(51,70,201,.8) !important}
body.lt-page .shadow-lg,body.lt-page .shadow-2xl{box-shadow:0 22px 40px -28px rgba(18,20,28,.35) !important}

/* ---- inline pastel colors (set via style="" in the markup) ---- */
body.lt-page [style*="#6ee7b7"]{color:#0f7a4f !important}
body.lt-page [style*="#fcd34d"]{color:#8a5a00 !important}
body.lt-page [style*="#d8b4fe"]{color:#6d28d9 !important}
body.lt-page [style*="#7dd3fc"]{color:#0369a1 !important}
body.lt-page [style*="#a36edb"]{color:#6d3ee0 !important}
body.lt-page [style*="rgba(255,255,255,.12)"]{border-color:var(--lt-line) !important}
body.lt-page [style*="color:rgba(255,255,255,.6)"]{color:var(--lt-body) !important}

/* ---- shared product-page components (webhost/flagship/discord/database/vps/services) ---- */
body.lt-page .badge-top,body.lt-page .period-btn.period-active,body.lt-page .tab-card.tab-active,body.lt-page .bn-popular-badge{color:#fff !important}
body.lt-page .tab-card.tab-active{background:var(--lt-accent) !important;border-color:var(--lt-accent) !important;box-shadow:0 12px 26px -14px rgba(51,70,201,.8) !important}
body.lt-page .tab-card.tab-active *,body.lt-page .tab-card.tab-active .tab-card-sub{color:#fff !important}
body.lt-page .period-btn{border-color:var(--lt-line) !important;background:var(--lt-surface);color:var(--lt-ink)}
body.lt-page .period-btn:hover{border-color:#b9b7ab !important}
body.lt-page .period-btn.period-active{background:var(--lt-accent) !important;border-color:var(--lt-accent) !important}
body.lt-page .bn-trust-badge{background:var(--lt-accent-soft);border-color:#d6dcfd;color:var(--lt-accent)}
body.lt-page .bn-best-value{background:#e2f1e9;color:#0f7a4f;border-color:#b6e3cb}
body.lt-page .bn-savings-line{color:#0f7a4f}
body.lt-page .bn-plans-card,body.lt-page .bn-trust-grid{background:var(--lt-surface);border-color:var(--lt-line);box-shadow:0 1px 2px rgba(18,20,28,.04)}
body.lt-page .bn-plan-card{background:#fbfbf8;border:1px solid var(--lt-line)}
body.lt-page .bn-plan-card-popular{background:#f4f6ff;border:2px solid var(--lt-accent);box-shadow:0 22px 40px -26px rgba(51,70,201,.55)}
body.lt-page .bn-popular-badge{background:var(--lt-accent);box-shadow:none}
body.lt-page .bn-off-badge{background:var(--lt-ink);border-color:var(--lt-ink);box-shadow:none}
body.lt-page .bn-plan-desc,body.lt-page .bn-plan-price span,body.lt-page .bn-plan-total,body.lt-page .bn-trust-sub,body.lt-page .bn-disclaimer{color:var(--lt-body)}
body.lt-page .bn-plan-strike{color:var(--lt-muted)}
body.lt-page .bn-compare-wrap{border-radius:1rem}
body.lt-page .bn-compare-table th{background:#f1f0ea;color:var(--lt-ink);border-bottom-color:var(--lt-line);border-top-color:var(--lt-line)}
body.lt-page .bn-compare-table th.bn-col-popular{background:var(--lt-accent-soft);border-bottom-color:var(--lt-accent)}
body.lt-page .bn-compare-table td{color:#343846}
body.lt-page .bn-compare-table tbody td:not(:first-child){border-left-color:var(--lt-line)}
body.lt-page .bn-compare-table td.bn-col-popular{background:#f6f7ff;border-left-color:#d6dcfd !important;border-right-color:#d6dcfd}
body.lt-page .bn-compare-table tbody tr.bn-feature-row{border-bottom-color:var(--lt-line)}
body.lt-page .bn-compare-table tbody tr.bn-feature-row:hover{background:#fafaf6}
body.lt-page .bn-group-row td{color:var(--lt-accent);background:#f3f2ec;border-top-color:var(--lt-line)}
body.lt-page .bn-contact-btn:hover{background-color:#f3f2ec !important}
body.lt-page .pulse-ring{animation-name:ltPulseRing}
@keyframes ltPulseRing{0%,100%{box-shadow:0 0 0 0 rgba(51,70,201,.3)}50%{box-shadow:0 0 0 14px rgba(51,70,201,0)}}

/* plan cards set colors via inline style="" (webhost/flagship/discord/database) */
body.lt-page .bn-plan-price[style*="color:#fff"]{color:var(--lt-ink) !important}
body.lt-page .bn-plan-btn[style*="color:#fff"]{color:var(--lt-ink) !important}
body.lt-page [style*="rgba(255,255,255,.2)"]{border-color:#cfcdc2 !important}
body.lt-page [style*="background:rgba(255,255,255,.1)"]{background:#f1f0ea !important}
body.lt-page [style*="background:rgba(255,255,255,.1);color:#fff"]{color:var(--lt-ink) !important}
body.lt-page .bn-plan-btn[style*="#031024"]{color:#fff !important;background:var(--lt-accent) !important}
body.lt-page .bn-plan-btn[style*="background:transparent"]{background:var(--lt-surface) !important}

/* buttons whose inline style sets near-black text on a blue gradient (vps) */
body.lt-page a[style*="color:#031024"]{color:#fff !important}

/* ---- partnership.php ---- */
body.lt-page .hero-title{color:var(--lt-ink) !important}
body.lt-page .gradient-text-accent{background:linear-gradient(135deg,#3346c9 0%,#5b3df5 55%,#8b3fe8 100%) !important;-webkit-background-clip:text !important;background-clip:text !important}
body.lt-page .btn-apply-gradient,body.lt-page .btn-cta-email{background:var(--lt-accent) !important;color:#fff !important;border-color:var(--lt-accent) !important;box-shadow:0 12px 26px -14px rgba(51,70,201,.8) !important}
body.lt-page .btn-apply-gradient:hover,body.lt-page .btn-cta-email:hover{background:var(--lt-accent-ink) !important}
body.lt-page .btn-cta-email i,body.lt-page .btn-cta-email:hover i{color:#fff !important}
body.lt-page .btn-discord-glass,body.lt-page .btn-cta-discord{background:var(--lt-surface) !important;border:1px solid #2a2d38 !important;color:var(--lt-ink) !important;box-shadow:none !important}
body.lt-page .btn-discord-glass:hover,body.lt-page .btn-cta-discord:hover{background:#fbfaf6 !important;color:var(--lt-ink) !important}
body.lt-page .btn-cta-discord i,body.lt-page .btn-cta-discord:hover i{color:#5865f2 !important}

body.lt-page .antigravity-card{background:radial-gradient(circle at 50% 50%,#eef0ff 0%,#fbfaf6 62%) !important;border:1px solid var(--lt-line) !important;box-shadow:0 30px 60px -32px rgba(18,20,28,.35) !important}
body.lt-page .antigravity-card:hover{border-color:#c9d0fb !important;box-shadow:0 34px 64px -30px rgba(51,70,201,.35) !important}
body.lt-page .gyro-ring-1{border-color:rgba(18,20,28,.14) !important}
body.lt-page .gyro-ring-2{border-color:rgba(51,70,201,.22) !important}
body.lt-page .quantum-core{background:radial-gradient(circle at 35% 35%,#5b7cff 0%,#3346c9 55%,#1a2bb8 100%) !important;box-shadow:0 18px 40px -10px rgba(51,70,201,.6),inset 0 3px 6px rgba(255,255,255,.45) !important}
body.lt-page .quantum-core-halo{border-color:rgba(51,70,201,.35) !important}
body.lt-page .quantum-core-waves{border-color:rgba(107,77,255,.3) !important}
body.lt-page .spatial-node-circle{background:#fbfaf6 !important;box-shadow:0 8px 18px -8px rgba(18,20,28,.3) !important}
body.lt-page .spatial-node-circle:hover{background:#f4f6ff !important}
body.lt-page .snode-1,body.lt-page .snode-3{border-color:#0ea5e9 !important;color:#0369a1 !important}
body.lt-page .snode-2,body.lt-page .snode-4{border-color:#8b5cf6 !important;color:#6d3ee0 !important}
body.lt-page .snode-5{border-color:#3346c9 !important;color:#3346c9 !important}
body.lt-page .spatial-footer-pill-inner{background:#fbfaf6 !important;border-color:var(--lt-line) !important;color:var(--lt-body) !important;box-shadow:0 8px 20px -12px rgba(18,20,28,.3) !important}
body.lt-page .spatial-footer-pill-inner:hover{color:var(--lt-ink) !important;border-color:#c9d0fb !important}

body.lt-page .perk-card,body.lt-page .story-card-modern{background:var(--lt-surface) !important;border:1px solid var(--lt-line) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:0 1px 2px rgba(18,20,28,.04)}
body.lt-page .perk-card:hover,body.lt-page .story-card-modern:hover{border-color:#c9d0fb !important;box-shadow:0 24px 44px -30px rgba(18,20,28,.35) !important}
body.lt-page .perk-icon-wrap,body.lt-page .story-icon-box{background:var(--lt-accent-soft) !important;border-color:#d6dcfd !important;color:var(--lt-accent) !important;box-shadow:none !important}
body.lt-page .story-card-modern:hover .story-icon-box{color:var(--lt-accent) !important}
body.lt-page .partner-card,body.lt-page .feature-check-item,body.lt-page .stat-metric-box{background:#fbfbf8 !important;border-color:var(--lt-line) !important}
body.lt-page .feature-check-item:hover,body.lt-page .stat-metric-box:hover{background:#f4f6ff !important;border-color:#c9d0fb !important}
body.lt-page .partner-name{color:var(--lt-ink) !important}
body.lt-page .stat-metric-label{color:var(--lt-body) !important}
body.lt-page .story-card-footer{border-top-color:var(--lt-line) !important}
body.lt-page .partner-badge-pill{background:var(--lt-accent-soft) !important;border-color:#d6dcfd !important;color:var(--lt-accent) !important;box-shadow:none !important}
body.lt-page .partner-badge-pill:hover{color:var(--lt-accent-ink) !important;box-shadow:0 10px 22px -14px rgba(51,70,201,.6) !important}
body.lt-page .badge-dot-ping,body.lt-page .badge-glow-dot,body.lt-page .badge-dot-cyan .badge-dot-ping,body.lt-page .badge-dot-cyan .badge-glow-dot{background-color:#3346c9 !important;box-shadow:none !important}
body.lt-page .badge-dot-indigo .badge-dot-ping,body.lt-page .badge-dot-indigo .badge-glow-dot{background-color:#6d3ee0 !important;box-shadow:none !important}
body.lt-page .motto-pill{background:var(--lt-accent) !important;border-color:var(--lt-accent) !important;color:#fff !important;box-shadow:0 10px 22px -14px rgba(51,70,201,.8) !important}
body.lt-page .audience-banner-box{background:#f3f2ec !important;border-color:var(--lt-line) !important;box-shadow:none !important}
body.lt-page .audience-tag-pill{background:#fbfaf6 !important;border-color:var(--lt-line) !important;color:var(--lt-ink) !important}
body.lt-page .audience-tag-pill:hover{background:var(--lt-accent-soft) !important;border-color:#c9d0fb !important;color:var(--lt-accent) !important;box-shadow:none !important}

/* icons meant to stay white on a solid-color fill */
body.lt-page .quantum-core .text-white,body.lt-page .quantum-core i{color:#fff !important}

/* "Choose Your Web Hosting" cards on webhost + flagship-webhost */
.ht-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1080px;margin:0 auto}
.ht-choice{display:flex;flex-direction:column;background:var(--lt-surface);border:1px solid var(--lt-line);border-radius:1rem;padding:1.8rem;text-decoration:none;color:var(--lt-ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.ht-choice:hover{transform:translateY(-3px);border-color:#d7d5ca;box-shadow:0 22px 40px -28px rgba(18,20,28,.35)}
.ht-choice.is-current{border:2px solid var(--lt-accent);background:#f7f8ff}
.ht-choice h3{font-family:'Bricolage Grotesque','DM Sans',sans-serif;font-size:1.45rem;font-weight:800;margin:1rem 0 .55rem;color:var(--lt-ink);letter-spacing:-.01em}
.ht-choice p{color:var(--lt-body);line-height:1.6;margin:0 0 1.3rem;flex:1}
.ht-choice-badge,.ht-choice-here{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.35rem .75rem;border-radius:999px;background:var(--lt-accent-soft);color:var(--lt-accent)}
.ht-choice-here{margin-left:.5rem;background:var(--lt-accent);color:#fff}
.ht-choice-cta{color:var(--lt-accent);font-weight:700}
@media (max-width:900px){.ht-choice-grid{grid-template-columns:1fr 1fr}.ht-choice.is-soon{grid-column:1/-1}}
@media (max-width:640px){.ht-choice-grid{grid-template-columns:1fr}}
.ht-choice-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ht-choice-tags .ht-choice-here{margin-left:0}

/* ---- readability: no text smaller than ~12.5px, a bit more line height ---- */
body.lt-page{line-height:1.6}
body.lt-page .text-xs{font-size:.8rem !important;line-height:1.45 !important}
body.lt-page .text-sm{line-height:1.6}
body.lt-page .bn-plan-desc{font-size:.82rem;line-height:1.5}
body.lt-page .bn-plan-total{font-size:.8rem}
body.lt-page .bn-plan-price span{font-size:.8rem}
body.lt-page .bn-trust-sub,body.lt-page .bn-disclaimer{font-size:.82rem}
body.lt-page .bn-best-value{font-size:.68rem}
body.lt-page .bn-popular-badge,body.lt-page .bn-off-badge{font-size:.7rem}
body.lt-page .bn-group-row td{font-size:.74rem}
body.lt-page .bn-compare-table{font-size:.9rem}


/* ---- shared FAQ accordion (webhost and other inner pages) ---- */
.lt-faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start;margin-top:1rem}
.lt-faq-sub{color:var(--lt-body);margin:.5rem 0 0}
.lt-faq-list{display:grid;gap:.75rem}
.lt-faq-item{background:var(--lt-surface);border:1px solid var(--lt-line);border-radius:.9rem;overflow:hidden}
.lt-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;font-weight:700;font-size:1rem;color:var(--lt-ink)}
.lt-faq-item summary::-webkit-details-marker{display:none}
.lt-faq-item summary:hover{color:var(--lt-accent)}
.lt-faq-chev{flex-shrink:0;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.lt-faq-item[open] .lt-faq-chev{transform:rotate(-135deg);margin-top:4px}
.lt-faq-item p{margin:0;padding:0 1.25rem 1.2rem;color:var(--lt-body);line-height:1.65}
@media (max-width:900px){.lt-faq-wrap{grid-template-columns:1fr;gap:1.5rem}}

/* footer item for a service that isn't live yet */
.lt-footer-soon{color:var(--lt-muted);font-size:.93rem}
.lt-footer-soon em{font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.12rem .45rem;border-radius:999px;background:#efede5;color:#6d6a5f;margin-left:.3rem}

.ht-choice.is-soon{cursor:default;background:var(--lt-bg);border:1.5px dashed #c9c6ba}
.ht-choice.is-soon:hover{transform:none;box-shadow:none;border-color:#c9c6ba}
.ht-choice.is-soon .ht-choice-badge{background:#ebe9e1;color:#555a66}
.ht-choice.is-soon .ht-choice-cta{color:#555a66}

/* ---------- FAQ: "Quick answers" (shared by home, web hosting, discord, database) ---------- */
.fq{padding:1.5rem 0 2rem}
.fq .fq-title{font-family:'Bricolage Grotesque','DM Sans',ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,4.2vw,2.8rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0;color:var(--lt-ink)}
.fq .fq-grid{columns:2;column-gap:5rem;margin-top:2.25rem}
.fq .fq-item{break-inside:avoid;margin:0 0 2rem}
.fq .fq-item h3{font-family:'Bricolage Grotesque','DM Sans',ui-sans-serif,system-ui,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:0 0 .5rem;color:var(--lt-ink)}
.fq .fq-item p{margin:0;color:var(--lt-body);font-size:.95rem;line-height:1.65;max-width:34rem}
.fq .fq-more{display:inline-block;margin-top:.25rem}
@media (max-width:760px){.fq .fq-grid{columns:1}.fq .fq-item{margin-bottom:1.6rem}}