/*
Theme Name: Teach Tech Trade
Theme URI: https://teachtechtrade.com
Author: Teach Tech Trade
Description: Trading blog theme with glassmorphism design.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: ttttheme
*/


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input{font-family:inherit;font-size:inherit}

/* ── Switcher UI ── */
body{font-family:'Roboto',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:#ffffff;padding-top:40px}

.switcher{
  position:fixed;top:0;left:0;right:0;transform:none;z-index:9999;
  display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:6px 12px;
  background:#ffffff;border:none;box-shadow:none;backdrop-filter:none;
  max-width:100%;
}
.sw-btn{
  font-family:'Roboto Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 13px;border-radius:4px;color:rgba(0,0,0,.4);transition:all .2s ease;white-space:nowrap;
}
.sw-btn:hover{color:rgba(0,0,0,.7)}
.sw-btn.active{color:#fff;font-weight:600}
.sw-lc.active{background:#4a9eda}
.sw-ttt.active{background:#089981}

/* ── Site containers ── */
.site{display:none}
.site.visible{display:block}

/* ── Reading progress ── */
.rp{position:fixed;top:0;left:0;height:2px;width:0%;z-index:9998;transition:width .08s linear}

/* ═══════════════════════════════════════════
   LIBERTY CHARTS — Dark slate, steel blue
═══════════════════════════════════════════ */
.lc{
  --bg:    #ffffff;
  --bg2:   #f8f9fa;
  --bg3:   #f1f3f5;
  --bg4:   #e9ecef;
  --border:rgba(0,10,30,.07);
  --border-md:rgba(0,10,30,.12);
  --text:  #111111;
  --muted: #555558;
  --faint: #999999;
  --acc:     #4a9eda;
  --acc2:    #2d7ab5;
  --acc-rgb: 74,158,218;
  --font-h:'Nunito',sans-serif;
  --font-b:'Roboto',system-ui,sans-serif;
  --font-m:'Roboto Mono',monospace;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-b);
  line-height:1.65;
}

.ttt{
  --bg:    #ffffff;
  --bg2:   #f8f9fa;
  --bg3:   #f1f3f5;
  --bg4:   #e9ecef;
  --border:rgba(0,10,30,.07);
  --border-md:rgba(0,10,30,.12);
  --text:  #111111;
  --muted: #555558;
  --faint: #999999;
  --acc:     #089981;
  --acc2:    #067a67;
  --acc-rgb: 8,153,129;
  --font-h:'Nunito',sans-serif;
  --font-b:'Roboto',system-ui,sans-serif;
  --font-m:'Roboto Mono',monospace;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-b);
  line-height:1.65;
}

.lc-bg { background:#ffffff; min-height:100vh; }
.ttt-bg { background:#ffffff; min-height:100vh; }
.lc .hero,.ttt .hero { background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff); }
.lc .section,.ttt .section { background: transparent; }
.lc .sister-section,.ttt .sister-section { background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff); }
.lc .newsletter,.ttt .newsletter { background: transparent; }
.lc .footer,.ttt .footer{background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff); }
.lc .blog-page-header,.ttt .blog-page-header { background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff); }
.ttt .blog-page-header { background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff); }
.lc .blog-posts-area { background: transparent; }
.ttt .blog-posts-area { background: transparent; }
.lc .blog-posts-area .section,
.ttt .blog-posts-area .section,
.lc .blog-posts-area > div,
.ttt .blog-posts-area > div { background: transparent !important; }

/* ── X (Twitter) footer button ── */
.x-btn {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 14px;
  padding: 7px 14px 7px 11px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  box-shadow: 0 2px 8px rgba(0,10,30,.06), 0 1px 0 rgba(255,255,255,.9) inset;
  color: #555;
  font-family: var(--font-h); font-weight: 700; font-size: 12px;
  text-decoration: none; letter-spacing: .01em;
  position: relative; overflow: hidden;
  transition: transform .35s cubic-bezier(.34,1.5,.64,1), box-shadow .3s, border-color .2s, background .2s, color .2s;
}
.x-btn::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(105deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 80%);
  transform: translateX(-120%);
  transition: transform .55s ease;
  pointer-events: none;
}
.x-btn:hover::before { transform: translateX(120%) }
.x-btn:hover {
  transform: translateY(-3px) scale(1.06);
  color: #111;
  font-weight: 800;
  border-color: rgba(0,0,0,.28);
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 28px rgba(0,10,30,.13), 0 1px 0 rgba(255,255,255,.95) inset;
}
.lc .x-btn:hover { border-color: rgba(74,158,218,.45); box-shadow: 0 10px 28px rgba(74,158,218,.2), 0 1px 0 rgba(255,255,255,.95) inset }
.ttt .x-btn:hover { border-color: rgba(8,153,129,.45); box-shadow: 0 10px 28px rgba(8,153,129,.2), 0 1px 0 rgba(255,255,255,.95) inset }
.nav-links{display:flex;align-items:center;gap:2px}
.nav-link{font-size:14px;font-weight:400;color:var(--muted);padding:6px 12px;border-radius:4px;transition:all .15s;text-decoration:none}
.nav-link:hover{color:var(--fg1);background:var(--bg3)}
.nav-link-active{color:var(--fg1) !important;font-weight:600}
.nav-logo{display:flex;align-items:center;gap:9px;font-family:var(--font-h);font-weight:800;font-size:15px;text-decoration:none;color:var(--fg1)}
.nav-logo strong{color:var(--acc)}

/* ── Blog pagination ── */
.blog-page-content { display:none }
.blog-page-content.active { display:block }
.pagination { display:flex;align-items:center;justify-content:center;gap:6px;padding:40px 0 56px }
.pg-btn {
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:6px;
  border:1px solid var(--border);background:transparent;
  font-family:var(--font-m);font-size:12px;font-weight:500;
  color:var(--muted);cursor:pointer;
  transition:border-color .2s,color .2s,background .2s,transform .2s cubic-bezier(.34,1.28,.64,1),box-shadow .2s,font-weight .15s;
  text-decoration:none;
}

.lc 
.ttt 

.pg-btn.pg-arrow { font-size:14px }
.pg-btn.pg-arrow:disabled,
.pg-btn.pg-arrow[aria-disabled="true"] { opacity:.3;cursor:default;pointer-events:none }


.post-hero-img{width:100%;aspect-ratio:16/6;overflow:hidden;background:var(--bg4)}
.blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.blog-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;cursor:pointer}

.blog-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--bg4)}
.blog-card-img svg{display:block;width:100%;height:100%;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.blog-card:hover .blog-card-img svg{transform:none}
.blog-card-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.blog-card-title{font-family:var(--font-h);font-size:15px;font-weight:800;line-height:1.35;margin-bottom:8px;color:var(--fg1);transition:color .15s,font-weight .15s}

.blog-card-excerpt{font-size:12px;color:var(--muted);line-height:1.55;flex:1;margin-bottom:10px}
.blog-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:auto;font-size:11px;color:var(--faint);font-family:var(--font-m)}
.blog-card .blog-card-foot span:last-child{transition:color .2s,transform .2s,letter-spacing .2s}

.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:56px}
.blog-featured-card{position:relative;overflow:hidden;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-bottom:56px;cursor:pointer}
.blog-featured-img{aspect-ratio:16/9;background:var(--bg4);overflow:hidden;border-radius:10px;border:1px solid var(--border);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}
.blog-featured-img svg{display:block;width:100%;height:100%;transition:transform .25s cubic-bezier(.22,1,.36,1)}


.blog-featured-card:hover .blog-featured-img svg{transform:none}
.featured-title{transition:color .15s,font-weight .15s;color:var(--fg1)}
/* featured title — no color change */
.prose h2{font-family:var(--font-h);font-size:22px;font-weight:800;color:var(--fg1);margin:32px 0 14px}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 18px;font-size:16px;line-height:1.8;color:var(--fg2)}
.prose blockquote{border-left:3px solid var(--acc);margin:24px 0 28px;padding:4px 0 4px 20px;font-family:var(--font-h);font-size:18px;font-weight:700;color:var(--fg1);line-height:1.4}
.key-levels{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:20px 24px;margin:0 0 24px;font-family:var(--font-m);font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
.kl-label{color:var(--muted);font-size:11px;display:block;margin-bottom:4px}
.kl-val-bull{color:var(--acc);font-weight:700;font-size:16px}
.kl-val-bear{color:#ef5350;font-weight:700;font-size:16px}
.kl-val{color:var(--fg1);font-weight:700;font-size:16px}
.step-card{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:18px 20px;display:flex;gap:16px;align-items:flex-start}
.step-num{font-family:var(--font-m);font-size:11px;color:var(--acc);background:rgba(74,158,218,.1);padding:4px 8px;border-radius:4px;flex-shrink:0;margin-top:2px}
.ttt .step-num{background:rgba(8,153,129,.1)}
.step-title{color:var(--fg1);font-weight:700;display:block;margin-bottom:4px}
.step-text{font-size:14px;color:var(--muted)}

.post-tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;border-top:1px solid var(--border)}
.back-link{font-size:13px;color:var(--acc);text-decoration:none;font-family:var(--font-m)}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.blog-featured{grid-template-columns:1fr}}

