/* ===================================================================
   performance-tools.css  —  Hub layout styles for /performance-tools/
   Load order: 1) liquid-glass.css  2) tool-standard.css  3) this file
   All rules scoped to .performance-tools-page except @keyframes.
   =================================================================== */


.performance-tools-page {--bg:#0a0a0a;--surface:#111;--surface-2:#1a1a1a;--border:#1e1e1e;--gold:#c8a96e;--muted:#b0b0b0;--subtle:#999999;--gold-glow:rgba(200,169,110,0.15);--red-accent:#8b1a1a;--radius:14px}

.performance-tools-page * {margin:0;padding:0;box-sizing:border-box}

.performance-tools-page {font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased}
/* ── Hero ───────────────────────────────── */

.performance-tools-page .hero {text-align:center;padding:80px 20px 60px;max-width:800px;margin:0 auto;position:relative;overflow:hidden}

.performance-tools-page .hero::before {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(200,169,110,0.08) 0%,transparent 70%)}

.performance-tools-page .hero h1 {font-size:48px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:20px}

.performance-tools-page .hero h1 .accent {background:linear-gradient(135deg,#c8a96e,#dab87c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.performance-tools-page .hero p {font-size:17px;color:var(--subtle);line-height:1.7;max-width:560px;margin:0 auto 36px}

.performance-tools-page .hero-btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.performance-tools-page .btn {padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s ease;display:inline-block}

.performance-tools-page .btn-primary {background:linear-gradient(135deg,#c8a96e,#dab87c);color:#0a0a0a;border:none}

.performance-tools-page .btn-primary:hover {transform:translateY(-2px);box-shadow:0 8px 30px rgba(200,169,110,0.3)}

.performance-tools-page .btn-outline {background:transparent;color:#fff;border:2px solid #333}

.performance-tools-page .btn-outline:hover {border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}

.performance-tools-page .btn-gold-outline {background:transparent;color:var(--gold);border:2px solid rgba(200,169,110,0.3)}

.performance-tools-page .btn-gold-outline:hover {border-color:var(--gold);background:rgba(200,169,110,0.06);transform:translateY(-2px)}
/* ── Trust bar ─────────────────────────── */



/* ── Section ───────────────────────────── */

.performance-tools-page .section {max-width:1100px;margin:0 auto;padding:70px 20px}

.performance-tools-page .section-divider {border-top:1px solid #141414}

.performance-tools-page .section-title {font-size:30px;font-weight:800;text-align:center;margin-bottom:10px;letter-spacing:-0.5px}

.performance-tools-page .section-subtitle {text-align:center;color:var(--muted);font-size:14px;margin-bottom:44px}
/* ── Tools Grid ─────────────────────────── */



.performance-tools-page .tool-card:hover {transform:translateY(-4px);border-color:rgba(200,169,110,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.4)}


.performance-tools-page .tool-card:hover 



.tool-button:hover {background:#dab87c;transform:translateY(-1px)}
/* ── Premium Section ─────────────────────── */

.performance-tools-page .premium-section {display:flex;justify-content:center}

.performance-tools-page .premium-card {max-width:660px;width:100%;text-align:center;background:linear-gradient(180deg,rgba(200,169,110,0.04) 0%,var(--surface) 100%);border:1px solid rgba(200,169,110,0.2);border-radius:18px;padding:52px 40px;transition:box-shadow .4s ease,transform .4s ease}

.performance-tools-page .premium-card:hover {box-shadow:0 0 40px rgba(200,169,110,0.12),0 0 80px rgba(200,169,110,0.04);transform:translateY(-4px)}

.performance-tools-page .premium-icon {font-size:36px;margin-bottom:16px}

.performance-tools-page .premium-title {font-size:26px;font-weight:800;letter-spacing:-0.5px;margin-bottom:12px}

.performance-tools-page .premium-text {font-size:15px;color:var(--subtle);line-height:1.7;max-width:440px;margin:0 auto 24px}

.performance-tools-page .premium-badges {display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}

.performance-tools-page .premium-badge {background:rgba(200,169,110,0.06);border:1px solid rgba(200,169,110,0.12);padding:6px 14px;border-radius:100px;font-size:12px;color:#aaa;font-weight:500}

.performance-tools-page .premium-btn {display:inline-block;padding:14px 36px;border-radius:10px;background:linear-gradient(135deg,#c8a96e,#dab87c);color:#0a0a0a;font-size:15px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}

.performance-tools-page .premium-btn:hover {transform:translateY(-2px);box-shadow:0 8px 30px rgba(200,169,110,0.3)}
/* ── FAQ Section ─────────────────────────── */

.performance-tools-page .faq-section {max-width:720px;margin-left:auto;margin-right:auto}

.performance-tools-page .faq-list {display:flex;flex-direction:column;gap:0}

.performance-tools-page .faq-item {border-bottom:1px solid #1a1a1a}

.performance-tools-page .faq-item:first-child {border-top:1px solid #1a1a1a}

.performance-tools-page .faq-q {width:100%;background:none;border:none;color:#ddd;font-size:15px;font-weight:600;font-family:inherit;text-align:left;padding:20px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .3s}

.performance-tools-page .faq-q:hover {color:#fff}

.performance-tools-page .faq-q-icon {font-size:20px;color:#555;transition:transform .35s ease,color .35s ease;flex-shrink:0}

.performance-tools-page .faq-item.open .faq-q-icon {transform:rotate(45deg);color:var(--gold)}

.performance-tools-page .faq-a {max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}

.performance-tools-page .faq-a-inner {padding:0 0 20px;color:var(--muted);font-size:14px;line-height:1.7}

.performance-tools-page .faq-item.open .faq-a {max-height:600px}
/* ── Email Capture ─────────────────────── */

.performance-tools-page #emailCaptureSection {max-width:1100px;margin:0 auto;padding:0 20px 40px}

.performance-tools-page .__goalBtn svg {vertical-align:middle;margin-right:5px}
/* ── Start grid ────────────────────────── */

.performance-tools-page .start-grid {display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:12px;max-width:720px;margin:0 auto}

.performance-tools-page .start-card-featured {grid-column:1;grid-row:1/3;border-left:3px solid var(--gold);padding:24px;background:var(--surface);border-radius:var(--radius)}

.performance-tools-page .start-card {padding:18px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}
/* ── Science bar ───────────────────────── */

.performance-tools-page .sci-bar {display:flex;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0;overflow-x:auto}

.performance-tools-page .sci-item {flex:0 0 auto;padding:14px 28px;border-right:1px solid var(--border)}

.performance-tools-page .sci-item:last-child {border-right:none}

.performance-tools-page .sci-label {display:block;font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}

.performance-tools-page .sci-desc {display:block;font-size:12px;color:var(--muted)}
@media(max-width:768px){
  
.performance-tools-page .sci-bar {flex-wrap:wrap;overflow-x:hidden}
  
.performance-tools-page .sci-item {flex:0 0 calc(50% - 8px);min-width:0;padding:12px 16px}
}
/* ── Footer ─────────────────────────────── */

.performance-tools-page .footer {text-align:center;padding:36px 20px;border-top:1px solid #141414;color:#555;font-size:13px}

.performance-tools-page .footer a {color:var(--muted);text-decoration:none;transition:color .3s}

.performance-tools-page .footer a:hover {color:var(--gold)}

.performance-tools-page .footer .brand {color:var(--gold)}

.performance-tools-page .footer-links {margin-top:10px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}

.performance-tools-page .footer-bottom {margin-top:12px;font-size:11px;color:#444}
/* ── Daily fatigue check-in (premium) ───── */

.performance-tools-page #dailyFatigueCheckin {display:none;max-width:720px;margin:0 auto;padding:20px 20px 0}

.performance-tools-page .dfc-card {background:var(--surface);border:1px solid rgba(200,169,110,0.2);border-radius:var(--radius);padding:22px 24px}

.performance-tools-page .dfc-title {font-size:15px;font-weight:700;color:var(--gold);margin-bottom:4px}

.performance-tools-page .dfc-sub {font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.5}

.performance-tools-page .dfc-sliders {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}

.performance-tools-page .dfc-field label {display:block;font-size:12px;color:var(--muted);margin-bottom:8px}

.performance-tools-page .dfc-field input[type=range] {width:100%;accent-color:var(--gold)}

.performance-tools-page .dfc-val {font-size:13px;font-family:'DM Mono',monospace;color:#fff;margin-top:6px}

.performance-tools-page .dfc-btn {padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#c8a96e,#dab87c);color:#0a0a0a;font-size:14px;font-weight:700;cursor:pointer;width:100%}

.performance-tools-page .dfc-btn:disabled {opacity:.5;cursor:not-allowed}

.performance-tools-page .dfc-result {margin-top:14px;font-size:13px;line-height:1.55;padding:12px 14px;border-radius:10px;display:none}

.performance-tools-page .dfc-result.proceed {display:block;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.25);color:#86efac}

.performance-tools-page .dfc-result.reduce {display:block;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.3);color:#fcd34d}

.performance-tools-page .dfc-result.deload {display:block;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.3);color:#fca5a5}

.performance-tools-page .dfc-err {margin-top:10px;font-size:12px;color:#f87171;display:none}
@media(max-width:560px){
.performance-tools-page .dfc-sliders {grid-template-columns:1fr}}
/* ── Responsive ─────────────────────────── */
@media(max-width:860px){
  
.performance-tools-page .hero {padding:60px 20px 50px}
  
.performance-tools-page .hero h1 {font-size:32px}
  
.performance-tools-page .hero p {font-size:15px}
  
.performance-tools-page .hero-btns {flex-direction:column;align-items:center;gap:10px}
  
.performance-tools-page .btn {width:100%;max-width:280px;text-align:center}
  
.performance-tools-page .section {padding:50px 20px}
  
  
.performance-tools-page .section-title {font-size:24px}
  
.performance-tools-page .premium-card {padding:36px 24px}
  
.performance-tools-page .premium-title {font-size:22px}
  
}
@media(max-width:480px){
  
.performance-tools-page .hero h1 {font-size:26px}
  
  
  
.performance-tools-page #systems > div:last-child {grid-template-columns:1fr !important}
}

/* ── .tools-section (wrapper for the tools grid — was undefined) ─── */
.performance-tools-page .tools-section {
  width: 100%;
  padding: 0 0 40px;
}

/* ── Hub-specific glass (.lg-grid, liquidPop, nth-child delays) ──── */
.performance-tools-page .lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.performance-tools-page .lg-grid{grid-template-columns:repeat(2,1fr);gap:40px}
.performance-tools-page .lg-grid{grid-template-columns:1fr;gap:36px}
@keyframes liquidPop{0%{opacity:0;transform:translateY(44px) scale(0.93)}65%{opacity:1;transform:translateY(-8px) scale(1.02)}85%{transform:translateY(2px) scale(0.998)}100%{opacity:1;transform:translateY(0) scale(1)}}
.performance-tools-page .lc:nth-child(1){animation-delay:.05s}
.performance-tools-page .lc:nth-child(2){animation-delay:.1s}
.performance-tools-page .lc:nth-child(3){animation-delay:.15s}
.performance-tools-page .lc:nth-child(4){animation-delay:.22s}
.performance-tools-page .lc:nth-child(5){animation-delay:.28s}
.performance-tools-page .lc:nth-child(6){animation-delay:.34s}
.performance-tools-page .lc:nth-child(7){animation-delay:.4s}
.performance-tools-page .lc:nth-child(8){animation-delay:.46s}
.performance-tools-page .lc:nth-child(9){animation-delay:.52s}
.performance-tools-page .lc:nth-child(10){animation-delay:.58s}
.performance-tools-page .lc:nth-child(11){animation-delay:.64s}
.performance-tools-page .lc:nth-child(12){animation-delay:.7s}
.performance-tools-page .lc:nth-child(13){animation-delay:.76s}
.performance-tools-page .lc:nth-child(14){animation-delay:.82s}
.performance-tools-page .lc:nth-child(15){animation-delay:.88s}
.performance-tools-page .lc:nth-child(16){animation-delay:.94s}
.performance-tools-page .lc:nth-child(17){animation-delay:1s}
.performance-tools-page .lc:nth-child(18){animation-delay:1.06s}

/* ── Extracted inline style= replacements (lines 840-885) ────────── */
.ptg-inline-1 { max-width:720px;margin:48px auto 0;padding:0 24px 0 }
.ptg-inline-2 { font-size:0.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:28px }
.ptg-inline-3 { border-top:1px solid rgba(255,255,255,0.07) }
.ptg-inline-4 { border-bottom:1px solid rgba(255,255,255,0.07);padding:18px 0 }
.ptg-inline-5 { font-size:0.92rem;font-weight:700;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:16px }
.ptg-inline-6 { font-size:0.86rem;color:var(--muted);line-height:1.8;margin-top:12px;padding-right:24px }
.ptg-inline-7 { max-width:720px;margin:0 auto;padding:0 24px 80px }
.ptg-inline-8 { font-size:0.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px }
.ptg-inline-9 { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px }
.ptg-inline-10 { padding:14px 16px;background:var(--surface);border:1px solid rgba(255,255,255,0.07);border-radius:10px;text-decoration:none;display:block }
.ptg-inline-11 { background:rgba(200,169,110,0.06);border:1px solid rgba(200,169,110,0.2);border-radius:12px;padding:20px 24px;margin-bottom:16px }
.ptg-inline-12 { font-size:0.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px }
.ptg-inline-13 { font-size:0.88rem;color:var(--muted);margin-bottom:16px }
.ptg-inline-14 { display:inline-block;background:linear-gradient(135deg,#c8a96e,#dab87c);color:#0a0a0a;font-weight:800;font-size:0.88rem;padding:11px 24px;border-radius:8px;text-decoration:none }
.ptg-inline-15 { background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap }
.ptg-inline-16 { font-size:0.82rem;font-weight:700;color:#fff;margin-bottom:4px }
.ptg-inline-17 { font-size:0.82rem;font-weight:700;color:var(--gold);text-decoration:none;white-space:nowrap }


/* ── Block 2 glass rules restored (full, scoped) ──────────────── */
.performance-tools-page .lc {position:relative;text-decoration:none;color:inherit;display:block;cursor:pointer;opacity:0;transform:translateY(44px) scale(0.93);animation:liquidPop .9s cubic-bezier(.16,1,.3,1) forwards}
.performance-tools-page .lc .glow {position:absolute;top:50%;left:50%;width:80%;height:75%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(55px);z-index:0;opacity:0.4;transition:opacity .7s ease,filter .7s ease,transform .7s ease;pointer-events:none}
.performance-tools-page .lc:hover .glow {opacity:0.65;filter:blur(65px);transform:translate(-50%,-50%) scale(1.15)}
.performance-tools-page .lc:nth-child(6n+1) .glow {background:radial-gradient(circle,rgba(50,90,220,0.6) 0%,transparent 70%)}
.performance-tools-page .lc:nth-child(6n+2) .glow {background:radial-gradient(circle,rgba(210,55,75,0.55) 0%,transparent 70%)}
.performance-tools-page .lc:nth-child(6n+3) .glow {background:radial-gradient(circle,rgba(200,140,40,0.5) 0%,transparent 70%)}
.performance-tools-page .lc:nth-child(6n+4) .glow {background:radial-gradient(circle,rgba(110,50,200,0.5) 0%,transparent 70%)}
.performance-tools-page .lc:nth-child(6n+5) .glow {background:radial-gradient(circle,rgba(40,180,150,0.45) 0%,transparent 70%)}
.performance-tools-page .lc:nth-child(6n+6) .glow {background:radial-gradient(circle,rgba(220,70,50,0.5) 0%,transparent 70%)}
.performance-tools-page .lc .glass {position:relative;z-index:1;border-radius:28px;padding:40px 34px 36px;display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .55s ease;background:rgba(255,255,255,0.02);backdrop-filter:blur(40px) saturate(180%) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.08);border:2.5px solid rgba(255,255,255,0.10);box-shadow:inset 3px 3px 8px rgba(255,255,255,0.06),inset 1px 1px 3px rgba(255,255,255,0.04),inset -3px -3px 10px rgba(0,0,0,0.45),inset -1px -1px 4px rgba(0,0,0,0.3),inset 0 -5px 14px rgba(0,0,0,0.25),inset 0 3px 10px rgba(255,255,255,0.025),inset 4px 0 8px rgba(255,255,255,0.02),0 0 0 1px rgba(255,255,255,0.04),0 24px 70px rgba(0,0,0,0.7),0 10px 28px rgba(0,0,0,0.45),0 3px 8px rgba(0,0,0,0.3)}
.performance-tools-page .lc:hover .glass {transform:translateY(-14px) scale(1.025);border-color:rgba(255,255,255,0.20);box-shadow:inset 4px 4px 10px rgba(255,255,255,0.09),inset 1px 1px 4px rgba(255,255,255,0.06),inset -4px -4px 12px rgba(0,0,0,0.5),inset -1px -1px 5px rgba(0,0,0,0.35),inset 0 -6px 16px rgba(0,0,0,0.3),inset 0 3px 12px rgba(255,255,255,0.035),inset 5px 0 10px rgba(255,255,255,0.03),0 0 0 1px rgba(255,255,255,0.10),0 0 0 2.5px rgba(255,255,255,0.04),0 35px 90px rgba(0,0,0,0.8),0 14px 38px rgba(0,0,0,0.5),0 5px 12px rgba(0,0,0,0.35)}
.performance-tools-page .edge-top {position:absolute;top:-1px;left:6%;right:6%;height:3px;border-radius:3px;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(80,140,255,0.5) 10%,rgba(160,200,255,0.8) 25%,rgba(255,255,255,0.95) 40%,rgba(255,230,160,0.7) 55%,rgba(255,160,130,0.5) 72%,rgba(200,80,120,0.3) 88%,transparent 100%);filter:blur(0.3px)}
.performance-tools-page .edge-bottom {position:absolute;bottom:-1px;left:12%;right:12%;height:2px;border-radius:2px;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(200,80,120,0.2) 15%,rgba(255,180,140,0.3) 35%,rgba(255,220,180,0.4) 50%,rgba(255,180,140,0.3) 65%,rgba(200,80,120,0.2) 85%,transparent 100%);filter:blur(0.3px)}
.performance-tools-page .edge-left {position:absolute;top:6%;bottom:6%;left:-1px;width:2.5px;border-radius:2px;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(80,140,255,0.5) 10%,rgba(140,180,255,0.6) 25%,rgba(200,220,255,0.4) 45%,rgba(255,220,180,0.2) 65%,rgba(200,140,100,0.15) 80%,transparent 100%);filter:blur(0.3px)}
.performance-tools-page .edge-right {position:absolute;top:6%;bottom:6%;right:-1px;width:2px;border-radius:2px;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(200,80,120,0.15) 15%,rgba(255,160,130,0.25) 30%,rgba(255,200,160,0.3) 50%,rgba(255,160,130,0.2) 70%,rgba(140,100,200,0.15) 85%,transparent 100%);filter:blur(0.3px)}
.performance-tools-page .corner-tl {position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-radius:28px 0 0 0;z-index:7;pointer-events:none;background:radial-gradient(circle at 100% 100%,rgba(140,180,255,0.5) 0%,rgba(140,180,255,0.2) 40%,transparent 70%)}
.performance-tools-page .corner-tr {position:absolute;top:-1px;right:-1px;width:18px;height:18px;border-radius:0 28px 0 0;z-index:7;pointer-events:none;background:radial-gradient(circle at 0% 100%,rgba(200,140,255,0.3) 0%,rgba(200,140,255,0.1) 40%,transparent 70%)}
.performance-tools-page .corner-bl {position:absolute;bottom:-1px;left:-1px;width:16px;height:16px;border-radius:0 0 0 28px;z-index:7;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(100,160,255,0.2) 0%,transparent 60%)}
.performance-tools-page .corner-br {position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;border-radius:0 0 28px 0;z-index:7;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(255,160,120,0.25) 0%,rgba(255,160,120,0.08) 40%,transparent 70%)}
.performance-tools-page .lc .glass .spec {position:absolute;top:0;left:8%;right:8%;height:45%;border-radius:28px 28px 50% 50%;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.015) 35%,transparent 100%)}
.performance-tools-page .lc .glass .illum {position:absolute;top:12%;left:5%;right:5%;height:40%;border-radius:50%;background:radial-gradient(ellipse 70% 55% at 36% 32%,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 50%,transparent 100%);pointer-events:none;z-index:0}
.performance-tools-page .lc .ic {width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:24px;position:relative;z-index:2;background:rgba(255,255,255,0.025);border:1.5px solid rgba(255,255,255,0.06);box-shadow:inset 1px 1px 3px rgba(255,255,255,0.04),inset -1px -1px 4px rgba(0,0,0,0.2),0 4px 12px rgba(0,0,0,0.25)}
.performance-tools-page .lc .nm {font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:#f0ecff;margin-bottom:12px;position:relative;z-index:2;line-height:1.35}
.performance-tools-page .lc .ds {font-family:'DM Sans',sans-serif;font-size:14px;color:rgba(220,215,240,0.78);line-height:1.82;margin-bottom:24px;position:relative;z-index:2;flex:1}
.performance-tools-page .lc .tg {display:inline-block;padding:5px 14px;border-radius:100px;font-size:9.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:24px;position:relative;z-index:2;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);color:rgba(200,169,110,0.45)}
.performance-tools-page .lc .bt {display:inline-flex;align-items:center;gap:7px;padding:12px 28px;border-radius:14px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:#160d00;text-decoration:none;position:relative;z-index:2;align-self:flex-start;background:linear-gradient(140deg,#f2d258 0%,#d49222 42%,#a8660e 80%,#8c5008 100%);box-shadow:0 0 0 .5px rgba(240,190,70,.42),0 0 0 1.2px rgba(0,0,0,.40),0 0 20px rgba(210,140,28,.30),0 4px 18px rgba(200,128,24,.40),0 2px 5px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,242,165,.42),inset 0 -1px 0 rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s}
.performance-tools-page .lc .bt:hover {transform:translateY(-2px);box-shadow:0 0 0 .5px rgba(240,190,70,.55),0 0 0 1.2px rgba(0,0,0,.40),0 0 28px rgba(210,140,28,.55),0 6px 24px rgba(200,128,24,.60),0 2px 5px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,242,165,.42),inset 0 -1px 0 rgba(0,0,0,.18)}
.performance-tools-page .lc .nw {display:inline-block;padding:2px 9px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:.6px;margin-left:8px;vertical-align:middle;background:rgba(200,169,110,.12);border:1px solid rgba(200,169,110,.25);color:var(--gold)}
.performance-tools-page .lc .bt svg {width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;opacity:.5}
@media(max-width:980px){
.performance-tools-page .lg-grid {grid-template-columns:repeat(2,1fr);gap:40px}
}
@media(max-width:580px){
.performance-tools-page .lg-grid {grid-template-columns:1fr;gap:36px}
.performance-tools-page .lc .glass {padding:30px 26px 28px;border-radius:22px}
.performance-tools-page .lc .ic {width:44px;height:44px;font-size:19px;margin-bottom:20px;border-radius:13px}
.performance-tools-page .lc .nm {font-size:16px}
.performance-tools-page .lc .ds {font-size:12.5px;margin-bottom:20px}
.performance-tools-page .lc .bt {padding:10px 22px;font-size:12px;border-radius:12px}
.performance-tools-page .edge-top, .performance-tools-page .edge-bottom {height:2px}
.performance-tools-page .edge-left, .performance-tools-page .edge-right {width:1.5px}
.performance-tools-page .section-title {font-size:24px}
}

/* Hero SEO paragraph — visually hidden, kept for search engines */
.performance-tools-page .ptg-seo-desc { display: none; }

/* ── Journey Systems grid (.sys-grid) ─────────────────────────── */
.performance-tools-page .sys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
@media(max-width:780px){.performance-tools-page .sys-grid{grid-template-columns:1fr;gap:28px}}
.performance-tools-page .sys-grid .lc .glass{padding:36px 32px 32px}
.performance-tools-page .sys-step{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;position:relative;z-index:2}
.performance-tools-page .sys-step-row{display:flex;align-items:center;gap:10px;font-size:12.5px}
.performance-tools-page .sys-step-num{width:22px;height:22px;border-radius:50%;background:#c8a96e;color:#000;font-weight:800;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.performance-tools-page .sys-step-name{color:#fff}
.performance-tools-page .sys-step-tag{font-size:10px;color:rgba(200,192,232,0.5);background:rgba(255,255,255,0.05);padding:2px 8px;border-radius:8px;margin-left:4px}
.performance-tools-page .sys-num{font-size:44px;font-weight:900;color:var(--gold);opacity:.15;line-height:1;position:relative;z-index:2;margin-bottom:14px}
.performance-tools-page .sys-cat{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(200,169,110,0.6);margin-bottom:10px;position:relative;z-index:2}
.performance-tools-page .sys-out{font-size:11px;color:rgba(200,192,232,0.35);margin-top:14px;position:relative;z-index:2;font-style:italic}
.performance-tools-page .sys-grid .lc .bt{align-self:stretch;justify-content:center;text-align:center}