﻿:root{
  --tl7e-green:#0f5f4a;
  --tl7e-green-dark:#0a4638;
  --tl7e-gold:#c58c0a;
  --tl7e-cream:#f7f5ed;
  --tl7e-soft:#f4f8f6;
  --tl7e-text:#17332b;
  --tl7e-muted:#667a73;
  --tl7e-border:#dfe8e3;
}

.tl7e-hero{
  position:relative;
  overflow:hidden;
  padding:92px 0 86px;
  background:
    radial-gradient(circle at 12% 12%,rgba(197,140,10,.12),transparent 24%),
    radial-gradient(circle at 88% 72%,rgba(15,95,74,.12),transparent 26%),
    linear-gradient(180deg,#fff,#fbfcf9);
}
.tl7e-hero h1{
  max-width:780px;
  margin:.7rem 0 1rem;
  font-weight:900;
  line-height:1.22;
  font-size:clamp(2.25rem,5vw,4.65rem);
  color:var(--tl7e-green-dark);
}
.tl7e-lead{
  max-width:760px;
  color:var(--tl7e-muted);
  font-size:1.12rem;
  line-height:1.95;
}
.tl7e-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .9rem;
  border-radius:999px;
  background:#eef7f3;
  color:var(--tl7e-green);
  font-size:.84rem;
  font-weight:800;
}
.tl7e-hero-card{
  padding:2rem;
  border:1px solid rgba(15,95,74,.12);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 30px 80px rgba(15,95,74,.12);
}
.tl7e-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
}
.tl7e-mini-grid>div{
  padding:1rem;
  border:1px solid var(--tl7e-border);
  border-radius:16px;
  background:#fff;
}
.tl7e-mini-grid strong,
.tl7e-mini-grid span{display:block}
.tl7e-mini-grid strong{color:var(--tl7e-green);font-size:.82rem}
.tl7e-mini-grid span{margin-top:.25rem;color:var(--tl7e-muted);font-size:.78rem}
.tl7e-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.1rem;
  color:var(--tl7e-muted);
  font-size:.84rem;
  font-weight:700;
}

.tl7e-section{padding:76px 0}
.tl7e-section-soft{background:var(--tl7e-soft)}
.tl7e-section-head{max-width:720px;margin:0 auto 2.5rem}
.tl7e-section-head h2,
.tl7e-inner-hero h1,
.tl7e-audience-card h2,
.tl7e-security h2,
.tl7e-content-card h2,
.tl7e-legal-card h2,
.tl7e-contact-card h2{
  color:var(--tl7e-green-dark);
  font-weight:900;
}
.tl7e-section-head p{color:var(--tl7e-muted)}

.tl7e-step-card,
.tl7e-feature,
.tl7e-audience-card,
.tl7e-content-card,
.tl7e-contact-card{
  height:100%;
  padding:1.6rem;
  border:1px solid var(--tl7e-border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,95,74,.04);
}
.tl7e-step-no{
  display:inline-block;
  margin-bottom:1rem;
  color:var(--tl7e-gold);
  font-size:1.75rem;
  font-weight:900;
}
.tl7e-step-card h3,
.tl7e-feature h3{
  color:var(--tl7e-green-dark);
  font-size:1.06rem;
  font-weight:900;
}
.tl7e-step-card p,
.tl7e-feature p,
.tl7e-audience-card li,
.tl7e-content-card p,
.tl7e-contact-card p{
  color:var(--tl7e-muted);
  line-height:1.8;
}
.tl7e-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:1rem;
  border-radius:14px;
  background:#eef7f3;
  color:var(--tl7e-green);
  font-weight:900;
}

.tl7e-audience-card ul,
.tl7e-clean-list{
  padding:0;
  margin:1rem 0 1.5rem;
  list-style:none;
}
.tl7e-audience-card li,
.tl7e-clean-list li{
  position:relative;
  padding:.55rem 1.6rem .55rem 0;
}
.tl7e-audience-card li::before,
.tl7e-clean-list li::before{
  content:"✓";
  position:absolute;
  right:0;
  color:var(--tl7e-gold);
  font-weight:900;
}