/* ── Hero ── */
.hero{padding:72px 0 64px;position:relative;z-index:1}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{
  font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;
  color:#666;margin-bottom:14px;display:flex;align-items:center;gap:8px;
}
.eyebrow::before{content:'';display:inline-block;width:14px;height:2px;background:var(--acc);flex-shrink:0}
.hero h1{
  font-family:var(--font-h);font-weight:800;
  font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.08;letter-spacing:-.03em;
  margin-bottom:18px;
}
.lc .hero h1{color:#111111}
.ttt .hero h1{color:#111111}
.hero-sub{font-size:16px;color:var(--muted);line-height:1.65;margin-bottom:28px;font-weight:300;max-width:440px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:9px 12px;border-radius:7px;transition:all .15s;cursor:pointer;border:1.5px solid transparent;font-family:var(--font-b);letter-spacing:.01em}
.btn-lg{font-size:15px;padding:12px 26px}
.btn-solid{background:var(--acc);color:#fff;border-color:var(--acc);transition:background .2s,border-color .2s,transform .2s cubic-bezier(.34,1.28,.64,1),box-shadow .2s}
.btn-solid:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 8px 28px rgba(0,0,0,.18)}




.btn-ghost{background:transparent;color:var(--muted);border-color:var(--acc);width:fit-content;padding:7px 10px;transition:background .2s,border-color .2s,color .2s,transform .3s cubic-bezier(.34,1.5,.64,1),box-shadow .25s}


/* Sister site buttons — themed border, gentle fill on hover */
.btn-sister{background:transparent;border-color:var(--acc);color:var(--acc);transition:background .2s,border-color .2s,color .2s,transform .2s cubic-bezier(.34,1.28,.64,1),box-shadow .2s}
.btn-sister:hover{background:rgba(var(--acc-rgb),.1);border-color:var(--acc);color:var(--acc);transform:translateY(-2px) scale(1.04);box-shadow:0 6px 18px rgba(var(--acc-rgb),.15)}
.btn-gear{
  font-size:11px;font-family:var(--font-m);letter-spacing:.06em;
  background:transparent;border:1px solid var(--border);padding:5px 10px;border-radius:3px;
  color:var(--faint);transition:all .15s;display:flex;align-items:center;gap:5px;
}
.btn-gear:hover{color:var(--acc);border-color:var(--acc)}

/* Hero chart area */
.hero-chart{
  position:relative;height:300px;border:1px solid var(--border);
  border-radius:10px;overflow:hidden;background:var(--bg2);
  transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1);
  cursor:crosshair;
}


.lc .hero-chart{background:#ffffff}
.ttt .hero-chart{background:#ffffff}
/* Crosshair overlay */
.chart-crosshair{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .15s}
.hero-chart:hover .chart-crosshair{opacity:1}
.chart-crosshair-h,.chart-crosshair-v{position:absolute;background:transparent}
.chart-crosshair-h{left:0;right:0;height:0;border-top:1px dashed rgba(0,0,0,.35)}
.chart-crosshair-v{top:0;bottom:0;width:0;border-left:1px dashed rgba(0,0,0,.35)}
.lc .chart-crosshair-h,.lc .chart-crosshair-v{border-color:rgba(74,158,218,.6)}
.ttt .chart-crosshair-h,.ttt .chart-crosshair-v{border-color:rgba(8,153,129,.6)}
.chart-crosshair-dot{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);background:#4a9eda}
.ttt .chart-crosshair-dot{background:#089981}

/* ── Container ── */
.container{max-width:1120px;margin:0 auto;padding:0 24px}
.container-narrow{max-width:780px;margin:0 auto;padding:0 24px}

/* ── Section ── */
.section{padding:64px 0;position:relative;z-index:1}
.sec-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.sec-label::before{content:'';display:inline-block;width:14px;height:2px;background:var(--acc);flex-shrink:0}
.sec-title{font-family:var(--font-h);font-weight:800;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.025em;margin-bottom:8px}
.lc .sec-title{color:#111111}
.ttt .sec-title{color:#111111}
.sec-sub{font-size:15px;color:var(--muted);font-weight:300;max-width:500px}
.sec-hdr{margin-bottom:40px}

/* ── Post Grid ── */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.post-grid-2{grid-template-columns:repeat(2,1fr);max-width:860px;margin:0 auto}
/* Home spotlight layout: big card top, 3 side by side below */
.home-posts{display:flex;flex-direction:column;gap:32px}
.post-card-spotlight{position:relative;overflow:hidden;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;cursor:pointer}

.spotlight-img{aspect-ratio:16/9;background:var(--bg4);overflow:hidden;border-radius:10px;border:1.5px solid var(--border);transition:box-shadow .3s,border-color .25s;flex-shrink:0}
.spotlight-img svg{transition:transform .25s cubic-bezier(.22,1,.36,1);width:100%;height:100%}
.post-card-spotlight:hover .spotlight-img svg{transform:none}
.spotlight-text .card-title{font-family:var(--font-h);font-size:22px;font-weight:800;line-height:1.3;margin-bottom:12px;color:var(--fg1);transition:color .15s,font-weight .15s}
/* spotlight title — no color change */
.spotlight-read{display:inline-block;font-size:13px;font-family:var(--font-m);color:var(--acc);text-decoration:none;border:1px solid rgba(74,158,218,.3);padding:8px 18px;border-radius:4px;transition:background .15s,transform .2s,letter-spacing .2s}
.ttt .spotlight-read{border-color:rgba(8,153,129,.3)}
.spotlight-read:hover{background:rgba(74,158,218,.08)}
.ttt .spotlight-read:hover{background:rgba(8,153,129,.08)}
@media(max-width:700px){.post-card-spotlight{grid-template-columns:1fr}}
.home-posts-stack{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.home-posts-stack .post-card-small{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg2);transition:border-color .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;cursor:pointer}

.post-card-small .card-img{aspect-ratio:16/9;overflow:hidden;background:var(--bg3);position:relative;flex-shrink:0}
.post-card-small .card-img svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.post-card-small:hover .card-img svg{transform:none}
.post-card-small .card-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.post-card-small .card-title{font-family:var(--font-h);font-weight:800;font-size:15px;line-height:1.35;margin-bottom:8px;color:var(--fg1);transition:color .15s,font-weight .15s}

.post-card-small .card-read{transition:color .2s,transform .2s,letter-spacing .2s}

@media(max-width:860px){.home-posts-stack{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-posts-stack{grid-template-columns:1fr}}

/* ── Post Card ── */
.post-card{
  border:1px solid var(--border);border-radius:8px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:border-color .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;
  will-change:transform;
  position:relative;z-index:0;
}

.lc .post-card{background:var(--bg2)}
.ttt .post-card{background:var(--bg2)}

.card-img{aspect-ratio:16/9;overflow:hidden;background:var(--bg3);position:relative;flex-shrink:0}
.card-img svg{transition:transform .25s cubic-bezier(.22,1,.36,1);transform-origin:center center}
.post-card:hover .card-img svg{transform:none}
.post-card.feat .card-img{aspect-ratio:4/3}
.card-body{padding:14px;flex:1;display:flex;flex-direction:column}
.card-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:10px;font-family:var(--font-m);color:var(--faint)}

.card-title{font-family:var(--font-h);font-weight:700;font-size:14px;line-height:1.3;margin-bottom:6px;transition:color .15s,font-weight .15s}
.post-card.feat .card-title{font-size:20px}

.card-exc{font-size:12px;color:var(--muted);line-height:1.55;flex:1;margin-bottom:10px}
.card-read{font-family:var(--font-m);font-size:11px;color:var(--faint);display:inline-flex;align-items:center;gap:3px;transition:color .2s,transform .2s,letter-spacing .2s}

.card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border);margin-top:auto}
.card-author{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--faint);font-family:var(--font-m)}
.avatar{width:20px;height:20px;border-radius:50%;background:var(--bg4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--muted);font-family:var(--font-m);flex-shrink:0}

/* Accent top border on sister section */



/* ── Sister site promo section ── */
.sister-section{padding:56px 0;position:relative;z-index:1}


.sister-card{
  border:1px solid var(--border-md);border-radius:10px;overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr;min-height:220px;
  transition:border-color .22s,box-shadow .22s;
  background:var(--bg2);
}

.sister-card-content{padding:36px;display:flex;flex-direction:column;justify-content:center}
.sister-card-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.lc .sister-card-visual{background:#ffffff}
.ttt .sister-card-visual{background:#ffffff}
.sister-eyebrow{font-family:var(--font-m);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.sister-title{font-family:var(--font-h);font-weight:800;font-size:clamp(1.4rem,2.5vw,2rem);margin-bottom:10px;letter-spacing:-.02em;line-height:1.15}
.sister-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}

/* ── Resource Grid ── */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.res-card{
  border:1px solid var(--border);border-radius:8px;padding:24px;
  transition:border-color .22s,box-shadow .22s;position:relative;overflow:hidden;
}
.lc .res-card{background:var(--bg2)}
.ttt .res-card{background:var(--bg2)}
.res-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--acc),transparent);
  opacity:0;transition:opacity .22s;
}
.res-card:hover{border-color:var(--border-md)}


.res-card:hover::after{opacity:1}
.res-icon{width:32px;height:32px;margin-bottom:12px;color:var(--faint)}
.res-type{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.res-title{font-family:var(--font-h);font-weight:700;font-size:16px;margin-bottom:8px;line-height:1.3}
.ttt .res-title,.lc .res-title{color:var(--text)}
.res-desc{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.res-action{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--acc);transition:gap .15s}
.res-action:hover{gap:10px}

/* ── Newsletter ── */
.newsletter{padding:56px 0;position:relative;z-index:1;}
.sec-solid{}
.lc .sec-solid{}
.ttt .sec-solid{}
.newsletter-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:600px;margin:0 auto;padding:0 24px}
.nl-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:0;display:flex;align-items:center;gap:8px}
.nl-label::before{content:'';display:inline-block;width:14px;height:2px;background:var(--acc);flex-shrink:0}
.nl-title{font-family:var(--font-h);font-weight:800;font-size:clamp(1.4rem,2.5vw,2rem);margin-bottom:0;letter-spacing:-.02em}
.lc .nl-title{color:#111111}
.ttt .nl-title{color:#111111}
.nl-sub{font-size:14px;color:var(--muted);font-weight:300;margin-bottom:8px}
.nl-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:440px;align-items:center}
.nl-form .btn-solid{padding:8px 16px;font-size:12px;width:fit-content}
.nl-input{
  background:var(--bg3);border:1.5px solid var(--border);border-radius:5px;
  padding:11px 16px;color:var(--text);font-size:14px;outline:none;
  transition:border-color .15s;width:100%;
}
.ttt .nl-input{background:#ffffff}
.nl-input:focus{border-color:var(--acc)}
.nl-input::placeholder{color:var(--faint)}

/* ── Footer ── */
.footer{padding:56px 0 24px;position:relative;z-index:1}


.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;max-width:1120px;margin-left:auto;margin-right:auto;padding:0 24px 40px}
.footer-logo-text{font-family:var(--font-h);font-weight:800;font-size:14px;letter-spacing:-.01em;margin-bottom:8px}
.footer-logo-text strong{color:var(--acc)}
.footer-tagline{font-size:12px;color:var(--muted);line-height:1.6;font-weight:300;max-width:220px}
.footer-col-title{font-family:var(--font-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.footer-x-wrap{margin-top:14px}
.footer-x-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.65);
  backdrop-filter:blur(10px) saturate(160%);
  -webkit-backdrop-filter:blur(10px) saturate(160%);
  box-shadow:0 2px 8px rgba(0,10,30,.07), 0 1px 0 rgba(255,255,255,.9) inset;
  text-decoration:none;
  position:relative;overflow:hidden;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s, border-color .2s, background .2s;
}
.footer-x-btn::before {
  content:''; position:absolute; inset:0; border-radius:50%;
  background: conic-gradient(from 0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 25%, rgba(255,255,255,0) 50%);
  opacity:0;
  transition:opacity .3s, transform .6s ease;
  transform:rotate(0deg);
  pointer-events:none;
}
.footer-x-btn:hover::before { opacity:1; transform:rotate(360deg) }
.footer-x-icon{width:13px;height:13px;flex-shrink:0;color:#888;transition:color .25s, transform .35s cubic-bezier(.34,1.5,.64,1)}


.footer-nav{display:flex;flex-direction:column;gap:9px}
.footer-nav a{font-size:13px;color:var(--muted);transition:color .15s}
.footer-nav a:hover{color:var(--acc)}
.footer-sister-link{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-m);color:var(--acc) !important;letter-spacing:.04em}
.footer-bottom{
  display:flex;align-items:center;justify-content:center;
  border-top:1px solid rgba(0,10,30,.08);
  font-size:11px;font-family:var(--font-m);color:var(--faint);text-align:center;
  max-width:1120px;margin:0 auto;padding:20px 24px 0;
}
.show-more{display:flex;align-items:center;justify-content:center;padding:36px 0}

/* ── Chart SVG helpers ── */
.chart-svg{position:absolute;inset:0;width:100%;height:100%}

/* ── Candlestick Logo SVG styles ── */
.logo-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ── Stat items removed; chart counts retained ── */

/* ── Animations ── */
@keyframes fadeUp{from{opacity:0}to{opacity:1}}
.fu{animation:fadeUp .5s ease forwards}
.fu1{animation-delay:.07s}.fu2{animation-delay:.14s}.fu3{animation-delay:.21s}
.fu4{animation-delay:.28s}.fu5{animation-delay:.35s}.fu6{animation-delay:.42s}

/* ── Real-time price badge ── */
.live-badge{
  position:absolute;top:10px;right:10px;
  background:rgba(255,255,255,.85);border:1px solid rgba(0,10,30,.09);
  border-radius:4px;padding:3px 8px;
  font-family:var(--font-m);font-size:10px;color:rgba(0,0,0,.5);
  display:flex;align-items:center;gap:5px;
}
.live-dot{width:5px;height:5px;border-radius:50%;background:#26a69a;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-chart{display:none}
  .post-grid,.post-grid-featured,.res-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}  .sister-card{grid-template-columns:1fr}
  
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
}

/* ══════════════════════════════════════════════
   APPLE GLASS SYSTEM — liquid, luminous, alive
   ══════════════════════════════════════════════ */

/* ── Glass keyframes ── */
@keyframes glassShimmer {
  0% { background-position: -200% center }
  100% { background-position: 200% center }
}
@keyframes floatUp {
  from { opacity:0; transform:translateY(16px) scale(.97) }
  to   { opacity:1; transform:translateY(0) scale(1) }
}
@keyframes glowPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(var(--acc-rgb),.0) }
  50%     { box-shadow: 0 0 0 6px rgba(var(--acc-rgb),.08) }
}
@keyframes liquidIn {
  from { transform: scale(.92) translateY(12px); opacity:0; filter:blur(4px) }
  to   { transform: scale(1)   translateY(0);    opacity:1; filter:blur(0) }
}
@keyframes fadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

/* ── Glass mixins applied via classes ── */

/* NAV — frosted header with specular edge */
.hdr {
  position:sticky; top:0; z-index:100;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,.6);
  box-shadow: 0 1px 0 rgba(0,10,30,.04), 0 4px 24px rgba(0,10,30,.04);
  transition: background .3s, box-shadow .3s;
}
.lc .hdr { box-shadow: 0 1px 0 rgba(0,10,30,.04), 0 4px 24px rgba(0,10,30,.04) }
.ttt .hdr { box-shadow: 0 1px 0 rgba(0,10,30,.04), 0 4px 24px rgba(0,10,30,.04) }

/* Logo hover — spring bounce */



