:root{
  --bg: #0a0a0a;
  --fg: #ffffff;
  --muted: rgba(255,255,255,0.72);
  --soft: rgba(255,255,255,0.06);
  --ring: rgba(255,255,255,0.14);
  --pink: #f472b6;
  --pink-2: #f9a8d4;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--pink);text-decoration:none}
a:hover{opacity:.9}

.tdl-container{max-width:1200px;margin:0 auto;padding:0 1rem}
.tdl-header{position:sticky;top:0;backdrop-filter:saturate(180%) blur(10px);background:rgba(0,0,0,.5);border-bottom:1px solid var(--ring);z-index:40}
.tdl-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.tdl-brand{display:flex;align-items:center;gap:.6rem;color:var(--fg)}
.tdl-logo-img{height:36px;width:auto;display:block}
@media (min-width:768px){.tdl-logo-img{height:40px}}
.tdl-brand-text{font-weight:600;letter-spacing:.2px}
.tdl-nav{display:flex;align-items:center;gap:1rem}
.tdl-menu{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.tdl-menu li a{color:var(--fg)}
.tdl-cta{background:var(--pink);color:#000;padding:.6rem 1rem;border-radius:9999px;font-weight:700}

.tdl-hero{position:relative;overflow:hidden;padding:5rem 0 4rem}
.tdl-hero:before, .tdl-hero:after{content:"";position:absolute;filter:blur(80px);z-index:-1}
.tdl-hero:before{width:320px;height:320px;right:-80px;top:-80px;background:rgba(244,114,182,.25);border-radius:50%}
.tdl-hero:after{width:320px;height:320px;left:-80px;bottom:-80px;background:rgba(249,168,212,.15);border-radius:50%}
.tdl-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#f9a8d4}
.tdl-hero-title{font-size:clamp(2rem, 4vw + 1rem, 4rem);line-height:1.1;font-weight:800;margin:.5rem 0 1rem}
.tdl-hero-sub{color:var(--muted);max-width:52ch}
.tdl-hero-actions{display:flex;gap:.75rem;margin-top:1.25rem}
.tdl-btn{display:inline-block;padding:.9rem 1.2rem;border-radius:9999px;font-weight:700;border:1px solid transparent}
.tdl-btn--primary{background:var(--pink);color:#000}
.tdl-btn--ghost{border-color:var(--ring);color:var(--fg)}
.tdl-hero-tags{display:flex;gap:1rem;color:var(--muted);font-size:.85rem;margin-top:1rem;flex-wrap:wrap}

.tdl-badges{padding:1.25rem 0;border-top:1px solid var(--ring)}
.tdl-badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;opacity:.8}
@media(min-width:640px){.tdl-badges-grid{grid-template-columns:repeat(4,1fr)}}
.tdl-badge{height:40px;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--ring);border-radius:.75rem;font-size:.85rem}

.tdl-section{padding:3.5rem 0}
.tdl-section--alt{background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));border-top:1px solid var(--ring);border-bottom:1px solid var(--ring)}
.tdl-section-title{font-size:clamp(1.6rem, 2.3vw + 1rem, 2.4rem);font-weight:800;margin:0}
.tdl-section-sub{color:var(--muted);max-width:62ch;margin:.5rem 0 1.25rem}
.tdl-grid-3{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:768px){.tdl-grid-3{grid-template-columns:repeat(3,1fr)}}
.tdl-grid-2{display:grid;grid-template-columns:1fr;gap:.75rem}
@media(min-width:640px){.tdl-grid-2{grid-template-columns:repeat(2,1fr)}}

.tdl-cards .tdl-card{border:1px solid var(--ring);border-radius:1rem;background:var(--soft);padding:1rem}
.tdl-card h3{margin-top:0}
.tdl-card ul{margin:.5rem 0 0 1rem}
.tdl-card--soft{background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02))}

.tdl-split{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:center}
@media(min-width:992px){.tdl-split{grid-template-columns:1.1fr .9fr}}
.tdl-split--reverse{@media(min-width:992px){grid-template-columns:.9fr 1.1fr}}

.tdl-media-box{min-height:18rem;border-radius:1.2rem;background:linear-gradient(135deg, rgba(244,114,182,.30), rgba(249,168,212,.15));border:1px solid var(--ring);display:flex;align-items:center;justify-content:center;color:var(--muted)}

.tdl-list{list-style:disc; margin: .5rem 0 1rem 1.25rem}
.tdl-link{color:var(--pink)}
.tdl-quote{border:1px solid var(--ring);border-radius:1rem;background:var(--soft);padding:1rem}
.tdl-center{text-align:center}

.tdl-form{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.tdl-form input, .tdl-form textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--ring);border-radius:.9rem;padding:.8rem;color:var(--fg)}
.tdl-form .tdl-label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.2rem}
.tdl-small{font-size:.8rem}
.tdl-muted{color:var(--muted)}

.tdl-contact{list-style:none;padding:0;margin:0}
.tdl-contact li{margin:.25rem 0}

.tdl-footer{border-top:1px solid var(--ring);padding:1.5rem 0;color:var(--muted)}
.tdl-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tdl-menu--footer a{color:var(--muted)}
.screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}