.tl7e-security{
  color:#fff;
  background:
    radial-gradient(circle at 15% 15%,rgba(197,140,10,.18),transparent 28%),
    linear-gradient(135deg,var(--tl7e-green-dark),var(--tl7e-green));
}
.tl7e-security h2{color:#fff}
.tl7e-security p{color:rgba(255,255,255,.72);line-height:1.9}
.tl7e-security .tl-kicker{color:#f1c86f}
.tl7e-security-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
}
.tl7e-security-grid>div{
  padding:1rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
}
.tl7e-security-grid strong,
.tl7e-security-grid span{display:block}
.tl7e-security-grid span{margin-top:.2rem;color:rgba(255,255,255,.7);font-size:.82rem}

.tl7e-faq .accordion-item{
  overflow:hidden;
  margin-bottom:.75rem;
  border:1px solid var(--tl7e-border);
  border-radius:16px!important;
}
.tl7e-faq .accordion-button{font-weight:800;color:var(--tl7e-green-dark)}
.tl7e-faq .accordion-button:not(.collapsed){
  background:#f1f8f5;
  color:var(--tl7e-green);
  box-shadow:none;
}

.tl7e-cta{
  padding:64px 0;
  color:#fff;
  background:linear-gradient(135deg,var(--tl7e-green),var(--tl7e-green-dark));
}
.tl7e-cta h2{font-weight:900}
.tl7e-cta p{color:rgba(255,255,255,.72)}

.tl7e-inner-hero{
  padding:62px 0;
  border-bottom:1px solid var(--tl7e-border);
  background:linear-gradient(180deg,#fff,#f6faf8);
}
.tl7e-inner-hero h1{
  margin:.5rem 0 .65rem;
  font-size:clamp(2rem,4vw,3.5rem);
}
.tl7e-inner-hero p{margin:0;color:var(--tl7e-muted)}

.tl7e-legal-card{
  max-width:900px;
  margin:0 auto;
  padding:2rem;
  border:1px solid var(--tl7e-border);
  border-radius:24px;
  background:#fff;
}
.tl7e-legal-card h2{
  margin-top:1.8rem;
  font-size:1.15rem;
}
.tl7e-legal-card h2:first-child{margin-top:0}
.tl7e-legal-card p{color:var(--tl7e-muted);line-height:1.95}
.tl7e-legal-note{
  max-width:900px;
  margin:1rem auto 0;
  padding:.9rem 1rem;
  border-radius:14px;
  background:#fff8e8;
  color:#7a5b0d;
  font-size:.82rem;
}

.tl7e-public-footer{
  padding:52px 0 30px;
  color:#fff;
  background:#082f27;
}
.tl7e-public-footer a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
}
.tl7e-public-footer a:hover{color:#fff}
.tl7e-footer-copy{
  margin-top:1.5rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.45);
  font-size:.78rem;
}
.tl7e-public-nav .nav-link{
  color:#536861;
  font-size:.9rem;
  font-weight:700;
}
.tl7e-public-nav .nav-link:hover{color:var(--tl7e-green)}
.tl7e-mobile-entry{
  display:none;
}

@media(max-width:991px){
  .tl7e-hero{padding:64px 0}
  .tl7e-section{padding:58px 0}
  .tl7e-public-nav{display:none!important}
  .tl7e-mobile-entry{display:flex}
}
@media(max-width:575px){
  .tl7e-hero h1{font-size:2.25rem}
  .tl7e-mini-grid,
  .tl7e-security-grid{grid-template-columns:1fr}
  .tl7e-hero-card{padding:1.3rem}
  .tl7e-legal-card{padding:1.3rem}
}