/* Nav links — glass pill on hover */
.main-nav a {
  font-size:15px; font-weight:500; color:var(--muted);
  padding:8px 16px; border-radius:10px;
  position:relative; overflow:hidden;
  transition: color .2s, background .2s, transform .3s cubic-bezier(.34,1.4,.64,1), box-shadow .2s;
  letter-spacing:.01em; text-decoration:none;
}
.main-nav a::before {
  content:''; position:absolute; inset:0;
  background: linear-gradient(105deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 80%);
  transform: translateX(-120%);
  transition: transform .55s ease;
  pointer-events:none; z-index:1; border-radius:inherit;
}
.main-nav a:hover::before { transform: translateX(120%) }
.lc .main-nav a:hover {
  color:#4a9eda;
  background: rgba(74,158,218,.09);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(74,158,218,.12), 0 1px 0 rgba(255,255,255,.8) inset;
}
.ttt .main-nav a:hover {
  color:#089981;
  background: rgba(8,153,129,.09);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(8,153,129,.12), 0 1px 0 rgba(255,255,255,.8) inset;
}
.lc .main-nav a.active { color:#4a9eda; font-weight:700 }
.ttt .main-nav a.active { color:#089981; font-weight:700 }
.main-nav a.active::after {
  content:""; position:absolute; bottom:3px; left:50%;
  transform:translateX(-50%);
  width:18px; height:2.5px; border-radius:2px; background:var(--acc);
  transition: width .25s cubic-bezier(.34,1.4,.64,1);
}
.main-nav a.active:hover::after { width:26px }

/* Sister site pill — glass border button */
.nav-sister {
  font-family:var(--font-m)!important; font-size:7.5px!important;
  font-weight:700!important; letter-spacing:.1em!important;
  text-transform:uppercase!important; padding:4px 10px!important;
  border-radius:999px!important; border:1.5px solid!important;
  display:inline-flex!important; align-items:center!important; gap:4px!important;
  text-decoration:none;
  position:relative; overflow:hidden;
  transition: background .2s, border-color .2s, transform .3s cubic-bezier(.34,1.5,.64,1), box-shadow .25s!important;
}
.nav-sister::before {
  content:''; position:absolute; inset:0;
  background: linear-gradient(105deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 70%);
  transform: translateX(-100%);
  transition: transform .5s ease;
}
.nav-sister:hover::before { transform: translateX(100%) }
.lc .nav-sister { color:#089981!important; border-color:rgba(8,153,129,.28)!important; background:transparent!important }
.lc .nav-sister:hover {
  background:rgba(8,153,129,.07)!important;
  border-color:rgba(8,153,129,.6)!important;
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 6px 20px rgba(8,153,129,.2), 0 1px 0 rgba(255,255,255,.9) inset!important;
}
.ttt .nav-sister { color:#4a9eda!important; border-color:rgba(74,158,218,.28)!important; background:transparent!important }
.ttt .nav-sister:hover {
  background:rgba(74,158,218,.07)!important;
  border-color:rgba(74,158,218,.6)!important;
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 6px 20px rgba(74,158,218,.2), 0 1px 0 rgba(255,255,255,.9) inset!important;
}

/* ── BUTTONS — glass morphism ── */
.btn {
  display:inline-flex; align-items:center; gap:6px;
  font-size:12px; font-weight:600; padding:9px 12px;
  border-radius:8px; cursor:pointer;
  border:1.5px solid transparent; font-family:var(--font-b); letter-spacing:.01em;
  position:relative; overflow:hidden;
  transition: transform .3s cubic-bezier(.34,1.5,.64,1), box-shadow .25s, background .2s, border-color .2s;
}
.btn::before {
  content:''; position:absolute; inset:0;
  background: linear-gradient(105deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 80%);
  transform: translateX(-120%);
  transition: transform .55s ease;
  pointer-events:none;
}
.btn:hover::before { transform: translateX(120%) }
.btn-lg { font-size:14px; padding:11px 16px; border-radius:10px }

/* Solid CTA button */
.btn-solid {
  color:#fff;
  transition: transform .3s cubic-bezier(.34,1.5,.64,1), box-shadow .25s, filter .2s;
}
.btn-solid:hover { transform:translateY(-3px) scale(1.04); filter:brightness(1.08) }
.btn-solid:active { transform:translateY(-1px) scale(1.01) }
.lc .btn-solid { background:linear-gradient(135deg,#5aabee,#3a8fd4); border-color:#4a9eda; box-shadow:0 4px 14px rgba(74,158,218,.35), 0 1px 0 rgba(255,255,255,.25) inset }
.lc .btn-solid:hover { box-shadow:0 10px 30px rgba(74,158,218,.45), 0 1px 0 rgba(255,255,255,.25) inset }
.ttt .btn-solid { background:linear-gradient(135deg,#0ab89e,#078a74); border-color:#089981; box-shadow:0 4px 14px rgba(8,153,129,.35), 0 1px 0 rgba(255,255,255,.25) inset }
.ttt .btn-solid:hover { box-shadow:0 10px 30px rgba(8,153,129,.45), 0 1px 0 rgba(255,255,255,.25) inset }

/* Ghost button */
.btn-ghost {
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-color: rgba(0,10,30,.14);
  color:var(--muted);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 2px 8px rgba(0,10,30,.05);
}
/* Accent border color at rest */
.lc .btn-ghost { border-color: rgba(74,158,218,.45); color: var(--muted) }
.ttt .btn-ghost { border-color: rgba(8,153,129,.45); color: var(--muted) }

.btn-ghost:hover {
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 8px 24px rgba(0,10,30,.1), 0 1px 0 rgba(255,255,255,.9) inset;
}
/* Hover: fill with accent — like sister card buttons */
.lc .btn-ghost:hover {
  background: rgba(74,158,218,.12);
  border-color: #4a9eda;
  color: #4a9eda;
  box-shadow: 0 8px 24px rgba(74,158,218,.22), 0 1px 0 rgba(255,255,255,.9) inset;
}
.ttt .btn-ghost:hover {
  background: rgba(8,153,129,.12);
  border-color: #089981;
  color: #089981;
  box-shadow: 0 8px 24px rgba(8,153,129,.22), 0 1px 0 rgba(255,255,255,.9) inset;
}
/* btn-ttt and btn-lc — accent-bordered buttons matching about page style */
.btn-ttt {
  border-color: rgba(8,153,129,.45); color: var(--muted);
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 2px 8px rgba(0,10,30,.05);
  padding: 7px 10px; width: fit-content;
}
.btn-ttt:hover {
  border-color: #089981; color: #089981;
  background: rgba(8,153,129,.12);
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 8px 24px rgba(8,153,129,.25), 0 1px 0 rgba(255,255,255,.9) inset;
}
.btn-lc {
  border-color: rgba(74,158,218,.45); color: var(--muted);
  background: rgba(255,255,255,.6);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 2px 8px rgba(0,10,30,.05);
  padding: 7px 10px; width: fit-content;
}
.btn-lc:hover {
  border-color: #4a9eda; color: #4a9eda;
  background: rgba(74,158,218,.12);
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 8px 24px rgba(74,158,218,.25), 0 1px 0 rgba(255,255,255,.9) inset;
}

/* ── BLOG / POST CARDS — glass surface ── */
.blog-card, .post-card, .post-card-small {
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border: 1.5px solid rgba(0,10,30,.1);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,10,30,.06), 0 1px 0 rgba(255,255,255,.8) inset;
  transition:
    box-shadow .3s,
    border-color .25s,
    background .25s;
  will-change: transform;
  position:relative; overflow:hidden;
}

.blog-card:hover, .post-card:hover, .post-card-small:hover {
  background: rgba(255,255,255,.92);
}
.lc .blog-card:hover, .lc .post-card:hover, .lc .post-card-small:hover {
  border-color: rgba(74,158,218,.8);
  box-shadow:
    0 0 6px 2px rgba(74,158,218,.25),
    0 0 16px 4px rgba(74,158,218,.12),
    0 0 32px 8px rgba(74,158,218,.05),
    0 1px 0 rgba(255,255,255,.95) inset;
}
.ttt .blog-card:hover, .ttt .post-card:hover, .ttt .post-card-small:hover {
  border-color: rgba(8,153,129,.8);
  box-shadow:
    0 0 6px 2px rgba(8,153,129,.25),
    0 0 16px 4px rgba(8,153,129,.12),
    0 0 32px 8px rgba(8,153,129,.05),
    0 1px 0 rgba(255,255,255,.95) inset;
}
/* Card title color on hover — unchanged */

/* Card image — no zoom on hover */
.blog-card-img svg, .card-img svg {
  transition: none;
  transform-origin:center center;
}

/* Read more slide */
.card-read, .post-card-small .card-read {
  font-family:var(--font-m); font-size:11px; color:var(--faint);
  display:inline-flex; align-items:center; gap:3px;
  transition: color .25s, transform .3s cubic-bezier(.34,1.4,.64,1), letter-spacing .25s;
}
/* read more — no color change on hover */

/* ── BLOG CARDS (blog page) ── */
.blog-card {
  background: rgba(255,255,255,.72);
  border-radius:14px;
}
.blog-card-foot { border-top:1px solid rgba(0,10,30,.06) }
/* blog card foot — no color change on hover */

/* ── FEATURED / SPOTLIGHT CARDS ── */
.post-card-spotlight {
  transition: transform .35s cubic-bezier(.34,1.28,.64,1);
  border-radius:14px;
}

.spotlight-img {
  border-radius:12px;
  border:1px solid rgba(255,255,255,.6);
  box-shadow: 0 4px 16px rgba(0,10,30,.08), 0 1px 0 rgba(255,255,255,.8) inset;
  transition: box-shadow .3s, border-color .25s;
  overflow:hidden;
}




/* Read pill on spotlight */
.spotlight-read {
  background: rgba(255,255,255,.6);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(0,10,30,.12);
  padding:8px 18px; border-radius:999px; font-size:13px;
  font-family:var(--font-m); color:var(--acc); text-decoration:none;
  display:inline-flex; align-items:center; gap:6px;
  transition: transform .3s cubic-bezier(.34,1.5,.64,1), box-shadow .25s, background .2s, border-color .2s;
  box-shadow: 0 2px 8px rgba(0,10,30,.06), 0 1px 0 rgba(255,255,255,.9) inset;
}
.spotlight-read:hover {
  transform:translateY(-2px) scale(1.04);
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(0,10,30,.12), 0 1px 0 rgba(255,255,255,.9) inset;
}
.lc .spotlight-read { border-color:rgba(74,158,218,.3) }
.lc .spotlight-read:hover { border-color:rgba(74,158,218,.55); box-shadow:0 8px 22px rgba(74,158,218,.2), 0 1px 0 rgba(255,255,255,.9) inset }
.ttt .spotlight-read { border-color:rgba(8,153,129,.3) }
.ttt .spotlight-read:hover { border-color:rgba(8,153,129,.55); box-shadow:0 8px 22px rgba(8,153,129,.2), 0 1px 0 rgba(255,255,255,.9) inset }

/* ── SISTER CARD — glass panel ── */
.sister-card {
  background: rgba(248,249,250,.85);
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  border:1px solid rgba(255,255,255,.75);
  border-radius:16px;
  box-shadow: 0 4px 20px rgba(0,10,30,.07), 0 1px 0 rgba(255,255,255,.9) inset;
  transition: box-shadow .3s, border-color .25s;
  overflow:hidden;
}
.sister-card:hover {
  border-color:rgba(255,255,255,.95);
}
.lc .sister-card:hover { box-shadow:0 8px 24px rgba(0,10,30,.08), 0 1px 0 rgba(255,255,255,.95) inset }
.ttt .sister-card:hover { box-shadow:0 8px 24px rgba(0,10,30,.08), 0 1px 0 rgba(255,255,255,.95) inset }

/* ── HERO CHART — glass frame ── */
.hero-chart {
  border:1px solid rgba(255,255,255,.6);
  border-radius:14px; overflow:hidden;
  box-shadow: 0 4px 20px rgba(0,10,30,.08), 0 1px 0 rgba(255,255,255,.8) inset;
  transition: box-shadow .3s, border-color .25s;
  position:relative;
}
.hero-chart::after {
  content:''; position:absolute; inset:0; border-radius:14px;
  background:linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 60%);
  pointer-events:none; z-index:1;
}
.lc .hero-chart:hover {
  border-color: rgba(74,158,218,.8);
  box-shadow:
    0 0 6px 2px rgba(74,158,218,.25),
    0 0 16px 4px rgba(74,158,218,.12),
    0 0 32px 8px rgba(74,158,218,.05),
    0 1px 0 rgba(255,255,255,.8) inset;
}
.ttt .hero-chart:hover {
  border-color: rgba(8,153,129,.8);
  box-shadow:
    0 0 6px 2px rgba(8,153,129,.25),
    0 0 16px 4px rgba(8,153,129,.12),
    0 0 32px 8px rgba(8,153,129,.05),
    0 1px 0 rgba(255,255,255,.8) inset;
}

/* ── RESOURCE CARDS ── */
.res-card {
  background: rgba(255,255,255,.65);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:14px;
  box-shadow: 0 2px 10px rgba(0,10,30,.06), 0 1px 0 rgba(255,255,255,.85) inset;
  transition: transform .35s cubic-bezier(.34,1.28,.64,1), box-shadow .35s, border-color .25s;
}
.res-card:hover {
  transform:translateY(-5px) scale(1.01);
  background:rgba(255,255,255,.85);
  border-color:rgba(255,255,255,.9);
}
.lc .res-card:hover { box-shadow:0 16px 44px rgba(74,158,218,.15), 0 2px 8px rgba(0,10,30,.07), 0 1px 0 rgba(255,255,255,.95) inset }
.ttt .res-card:hover { box-shadow:0 16px 44px rgba(8,153,129,.15), 0 2px 8px rgba(0,10,30,.07), 0 1px 0 rgba(255,255,255,.95) inset }
.res-card::after {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, var(--acc), transparent);
  opacity:0; transition:opacity .3s;
  border-radius:14px 14px 0 0;
}
.res-card:hover::after { opacity:1 }

/* ── NEWSLETTER INPUT ── */
.nl-input {
  background: rgba(255,255,255,.72);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1.5px solid rgba(0,10,30,.1);
  border-radius:10px; padding:12px 16px;
  color:var(--text); font-size:14px; outline:none;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 2px 8px rgba(0,10,30,.04);
  transition: border-color .2s, box-shadow .2s, background .2s;
  width:100%;
}
.nl-input:focus {
  background:rgba(255,255,255,.95);
  box-shadow:0 0 0 3px rgba(var(--acc-rgb),.12), 0 1px 0 rgba(255,255,255,.9) inset;
}
.lc .nl-input:focus { border-color:rgba(74,158,218,.5) }
.ttt .nl-input:focus { border-color:rgba(8,153,129,.5) }
.nl-input::placeholder { color:var(--faint) }

/* ── PAGINATION BUTTONS ── */
.pg-btn {
  background: rgba(255,255,255,.65);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(0,10,30,.09);
  border-radius:9px;
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 2px 6px rgba(0,10,30,.05);
  transition: transform .3s cubic-bezier(.34,1.5,.64,1), box-shadow .25s, border-color .2s, background .2s, color .2s;
}
.pg-btn:hover {
  transform:translateY(-3px) scale(1.08);
  background:rgba(255,255,255,.9);
  box-shadow: 0 8px 20px rgba(0,10,30,.1), 0 1px 0 rgba(255,255,255,.95) inset;
}
.lc .pg-btn:hover { border-color:rgba(74,158,218,.5); color:#4a9eda; box-shadow:0 8px 20px rgba(74,158,218,.18), 0 1px 0 rgba(255,255,255,.95) inset }
.ttt .pg-btn:hover { border-color:rgba(8,153,129,.5); color:#089981; box-shadow:0 8px 20px rgba(8,153,129,.18), 0 1px 0 rgba(255,255,255,.95) inset }
.pg-btn.active {
  color:#fff; font-weight:700;
  box-shadow:0 4px 14px rgba(0,10,30,.15), 0 1px 0 rgba(255,255,255,.25) inset;
  transform:scale(1.06);
}
.lc .pg-btn.active { background:linear-gradient(135deg,#5aabee,#3a8fd4); border-color:#4a9eda }
.ttt .pg-btn.active { background:linear-gradient(135deg,#0ab89e,#078a74); border-color:#089981 }
.pg-btn.active:hover { transform:translateY(-2px) scale(1.08); box-shadow:0 10px 28px rgba(0,10,30,.2), 0 1px 0 rgba(255,255,255,.25) inset; color:#fff }
.lc .pg-btn.active:hover { color:#fff }
.ttt .pg-btn.active:hover { color:#fff }


/* Featured blog card image hover */



/* Featured & latest — text highlight only on hover, no border/shadow changes */
.lc .post-card-spotlight:hover .spotlight-text .card-title,
.lc .blog-featured-card:hover .featured-title { color: #4a9eda }
.ttt .post-card-spotlight:hover .spotlight-text .card-title,
.ttt .blog-featured-card:hover .featured-title { color: #089981 }


/* Featured & spotlight — glow around image only on hover */
.lc .post-card-spotlight:hover .spotlight-img {
  border-color: rgba(74,158,218,.8);
  box-shadow:
    0 0 6px 2px rgba(74,158,218,.25),
    0 0 16px 4px rgba(74,158,218,.12),
    0 0 32px 8px rgba(74,158,218,.05);
}
.ttt .post-card-spotlight:hover .spotlight-img {
  border-color: rgba(8,153,129,.8);
  box-shadow:
    0 0 6px 2px rgba(8,153,129,.25),
    0 0 16px 4px rgba(8,153,129,.12),
    0 0 32px 8px rgba(8,153,129,.05);
}
.lc .blog-featured-card:hover .blog-featured-img {
  border-color: rgba(74,158,218,.8);
  box-shadow:
    0 0 6px 2px rgba(74,158,218,.25),
    0 0 16px 4px rgba(74,158,218,.12),
    0 0 32px 8px rgba(74,158,218,.05);
}
.ttt .blog-featured-card:hover .blog-featured-img {
  border-color: rgba(8,153,129,.8);
  box-shadow:
    0 0 6px 2px rgba(8,153,129,.25),
    0 0 16px 4px rgba(8,153,129,.12),
    0 0 32px 8px rgba(8,153,129,.05);
}
/* ── FOOTER X BUTTON ── */
.footer-x-btn:hover { transform:scale(1.22) }
.lc .footer-x-btn:hover {
  border-color:rgba(74,158,218,.6);
  background:rgba(74,158,218,.08);
  box-shadow:0 8px 24px rgba(74,158,218,.3), 0 1px 0 rgba(255,255,255,.9) inset;
}
.ttt .footer-x-btn:hover {
  border-color:rgba(8,153,129,.6);
  background:rgba(8,153,129,.08);
  box-shadow:0 8px 24px rgba(8,153,129,.3), 0 1px 0 rgba(255,255,255,.9) inset;
}
.lc .footer-x-btn:hover .footer-x-icon { color:#4a9eda; transform:scale(1.15) }
.ttt .footer-x-btn:hover .footer-x-icon { color:#089981; transform:scale(1.15) }

/* ── POST TAGS ── */
.post-tag {
  font-size:11px; padding:4px 12px; border-radius:999px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(0,10,30,.1);
  color:var(--muted); font-family:var(--font-m);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
  transition: transform .25s cubic-bezier(.34,1.5,.64,1), box-shadow .2s, border-color .2s, background .2s;
  display:inline-block; cursor:default;
}
.post-tag:hover {
  transform:translateY(-2px) scale(1.05);
  background:rgba(255,255,255,.9);
  box-shadow:0 4px 12px rgba(0,10,30,.1), 0 1px 0 rgba(255,255,255,.9) inset;
}

/* ── CARD CATEGORY CHIPS ── */
.card-cat {
  font-size:10px; padding:3px 10px; border-radius:999px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(0,10,30,.1);
  color:var(--muted); font-family:var(--font-m);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  transition: background .2s, border-color .2s, color .2s, transform .25s cubic-bezier(.34,1.5,.64,1);
  text-transform:uppercase; letter-spacing:.07em;
  display:inline-block; margin-bottom:10px; width:fit-content; cursor:pointer;
}
.lc .card-cat:hover { border-color:rgba(74,158,218,.5)!important; color:#4a9eda!important; background:rgba(74,158,218,.08)!important; transform:translateY(-1px)!important }
.ttt .card-cat:hover { border-color:rgba(8,153,129,.5)!important; color:#089981!important; background:rgba(8,153,129,.08)!important; transform:translateY(-1px)!important }

/* ── OPEN BTN (Contact) ── */
.open-btn {
  display:inline-flex; align-items:center; gap:9px;
  font-size:13px; font-weight:700; padding:11px 18px;
  border-radius:999px; cursor:pointer;
  border:none; font-family:var(--font-b);
  position:relative; overflow:hidden;
  transition: transform .35s cubic-bezier(.34,1.56,.64,1), box-shadow .3s, filter .2s;
}
.open-btn::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(105deg, rgba(255,255,255,0) 20%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 80%);
  transform:translateX(-120%); transition:transform .55s ease;
}
.open-btn:hover::before { transform:translateX(120%) }
#site-lc-contact .open-btn { background:linear-gradient(135deg,#5aabee,#3a8fd4); color:#fff; box-shadow:0 6px 20px rgba(74,158,218,.4), 0 1px 0 rgba(255,255,255,.25) inset }
#site-ttt-contact .open-btn { background:linear-gradient(135deg,#0ab89e,#078a74); color:#fff; box-shadow:0 6px 20px rgba(8,153,129,.4), 0 1px 0 rgba(255,255,255,.25) inset }
.open-btn:hover { transform:translateY(-4px) scale(1.06); filter:brightness(1.07) }
#site-lc-contact .open-btn:hover { box-shadow:0 14px 36px rgba(74,158,218,.5), 0 1px 0 rgba(255,255,255,.25) inset }
#site-ttt-contact .open-btn:hover { box-shadow:0 14px 36px rgba(8,153,129,.5), 0 1px 0 rgba(255,255,255,.25) inset }
.open-btn:active { transform:translateY(-1px) scale(1.02) }

/* ── LIVE BADGE ── */
.live-badge {
  background:rgba(255,255,255,.8);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 2px 8px rgba(0,10,30,.08), 0 1px 0 rgba(255,255,255,.9) inset;
  border-radius:6px; padding:3px 9px;
  font-family:var(--font-m); font-size:10px; color:rgba(0,0,0,.5);
  display:flex; align-items:center; gap:5px;
}

/* ── PAGE LOAD STAGGER ── */
.fu  { animation:floatUp .55s cubic-bezier(.22,1,.36,1) forwards; opacity:0 }
.fu1 { animation-delay:.06s } .fu2 { animation-delay:.12s }
.fu3 { animation-delay:.18s } .fu4 { animation-delay:.24s }
.fu5 { animation-delay:.30s } .fu6 { animation-delay:.36s }

/* ── Section gradients (light mode) ── */



/* ── Header / Nav ── */
.hdr{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);background:#ffffff;border-bottom:none}
.lc .hdr{box-shadow:none}
.ttt .hdr{box-shadow:none}
.hdr-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;max-width:1120px;margin:0 auto;padding:0 24px}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;cursor:pointer;height:34px;}
.logo-svg{width:34px;height:34px;flex-shrink:0}
.logo-text{font-family:var(--font-h);font-weight:800;font-size:22px;letter-spacing:-.025em;line-height:1;color:var(--text)}
.logo-text strong{color:var(--acc)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:2px}
.main-nav a{font-size:15px;font-weight:500;color:var(--muted);padding:8px 16px;border-radius:8px;position:relative;overflow:hidden;transition:color .15s,background .15s,transform .22s cubic-bezier(.34,1.28,.64,1);letter-spacing:.01em;text-decoration:none}


.lc .main-nav a.active{color:#4a9eda;font-weight:700}
.ttt .main-nav a.active{color:#089981;font-weight:700}
.main-nav a.active::after{content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:18px;height:2.5px;border-radius:2px;background:var(--acc)}
.hdr-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.nav-sister{font-family:var(--font-m)!important;font-size:7.5px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:4px 9px!important;border-radius:999px!important;border:1.5px solid!important;display:inline-flex!important;align-items:center!important;gap:4px!important;transition:background .15s,border-color .15s,transform .25s cubic-bezier(.34,1.28,.64,1),box-shadow .25s!important;text-decoration:none}




/* Sister card light */
.lc .sister-card, .ttt .sister-card { background:#f8f9fa; }
.lc .sister-card-visual, .ttt .sister-card-visual { background:#ffffff; }
/* Input fields */
.lc .nl-input, .ttt .nl-input { background:#ffffff; color:#111111; border-color:rgba(0,10,30,.12); }



#site-lc-about .sec-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}
#site-lc-about .sec-label::before{content:'';display:inline-block;width:14px;height:2px;background:#4a9eda;flex-shrink:0}
#site-lc-about .nl-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:8px}
#site-lc-about .nl-label::before{content:'';display:inline-block;width:14px;height:2px;background:#4a9eda;flex-shrink:0}
#site-ttt-about .sec-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}
#site-ttt-about .sec-label::before{content:'';display:inline-block;width:14px;height:2px;background:#089981;flex-shrink:0}
#site-ttt-about .nl-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:8px}
#site-ttt-about .nl-label::before{content:'';display:inline-block;width:14px;height:2px;background:#089981;flex-shrink:0}

/* ── Category Filter Bar ── */
.cat-filter-bar{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 8px}
.cat-pill{font-size:11px;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(0,10,30,.1);color:var(--muted);font-family:var(--font-m);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 0 rgba(255,255,255,.85) inset;transition:transform .25s cubic-bezier(.34,1.5,.64,1),box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-block;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}
.cat-pill:hover{transform:translateY(-2px) scale(1.05);background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(0,10,30,.1),0 1px 0 rgba(255,255,255,.9) inset}
.lc .cat-pill:hover{border-color:rgba(74,158,218,.5);color:#4a9eda;background:rgba(74,158,218,.08)}
.ttt .cat-pill:hover{border-color:rgba(8,153,129,.5);color:#089981;background:rgba(8,153,129,.08)}
.cat-pill.active{font-weight:600}
.lc .cat-pill.active{border-color:#4a9eda;color:#fff;background:linear-gradient(135deg,#5aabee,#3a8fd4);box-shadow:0 4px 14px rgba(74,158,218,.35),0 1px 0 rgba(255,255,255,.25) inset}
.ttt .cat-pill.active{border-color:#089981;color:#fff;background:linear-gradient(135deg,#0ab89e,#078a74);box-shadow:0 4px 14px rgba(8,153,129,.35),0 1px 0 rgba(255,255,255,.25) inset}
/* ── WordPress Categories Section ── */
.wp-cats-section{padding:48px 0 56px;position:relative;z-index:1;background:repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px),linear-gradient(to bottom,#f0f2f5,#fff)}
.wp-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.wp-cat-card{background:rgba(255,255,255,.72);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1.5px solid rgba(0,10,30,.1);border-radius:12px;padding:20px 22px;display:flex;align-items:center;gap:14px;cursor:pointer;text-decoration:none;color:var(--text);box-shadow:0 2px 8px rgba(0,10,30,.06),0 1px 0 rgba(255,255,255,.8) inset;transition:transform .3s cubic-bezier(.34,1.28,.64,1),box-shadow .3s,border-color .25s,background .25s;position:relative;overflow:hidden}
.wp-cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.07) 50%,rgba(255,255,255,0) 75%);transform:translateX(-130%);transition:transform .8s ease;pointer-events:none;z-index:2;border-radius:inherit}
.wp-cat-card:hover::after{transform:translateX(130%)}
.wp-cat-card:hover{transform:translateY(-4px) scale(1.02);background:rgba(255,255,255,.92)}
.lc .wp-cat-card:hover{border-color:rgba(74,158,218,.8);box-shadow:0 0 6px 2px rgba(74,158,218,.25),0 0 16px 4px rgba(74,158,218,.12),0 1px 0 rgba(255,255,255,.95) inset}
.ttt .wp-cat-card:hover{border-color:rgba(8,153,129,.8);box-shadow:0 0 6px 2px rgba(8,153,129,.25),0 0 16px 4px rgba(8,153,129,.12),0 1px 0 rgba(255,255,255,.95) inset}
.wp-cat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.28,.64,1)}
.wp-cat-card:hover .wp-cat-icon{transform:scale(1.12)}
.lc .wp-cat-icon{background:rgba(74,158,218,.1);color:#4a9eda}
.ttt .wp-cat-icon{background:rgba(8,153,129,.1);color:#089981}
.wp-cat-name{font-family:var(--font-h);font-weight:700;font-size:14px;line-height:1.3}
.wp-cat-count{font-family:var(--font-m);font-size:10px;color:var(--faint);letter-spacing:.05em;margin-top:2px}
.wp-cat-arrow{margin-left:auto;color:var(--faint);font-size:14px;transition:transform .25s cubic-bezier(.34,1.28,.64,1),color .2s}
.lc .wp-cat-card:hover .wp-cat-arrow{color:#4a9eda;transform:translateX(4px)}
.ttt .wp-cat-card:hover .wp-cat-arrow{color:#089981;transform:translateX(4px)}
a.card-cat{cursor:pointer;text-decoration:none;display:inline-block;color:var(--muted)}
a.card-cat:hover{text-decoration:none}
.wp-info-note{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.6);border:1px solid rgba(0,10,30,.08);border-radius:10px;padding:16px 20px;margin-top:20px;font-size:12px;color:var(--muted);line-height:1.6}
.wp-info-note svg{flex-shrink:0;margin-top:2px}
.lc .wp-info-note{border-left:3px solid rgba(74,158,218,.4)}
.ttt .wp-info-note{border-left:3px solid rgba(8,153,129,.4)}


/* About + Contact styles */


#site-ttt-about a{color:inherit;text-decoration:none}
#site-ttt-about button{cursor:pointer;border:none;background:none;font-family:inherit}
#site-ttt-about input{font-family:inherit;font-size:inherit}
#site-ttt-about body{--acc:#089981;--acc-rgb:8,153,129;--btn-fill-bg:#089981;--btn-fill-bg2:#067a67;
  --bg:#ffffff;--bg2:#f8f9fa;--bg3:#f1f3f5;--bg4:#e9ecef;
  --border:rgba(0,10,30,.07);--border-md:rgba(0,10,30,.12);
  --text:#111111;--muted:#555558;--faint:#999999;
  --font-h:'Nunito',sans-serif;--font-b:'Roboto',system-ui,sans-serif;--font-m:'Roboto Mono',monospace;
  background:var(--bg);color:var(--text);font-family:var(--font-b);line-height:1.65;
  -webkit-font-smoothing:antialiased;}
#site-ttt-about .hdr{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);background:#ffffff;border-bottom:none}
#site-ttt-about .hdr-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;max-width:1120px;margin:0 auto;padding:0 32px}
#site-ttt-about .logo{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;height:34px;flex-shrink:0}
#site-ttt-about .logo-text{font-family:var(--font-h);font-weight:800;font-size:19px;letter-spacing:-.025em;line-height:1;color:var(--text)}
#site-ttt-about .main-nav{display:flex;align-items:center;gap:2px}
#site-ttt-about .main-nav a{font-size:15px;font-weight:500;color:var(--muted);padding:8px 16px;border-radius:8px;position:relative;overflow:hidden;transition:color .15s,background .15s,transform .22s cubic-bezier(.34,1.28,.64,1);letter-spacing:.01em}
#site-ttt-about .main-nav a:hover{color:#089981;background:rgba(8,153,129,.07);transform:translateY(-2px)}
#site-ttt-about .main-nav a.active{color:#089981;font-weight:700}
#site-ttt-about .main-nav a.active::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:18px;height:2.5px;border-radius:2px;background:#089981}
#site-ttt-about .main-nav{display:flex;align-items:center;justify-content:center;gap:2px}
#site-ttt-about .hdr-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}
#site-ttt-about .nav-sister{font-family:var(--font-m) !important;font-size:9px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;padding:5px 11px !important;border-radius:999px !important;border:1.5px solid rgba(74,158,218,.25) !important;color:#4a9eda !important;background:transparent !important;display:inline-flex !important;align-items:center !important;gap:7px !important;transition:background .15s,border-color .15s,transform .25s cubic-bezier(.34,1.28,.64,1),box-shadow .25s !important}
#site-ttt-about .nav-sister:hover{background:rgba(74,158,218,.08) !important;border-color:#4a9eda !important;transform:translateY(-2px) scale(1.05) !important;box-shadow:0 6px 18px rgba(74,158,218,.18) !important}
#site-ttt-about .btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:10px 20px;border-radius:5px;cursor:pointer;border:1.5px solid;font-family:var(--font-b);letter-spacing:.01em;background:transparent;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .2s cubic-bezier(.34,1.28,.64,1),box-shadow .2s}
#site-ttt-about .btn-solid{background:#089981;color:#fff;border-color:#089981}
#site-ttt-about .btn-solid:hover{background:#0bbfa6;border-color:#0bbfa6;color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 8px 28px rgba(8,153,129,.45)}
#site-ttt-about .btn-lg{font-size:15px;padding:12px 26px}
#site-ttt-about .btn-lc{border-color:rgba(74,158,218,.45);color:var(--muted);background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 8px rgba(0,10,30,.05);padding:7px 10px;width:fit-content}
#site-ttt-about .btn-lc:hover{border-color:#4a9eda;color:#4a9eda;background:rgba(74,158,218,.12);transform:translateY(-3px) scale(1.04);box-shadow:0 8px 24px rgba(74,158,218,.25),0 1px 0 rgba(255,255,255,.9) inset}
#site-ttt-about .btn-ttt{border-color:rgba(8,153,129,.45);color:var(--muted);background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 8px rgba(0,10,30,.05);padding:7px 10px;width:fit-content}
#site-ttt-about .btn-ttt:hover{border-color:#089981;color:#089981;background:rgba(8,153,129,.12);transform:translateY(-3px) scale(1.04);box-shadow:0 8px 24px rgba(8,153,129,.25),0 1px 0 rgba(255,255,255,.9) inset}
#site-ttt-about .btn-ghost{border-color:rgba(8,153,129,.45);color:var(--muted);padding:7px 10px;width:fit-content}
#site-ttt-about .btn-ghost:hover{border-color:#089981;color:#089981;background:rgba(8,153,129,.12);transform:translateY(-3px) scale(1.04);box-shadow:0 8px 24px rgba(8,153,129,.22),0 1px 0 rgba(255,255,255,.9) inset}
#site-ttt-about .main-nav{display:flex;align-items:center;justify-content:center;gap:2px}
#site-ttt-about .hdr-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}
#site-ttt-about .nav-sister{font-family:var(--font-m) !important;font-size:9px!important;letter-spacing:.05em!important;padding:5px 11px!important;display:inline-flex;align-items:center;border-radius:4px;border:1px solid;transition:background .15s,border-color .15s}
#site-ttt-about .container{max-width:1120px;margin:0 auto;padding:0 24px}
#site-ttt-about .container-narrow{max-width:740px;margin:0 auto;padding:0 24px}
#site-ttt-about .about-hero{padding:68px 0 60px;text-align:center;position:relative;z-index:1}
#site-ttt-about .about-hero h1{font-family:var(--font-h);font-size:clamp(30px,5vw,50px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:18px;color:var(--text)}
#site-ttt-about .about-hero p{font-size:16px;color:var(--muted);line-height:1.7;max-width:560px;margin:0 auto 28px;font-weight:300}
#site-ttt-about .hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
#site-ttt-about .mission-section{padding:52px 0;text-align:center;position:relative;z-index:1}
#site-ttt-about .mission-section h2{font-family:var(--font-h);font-size:clamp(20px,3vw,30px);font-weight:800;margin-bottom:14px;color:var(--text)}
#site-ttt-about .mission-section p{font-size:15px;color:var(--muted);line-height:1.75;max-width:640px;margin:0 auto;font-weight:300}
#site-ttt-about .sites-section{padding:52px 0 60px;position:relative;z-index:1}
#site-ttt-about .sites-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
#site-ttt-about .site-card{border-radius:12px;border:1px solid var(--border);background:var(--bg2);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .3s}
#site-ttt-about .site-card:hover{box-shadow:0 0 0 3px rgba(8,153,129,.12),0 8px 28px rgba(8,153,129,.12)}
#site-ttt-about .site-card.lc-card:hover{border-color:rgba(74,158,218,.6);box-shadow:0 0 0 3px rgba(74,158,218,.1),0 8px 28px rgba(74,158,218,.15)}
#site-ttt-about .site-card.ttt-card:hover{border-color:rgba(8,153,129,.6);box-shadow:0 0 0 3px rgba(8,153,129,.1),0 8px 28px rgba(8,153,129,.15)}
#site-ttt-about .site-card-chart{height:110px;background:#1a1d21;overflow:hidden;flex-shrink:0}
#site-ttt-about .site-card-chart svg{width:100%;height:100%}
#site-ttt-about .site-card-header{padding:26px 28px 20px;border-bottom:1px solid var(--border)}
#site-ttt-about .site-card-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
#site-ttt-about .site-card-logo-text{font-family:var(--font-h);font-weight:800;font-size:17px;color:var(--text)}
#site-ttt-about .site-card-url{font-family:var(--font-m);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}
#site-ttt-about .site-card-title{font-family:var(--font-h);font-size:20px;font-weight:800;line-height:1.25;margin-bottom:10px;color:var(--text)}
#site-ttt-about .site-card-desc{font-size:13.5px;color:var(--muted);line-height:1.7;font-weight:300}
#site-ttt-about .site-card-body{--btn-fill-bg:#089981;--btn-fill-bg2:#067a67;padding:22px 28px 26px;flex:1;display:flex;flex-direction:column;gap:16px}
#site-ttt-about .site-features{display:flex;flex-direction:column;gap:10px;flex:1}
#site-ttt-about .site-feature{display:flex;align-items:flex-start;gap:12px}
#site-ttt-about .feature-icon{width:30px;height:30px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}
#site-ttt-about .lc-card .feature-icon{background:rgba(74,158,218,.1)}
#site-ttt-about .ttt-card .feature-icon{background:rgba(8,153,129,.1)}
#site-ttt-about .site-feature-text strong{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
#site-ttt-about .site-feature-text span{font-size:12px;color:var(--muted);line-height:1.5}
#site-ttt-about .card-btns{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
#site-ttt-about .nl-section{padding:52px 0;position:relative;z-index:1}
#site-ttt-about .nl-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:460px;margin:0 auto;padding:0 24px}
#site-ttt-about .nl-title{font-family:var(--font-h);font-weight:800;font-size:clamp(1.3rem,2.5vw,1.8rem);letter-spacing:-.02em;color:#111111}
#site-ttt-about .nl-sub{font-size:14px;color:var(--muted);font-weight:300}
#site-ttt-about .nl-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px;align-items:center}
#site-ttt-about .nl-input{background:#ffffff;border:1.5px solid var(--border);border-radius:5px;padding:11px 16px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s;width:100%}
#site-ttt-about .nl-input::placeholder{color:var(--faint)}
#site-ttt-about .footer{padding:56px 0 24px;position:relative;z-index:1;background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff);}
#site-ttt-about .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1120px;margin:0 auto;padding:0 24px 36px}
#site-ttt-about .footer-logo-text{font-family:var(--font-h);font-weight:800;font-size:14px;letter-spacing:-.01em;margin-bottom:8px}
#site-ttt-about .footer-tagline{font-size:12px;color:var(--muted);line-height:1.6;font-weight:300;max-width:220px}
#site-ttt-about .footer-x-wrap{margin-top:14px}
#site-ttt-about .footer-x-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.22);background:rgba(0,0,0,.04);text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
#site-ttt-about .footer-x-icon{width:13px;height:13px;flex-shrink:0;color:#888;transition:color .18s}
#site-ttt-about .footer-col-title{font-family:var(--font-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
#site-ttt-about .footer-nav{display:flex;flex-direction:column;gap:9px}
#site-ttt-about .footer-nav a{font-size:13px;color:var(--muted);transition:color .15s}
#site-ttt-about .footer-bottom{display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,10,30,.08);font-size:11px;font-family:var(--font-m);color:var(--faint);text-align:center;max-width:1120px;margin:0 auto;padding:20px 24px 0}
#site-ttt-about .nl-input:focus{border-color:#089981}
#site-ttt-about .footer-nav a:hover{color:#089981}
#site-ttt-about .btn-filled{background:var(--btn-fill-bg);color:#fff !important;border-color:var(--btn-fill-bg) !important}
#site-ttt-about .btn-filled:hover{background:var(--btn-fill-bg2) !important;border-color:var(--btn-fill-bg2) !important;color:#fff !important}
#site-ttt-about .sec-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}
#site-ttt-about .sec-label::before{content:'';display:inline-block;width:14px;height:2px;background:#089981;flex-shrink:0}
#site-ttt-about .nl-label{font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:0;display:flex;align-items:center;justify-content:center;gap:8px}
#site-ttt-about .nl-label::before{content:'';display:inline-block;width:14px;height:2px;background:#089981;flex-shrink:0}


#site-ttt-contact html {font-size:16px;scroll-behavior:smooth}
#site-ttt-contact a {color:inherit;text-decoration:none}
#site-ttt-contact button {cursor:pointer;border:none;background:none;font-family:inherit}
#site-ttt-contact input, #site-ttt-contact textarea {font-family:inherit;font-size:inherit}
#site-ttt-contact body {--acc:#089981;--acc-rgb:8,153,129;--acc2:#067a67;
  --bg:#ffffff;--bg2:#f8f9fa;--bg3:#f1f3f5;--bg4:#e9ecef;
  --border:rgba(0,10,30,.07);--border-md:rgba(0,10,30,.12);
  --text:#111;--muted:#555558;--faint:#999;
  --font-h:"Nunito",sans-serif;
  --font-b:"Roboto",system-ui,sans-serif;
  --font-m:"Roboto Mono",monospace;
  background:var(--bg);color:var(--text);
  font-family:var(--font-b);line-height:1.65;
  -webkit-font-smoothing:antialiased;}
#site-ttt-contact .hdr {position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);background:#ffffff;border-bottom:none}
#site-ttt-contact .hdr-inner {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;max-width:1120px;margin:0 auto;padding:0 24px}
#site-ttt-contact .logo {display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;cursor:pointer;height:34px;flex-shrink:0}
#site-ttt-contact .logo-text {font-family:var(--font-h);font-weight:800;font-size:15px;letter-spacing:-.02em;line-height:1;color:var(--text)}
#site-ttt-contact .logo-text strong {color:var(--acc)}
#site-ttt-contact .main-nav {display:flex;align-items:center;justify-content:center;gap:2px}
#site-ttt-contact .main-nav a {font-size:15px;font-weight:500;color:var(--muted);padding:8px 16px;border-radius:8px;position:relative;overflow:hidden;transition:color .15s,background .15s,transform .22s cubic-bezier(.34,1.28,.64,1);letter-spacing:.01em;text-decoration:none}
#site-ttt-contact .main-nav a:hover {color:#089981;background:rgba(8,153,129,.07);transform:translateY(-2px)}
#site-ttt-contact .main-nav a.active {color:#089981;font-weight:700}
#site-ttt-contact .main-nav a.active::after {content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:18px;height:2.5px;border-radius:2px;background:#089981}
#site-ttt-contact .hdr-right {display:flex;align-items:center;justify-content:flex-end;gap:10px}
#site-ttt-contact .nav-sister {font-family:var(--font-m) !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;padding:8px 16px !important;border-radius:999px !important;border:1.5px solid rgba(74,158,218,.25) !important;color:#4a9eda !important;background:transparent !important;display:inline-flex !important;align-items:center !important;gap:7px !important;transition:background .15s,border-color .15s,transform .25s cubic-bezier(.34,1.28,.64,1),box-shadow .25s !important;text-decoration:none}
#site-ttt-contact .nav-sister:hover {background:rgba(74,158,218,.08) !important;border-color:#4a9eda !important;transform:translateY(-2px) scale(1.05) !important;box-shadow:0 6px 18px rgba(74,158,218,.18) !important}
#site-ttt-contact .hero {padding:80px 0 90px;text-align:center;background:transparent}
#site-ttt-contact .eyebrow {font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}
#site-ttt-contact .eyebrow::before {content:"";display:inline-block;width:14px;height:2px;background:var(--acc)}
#site-ttt-contact .hero h1 {font-family:var(--font-h);font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:18px}
#site-ttt-contact .hero h1 span {color:var(--acc)}
#site-ttt-contact .hero p {font-size:17px;color:var(--muted);line-height:1.7;max-width:420px;margin:0 auto 36px;font-weight:300}
#site-ttt-contact .open-btn {display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;padding:14px 32px;border-radius:999px;cursor:pointer;background:#089981;color:#fff;border:none;font-family:var(--font-b);transition:background .15s,transform .2s cubic-bezier(.34,1.28,.64,1),box-shadow .2s}

#site-ttt-contact .modal-wrap {display:none;position:fixed;inset:0;background:transparent;z-index:500;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
#site-ttt-contact .modal-wrap.open {display:flex}

#site-ttt-contact .modal-card {
  background: rgba(255,255,255,.22);
  -webkit-backdrop-filter: blur(64px) saturate(240%) brightness(1.1);
  backdrop-filter: blur(64px) saturate(240%) brightness(1.1);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 28px;
  width:100%;max-width:400px;
  position:relative;
  overflow:hidden;
  animation:glassIn .35s cubic-bezier(.34,1.28,.64,1);
  box-shadow:
    /* outer glow — accent colored depth */
    0 0 0 1.5px rgba(8,153,129,.18),
    0 0 0 4px rgba(8,153,129,.07),
    /* 3D lift shadow */
    0 8px 16px rgba(0,10,30,.08),
    0 24px 56px rgba(0,10,30,.14),
    0 56px 120px rgba(0,10,30,.18),
    /* bright top inner rim */
    0 1px 0 rgba(255,255,255,.95) inset,
    /* subtle bottom inner shadow */
    0 -1px 0 rgba(0,10,30,.06) inset,
    /* left inner highlight */
    1px 0 0 rgba(255,255,255,.25) inset;
}
#site-ttt-contact .modal-card::before {
  content:'';
  position:absolute;inset:0;
  background: linear-gradient(135deg,
    rgba(255,255,255,.35) 0%,
    rgba(255,255,255,.08) 35%,
    rgba(255,255,255,0) 65%,
    rgba(0,10,30,.04) 100%);
  pointer-events:none;border-radius:28px;z-index:0;
}
#site-ttt-contact .modal-card::after {
  content:'';
  position:absolute;top:0;left:10%;right:10%;height:1.5px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.95) 40%,
    rgba(255,255,255,.95) 60%,
    rgba(255,255,255,0) 100%);
  pointer-events:none;z-index:2;border-radius:999px;
}
@keyframes glassIn{from{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
#site-ttt-contact .modal-top {
  padding:22px 22px 0;
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
#site-ttt-contact .modal-top strong {
  font-family:var(--font-h);font-size:22px;font-weight:800;color:rgba(10,15,30,.88);
  letter-spacing:-.02em;line-height:1.2;flex:1
}
#site-ttt-contact .modal-xbtn {
  width:26px;height:26px;border-radius:50%;
  background:rgba(120,130,150,.15);
  border:1px solid rgba(255,255,255,.5);
  color:rgba(60,70,90,.7);
  display:flex;align-items:center;justify-content:center;font-size:12px;
  flex-shrink:0;margin-top:3px;
  transition:background .15s,color .15s;
  backdrop-filter:blur(4px)
}
#site-ttt-contact .modal-fields {padding:16px 22px 22px;display:flex;flex-direction:column;gap:12px}
#site-ttt-contact .modal-fields label {display:none}
#site-ttt-contact .modal-fields .f {position:relative}
#site-ttt-contact .modal-fields input,
#site-ttt-contact .modal-fields textarea {
  width:100%;box-sizing:border-box;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.4);
  border-radius:11px;
  padding:12px 14px;
  font-size:14px;color:rgba(10,15,30,.85);
  outline:none;
  transition:border-color .2s,background .2s,box-shadow .2s;
  resize:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  caret-color:#089981;
  caret-width:2px
}
#site-ttt-contact .modal-fields input::placeholder,
#site-ttt-contact .modal-fields textarea::placeholder {color:transparent}
#site-ttt-contact .modal-fields input:focus,
#site-ttt-contact .modal-fields textarea:focus {
  border-color:rgba(8,153,129,.45);
  background:rgba(255,255,255,.75);
  box-shadow:0 0 0 3px rgba(8,153,129,.12), 0 0 14px rgba(8,153,129,.08);
}
#site-ttt-contact .modal-fields textarea {height:100px}
#site-ttt-contact .fbtn {
  width:100%;
  background:linear-gradient(135deg,rgba(8,153,129,.9),rgba(8,153,129,.75));
  border:1px solid rgba(8,153,129,.3);
  color:#fff;padding:13px;border-radius:11px;
  font-size:14px;font-weight:700;font-family:var(--font-b);
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(8,153,129,.3), 0 1px 0 rgba(255,255,255,.2) inset;
  transition:transform .15s,box-shadow .15s,background .15s;
  backdrop-filter:blur(4px)
}
#site-ttt-contact .fbtn:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(8,153,129,.38), 0 1px 0 rgba(255,255,255,.2) inset;
  background:linear-gradient(135deg,rgba(8,153,129,1),rgba(8,153,129,.85))
}
#site-ttt-contact .fbtn:active {transform:translateY(0);box-shadow:0 2px 8px rgba(8,153,129,.25)}
#site-ttt-contact .ferr {font-size:12px;color:#e05;min-height:14px;text-align:center}
#site-ttt-contact .open-btn:hover {background:#0bbfa6;transform:translateY(-3px) scale(1.04);box-shadow:0 10px 28px rgba(8,153,129,.45)}
#site-ttt-contact .footer {padding:56px 0 24px;position:relative;z-index:1;background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff);}
#site-ttt-contact .footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1120px;margin:0 auto;padding:0 24px 40px}
#site-ttt-contact .footer-logo-text {font-family:var(--font-h);font-weight:800;font-size:14px;letter-spacing:-.01em;margin-bottom:8px}
#site-ttt-contact .footer-logo-text strong {color:var(--acc)}
#site-ttt-contact .footer-tagline {font-size:12px;color:var(--muted);line-height:1.6;font-weight:300;max-width:220px}
#site-ttt-contact .footer-x-wrap {margin-top:14px}
#site-ttt-contact .footer-x-btn {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.22);background:rgba(0,0,0,.04);text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s,color .18s}
#site-ttt-contact .footer-x-icon {width:13px;height:13px;flex-shrink:0;color:#888;transition:color .18s}
#site-ttt-contact .footer-col-title {font-family:var(--font-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
#site-ttt-contact .footer-nav {display:flex;flex-direction:column;gap:9px}
#site-ttt-contact .footer-nav a {font-size:13px;color:var(--muted);transition:color .15s;text-decoration:none}
#site-ttt-contact .footer-nav a:hover {color:var(--acc)}
#site-ttt-contact .footer-bottom {display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,10,30,.08);font-size:11px;font-family:var(--font-m);color:var(--faint);text-align:center;max-width:1120px;margin:0 auto;padding:20px 24px 0}
#site-ttt-contact .f {margin-bottom:16px}
#site-ttt-contact .f label {display:block;font-size:11px;font-weight:700;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
#site-ttt-contact .f input, #site-ttt-contact .f textarea {width:100%;background:var(--bg2);border:1.5px solid var(--border-md);border-radius:9px;padding:11px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:var(--font-b)}
#site-ttt-contact .f input:focus, #site-ttt-contact .f textarea:focus {border-color:#089981;box-shadow:0 0 0 3px rgba(8,153,129,.12)}
#site-ttt-contact .f textarea {resize:none;height:100px;line-height:1.55}
#site-ttt-contact .ferr {font-size:12px;color:#c0392b;margin-bottom:12px;display:none;font-family:var(--font-m)}
#site-ttt-contact .ferr.show {display:block}


#site-ttt-contact html {font-size:16px;scroll-behavior:smooth}
#site-ttt-contact a {color:inherit;text-decoration:none}
#site-ttt-contact button {cursor:pointer;border:none;background:none;font-family:inherit}
#site-ttt-contact input, #site-ttt-contact textarea {font-family:inherit;font-size:inherit}
#site-ttt-contact body {--acc:#089981;--acc-rgb:8,153,129;--acc2:#067a67;
  --bg:#ffffff;--bg2:#f8f9fa;--bg3:#f1f3f5;--bg4:#e9ecef;
  --border:rgba(0,10,30,.07);--border-md:rgba(0,10,30,.12);
  --text:#111;--muted:#555558;--faint:#999;
  --font-h:"Nunito",sans-serif;
  --font-b:"Roboto",system-ui,sans-serif;
  --font-m:"Roboto Mono",monospace;
  background:var(--bg);color:var(--text);
  font-family:var(--font-b);line-height:1.65;
  -webkit-font-smoothing:antialiased;}
#site-ttt-contact .hdr {position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);background:#ffffff;border-bottom:none}
#site-ttt-contact .hdr-inner {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;max-width:1120px;margin:0 auto;padding:0 24px}
#site-ttt-contact .logo {display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;cursor:pointer;height:34px;flex-shrink:0}
#site-ttt-contact .logo-text {font-family:var(--font-h);font-weight:800;font-size:15px;letter-spacing:-.02em;line-height:1;color:var(--text)}
#site-ttt-contact .logo-text strong {color:var(--acc)}
#site-ttt-contact .main-nav {display:flex;align-items:center;justify-content:center;gap:2px}
#site-ttt-contact .main-nav a {font-size:15px;font-weight:500;color:var(--muted);padding:8px 16px;border-radius:8px;position:relative;overflow:hidden;transition:color .15s,background .15s,transform .22s cubic-bezier(.34,1.28,.64,1);letter-spacing:.01em;text-decoration:none}
#site-ttt-contact .main-nav a:hover {color:#089981;background:rgba(8,153,129,.07);transform:translateY(-2px)}
#site-ttt-contact .main-nav a.active {color:#089981;font-weight:700}
#site-ttt-contact .main-nav a.active::after {content:"";position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:18px;height:2.5px;border-radius:2px;background:#089981}
#site-ttt-contact .hdr-right {display:flex;align-items:center;justify-content:flex-end;gap:10px}
#site-ttt-contact .nav-sister {font-family:var(--font-m) !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:.1em !important;text-transform:uppercase !important;padding:8px 16px !important;border-radius:999px !important;border:1.5px solid rgba(74,158,218,.25) !important;color:#4a9eda !important;background:transparent !important;display:inline-flex !important;align-items:center !important;gap:7px !important;transition:background .15s,border-color .15s,transform .25s cubic-bezier(.34,1.28,.64,1),box-shadow .25s !important;text-decoration:none}
#site-ttt-contact .nav-sister:hover {background:rgba(74,158,218,.08) !important;border-color:#4a9eda !important;transform:translateY(-2px) scale(1.05) !important;box-shadow:0 6px 18px rgba(74,158,218,.18) !important}
#site-ttt-contact .hero {padding:80px 0 90px;text-align:center;background:transparent}
#site-ttt-contact .eyebrow {font-family:var(--font-m);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#666;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}
#site-ttt-contact .eyebrow::before {content:"";display:inline-block;width:14px;height:2px;background:var(--acc)}
#site-ttt-contact .hero h1 {font-family:var(--font-h);font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:18px}
#site-ttt-contact .hero h1 span {color:var(--acc)}
#site-ttt-contact .hero p {font-size:17px;color:var(--muted);line-height:1.7;max-width:420px;margin:0 auto 36px;font-weight:300}
#site-ttt-contact .open-btn {display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;padding:14px 32px;border-radius:999px;cursor:pointer;background:#089981;color:#fff;border:none;font-family:var(--font-b);transition:background .15s,transform .2s cubic-bezier(.34,1.28,.64,1),box-shadow .2s}

#site-ttt-contact .modal-wrap {display:none;position:fixed;inset:0;background:transparent;z-index:500;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
#site-ttt-contact .modal-wrap.open {display:flex}

#site-ttt-contact .modal-card {
  background: rgba(255,255,255,.22);
  -webkit-backdrop-filter: blur(64px) saturate(240%) brightness(1.1);
  backdrop-filter: blur(64px) saturate(240%) brightness(1.1);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 28px;
  width:100%;max-width:400px;
  position:relative;
  overflow:hidden;
  animation:glassIn .35s cubic-bezier(.34,1.28,.64,1);
  box-shadow:
    /* outer glow — accent colored depth */
    0 0 0 1.5px rgba(8,153,129,.18),
    0 0 0 4px rgba(8,153,129,.07),
    /* 3D lift shadow */
    0 8px 16px rgba(0,10,30,.08),
    0 24px 56px rgba(0,10,30,.14),
    0 56px 120px rgba(0,10,30,.18),
    /* bright top inner rim */
    0 1px 0 rgba(255,255,255,.95) inset,
    /* subtle bottom inner shadow */
    0 -1px 0 rgba(0,10,30,.06) inset,
    /* left inner highlight */
    1px 0 0 rgba(255,255,255,.25) inset;
}
#site-ttt-contact .modal-card::before {
  content:'';
  position:absolute;inset:0;
  background: linear-gradient(135deg,
    rgba(255,255,255,.35) 0%,
    rgba(255,255,255,.08) 35%,
    rgba(255,255,255,0) 65%,
    rgba(0,10,30,.04) 100%);
  pointer-events:none;border-radius:28px;z-index:0;
}
#site-ttt-contact .modal-card::after {
  content:'';
  position:absolute;top:0;left:10%;right:10%;height:1.5px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.95) 40%,
    rgba(255,255,255,.95) 60%,
    rgba(255,255,255,0) 100%);
  pointer-events:none;z-index:2;border-radius:999px;
}
@keyframes glassIn{from{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
#site-ttt-contact .modal-top {
  padding:22px 22px 0;
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
#site-ttt-contact .modal-top strong {
  font-family:var(--font-h);font-size:22px;font-weight:800;color:rgba(10,15,30,.88);
  letter-spacing:-.02em;line-height:1.2;flex:1
}
#site-ttt-contact .modal-xbtn {
  width:26px;height:26px;border-radius:50%;
  background:rgba(120,130,150,.15);
  border:1px solid rgba(255,255,255,.5);
  color:rgba(60,70,90,.7);
  display:flex;align-items:center;justify-content:center;font-size:12px;
  flex-shrink:0;margin-top:3px;
  transition:background .15s,color .15s;
  backdrop-filter:blur(4px)
}
#site-ttt-contact .modal-fields {padding:16px 22px 22px;display:flex;flex-direction:column;gap:12px}
#site-ttt-contact .modal-fields label {display:none}
#site-ttt-contact .modal-fields .f {position:relative}
#site-ttt-contact .modal-fields input,
#site-ttt-contact .modal-fields textarea {
  width:100%;box-sizing:border-box;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.4);
  border-radius:11px;
  padding:12px 14px;
  font-size:14px;color:rgba(10,15,30,.85);
  outline:none;
  transition:border-color .2s,background .2s,box-shadow .2s;
  resize:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  caret-color:#089981;
  caret-width:2px
}
#site-ttt-contact .modal-fields input::placeholder,
#site-ttt-contact .modal-fields textarea::placeholder {color:transparent}
#site-ttt-contact .modal-fields input:focus,
#site-ttt-contact .modal-fields textarea:focus {
  border-color:rgba(8,153,129,.45);
  background:rgba(255,255,255,.75);
  box-shadow:0 0 0 3px rgba(8,153,129,.12), 0 0 14px rgba(8,153,129,.08);
}
#site-ttt-contact .modal-fields textarea {height:100px}
#site-ttt-contact .fbtn {
  width:100%;
  background:linear-gradient(135deg,rgba(8,153,129,.9),rgba(8,153,129,.75));
  border:1px solid rgba(8,153,129,.3);
  color:#fff;padding:13px;border-radius:11px;
  font-size:14px;font-weight:700;font-family:var(--font-b);
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(8,153,129,.3), 0 1px 0 rgba(255,255,255,.2) inset;
  transition:transform .15s,box-shadow .15s,background .15s;
  backdrop-filter:blur(4px)
}
#site-ttt-contact .fbtn:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(8,153,129,.38), 0 1px 0 rgba(255,255,255,.2) inset;
  background:linear-gradient(135deg,rgba(8,153,129,1),rgba(8,153,129,.85))
}
#site-ttt-contact .fbtn:active {transform:translateY(0);box-shadow:0 2px 8px rgba(8,153,129,.25)}
#site-ttt-contact .ferr {font-size:12px;color:#e05;min-height:14px;text-align:center}
#site-ttt-contact .open-btn:hover {background:#0bbfa6;transform:translateY(-3px) scale(1.04);box-shadow:0 10px 28px rgba(8,153,129,.45)}
#site-ttt-contact .footer {padding:56px 0 24px;position:relative;z-index:1;background: repeating-linear-gradient(150deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.003) .5px,rgba(0,0,0,.008) 2px,rgba(0,0,0,.014) 3.5px,rgba(0,0,0,.019) 5px,rgba(0,0,0,.025) 6px,rgba(0,0,0,.019) 7px,rgba(0,0,0,.014) 8.5px,rgba(0,0,0,.008) 10px,rgba(0,0,0,.003) 11.5px,rgba(0,0,0,0) 13px,rgba(0,0,0,0) 28px), linear-gradient(to bottom,#f0f2f5,#fff);}
#site-ttt-contact .footer-grid {display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1120px;margin:0 auto;padding:0 24px 40px}
#site-ttt-contact .footer-logo-text {font-family:var(--font-h);font-weight:800;font-size:14px;letter-spacing:-.01em;margin-bottom:8px}
#site-ttt-contact .footer-logo-text strong {color:var(--acc)}
#site-ttt-contact .footer-tagline {font-size:12px;color:var(--muted);line-height:1.6;font-weight:300;max-width:220px}
#site-ttt-contact .footer-x-wrap {margin-top:14px}
#site-ttt-contact .footer-x-btn {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.22);background:rgba(0,0,0,.04);text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s,color .18s}
#site-ttt-contact .footer-x-icon {width:13px;height:13px;flex-shrink:0;color:#888;transition:color .18s}
#site-ttt-contact .footer-col-title {font-family:var(--font-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
#site-ttt-contact .footer-nav {display:flex;flex-direction:column;gap:9px}
#site-ttt-contact .footer-nav a {font-size:13px;color:var(--muted);transition:color .15s;text-decoration:none}
#site-ttt-contact .footer-nav a:hover {color:var(--acc)}
#site-ttt-contact .footer-bottom {display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,10,30,.08);font-size:11px;font-family:var(--font-m);color:var(--faint);text-align:center;max-width:1120px;margin:0 auto;padding:20px 24px 0}
#site-ttt-contact .f {margin-bottom:16px}
#site-ttt-contact .f label {display:block;font-size:11px;font-weight:700;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
#site-ttt-contact .f input, #site-ttt-contact .f textarea {width:100%;background:var(--bg2);border:1.5px solid var(--border-md);border-radius:9px;padding:11px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:var(--font-b)}
#site-ttt-contact .f input:focus, #site-ttt-contact .f textarea:focus {border-color:#089981;box-shadow:0 0 0 3px rgba(8,153,129,.12)}
#site-ttt-contact .f textarea {resize:none;height:100px;line-height:1.55}
#site-ttt-contact .ferr {font-size:12px;color:#c0392b;margin-bottom:12px;display:none;font-family:var(--font-m)}
#site-ttt-contact .ferr.show {display:block}


@keyframes nlPop{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}


#lm-wrap{display:none;position:fixed;inset:0;z-index:20000;background:rgba(15,20,40,.5);backdrop-filter:blur(5px);align-items:flex-start;justify-content:center;padding:48px 20px 32px;overflow-y:auto;box-sizing:border-box}
#lm-wrap.open{display:flex}
#lm-box{background:#fff;border-radius:14px;width:100%;max-width:680px;box-shadow:0 32px 80px rgba(0,0,20,.2);overflow:hidden;animation:lmPop .25s cubic-bezier(.34,1.28,.64,1)}
@keyframes lmPop{from{transform:scale(.94) translateY(-8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
#lm-tabs{display:flex;gap:0;padding:0 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef}
.lm-tab{font-family:'Roboto Mono',monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:12px 16px;border:none;background:transparent;cursor:pointer;color:#999;font-weight:700;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}
.lm-tab:hover{color:#555}
.lm-tab.on{color:#111;border-bottom-color:#111}
#lm-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 0}
#lm-title{font-family:'Nunito',sans-serif;font-weight:800;font-size:19px;color:#0d1117;margin:0}
#lm-x{width:28px;height:28px;border-radius:6px;border:none;background:#f1f3f5;cursor:pointer;font-size:15px;color:#555;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}
#lm-x:hover{background:#e2e5ea}
#lm-body{padding:20px 24px 36px;font-size:14px;line-height:1.8;color:#444;max-height:65vh;overflow-y:auto}
#lm-body h3{font-family:'Nunito',sans-serif;font-weight:800;font-size:14px;color:#111;margin:20px 0 6px;text-transform:uppercase;letter-spacing:.04em}
#lm-body h3:first-child{margin-top:0}
#lm-body p,#lm-body ul{margin:0 0 12px}
#lm-body ul{padding-left:18px}
#lm-body li{margin-bottom:5px}
#lm-body .updated{font-size:11px;color:#bbb;display:block;margin-bottom:16px;font-family:'Roboto Mono',monospace}
#lm-body strong{color:#222}


/* WordPress overrides */
.site{display:block!important}
body{padding-top:0!important;background:#fff!important;overflow-x:hidden}

/* Blog grid */
.wp-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
@media(max-width:680px){.wp-blog-grid{grid-template-columns:1fr}}

/* WP Pagination */
.pagination a,.pagination span{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:8px;font-size:13px;font-family:'Roboto Mono',monospace;border:1px solid rgba(0,10,30,.07);background:#fff;color:#111;cursor:pointer;transition:all .15s}
.pagination a:hover{border-color:#089981;color:#089981}
.pagination .current{background:#089981;color:#fff;border-color:#089981}
.pagination .prev,.pagination .next{font-size:18px}

/* Prose (single post) */
.prose{font-size:17px;line-height:1.85;color:#333}
.prose h2{font-family:var(--font-h);font-weight:800;font-size:24px;margin:40px 0 16px;color:#111}
.prose h3{font-family:var(--font-h);font-weight:700;font-size:20px;margin:32px 0 12px;color:#111}
.prose p{margin:0 0 20px}
.prose img{border-radius:10px;margin:24px 0}
.prose blockquote{border-left:3px solid #089981;padding:12px 20px;margin:24px 0;background:rgba(8,153,129,.04);border-radius:0 8px 8px 0;font-style:italic}
.prose ul,.prose ol{margin:0 0 20px;padding-left:24px}
.prose li{margin-bottom:8px}
.prose a{color:#089981;text-decoration:underline;text-underline-offset:2px}
.prose code{background:#f1f3f5;padding:2px 6px;border-radius:4px;font-size:14px;font-family:var(--font-m)}
.prose pre{background:#1a1d21;color:#e2e8f0;padding:20px;border-radius:10px;overflow-x:auto;margin:24px 0}
.prose pre code{background:none;padding:0;color:inherit}
.post-tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-family:var(--font-m);letter-spacing:.04em;text-transform:uppercase;background:#f1f3f5;color:#555;margin:0 6px 6px 0}

/* About page mobile responsive */
@media(max-width:700px){
  #site-ttt-about .sites-grid{grid-template-columns:1fr}
  #site-ttt-about .footer-grid{grid-template-columns:1fr;gap:24px}
  #site-ttt-about .about-hero{padding:48px 0 40px}
  #site-ttt-about .sites-section{padding:36px 0 44px}
  #site-ttt-about .mission-section{padding:36px 0}
  #site-ttt-about .site-card-header{padding:20px 20px 16px}
  #site-ttt-about .site-card-body{padding:18px 20px 22px}
}


/* ══════════════════════════════════════════════════════
   MOBILE BOTTOM NAV — fixed toolbar, glass morphism
   Shows on mobile only. Desktop keeps the top header.
   ══════════════════════════════════════════════════════ */

/* ── Device detection classes ── */
body.is-mobile { padding-bottom: 72px !important; }
body.is-mobile .main-nav { display: none !important; }
body.is-mobile .hdr-right { display: none !important; }
body.is-mobile .hdr-inner {
  grid-template-columns: 1fr auto 1fr;
  justify-items: center;
  padding: 0 16px !important;
}
body.is-mobile .hdr-inner .logo { grid-column: 2; }
body.is-mobile .hdr-inner .mobile-x-btn { grid-column: 3; justify-self: end; }
body.is-mobile .hdr { height: 52px; }
body.is-mobile .hdr-inner { height: 52px; }

/* MOBILE: hide footer nav/copyright — bottom nav covers navigation. Keep newsletter. */
body.is-mobile .footer { display: none !important; }

body.is-desktop .bottom-nav { display: none !important; }
body.is-desktop .mobile-x-btn { display: none !important; }

/* ── Mobile X (Twitter) button in top header ── */
.mobile-x-btn {
  display: none;
  align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border-radius: 8px;
  color: var(--muted);
  transition: color .15s, background .15s, transform .2s cubic-bezier(.34,1.28,.64,1);
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
.mobile-x-btn svg { width: 16px; height: 16px; }
.mobile-x-btn:active { color: var(--acc); background: rgba(var(--acc-rgb),.08); transform: scale(.92); }
body.is-mobile .mobile-x-btn { display: flex; }

/* ── Bottom nav bar ── */
.bottom-nav {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  border-top: 1px solid rgba(255,255,255,.6);
  box-shadow: 0 -1px 0 rgba(0,10,30,.04), 0 -4px 24px rgba(0,10,30,.06);
  padding-bottom: env(safe-area-inset-bottom, 0);
}
.bottom-nav-inner {
  display: flex; align-items: stretch; justify-content: space-around;
  max-width: 520px; margin: 0 auto;
  height: 60px; padding: 0 4px;
}
.bnav-item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; flex: 1; padding: 6px 0 4px;
  color: var(--faint);
  position: relative;
  transition: color .2s;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
.bnav-item svg {
  width: 22px; height: 22px;
  transition: transform .3s cubic-bezier(.34,1.5,.64,1), color .2s;
}
.bnav-item span {
  font-family: var(--font-m); font-size: 9px; letter-spacing: .06em;
  text-transform: uppercase; font-weight: 600;
  transition: color .2s, transform .2s;
}
.bnav-item.active { color: var(--acc); }
.bnav-item.active svg { transform: scale(1.12); }
.bnav-item.active::after {
  content: ''; position: absolute; top: 2px; left: 50%;
  transform: translateX(-50%);
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--acc);
  animation: bnavDotPop .35s cubic-bezier(.34,1.5,.64,1);
}
@keyframes bnavDotPop { from{transform:translateX(-50%) scale(0)} to{transform:translateX(-50%) scale(1)} }
.bnav-item::before {
  content: ''; position: absolute; inset: 6px 8px;
  border-radius: 12px;
  background: rgba(var(--acc-rgb), 0);
  transition: background .2s;
}
.bnav-item:active::before {
  background: rgba(var(--acc-rgb), .08);
}

/* Sister site item */
.bnav-sister .bnav-sister-ring {
  width: 24px; height: 24px;
  border-radius: 6px;
  border: 1.5px solid;
  display: flex; align-items: center; justify-content: center;
  transition: transform .3s cubic-bezier(.34,1.5,.64,1), border-color .2s, background .2s;
}
.lc .bnav-sister .bnav-sister-ring,
.lc-bg .bnav-sister .bnav-sister-ring { border-color: rgba(8,153,129,.35); color: #089981; }
.lc .bnav-sister span,
.lc-bg .bnav-sister span { color: #089981; }
.ttt .bnav-sister .bnav-sister-ring,
.ttt-bg .bnav-sister .bnav-sister-ring { border-color: rgba(74,158,218,.35); color: #4a9eda; }
.ttt .bnav-sister span,
.ttt-bg .bnav-sister span { color: #4a9eda; }
.bnav-sister:active .bnav-sister-ring {
  transform: scale(1.15);
}

/* ── About & Contact page mobile overrides ──
   These pages have high-specificity scoped CSS (#site-ttt-about .main-nav etc)
   that would override generic body.is-mobile rules. We match that specificity. */
body.is-mobile #site-ttt-about .main-nav,
body.is-mobile #site-ttt-contact .main-nav { display: none !important; }
body.is-mobile #site-ttt-about .hdr-right,
body.is-mobile #site-ttt-contact .hdr-right { display: none !important; }
body.is-mobile #site-ttt-about .hdr-inner,
body.is-mobile #site-ttt-contact .hdr-inner { grid-template-columns: 1fr auto 1fr !important; justify-items: center !important; height: 52px !important; padding: 0 16px !important; }
body.is-mobile #site-ttt-about .hdr-inner .logo,
body.is-mobile #site-ttt-contact .hdr-inner .logo { grid-column: 2 !important; }
body.is-mobile #site-ttt-about .hdr-inner .mobile-x-btn,
body.is-mobile #site-ttt-contact .hdr-inner .mobile-x-btn { grid-column: 3 !important; justify-self: end !important; }
body.is-mobile #site-ttt-about .hdr,
body.is-mobile #site-ttt-contact .hdr { height: 52px !important; }
body.is-mobile #site-ttt-about .mobile-x-btn,
body.is-mobile #site-ttt-contact .mobile-x-btn { display: flex !important; }